@charset "utf-8";

/* =============================================
	合格への道
============================================= */
#content_main.road_index{
	background: url(../img/bg.png) repeat left top, url(../img/index_bg.jpg) no-repeat center 0;
	background-size: auto auto, cover;
}
.road_index{
	margin-top: 0;
	padding: 0 0 50px;
	min-height: 600px;
}

/*---------------------------------------------
	合格発表
---------------------------------------------*/
.box_wrap_flex{ display: flex; }
.box1{ padding-right: 15px; }
.fontsize_big{
	font-size: 2.2rem;
}
.report_point{
	margin: 15px 0 ;
	padding: 20px;
	text-align: center;
	font-size: 1.7rem;
	color: #ed5032;
	font-weight: bold;
	border: 1px solid #ed5032;
}
.report_point p{
	margin: 0;
	line-height: 1.5;
}
.bn_cont{
	margin: 20px 0 20px;
}
.bn_cont img{
	width: 100%;
}
.interview_btn a{
	background: url(../img/interview_btn_bg.png) no-repeat center top;
	height: 65px;
	text-align: center;
	display: block;
	vertical-align: middle;
}
.simple_section p.success_data{
	margin: 0;
	padding: 10px 0;
	text-align: center;
	border-radius: 10px;
	background-color: #f8f258;
	font-size: 3.2rem;
}
.interview_btn a img{ vertical-align: middle; }
.interview_btn a:hover{ opacity: 0.8; }
.simple_section p.success_info{
	margin-top: 15px;
	text-align: center;
	line-height: 1.2;
}


.passrate_btn_cont{ margin: 0 0 15px; }
.passrate_btn{ margin: 0 0 10px; }
.passrate_btn a:hover{ opacity: 0.8; }
.passrate_note li{
	margin: 0;
	vertical-align: 1.3;
}


/*****
オススメの講座（合格基準点の高得点化に対応より）
*****/
.recom_area{
	border: solid 2px #99cdff;
}
.recom_area .recom_lead{
	padding: 1em;
}
.recom_area .recom_box{
	display: flex;
}
.recom_area .recom_course{
	width: 50%;
	padding: 1em;
	border-top: solid 1px #99cdff;
}
.recom_area .recom_course:first-of-type{
	border-right: dashed 1px #99cdff;
}
.recom_course li{
	font-size: 1.6rem;
}
.recom_ttl_lead{
	font-size: 1.6rem;
	color: #e04536;
	margin-bottom: 0.5em;
}
.recom_ttl{
	font-size: 1.8rem;
	font-weight: bold;
	color: #3e3e3e;
}
/*.recom_area{
	display: flex;
	justify-content: space-between;
	margin-bottom: 2em;
}
.recom_area .recom_l{
	width: 100%;
	max-width: 590px;
}
.recom_area .recom_r{
	width: 100%;
	max-width: 360px;
}

.recom_area .recom_course{
	border: solid 2px #99cdff;
}
.recom_ttl{
	font-size: 1.8rem;
	font-weight: bold;
	color: #3e3e3e;
	padding: 0.5em 1em;
	background-color: #99cdff;
}
.recom_area .recom_price{
	border: solid 2px #fdd903;
}
.recom_ttl_price{
	font-size: 1.8rem;
	font-weight: bold;
	color: #3e3e3e;
	padding: 0.5em 1em;
	background-color: #fdd903;
}*/

.recom_text{
	padding: 1em;
}


/*---------------------------------------------
	本試験 合格発表
---------------------------------------------*/
.passrate_btn_cont{ margin: 0 0 15px; }
.passrate_btn{ margin: 0 0 10px; }
.passrate_btn a:hover{ opacity: 0.8; }
.passrate_note li{
	margin: 0;
	vertical-align: 1.3;
}
.passrate_box{
 font-size: 1.2em;
 text-align: center;
 color: #fff;
 margin-bottom: 0.5em;
 padding: 0.5em;
 background-color: #ed5032;
}


/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media screen and (min-width: 768px){

	/* 2分割 */
	.column_2_wrap{ display: flex; }
	.column_2_cont{ text-align: left; }
	.column_2_cont:first-child{ margin-right: 20px; }
	.stretch_cont{ flex: 1; }

}

/* スマホ----------------------------- */
@media screen and (max-width: 767px){
	#content_main.road_index{
		background: url(../img/bg.png) repeat left top, url(../img/index_bg.jpg) no-repeat center 105%;
		background-size: auto auto, 100% auto;
	}
	.road_index{
		padding-bottom: 28%;
		min-height: 0;
	}

	/* 宅建 合格発表 */
	.passrate_note li{ font-size: 1.2rem; }
	.report_point{
		padding: 10px;
		font-size: 1.5rem;
	}
	
	/*****
	オススメの講座
	*****/
	.recom_area .recom_box{
		display: block;
	}
	.recom_area .recom_course{
		width: 100%;
	}
	.recom_area .recom_course:first-of-type{
		border-right: none;
	}
	.recom_course li{
		font-size: 1.4rem;
	}
	.recom_ttl{
		font-size: 1.6rem;
	}
	/*.recom_area{
		display: block;
	}
	.recom_area .recom_r{
		margin-top: 1em;
	}
	.recom_ttl{
		font-size: 1.6rem;
	}*/
	
	/*---------------------------------------------
	本試験　合格発表
	---------------------------------------------*/
	.passrate_note li{ font-size: 1.2rem; }
}

/* print----------------------------- */
@media print{
	/* 2分割 */
	.column_2_wrap{ display: flex; }
	.column_2_cont{ text-align: left; }
	.column_2_cont:first-child{ margin-right: 20px; }
	.stretch_cont{ flex: 1; }
}