@charset "utf-8";
#header_title { max-width: 2400px; min-width: 1400px; margin: 0 auto;}
/*.head_img_area { display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; background: url("../../img/top_sub_img.jpg") no-repeat center bottom / cover; overflow: hidden;}*/
.head_title { display: inline-block; font-size: 30px; color: #088f5e; line-height: 110px; padding: 0 50px; background: #fff;}
/*施設紹介動画*/
#movie { margin: 100px auto 0 auto;}
.movie_area { width: 1000px; margin: 0 auto; /*aspect-ratio: 16 / 9;*/}
/*施設概要*/
#gaiyou { margin-top: 100px;}
.gaiyou_box { width: 1000px; margin: 0 auto;}
.gaiyou_title { }
.gaiyou_list_area { display: flex; flex-wrap: wrap; width: 1000px; font-size: 16px; border-bottom: solid 1px #222; border-top: solid 1px #222; line-height: 24px; margin-top: 50px;}
.gaiyou_list_area li:nth-child(odd) { width: 150px; padding: 20px 0; text-align: center; border-right: solid 1px #222;}
.gaiyou_list_area li:nth-child(even) { width: 850px; padding: 20px 0 20px 45px;}
.gaiyou_list_area li:nth-child(3) { border-top: solid 1px #222; border-bottom: solid 1px #222;}
.gaiyou_list_area li:nth-child(4) { border-top: solid 1px #222; border-bottom: solid 1px #222;}
.gaiyou_list_area dl { display: flex; flex-wrap: wrap;}
.gaiyou_list_area dt { width: 255px; padding: 10px 0 10px 10px;}
.gaiyou_list_area dd { width: 550px; padding: 10px 0;}
.bg_glay { background: #ecf2f5;}
/*フロー*/
#flow { background: #e2f2ec; box-shadow: 0 0 0 100vmax #e2f2ec; clip-path: inset(0 -100vmax); padding-bottom: 100px; padding-top: 100px ; margin-top: 100px;}
.flow_box { width: 1000px; margin: 0 auto;}
.flow_title {}
.flow_area { width: 100%; margin: 50px auto 0;}
.flow_area img { width: 100%; height: auto;}
/*工事進捗記録*/
#kiroku { margin-top: 100px; margin-bottom: 100px;}
.kiroku_box { width: 1000px; margin: 0 auto;}
.kiroku_title {}
.btn_kiroku a { display: block; width: 235px; line-height: 45px; text-align: center; text-decoration: none; color: #fff; background-color: #001661; background-image: url("../../img/btn_arrow_right.png"); background-size: 30px 30px; background-repeat: no-repeat; background-position: right 12px center; border-radius: 25px; margin: 0 auto 0; transition: background-color .5s;}
.btn_kiroku a:hover { background-color: #4D66AD;}

@media screen and (max-width: 768px) {
	#header_title { max-width: none; min-width: auto; margin: 0;}
/*	.head_img_area { width: 100%; height: 400px; background: url("../../img/top_sub_img.jpg") no-repeat center bottom / cover;}*/
	.head_title { font-size: 25px; line-height: 80px; padding: 0 30px;}
	/*施設紹介動画*/
	#movie { margin: 50px auto 0 auto;}
	.movie_area { width: 100%; max-width: 500px; margin: 0 auto; /*aspect-ratio: 16 / 9;*/}
	.movie_area img { width: 100%; height: auto;}
	/*施設概要*/
	#gaiyou { margin-top: 50px;}
	.gaiyou_box { width: 100%}
	.gaiyou_title { }
	.gaiyou_list_area { width: 100%; border: none; line-height: 24px; margin-top: 50px;}
	.gaiyou_list_area li { text-align: center;}
	.gaiyou_list_area li:nth-child(odd) { width: 100%; padding: 10px 0 0; text-align: center; border-right: none; border-bottom: solid 1px #222;}
	.gaiyou_list_area li:nth-child(even) { width: 100%; padding: 10px 0 20px 0;}
	.gaiyou_list_area li:nth-child(3) {  border-top: none; border-bottom: solid 1px #222;}
	.gaiyou_list_area li:nth-child(4) {  border-top: none; border-bottom: none;}
	.gaiyou_list_area dl { display: flex; flex-wrap: wrap; text-align: left; padding:  0;}
	.gaiyou_list_area dt { width: 100%; padding: 10px 0 0;}
	.gaiyou_list_area dt::before { content: "■"; margin-right: 2px}
	.gaiyou_list_area dd { width: 100%; padding: 0 0 10px 18px; line-height: 160%;}
	.bg_glay { background: #ecf2f5; box-shadow: 0 0 0 100vmax #ecf2f5; clip-path: inset(0 -100vmax);
}
	/*フロー*/
	#flow { padding-bottom: 50px; padding-top: 50px ; margin-top: 50px;}
	.flow_box { width: 100%;}
	.flow_title { }
	.flow_area { width: 100%; max-width: 500px;}
	.flow_area img { width: 100%; height: auto;}
	/*工事進捗記録*/
	#kiroku { margin-top: 50px; margin-bottom: 50px;}
	.kiroku_box { width: 100%;}
	.kiroku_title { }
}