@charset "utf-8";
.header_img_area { 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;}

/*ピックアップ*/
#pickup { padding: 40px 0 60px 0; overflow: hidden;}
.pickup_list { display: flex; justify-content:space-between ; flex-wrap: wrap; width: 920px; margin: 40px auto 0 auto;}
.pickup_list li a { display: block; width: 430px; height: 130px; color: var(--blue-color); font-weight: bold; text-decoration: none; border: solid 2px var(--blue-color); border-radius: 15px; text-align: center; font-size: 24px; line-height: 100%; padding-top: 50px;}
.pickup_list li:nth-child(1) a { background-image: url("../img/btn_arrow3.png"),url("../img/pu_ic_hanyu.png"); background-repeat: no-repeat; background-position: right 25px center, left 20px center;}
.pickup_list li:nth-child(2) a { background-image: url("../img/btn_arrow3.png"),url("../img/pu_ic_yoyaku.png"); background-repeat: no-repeat; background-position: right 25px center, left 20px center;}
.pickup_list li:nth-child(3) a { background-image: url("../img/btn_arrow3.png"),url("../img/pu_ic_kanshi.png"); background-repeat: no-repeat; background-position: right 25px center, left 35px center; margin-top: 20px;}
.pickup_list li:nth-child(4) a { background-image: url("../img/btn_arrow3.png"),url("../img/pu_ic_gomi.png"); background-repeat: no-repeat; background-position: right 25px center, left 25px center; margin-top: 20px;}
.pickup_list li:nth-child(5) a { background-image: url("../img/btn_arrow3.png"),url("../img/pu_ic_kengaku.png"); background-repeat: no-repeat; background-position: right 25px center, left 25px center; margin-top: 20px;}
.pickup_list li a span { font-size: 14px;}

/*施設の紹介*/
#shisetsu { min-width: 1100px; padding: 0 20px; overflow: hidden; background: linear-gradient(180deg, #fff 50px, #dbeff5 50px, #dbeff5 100%); display: flex; justify-content: center; align-items: center; margin: 30px auto 0 auto;}
.shisetsu_img { text-align: center; margin-bottom: 40px;}
.shisetsu_area { width: 980px; margin: 0 auto;}
.shisetsu_text { margin: 50px 0 30px 0}
.shisetu_menu { display: flex; justify-content: space-between;}
.shisetu_menu li { display: inline-block; width: 300px; height: 100px; text-decoration: none; font-size: 21px; font-weight: bold; }
.shisetu_menu li:nth-child(1) { color: #ee7f8b; border: solid 2px #ee7f8b; border-radius: 15px; background: #fff url("../img/icon_kadou.png") no-repeat left 20px center; padding: 15px 0 0 100px; }
.shisetu_menu li:nth-child(2)  { color: #aace36; border: solid 2px #aace36; border-radius: 15px; background: #fff url("../img/icon_kouchiku.png") no-repeat left 20px center; padding: 32px 0 0 90px; }
.shisetu_menu li:nth-child(3) { color: #16bcac; border: solid 2px #16bcac; border-radius: 15px; background: #fff url("../img/ico_nshisetsu.png") no-repeat left 20px center; padding: 15px 0 0 100px; }

/*バナー*/
.banner_area { display: flex; flex-wrap: wrap;  justify-content: space-between; width: 980px; margin: 0 auto; padding: 60px 0;}
.banner_area li { margin: 20px 0 0 0; display: none;}

@media screen and (max-width: 768px) {
	.header_img_area { width: 100%; min-width: auto; height: 350px; background: url("../img/header_img_m.jpg") no-repeat top right;}

	/*ピックアップ*/
	#pickup { padding: 40px 10px 20px;}
	.pickup_list { flex-flow: column; width: 100%; margin: 40px auto 0 auto ; padding: 0 20px;} 
	.pickup_list li a  { display: block; min-width: 280px; max-width: 430px; width: 100%; height: 100px; font-size: 18px; line-height: 100%; padding-top: 37px; margin: 0 auto;}
	.pickup_list li:nth-child(1) a { background-image: url("../img/btn_arrow3.png"),url("../img/pu_ic_hanyu_m.png"); background-repeat: no-repeat; background-position: right 15px center, left 10px center;}
	.pickup_list li:nth-child(2) a { background-image: url("../img/btn_arrow3.png"),url("../img/pu_ic_yoyaku_m.png"); background-repeat: no-repeat; background-position: right 15px center, left 10px center; margin-top: 20px;}
	.pickup_list li:nth-child(3) a { background-image: url("../img/btn_arrow3.png"),url("../img/pu_ic_kanshi_m.png"); background-repeat: no-repeat; background-position: right 15px center, left 15px center; margin-top: 20px;}
	.pickup_list li:nth-child(4) a { background-image: url("../img/btn_arrow3.png"),url("../img/pu_ic_gomi_m.png"); background-repeat: no-repeat; background-position: right 15px center, left 8px center; margin-top: 20px;}
	.pickup_list li:nth-child(5) a { background-image: url("../img/btn_arrow3.png"),url("../img/pu_ic_kengaku_m.png"); background-repeat: no-repeat; background-position: right 15px center, left 8px center; margin-top: 20px;}
	.pickup_list li a span { font-size: 13px; line-height: 40px;}
	
	/*施設の紹介*/
	#shisetsu { min-width: 0; padding: 0 10px 20px;}
	.shisetsu_img { max-width: 800px; width: 100%; }
	.shisetsu_img img { width: 100%; height: auto; }
	.shisetsu_area { width: 100%; margin: 0 auto; padding: 0 15px; }
	.shisetu_menu { flex-flow: column; align-items: center; } 
	.shisetu_menu li:nth-child(1) { }
	.shisetu_menu li:nth-child(2) { margin-top: 15px;}
	.shisetu_menu li:nth-child(3) { margin: 15px 0 20px;}
	
	/*バナー*/
	.banner_area { flex-flow: column; align-items: center; width: 100%;}
}

@media screen and (max-width: 500px) {
	.header_img_area { width: 100%; min-width: auto; height: 350px; background: url("../img/header_img_m.jpg") no-repeat top right -150px;}
}