@charset "utf-8";
/*============================
解答速報
=============================*/
:root{
	--2ji_color: #974509;
}

/*****
解答速報LIVE
*****/
/***LIVE配信が無い場合***/
.no_live_section .no_live_ttl{
	background-color: rgba(151,69,9,0.65);
}

/*****
WEB採点サービス
*****/
/***タイトル***/
.ttl_gradingservice{
	border: solid 6px #974509;
}
.icon_kentei{
	background-color: #974509;
}

/*****
100本ノック
*****/
.nock100_point_list{
	margin-top: 1em;
}
.nock100_point_list li{
	display: flex;
	align-items: flex-start;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.nock100_point_list li .nock100_icon{
	display: inline-block;
	color: #fff;
	margin-right: 0.5em;
	padding: 0 0.5em;
	border-radius: 0.25em;
	background-color: #db2929;
}

.nock100_sp_img{
	flex-shrink: 0;
	width: 80%;
	max-width: 428px;
	margin: 0 0 0 2em;
}


/*---------------------------------------------
二次検定ポイントコース
---------------------------------------------*/
.point_box{
	margin-top: 1em;
	border: solid 2px var(--2ji_color);
	background-color: #fff;
}
.point_box_ttl{
	display: inline-block;
	font-weight: bold;
	color: #fff;
	padding: 0.25em 2em 0.25em 1em;
	border-radius: 0 0 2em 0;
	background-color: var(--2ji_color);
}

.point_box_inner{
	padding: 1em 1em 0.5em 1em;
}
.point_box_ttl02{
	font-size: 1.1em;
	font-weight: bold;
	color: var(--2ji_color);
	margin-bottom: 1em;
	padding-bottom: 0.25em;
	border-bottom: solid 1px var(--2ji_color);
}


/*****
解答試案プレゼント
*****/
#shian_present{
	margin-top: 4em;
}


/* ===========================================
	MediaQueries
=========================================== */

/* PC----------------------------- */
@media screen and (min-width: 768px){
	.flex_between_pc .btn_normal{
		width: 48%;
	}
	
	/*---------------------------------------------
	二次検定ポイントコース
	---------------------------------------------*/
	.point_box{
		width: 32%;
	}
	
	.pointcourse_present_img{
		flex-shrink: 0;
		margin-left: 2em;
	}
}

/* スマホ----------------------------- */
@media screen and (max-width: 767px){
	/*****
	100本ノック
	*****/
	.nock100_sp_img{
		margin: 0 auto;
	}
	
	/*---------------------------------------------
	二次検定ポイントコース
	---------------------------------------------*/
	.pointcourse_present_img{
		margin-top: 2em;
	}
}