@charset 'UTF-8';

/*-----------------------------------------------
14px:70.0%
16px:80.0%
17px:85.0%
18px:90.0%
19px:95.0%
20px:100%
21px:105.0%
22px:110.0%
23px:115.0%
24px:120.0%
32px:160.0%;
-----------------------------------------------*/


/* -------------------------------------
	cont01
----------------------------------------*/

#cont01 p {
	margin: 60px 0;
}
.page #cont01 img {
	width: 444px;
}
/* -------------------------------------
	cont02
----------------------------------------*/
#cont02 {
	padding: 50px 0;
}
.page #cont02 .wide_text {
	width: auto;
	float: none;
	margin: 0 0 20px;
}
#cont02 .white_inner {
	width: 952px;
	margin: auto;
	background-color: #fff;
	padding: 45px 74px 80px;
}
#cont02 dl {
	background-image: url(/rd/img/result04/arrow.png);
	background-repeat: no-repeat;
	background-position: 140px bottom;
	padding: 0 0 30px;
	text-align: left;
	width: 480px;
	margin: 0 0 10px
}
#cont02 .bg_none {
	background-image: none;
	margin: 0;
}
#cont02 dl dt,
#cont02 dl dd {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
#cont02 dl dt {
	background-color: #939393;
	padding: 10px 14px;
	color: #fff;
	font-size: 110.0%;
	margin: 0 8px 0 0;
}
#cont02 dl dd,
#cont02 dl dd span {
	font-size: 16px;
	line-height: 1.4;
}
#cont02 .white_inner .result02 {
	border: 1px solid #eeeeee;
	width: 420px;
	float: right;
	padding: 20px 0 10px;
}
#cont02 .white_inner .result02 p {
	text-align: center;
	width: auto;
	float: none;
	font-size: 75.0%;
}
#cont02 .white_inner .result02 img {
	width: 420px;
}
#cont02 .white_inner .result03 img {
	width: 480px;
	margin: 0 0 0 -20px;
}
#cont02 .white_inner h4 {
	margin: 0 0 50px;
}
#cont02 .gray_inner {
	background-color: #f5f5f5;
	width: 420px;
	float: right;
	padding: 30px 0 40px;
	margin: 30px 0 0;
}
#cont02 .gray_inner p {
	text-align: center;
	width: auto;
	float: none;
	width: 420px;
}
#cont02 .gray_inner .text01 {
	background-image: url(/rd/img/result04/arrow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0 0 30px;
	font-size: 75.0%;
}
#cont02 .gray_inner .text02 {
	display: inline;
	border-bottom: 5px solid #e1e17b;
}

/* -------------------------------------
	cont03
----------------------------------------*/

#cont03 p {
	margin: 100px 0;
}

/* -------------------------------------
	tablet style
----------------------------------------*/
@media screen and (max-width: 1200px) {
	#cont01 p,
	#cont02 p,
	#cont03 p {
		margin: 0;
	}
	#cont02 .white_inner .fl_l,
	#cont02 .white_inner .fl_r,
	#cont02 .white_inner .result02{
		float: none;
	}
	#cont02 .white_inner {
		width: 90%;
		margin: auto;
		padding: 4%;
	}
	#cont02 {
		padding: 50px 0 30px;
	}
	#cont02 dl,
	#cont02 .white_inner .result02,
	#cont02 .white_inner .result02 img,
	#cont02 .white_inner .result03 img,
	#cont02 .gray_inner {
		width: auto;
		float: none;
	}
	#cont02 .white_inner .result02 {
		margin: 10px 0 30px;
	}
	#cont02 .gray_inner .text01 {
		padding: 0 0 30px;
		width: auto;
		margin: 0 0 10px;
	}
	#cont02 .white_inner h4 {
		margin: 10px 0 30px;
	}
	#cont02 dl {
		background-image: url(/rd/img/result04/arrow.png);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
}

/* -------------------------------------
	sp style
----------------------------------------*/
@media screen and (max-width:640px) {
	#cont01 p{
		margin: 0 0 0;
	}
	#cont03 p {
		margin: 5% 0 0;
	}
	#cont02 {
		padding: 4% 0;
	}
	#cont02 .white_inner .result02 img,
	#cont02 .white_inner .result03 img,
	.page #cont01 img {
		width: 100%;
		float: none;
		margin: 4% 0;
	}
	.page #cont02 .wide_text {
		width: 85.9375%;
		margin: 2% auto;
		float: none;
	}
	#cont02 p {
		width: 85.9375%;
		float: none;
		margin: auto;
	}
	.result .sp_inner {
		width: 85.9375%;
	}
}
@media screen and (max-width:520px) {
	#cont02 .white_inner h4 {
		font-size: 90%;
	}
}
@media screen and (max-width:470px) {
	#cont02 .white_inner h4 {
		font-size: 80%;
	}
	#cont02 dl dt {
		padding: 6px 8px;
		font-size: 100.0%;
		margin: 0 8px 0 0;
	}
	#cont02 dl dd, #cont02 dl dd,
	#cont02 dl dd, #cont02 dl dd span {
		font-size: 14px;
	}
	#cont02 .gray_inner .text01 {
		font-size: 70%;
	}
}
@media screen and (max-width:414px) {
	#cont02 .gray_inner .text01 {
		font-size: 65%;
	}
}
@media screen and (max-width:375px) {
	.page #main #title h2, .page #main #title h2 span {
		font-size: 24px;
	}
	#cont02 .white_inner h4 {
		font-size: 75%;
	}
	#cont02 dl dd, #cont02 dl dd,
	#cont02 dl dd, #cont02 dl dd span {
		font-size: 13px;
	}
	#cont02 .gray_inner .text01 {
		font-size: 60%;
	}
	#cont02 .gray_inner .text02 {
		font-size: 75%;
	}
}
@media screen and (max-width:320px) {
	.page #main #title h2, .page #main #title h2 span {
		font-size: 20px;
	}
	#cont02 .white_inner h4 {
		font-size: 65%;
	}
	#cont02 .white_inner {
		width: 86%;
		padding: 4%;
	}
	#cont02 dl dt {
		padding: 4px 6px;
		font-size: 80.0%;
		margin: 0;
	}
	#cont02 dl dd, #cont02 dl dd,
	#cont02 dl dd, #cont02 dl dd span {
		font-size: 12px;
	}
	#cont02 .gray_inner .text01 {
		font-size: 55%;
	}
	#cont02 .gray_inner .text02 {
		font-size: 65%;
	}
}

/*
.result_inner {
	opacity: 0;
}*/