@charset "utf-8";
#kengaku { margin: 80px 0 160px 0;}
h3 { width: 100%; margin: 0 0 30px 0; padding: 30px 0; font-size: 28px; letter-spacing: 2px; color: var(--blue2-color); border-bottom: solid 1px var(--blue2-color); border-top: solid 5px var(--blue2-color);}

/*見学について表*/
.kengaku_list { display: flex; flex-wrap: wrap; margin: 40px 0 60px 0 }
.kengaku_list dt { display: flex; justify-content: center; align-items: center; width: 260px; margin: 0 10px 10px 0; padding: 12px 0; color: #fff; font-weight: bold; background: #428dc6; }
.kengaku_list dd { width: 830px; background: var(--blue4-color); margin-bottom: 10px; padding: 12px 0 12px 20px; }
.kengaku_list span { display: inline-block;}

.map { width: 100%; text-align: center; margin: 60px auto 60px auto;}

.map_img { max-width: 982px; width: 100%; margin: 20px auto 100px auto;}
.map_img img { width: 100%; height: auto; }

/*TEL/FAX*/
.tel_area { display: flex; flex-wrap: wrap; margin-bottom: 50px; }
.tel_area li:nth-child(1) { font-size: 32px; line-height: 50px; color: var(--blue2-color); font-weight: bold; background: url("../img/tel.png") no-repeat left center; padding: 0 0 0 70px;}
.tel_area li:nth-child(2) { padding: 18px 0 0 20px ;}
.tel_area a { text-decoration: none; color: var(--blue2-color);}
.fax_area { display: flex; flex-wrap: wrap; margin-bottom: 20px; }
.fax_area li:nth-child(1) { font-size: 32px; line-height: 50px; color: var(--blue2-color); font-weight: bold; background: url("../img/fax.png") no-repeat left center; padding: 0 0 0 70px; text-decoration:none;}
.fax_area li:nth-child(2) { padding: 18px 0 0 20px; }






@media screen and (max-width: 768px) {
	#kengaku { margin: 40px 0 80px 0;}
	h3 { width: 100%; margin: 20px 0 15px 0; padding: 20px 0; font-size: 20px; letter-spacing: 1px; color: var(--blue2-color); border-bottom: solid 1px var(--blue2-color); border-top: solid 5px var(--blue2-color);}
	
	/*見学について表*/
	.kengaku_list { flex-flow: column; margin: 40px 0 60px 0 }
	.kengaku_list dt { display: flex; width: 100%; margin-bottom: 0; }
	.kengaku_list dd { width: 100%; padding: 15px 20px 15px 20px; }
	/*TEL/FAX*/
	.tel_area li:nth-child(1) { font-size: 30px; }
	.tel_area li:nth-child(2) { padding: 18px 20px 0 20px; }
	.fax_area li:nth-child(1) { font-size: 30px; }
	.fax_area li:nth-child(2) { padding: 18px 20px 0 20px; }
	
	.map { width: 100% ;margin: 20px auto 30px auto; }
	.map iframe { aspect-ratio: 16 / 9;  width: 100%;  height: 100%;}
	.map_img { margin: 20px 0 50px 0;}
	
}