@charset "utf-8";
/*======================================
お知らせ
========================================*/
/*------------------------------
ページヘッダー
------------------------------*/
.page_header_wrap{
	background-image: url("../../../img/index_kosaku.jpg");
}

/*------------------------------
講習について
------------------------------*/
/*****
工作物石綿事前調査者講習とは
*****/
.tbl_kosaku{}
.tbl_kosaku th,
.tbl_kosaku td{
	vertical-align: middle;
}
.tbl_kosaku th{
	background-color: var(--tbl_color);
}
.tbl_kosaku .ttl_kubun{
	width: 24%;
}
.tbl_kosaku .ttl_shikaku{
	width: 26%;
}

/*****
受講資格
*****/
/***区分***/
.sekimen_kubun{
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin: 0 !important;
	padding: 0.5em;
	background-color: #555;
}
.sekimen_shikaku{
	margin: 0 auto 2em auto;
	padding: 1em;
	border: solid 1px #555;
}
.sekimen_reki,
.sekimen_jitsumu,
.sekimen_shoumei{
	text-align: center;
	padding: 0.5em;
	border-radius: 0.5em;
}
.sekimen_reki{
	background-color: #e1eef6;
}
.sekimen_jitsumu{
	background-color: #eee;
}
.sekimen_shoumei{
	background-color: #ddd;
}

/***分類***/
.ttl_bunrui{
	font-weight: bold;
	padding: 0.5em 0.5em 0.5em 2em;
	border-radius: 0.25em;
	background-color: var(--sub02_color);
	position: relative;
}
.ttl_bunrui::before{
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	border: solid 1px #555;
	background-image: url("../../../img/icon_plus.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 0.65em;
	position: absolute;
	top: 0.75em;
	left: 0.5em;
}
.ttl_bunrui.on_btnopen::before{
	background-image: url("../../../img/icon_minus.svg");
}

.dai_bunrui_wrap{
	margin: 0.75em 0 2em 0;
	padding: 0.5em;
	border: solid 2px var(--tbl_border);
}
.dai_bunrui{
	font-weight: bold;
}

.chu_bunrui_wrap{
	margin: 1em 0;
	padding: 0.5em;
	border: solid 1px var(--tbl_border);
}
.chu_bunrui{
	font-weight: bold;
	margin-bottom: 0.5em;
}

.sho_bunrui_wrap{
	padding: 0.5em;
	border: solid 2px var(--red_color);
	margin-top: 1em;
}
.sho_bunrui{
	font-weight: bold;
	color: var(--red_color);
}

.tbl_bunrui{
	font-size: 0.85em;
	margin-top: 0.5em;
	width: 100%;
	border-top: solid 1px var(--tbl_border);
	border-left: solid 1px var(--tbl_border);
}
.tbl_bunrui td{
	width: 20%;
	padding: 0.5em;
	border-bottom: solid 1px var(--tbl_border);
	border-right: solid 1px var(--tbl_border);
}

/*****
講習全体の流れ
*****/
.schedule_flow{}
.ttl_flow{
	font-weight: bold;
	text-align: center;
	color: var(--online_color);
	padding: 0.5em;
	border: solid 1px var(--online_color);
	border-radius: 0.25em;
}
.schedule_arrow{
	width: 3em;
	height: 1.5em;
	margin: 1em auto;
	background-color: var(--main_color);
	clip-path: polygon(0 0,100% 0,50% 100%);
}

.schedule_flow dl{
	border: solid 1px var(--main_color);
	border-radius: 0.25em;
}
.schedule_flow dl dt{
	text-align: center;
	color: #fff;
	padding: 0.5em;
	border-radius: 0.25em 0.25em 0 0;
	background-color: var(--main_color);
}
.schedule_flow dl dd{
	padding: 0.5em;
}

.flow_all{
	text-align: center;
	color: #fff;
	padding: 0.5em;
	border-radius: 0.25em;
	background-color: var(--main_color);
}

/*------------------------------
インターネットでお申し込み
------------------------------*/
/*****
申し込みに必要なもの
*****/
/***顔写真***/
.face_error{}
.face_error li{
	display: inline-block;
	margin-right: 1em;
}


/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media (min-width: 768px){
	/*------------------------------
	ページヘッダー
	------------------------------*/
	.header_apply_nav .btn_header_apply{
		width: 100%;
	}
	
	/*------------------------------
	インターネットでお申し込み
	------------------------------*/
}

/* スマホ----------------------------- */
@media (max-width: 767px){
	/*------------------------------
	ページヘッダー
	------------------------------*/
	.page_header_wrap{
		margin-top: 7.498em;
	}
	
	/*------------------------------
	インターネットでお申し込み
	------------------------------*/
}