@charset "utf-8";
/*topイメージ*/
.top_img_area2 { position: relative; width: 100%; background: url("../img/header_photo.png") no-repeat; background-size: cover; max-width: 1400px; min-width: 1180px; margin: 20px auto 0 auto;}
.top_img_area2:before { content:""; display: block; padding-top: 28.64%; }
.top_img2 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center;}
.main_title_area { width: 100%;}
.main_title {max-width: 480px; width: 100%; height: 60px; line-height: 60px; background: #009944; text-align: center; color: #fff; font-size: 28px; font-weight: 500; border-radius: 50px; margin: 0 auto; letter-spacing: 2px;}
/*未来づくり*/
.mirai_area { position: relative; width: 100%; background: url("../img/machi_img.jpg") no-repeat; background-size: cover; max-width: 1310px; min-width: 1180px; margin: 50px auto 0 auto; }
.mirai_area:before { content:""; display: block; padding-top: 50.38%; }
.mirai { position: absolute; top: 0; left: 0; bottom: 0; right: 0; justify-content: center; align-items: center;}
.mirai_title { max-width: 660px; width: 100%; margin: 30px auto 0 auto; }
.mirai_title img { width: 100%; height: auto; }
.mirai_come { max-width: 510px; width: 100%; margin: 70px auto 0 auto; font-size: 16px; line-height: 180%; }
.mirai_area2 { display: none;}
/*やさしい施設*/
.gray_box_area { display: flex; justify-content: space-between; max-width: 1000px; width: 100%; margin: 50px auto;}
.gray_box { max-width: 480px; width: 100%; height: 448px; background: url("../img/gray_bk.png") no-repeat; background-size: cover; padding: 40px;}
.gray_box dt { font-size: 27px; font-weight: 700; line-height: 140%; color: #000048;}
.gray_box dd { font-size: 16px; line-height: 180%;}
.gray_com1 { margin-top: 55px;}
.gray_com2 { margin-top: 20px;}

.shisetsu_img { width: 100%;}
.shisetsu_img img { width: 100%; height: auto;}



/*施設概要*/
#gaiyou  { max-width: 800px; width: 100%; margin: 100px auto  auto; }
.kiji_area li { border-bottom: dotted 2px #CECEBF; margin: 0;}
.kiji_area li:first-of-type { border-top: dotted 2px #CECEBF; margin-top: 30px; }
.kiji { display: flex; padding: 10px 0; }
.kiji dt { width: 200px; height: 38px; line-height: 38px; text-align: center; background: #EDF4E9; border-radius: 20px; font-size: 16px; font-weight: 700;}
.kiji dd { width: 600px; margin-top: 10px; padding-left: 20px; }
.kiji dd a { color: #222; }
.kiji2 { display: flex; padding: 10px 0; }
.kiji2 dt { width: 200px; height: 38px; line-height: 38px; text-align: center; background: #E9EBF2; border-radius: 20px; font-size: 16px; font-weight: 700;}
.kiji2 dd { width: 600px; margin-top: 10px; padding-left: 20px; }
.kiji2 dd a { color: #222; }
/*テーブル*/
.list_area { width: 800px; margin: 30px auto 0 auto;}
.table_mane { font-size: 18px; font-weight: bold; color: #009944; margin-bottom: 10px;}
.table_area { width: 800px;}
.table_area table { width: 800px; border-collapse: collapse; border-color: #999; border: solid 1px #999;}
.table_area td { height: 50px; vertical-align: middle; border: solid 1px #999;}
.tabel_title { background: #f2ddbb; font-size: 16px; font-weight: bold;}


/*処理フロー*/
.flow_area { max-width: 1000px; margin: 80px auto 0 auto;}
.flow_area img { width: 100%; height: auto; }
.flow { margin-top: 30px;}




@media screen and (max-width: 800px) {
	/*topイメージ*/
	.top_img_box { padding: 0 2%;}
	.top_img_area2 { position: relative; width: 100%; background: url("../img/header_photo_m.png") no-repeat; background-size: cover; max-width: 800px; min-width: 100%; margin: 0px; }
	.top_img_area2:before { content:""; display: block; padding-top: 61.35%; }
	.top_img2 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
    .main_title_area { padding: 0 20%;}
	.main_title {max-width: 350px; height: 45px; line-height: 45px; font-size: 17px; font-weight: 500;}	
    /*未来づくり*/
    .mirai_area { display: none;}
    .mirai_area2 { display: block; padding: 0 5% }
    .mirai_title { max-width: 660px; width: 100%; margin: 30px auto 0 auto; padding: 0 10% }
    .mirai_title img { width: 100%; height: auto; }
    .mirai_come { max-width: 660px; width: 100%; margin: 50px auto 0 auto; font-size: 16px; line-height: 180%; }
    .mirai_img { width: 100%; margin: 10px 0; }
    .mirai_img img { width: 100%; height: auto;}
    /*やさしい施設*/
    .gray_box_area { display: flex; justify-content: none; align-items: center; flex-direction: column; margin: 0 0 50px 0; padding: 0 5%;}
    .gray_box { max-width: 480px; width: 100%; height: auto; background: url("../img/gray_bk.png") no-repeat; background-size: 100% 100%; padding: 40px; margin: 20px 0 0 0}
    .gray_box dt { font-size: 26px; }
    .gray_box dd {}
    .gray_com1 { margin-top: 20px;}
    .gray_com2 { margin-top: 20px;}

    
    /*施設概要*/
	#gaiyou { max-width: 640px; width: 100%; margin: 60px auto 0 auto; padding: 0 3%;}
	.kiji_area li { }
	.kiji_area li:first-of-type { }
	.kiji { display: block; padding: 10px 3%;}
	.kiji dt { margin: 0;}
	.kiji dd { width: 100%; padding: 0; line-height: 140%; font-size: 14px; }
	.kiji2 { display: block; padding: 10px 3%;}
	.kiji2 dt { margin: 0;}
	.kiji2 dd { width: 100%; padding: 0; line-height: 140%; font-size: 14px; }
    /*テーブル*/
    .list_area { width: 94%; overflow-x: scroll; margin: 30px 3% 0;}
    /*処理フロー*/
    .flow_area { margin-top: 50px; padding: 0 3%;}





}