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

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

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

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

/*---------------------------------------------
二次検定ポイントコース
---------------------------------------------*/
.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);
}

/* ===========================================
	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){
	/*---------------------------------------------
	ページナビ
	---------------------------------------------*/
	#menu_list{
		font-size: clamp(1rem,3.1vw,1.2rem);
		line-height: 1.2;
	}
	
	/*****
	プレゼント
	*****/
	#monkai_present{
		margin-top: 2em;
	}
	
	/*---------------------------------------------
	二次検定ポイントコース
	---------------------------------------------*/
	.pointcourse_present_img{
		margin-top: 2em;
	}
}