@charset "utf-8";
/*======================================
よくあるお問い合わせ
========================================*/
/*------------------------------
ページヘッダー
------------------------------*/
.page_header_wrap{
	background-image: url("../img/page_header.jpg");
}

/*------------------------------
FAQ
------------------------------*/
.faq_block{
	margin-bottom: 2em;
}
.faq_q{
	padding: 0.5em 0.5em 0.5em 2em;
	border-radius: 0.25em;
	background-color: #beeccd;
	position: relative;
}
.faq_q::before{
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	border: solid 1px #333;
	background-image: url("../../img/icon_plus.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 0.8em auto;
	position: absolute;
	top: 0.8em;
	left: 0.5em;
}
.faq_q.on_btnopen::before{
	background-image: url("../../img/icon_minus.svg");
}

.faq_a{
	margin-top: 0.5em;
	padding: 0.5em 0.5em 0.5em 2em;
	border: solid 2px #ffd6ba;
	border-radius: 0.25em;
	position: relative;
}
.faq_a::before{
	content: 'A.';
	display: inline-block;
	position: absolute;
	top: 0.5em;
	left: 0.5em;
}

/***
開閉のクラス
***/
.btn_panel{
	cursor: pointer;
}
.panel{
	display: none;
}
/*オープン中*/
.on_btnopen{}
.panel_open{}


/*------------------------------
受講期日早見表
------------------------------*/
.tbl_hayami{
	text-align: center;
	border-top: solid 2px var(--tbl_border);
	border-bottom: solid 2px var(--tbl_border);
	border-left: solid 2px var(--tbl_border);
}
.tbl_hayami th,
.tbl_hayami td{
	vertical-align: middle;
}
.tbl_hayami th{
	border-right: solid 2px var(--tbl_border);
}

.tbl_hayami td.nendo1,
.tbl_hayami td.nendo2{
	border-right: solid 2px var(--tbl_border);
}
.tbl_hayami td.nendo1{
	background-color: #ffeca1;
}
.tbl_hayami td.nendo2{
	background-color: #ffcba1;
}

.tbl_hayami td.kijitsu1,
.tbl_hayami td.kijitsu2{
	border-right: solid 2px var(--tbl_border);
}
.tbl_hayami td.kijitsu1{
	background-color: #fff5ce;
}
.tbl_hayami td.kijitsu2{
	background-color: #ffe6d2;
}


/*------------------------------
お問い合わせ
------------------------------*/
.tel_num_area{
	text-align: center;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: dashed 1px #858585;
}
.tel_num{
	font-size: clamp(1.6rem,2vw,2.4em);
	font-weight: bold;
}
.tel_num img{
	width: 1.25em;
	margin-right: 0.5em;
}

/*****
各講習の問い合わせ先
*****/
.contact_lesson{
	font-size: 0.85em;
	margin-top: 2em;
}

.single_box{
	margin-bottom: 2em;
	border: solid 1px #858585;
	border-radius: 0.25em;
}

.single_inner{
	padding: 0.5em;
	background-color: rgba(255,255,255,0.9);
}
.ttl_contact{
	font-size: 1.1em;
	font-weight: bold;
	color: var(--main_color);
}


/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media (min-width: 768px){
	/*------------------------------
	受講期日早見表
	------------------------------*/
	.tbl_hayami{
		font-size: 0.85em;
		width: 100%;
	}
	
	/*------------------------------
	お問い合わせ
	------------------------------*/
	/*****
	各講習の問い合わせ先
	*****/
	.contact_lesson{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.single_box{
		width: 48%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#bg_kenchikushi{
		background-image: url("../../img/index_kenchiku1q.jpg");
	}
	#bg_kanri{
		background-image: url("../../img/index_kanri.jpg");
	}
	#bg_denkikoujishi{
		background-image: url("../../img/index_denki.jpg");
	}
	#bg_hyoukain{
		background-image: url("../../img/index_hyoukain.jpg");
	}
	#bg_housing{
		background-image: url("../../img/index_touroku.jpg");
	}
	#bg_housing_jitsumu{
		background-image: url("../../img/index_jitsumu.jpg");
	}
	#bg_sekimen_kousaku{
		background-image: url("../../img/index_kosaku.jpg");
	}
	#bg_mankan{
		background-image: url("../../img/index_mankan.jpg");
	}
	#bg_fudousan{
		background-image: url("../../img/index_fudousan.jpg");
	}
	#bg_mizuriyo{
		background-image: url("../../img/index_other.jpg");
	}
	
	.single_inner{
		border-radius: 0.25em;
	}
}

/* スマホ----------------------------- */
@media (max-width: 767px){
	/*------------------------------
	受講期日早見表
	------------------------------*/
	.scroll_wrap .scroll_table table.tbl_hayami{
		width: auto;
	}
	.tbl_hayami td{
		white-space: nowrap;
	}
	
	/*------------------------------
	お問い合わせ
	------------------------------*/
	/*****
	各講習の問い合わせ先
	*****/
	.single_box::before{
		content: '';
		display: block;
		width: 100%;
		aspect-ratio: 100 / 20;
		border-radius: 0.25em 0.25em 0 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#bg_kenchikushi::before{
		background-image: url("../../img/index_kenchiku1q.jpg");
	}
	#bg_kanri::before{
		background-image: url("../../img/index_kanri.jpg");
	}
	#bg_denkikoujishi::before{
		background-image: url("../../img/index_denki.jpg");
	}
	#bg_hyoukain::before{
		background-image: url("../../img/index_hyoukain.jpg");
	}
	#bg_housing::before{
		background-image: url("../../img/index_touroku.jpg");
	}
	#bg_housing_jitsumu::before{
		background-image: url("../../img/index_jitsumu.jpg");
	}
	#bg_sekimen_kousaku::before{
		background-image: url("../../img/index_kosaku.jpg");
	}
	#bg_mankan::before{
		background-image: url("../../img/index_mankan.jpg");
	}
	#bg_fudousan::before{
		background-image: url("../../img/index_fudousan.jpg");
	}
	#bg_mizuriyo::before{
		background-image: url("../../img/index_other.jpg");
	}
}