body {
	background-image: url(../img/bg_2.png);
	background-repeat: repeat-x repeat-y;
	background-position: center;
}

.mr_bg_left {
	top: 0;
	left: 0;
	position: absolute;
	width: 252px;
	z-index: -1000;
	background-image: url(../img/bg_left_2.png);
	background-repeat: repeat-y;
}

.mr_bg_right {
	top: 0;
	right: 0;
	position: absolute;
	width: 282px;
	z-index: -1000;
	background-image: url(../img/bg_right_2.png);
	background-repeat: repeat-y repeat-x;
}

.check_title_img {
	background-image: url(../img/check_title.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 1476px 176px;
	height: 176px;
}

.check_img {
	background-image: url(../img/check_body.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 970px 677px;
	height: 677px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.check_img > div {
	width: 970px;
	margin: 0 auto;
	position: relative;
}

.check_bottom_img {
	background-image: url(../img/check_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 1366px 284px;
	height: 284px;
	position: absolute;
	bottom: 0px;
}

h1.check_product {
	position: absolute;
	top: 90px;
	left: 130px;
	font-weight: 900;
	text-align: center;
	width: 400px;
	line-height: 1.5em;
	letter-spacing: .2em;
	font-size: 2.2em;
}

h2.check_product {
	position: absolute;
	top: 235px;
	left: 150px;
	font-weight: 600;
	text-align: center;
	width: 340px;
	line-height: 2em;
	letter-spacing: .2em;
	font-size: 1.8em;
}

h3.check_product {
	position: absolute;
	width: 125px;
	height: 125px;
	margin-right: 30px;
	border-radius: 99em;
	background-color: #000;
	background: -webkit-linear-gradient(-45deg,#666,#000);
	background: -o-linear-gradient(-45deg,#666,#000);
	background: -moz-linear-gradient(-45deg,#666,#000);
	background: linear-gradient(-45deg,#666,#000);
	-moz-transform-origin: center center;
	-moz-transform: rotate(10deg);
	-webkit-transform-origin: center center;
	-webkit-transform: rotate(10deg);
	-o-transform-origin: center center;
	-o-transform: rotate(10deg);
	-ms-transform-origin: center center;
	-ms-transform: rotate(10deg);
	transform-origin: center center;
	transform: rotate(10deg);
	color: #fff;
	font-weight: 100;
	text-align: center;
	padding-top: 22px;
	padding-left: 8px;
	z-index: 999;
	float: left;
	left: 503px;
	top: 45px;
	font-size: 2em;
	line-height: 1.3em;
	letter-spacing: 0.2em;
	border: solid 3px #000;
	text-shadow: 0px 0px 4px #000, 0px 0px 4px #000, 0px 0px 4px #000, 0px 0px 4px #000, 0px 0px 4px #000, 0px 0px 4px #000, 0px 0px 4px #000;
}

.btn_check_img {
	position: absolute;
	background-image: url(../img/btn_check.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 360px 170px;
	background-position: top center;
	width: 360px;
	height: 85px;
	left: 150px;
	top: 480px;
	cursor: pointer;
}

.btn_check_img:hover {
	background-position: 0px -90px;
}

.btn_check_img_mobile {
	display: none;
}

#mr_footer {
	margin-top: 0px !important;
}

.check_product_fix {
	display: none;
}

#mr_check_question {
	margin-top: 40px;
	margin-bottom: 40px;
}

.mr_check_question_title {
	background-image: url(../img/check_question_title.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 970px 162px;
	height: 162px;
}

.mr_check_question_body {
	background-image: url(../img/check_question_body.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 970px 431px;
	height: 431px;
}

.mr_check_question_bottom {
	background-image: url(../img/check_question_bottom.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 970px 84px;
	height: 84px;
}

.mr_check_question_title > div,
.mr_check_question_body > div,
.mr_check_question_bottom > div {
	width: 970px;
	margin: 0 auto;
	position: relative;
}

.mr_check_question_title > div {
	width: 970px;
	margin-top: 40px;
	padding-left: 100px;
	padding-top: 5px;
	position: relative;
}

.mr_check_question_body > div {
	width: 820px;
	margin-top: 36px;
	height: 360px;
	overflow: hidden;
}

.mr_check_question_body > div > div {
	width: 2460px;
}

.mr_check_question_body > div > div > div {
	width: 820px;
	float: left;
}

.mr_check_question_bottom > div {
	width: 970px;
	padding-top: 0px;
}

.mrq {
	height: 90px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.mrq > span {
	position: absolute;
	left: 90px;
	width: 2px;
	height: 90px;
	background-image: url(../img/check_question_split.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 2px 66px;
}

.mrq > em {
	position: absolute;
	padding-left: 28px;
	font-size: 4em;
	line-height: 90px;
	vertical-align: middle;
}

.mrq > strong {
	position: absolute;
	padding-left: 128px;
	font-size: 1.8em;
	line-height: 90px;
	letter-spacing: .2em;
	vertical-align: middle;
}

.mrq > p {
	position: absolute;
	left: 770px;
	width: 44px;
	height: 90px;
	background-image: url(../img/question_arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 46px 44px;
}

.q1s {
	height: 45px;
	background-color: #ffffff;
}

.q2s {
	height: 90px;
	background-color: #ffffff;
}

.q1e,
.q2e,
.q3e {
	background-color: #ffffff;
}

.q1o,
.q2o,
.q3o {
	background-color: #ffe7ef;
}

.q1e:hover,
.q2e:hover,
.q3e:hover {
	background-color: #f6f6f6;
}

.q1o:hover,
.q2o:hover
.q3o:hover {
	background-color: #ffc9db;
}

.check_step {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin: 0 9px;
	border-radius: 10px;
	background-color: #dfdfdf;
}

.check_step_active {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin: 0 9px;
	border-radius: 10px;
	background-color: #ffe7ef;
}

.mr_check_question_title > div > div {
	position: absolute;
	top: 10px;
	left: 100px;
}

.mr_check_question_title > div > div > .question_no {
	font-size: 1.8em;
	font-weight: 900;
	display: block;
}

.mr_check_question_title > div > div > .question_no_mobile {
	font-size: 4vw;
	display: none;
}

.mr_check_question_title > div > div > .question_text {
	font-size: 2.3em;
	font-weight: 900;
	letter-spacing: .2em;
}

.check_question_title_header {
	display: none;
	position: absolute;
}

#check_step_2_1,
#check_step_3_2 {
	position: absolute;
	top: 0px;
	left: 80px;
	background: url(../img/check_back.png) no-repeat top center;
	width: 76px;
	height: 26px;
	cursor: pointer;
}

#check_step_2_1:hover,
#check_step_3_2:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

@media screen and (max-width: 991px) {
	.check_title_img {
		background: url(../img/check_title_mobile.png) no-repeat top center;
		display: block;
		height: 0;
		background-size: 100%;
		padding-bottom: 22%;
	}
	
	.check_img {
		background: url(../img/check_body_mobile.png) no-repeat top center;
		display: block;
		height: 0;
		background-size: 90%;
		padding-bottom: 105%;
		margin-top: 20px;
		margin-bottom: 0px;
		width: 100%;
	}

	.check_img > div {
		width: 100%;
	}
	
	.check_bottom_img {
		background: url(../img/check_bottom_mobile.jpg) no-repeat bottom center;
		display: block;
		height: 0;
		background-size: 100%;
		padding-bottom: 57.8%;
		z-index: -9999;
	}
	
	h1.check_product {
		font-size: 5vw !important;
		margin-top: 5.2vw !important;
		top: 0px;
		left: 12.5vw;
		width: 80vw;
	}
	
	h2.check_product {
		font-size: 4vw !important;
		margin-top: 10vw !important;
		top: 10vw;
		left: 9.5vw;
		width: 38vw;
		text-align: left;
		line-height: 8vw;
		letter-spacing: 0.5vw;
	}
	
	h3.check_product {
		display: none;
	}

	.check_product_fix {
		position: absolute;
		width: 12vw;
		display: block;
		top: -2.2vw;
		left: -4.5vw;
	}
	
	.check_product_fix:after {
		content: "";
		display: block;
		width: 100%;
		height: 0px;
		padding-bottom: 100%;
		background: #000; 
		-moz-border-radius: 50%; 
		-webkit-border-radius: 50%; 
		border-radius: 50%;
	}
	
	.check_product_fix div {
		float: left;
		width: 100%;
		padding-top: 0%;
		font-size: 3vw;
		line-height: 4.2vw;
		letter-spacing: 0.6vw;
		margin-top: 2vw;
		margin-left: 0.4vw;
		text-align: center;
		color: #fff;
		font-weight: initial;
	}
	
	.check_product_title_br {
		display: none;
	}
	
	.btn_check_img {
		display: none;
	}
	
	.btn_check_img_mobile {
		display: block;
		position: absolute;
		background-image: url(../img/btn_check_mobile.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% auto;
		background-position: top center;
		width: 76vw;
		height: 14vw;
		left: 9vw;
		top: 58vw;
		cursor: pointer;
	}
	
	#mr_check_question {
		margin-top: 20px;
		margin-bottom: 0px;
	}

	.mr_check_question_title {
		background: url(../img/check_question_title_mobile.png) no-repeat bottom center;
		display: block;
		height: 0;
		background-size: 90%;
		padding-bottom: 15vw;
	}
	
	.check_question_title_header {
		display: block;
		right: 6.8vw;
		top: -3.8vw;
		width: 17vw;
	}

	.mr_check_question_body {
		background: url(../img/check_question_body_mobile.png) repeat-y top center;
		display: block;
		height: 0;
		background-size: 90%;
		padding-bottom: 52vw;
	}

	.mr_check_question_bottom {
		background: url(../img/check_question_bottom_mobile.png) no-repeat top center;
		display: block;
		height: 0;
		margin-top: 0;
		background-size: 90%;
		padding-bottom: 38vw;
	}
	
	.mr_check_question_title > div {
		width: 90%;
		top: 4vw;
		margin-top: 4.5vw;
		padding-left: 5vw;
		padding-top: 0;
	}
	
	.mr_check_question_bottom > div {
		width: 90%;
		padding-top: 2.3vw;
	}
	
	.mr_check_question_title > div > div {
		top: -4vw;
		left: 5vw;
		width: 90%;
	}

	.mr_check_question_title > div > div > .question_no {
		display: none;
	}

	.mr_check_question_title > div > div > .question_no_mobile {
		display: block;
		float: left;
	}

	.mr_check_question_title > div > div > .question_text {
		font-size: 4.1vw;
		font-weight: 900;
		letter-spacing: .5vw;
	}

	.check_step {
		width: 3vw;
		height: 3vw;
		margin: 0 .8vw;
		border-radius: 2vw;
	}

	.check_step_active {
		width: 3vw;
		height: 3vw;
		margin: 0 .8vw;
		border-radius: 2vw;
	}
	
	.mr_check_question_body > div {
		width: 80%;
		margin-top: 2vw;
		height: 48vw;
		overflow: hidden;
	}

	.mr_check_question_body > div > div {
		width: 240%;
	}

	.mr_check_question_body > div > div > div {
		width: 80%;
	}
	
	.mrq {
		height: 12vw;
	}

	.mrq > span {
		left: 12vw;
		width: 2px;
		height: 12vw;
		background-size: 2px 8vw;
	}

	.mrq > em {
		padding-left: 4vw;
		font-size: 7vw;
		line-height: 12vw;
	}

	.mrq > strong {
		padding-left: 16vw;
		font-size: 4vw;
		line-height: 12vw;
		letter-spacing: .5vw;
	}
	
	.mrq > p {
		left: 67vw;
		width: 6vw;
		height: 12vw;
		background-image: url(../img/question_arrow_mobile.png);
		background-size: 100%;
	}

	.q1s {
		height: 5vw;
	}

	.q2s {
		height: 12vw;
	}
	
	#check_step_2_1,
	#check_step_3_2 {
		position: absolute;
		top: 2.5vw;
		left: 5vw;
		background: url(../img/check_back.png) no-repeat top center;
		background-size: 100%;
		width: 11vw;
		max-width: 76px;
		padding-bottom: 30%;
		cursor: pointer;
	}
}

@media screen and (min-width: 992px) {
	.check_bottom_img_fix {
		background-image: url(../img/ckeck_bottom_fix.png);
		background-repeat: repeat-x;
		background-position: bottom center;
		background-size: 98px 63px;
		height: 284px;
		bottom: 0px;
	}
	
	.mr_check_question_bottom > div {
		margin-top: 25px;
	}
}