@charset "utf-8";
/*　施設紹介TOP　*/
.shisetsu_top_img { display: flex; align-items: flex-end; min-width: 1100px; width: 100%; height: 576px; margin: 0 auto; background: url("../../img/header_img.jpg") no-repeat center center; background-size: cover;}

.syoukai_area { width: 100%; padding: 80px 0 120px;  background: var(--blue3-color); overflow: hidden;}
.syoukai_box { display: flex; justify-content: space-between; max-width: 1100px; margin: 0 auto;}

.kadou_area { width: 360px; border: solid 2px #ee7f8b;  border-radius: 20px; background: #fff url("../img/icon_kadou.png") no-repeat top 25px center; padding: 120px 30px 30px;}
.kadou_title { display: flex; justify-content: center; font-size: 24px; color: #ee7f8b; font-weight: 600; text-align: center;}
.kadou_text li p{ margin: 0 0 0 16px; padding: 0 0 0 0; text-indent: -21px;}
.kadou_text li { width: 100%; border-top: dotted 3px #ee7f8b; margin: 10px 0 0 0; padding: 10px 4px 0;}
.kadou_text span { color: #ee7f8b; margin-right: 5px }

.kouchiku_area { width: 360px; border: solid 2px #aace36;  border-radius: 20px; background: #fff url("../img/icon_kouchiku.png") no-repeat top 25px center; padding: 120px 20px 30px;}
.kouchiku_title { display: flex; justify-content: center; font-size: 24px; color: #aace36; font-weight: 600; padding: 18px 0;}
.kouchiku_text li p{ margin: 0 0 0 16px; padding: 0 0 0 0; text-indent: -21px;}
.kouchiku_text li { width: 100%; border-top: dotted 3px #aace36; margin: 10px 0 0 0; padding: 10px 4px 0;}
.kouchiku_text span { color: #aace36; margin-right: 5px }

.hozen_area { width: 360px; border: solid 2px #16bcac;  border-radius: 20px; background: #fff url("../img/icon_shisetsu.png") no-repeat top 25px center; padding: 120px 20px 30px;}
.hozen_title { display: flex; justify-content: center; font-size: 24px; color: #16bcac; font-weight: 600; text-align: center;}
.hozen_text li p{ margin: 0 0 0 16px; padding: 0 0 0 0; text-indent: -21px;}
.hozen_text li { width: 100%; border-top: dotted 3px #16bcac; margin: 10px 0 0 0; padding: 10px 4px 0;}
.hozen_text span { color: #16bcac; margin-right: 5px }

/*　施設概要　*/
#gaiyou { padding: 100px 0 80px 0;}
.gaiyou_list { display: flex; flex-wrap: wrap; width: 650px; margin: 46px auto 0;  }
.gaiyou_list dt { display: flex; justify-content: center; align-items: center; width: 160px; background: #428dc6; color: #fff; font-weight: bold; text-align: center; margin-bottom: 10px; padding: 8px 0;}
.gaiyou_list dd { width: 490px; background: var(--blue4-color); margin-bottom: 10px; padding: 15px 15px;}
.gaiyou_list dd span { display: inline-block;}

/*　設備概要　*/
#setsubi { padding: 0 0 120px 0;}
.setsubi_area { display: flex; justify-content: space-between; max-width: 1060px; margin: 46px auto 0 auto;}

#gomi { display: flex; flex-flow: column; width: 520px; border: solid 2px #ee7f8b; border-radius: 20px; background: #f4e4e7; padding: 20px 0 30px;}
.gomi_title { width: 490px; line-height: 60px; margin: 0 auto;  font-size: 24px; font-weight: bold; color: #fff; text-align: center; border-radius: 15px; background: #ee7f8b url("../img/icon_gomi.png") no-repeat left 20px center;}
.gomi_list { width: 460px; margin: 30px auto 0 auto; }
.gomi_list dt { display: flex; justify-content: center; align-items: center; width: 100%; background: #428dc6; color: #fff; font-weight: bold; text-align: center; padding: 8px 0;}
.gomi_list dd { padding: 15px 15px; width: 100%; background: var(--blue4-color); text-align: center;}
.gomi_list dd span { display: inline-block;}

.gomi_flow { width: 460px; margin: 55px auto 0 auto; }
.gomi_flow_title { line-height: 44px; font-size: 24px; color: #fff; font-weight: bold; text-align: center; background: #ee7f8b;}
.gomi_flow_img { width: 460px; border: solid 5px #ee7f8b;}

#recycle { display: flex; flex-flow: column; width: 520px; border: solid 2px #aace36; border-radius: 20px; background: #f1f4df; padding: 20px 0 30px; }
.recycle_title { width: 490px; line-height: 60px; margin: 0 auto;  font-size: 24px; font-weight: bold; color: #fff; text-align: center; border-radius: 15px; background: #aace36 url("../img/icon_recycle.png") no-repeat left 20px center;}
.recycle_list { width: 460px; margin: 30px auto 0 auto; }
.recycle_list dt { display: flex; justify-content: center; align-items: center; width: 100%; background: #428dc6; color: #fff; font-weight: bold; text-align: center; padding: 8px 0;}
.recycle_list dd { display: flex; justify-content: center; align-items: center; width: 100%; background: var(--blue4-color); text-align: center; padding: 15px 0;}
.recycle_flow { width: 460px; margin: auto  auto 0 auto; }
.recycle_flow_title { line-height: 44px; font-size: 24px; color: #fff; font-weight: bold; text-align: center; background: #aace36;}
.recycle_flow_img { width: 460px; border: solid 5px #aace36;}




@media screen and (max-width: 768px) {
	/*　施設紹介TOP　*/
	.shisetsu_top_img { width: 100%; min-width: auto; height: 350px; background: url("../../img/header_img_m.jpg") no-repeat top right;}
	
	.syoukai_box { flex-flow: column; align-items: center; padding: 0 20px;}
	.kadou_area { min-width: 300px; max-width: 360px; width: 100%; margin-bottom: 15px;}
	.kouchiku_area { min-width: 300px; max-width: 360px; width: 100%; margin-bottom: 15px;}
	.hozen_area { min-width: 300px; max-width: 360px; width: 100%;}

	/*　施設概要　*/
	#gaiyou { padding: 40px 20px 80px 20px;}
	.gaiyou_list { display: flex; flex-wrap: wrap; width: 100%;; margin: 46px auto 0;  }
	.gaiyou_list dt { align-items: center; width: 100%;; background: #428dc6; color: #fff; font-weight: bold; text-align: center; margin-bottom: 3px; padding: 8px 0;}
	.gaiyou_list dd { width: 100%; background: var(--blue4-color); margin-bottom: 15px; }
	
	/*　設備概要　*/
	#setsubi { padding: 0 20px 80px;}
	.setsubi_area { align-items: center; flex-flow: column; max-width: 1060px; width: 100%; margin: 46px auto 0 auto;}
	
	#gomi { display: flex; flex-flow: column; max-width: 520px; width: 100%; border: solid 2px #ee7f8b; border-radius: 20px; background: #f4e4e7; padding: 20px 15px 30px;}
	.gomi_title { width: 100%; width: 100%; line-height: 60px; margin: 0 auto; font-size: 20px; font-weight: bold; color: #fff; text-align: center; border-radius: 15px; background: #ee7f8b url("../img/icon_gomi.png") no-repeat left 20px center; background-size: 24px 33px; }
	.gomi_list { width: 100%; margin: 30px auto 0 auto; }
	.gomi_list dt { display: flex; justify-content: center; align-items: center; width: 100%; background: #428dc6; color: #fff; font-weight: bold; text-align: center; padding: 8px 0;}
	.gomi_list dd { padding: 15px 25px;}
	.gomi_flow { width: 100%; margin: 30px auto 0 auto; }
	.gomi_flow_title { line-height: 44px; font-size: 24px; color: #fff; font-weight: bold; text-align: center; background: #ee7f8b;}
	.gomi_flow_img { width: 100%; border: solid 5px #ee7f8b;}
	.gomi_flow_img img { width: 100%; height: auto;}
	
	#recycle { display: flex; flex-flow: column; max-width: 520px; width: 100%; border: solid 2px #aace36; border-radius: 20px; background: #f1f4df; padding: 20px 15px 30px; margin-top: 30px; }
	.recycle_title { width: 100%; line-height: 60px; margin: 0 auto;  font-size: 20px; font-weight: bold; color: #fff; text-align: center; border-radius: 15px; background: #aace36 url("../img/icon_recycle.png") no-repeat left 15px center; background-size: 26px 24px;}
	.recycle_list {  width: 100%; margin: 30px auto 0 auto; }
	.recycle_list dt { display: flex; justify-content: center; align-items: center; width: 100%; background: #428dc6; color: #fff; font-weight: bold; text-align: center; padding: 8px 0;}
	.recycle_list dd { display: flex; justify-content: center; align-items: center; width: 100%; background: var(--blue4-color); text-align: left; padding: 14px 15px 15px;}
	.recycle_flow {  width: 100%; margin: 30px auto 0 auto; }
	.recycle_flow_title { line-height: 44px; font-size: 24px; color: #fff; font-weight: bold; text-align: center; background: #aace36;}
	.recycle_flow_img { width: 100%; border: solid 5px #aace36; }
	.recycle_flow_img img { width: 100%; height: auto;}
	
} 
	
@media screen and (max-width: 500px) {
	.shisetsu_top_img { width: 100%; min-width: auto; height: 350px; background: url("../../img/header_img_m.jpg") no-repeat top right -50px;}
}