@charset "UTF-8";

figcaption span{display: inline-block;}
.layer_rich_main figure::after{background: linear-gradient(to right,rgba(137,97,41,0.8) 20%,transparent 50%);}

#education{}
.education_item{display: flex;justify-content: space-between;}
.education_item > *{width: 24em;animation-name: fadeInUp;}
.education_tit{padding: 0.3em;text-align: center;color: #fff;}
.education_tit span{display: block;font-size: 1.2em;}
.education_tit small{display: block;font-size: 0.8em;line-height: 1.2;}
.education_item > dt .education_tit{background: #7a86b2;}
.education_item > dd .education_tit{background: #9d8064;}
.education_info{text-align: center;margin-top: 0.3em;line-height: 1.4;}
.education_info span{font-size: 0.9em;}
.education_info p{font-size: 0.8em;margin-top: 0.2em;}
.education_info p small{font-size: 0.9em;}
.education_item > dt .education_info span{color: #7a86b2;}
.education_item > dt .education_info p i{color: #455d95;}
.education_lead{font-size: 0.8em;margin-top: 0.5em;}
.education_lead + figure{margin-top: 0.7em;}
.education_img{display: flex;justify-content: space-between;margin-top: 1.5em;}
.education_img > li{width: 16em;animation-name: fadeInUp;}
.education_img + .education_item{margin-top: 2.5em;}

#childcare{background: #f7f7f7;padding: 3.5em 0;margin-top: 3.5em;}
.childcare_item{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 1.5em 0;}
.childcare_item > li{width: 16.3em;animation-name: fadeInUp;}
.childcare_item > li h4{font-size: 0.9em;border-bottom: 1px solid #000;padding-bottom: 0.2em;display: flex;align-items: flex-end;flex-wrap: wrap;}
.childcare_item > li h4 small{font-size: 0.8em;display: block;}
.childcare_item > li h4 + p{font-size: 0.8em;margin-top: 0.3em;}

@media screen and (min-width: 769px) {
.education_item > *:nth-of-type(even){animation-delay: 0.3s;}
.education_img > li:nth-of-type(2){animation-delay: 0.3s;}
.education_img > li:nth-of-type(3){animation-delay: 0.6s;}
.childcare_item > li:nth-of-type(3n-1){animation-delay: 0.3s;}
.childcare_item > li:nth-of-type(3n){animation-delay: 0.6s;}
}

@media screen and (max-width: 768px) {
.education_item{flex-wrap: wrap;gap: 1.5em 0;}
.education_item > *{width: 100%;}
.education_tit{font-size: 3.7vw;width: 100%;}
.education_info{width: 100%;}
.education_lead{margin-top: 0.7em;}
.education_lead + figure{margin-top: 0.7em;}
.education_img{gap: 1em 2%;margin: 1.5em -4vw 0 0;padding-right: 4vw;}
.education_img > li{width: 80vw;}
.education_img > li img{width: 80vw;max-width: none;}
.education_img + .education_item{}
.swipe{top: 45%;}

#childcare{padding: 2.5em 0;margin-top: 2.5em;}
.childcare_item{gap: 1.5em 0;}
.childcare_item > li{width: 100%;}
.childcare_item > li:nth-of-type(even){animation-delay: 0.3s;}
.childcare_item > li h4{display: block;width: 100%;}
.childcare_item > li h4 small{}
.childcare_item > li h4 + p{}
}


#facility{}
.facility_map{display: flex;justify-content: space-between;margin-top: 1.25em;}
.facility_map > dt{width: 19.1em;animation-name: fadeInUp;}
.facility_map > dt .facility_map_tit{background: var(--education);text-align: center;color: #fff;font-size: 0.9em;padding: 0.2em;}
.facility_map > dt .facility_map_item{margin-top: 0.5em;font-size: 0.7em;}
.facility_map > dt .facility_map_item span{display: inline-block;margin-right: 1em;padding-left: 1em;}
.facility_map > dt .facility_map_item span i{position: absolute;left: 0;top: 0;color: #be0040;}
.facility_map > dt .facility_map_item + h4{margin-top: 1em;}
.facility_map > dt .facility_map_item:nth-of-type(2) span i{color: #de6a08;}
.facility_map > dd{width: 31.1em;animation-name: fadeInUp;}

:root {--education: #4d71ab;--shopping: #dda428;--park: #00a162;--public: #785435;--medical: #cd5c97;--animal_hospital: #d07364;--bank: #5960a4;--shrine_leisure: #76418f;}

.facility_img_tit{font-size: 0.9em;border-left: 5px solid;padding-left: 0.5em;margin-top: 2.5em;animation-name: fadeInUp;}
.shopping_img .facility_img_tit{border-color: var(--shopping);}
.park_img .facility_img_tit{border-color: var(--park);}
.public_img .facility_img_tit{border-color: var(--public);}
.medical_img .facility_img_tit{border-color: var(--medical);}
.animal_hospital_img .facility_img_tit{border-color: var(--animal_hospital);}
.facility_img_tit + *{margin-top: 1em;}
.facility_img_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.facility_img_list > *{width: 16em;}
.facility_img{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 1.25em 0;}
.facility_img figure{animation-name: fadeInUp;}
.map_img{margin-top: 3.5em;animation-name: fadeInUp;}

@media screen and (min-width: 769px) {
.facility_map > dd{animation-delay: 0.3s;}
.facility_img_list > *:nth-of-type(3n-1) *,
.facility_img > *:nth-of-type(3n-1) *{animation-delay: 0.3s;}
.facility_img_list > *:nth-of-type(3n) *,
.facility_img > *:nth-of-type(3n) *{animation-delay: 0.6s;}
.facility_img > li,
.facility_img > figure{width: 16em;}
}

@media screen and (max-width: 768px) {
.facility_map{flex-wrap: wrap;}
.facility_map > dt{width: 100%;order: 2;margin-top: 1em;}
.facility_map > dt .facility_map_tit{}
.facility_map > dt .facility_map_item{}
.facility_map > dt .facility_map_item span{}
.facility_map > dt .facility_map_item span i{}
.facility_map > dt .facility_map_item + h4{}
.facility_map > dt .facility_map_item:nth-of-type(2) span i{}
.facility_map > dd{width: 100%;order: 1;}

.facility_img_tit{width: 100%;margin-top: 1.5em;}
.facility_img_tit + *{margin-top: 0.7em;}
.facility_img_list{display: block;}
.facility_img_list > *{width: auto;}
.facility_img{flex-wrap: nowrap;padding-right: 4vw;margin-right: -4vw;gap: 1em 2%;}
.facility_img > li{width: 80vw;}
.facility_img figure img{width: 80vw;max-width: none;}
.map_img{margin-top: 2.5em;}
}


#life_information{}
.life_information_tit{font-size: 1.4em;text-align: center;line-height: 1;letter-spacing: 0.2em;padding-left: 0.2em;color: #605046;animation-name: fadeInUp;}
.life_information_switch{display: flex;gap: 0 0.1em;padding-bottom: 0.15em;margin: 1.5em 0 0.8em;animation-name: fadeInUp;}
.life_information_switch > li{flex: 1;color: #fff;text-align: center;padding: 0.2em 0;transition: 0.3s all;cursor: pointer;border-bottom: 3px solid #fff;}
.life_information_switch > li.active{pointer-events: none;position: static;}
.life_information_switch > li.active::after{content: "";display: block;width: 100%;height: 2px;position: absolute;left: 0;bottom: 1px;}
.life_information_switch > li.education_btn{background: var(--education);}
.life_information_switch > li.education_btn.active{border-bottom-color: var(--education);}
.life_information_switch > li.education_btn.active::after{background: var(--education);}
.life_information_switch > li.shopping_btn{background: var(--shopping);}
.life_information_switch > li.shopping_btn.active{border-bottom-color: var(--shopping);}
.life_information_switch > li.shopping_btn.active::after{background: var(--shopping);}
.life_information_switch > li.public_btn{background: var(--public);}
.life_information_switch > li.public_btn.active{border-bottom-color: var(--public);}
.life_information_switch > li.public_btn.active::after{background: var(--public);}
.life_information_switch > li.park_btn{background: var(--park);}
.life_information_switch > li.park_btn.active{border-bottom-color: var(--park);}
.life_information_switch > li.park_btn.active::after{background: var(--park);}
.life_information_switch > li.medical_btn{background: var(--medical);}
.life_information_switch > li.medical_btn.active{border-bottom-color: var(--medical);}
.life_information_switch > li.medical_btn.active::after{background: var(--medical);}
.life_information_switch > li.animal_hospital_btn{background: var(--animal_hospital);}
.life_information_switch > li.animal_hospital_btn.active{border-bottom-color: var(--animal_hospital);}
.life_information_switch > li.animal_hospital_btn.active::after{background: var(--animal_hospital);}
.life_information_switch > li.bank_btn{background: var(--bank);}
.life_information_switch > li.bank_btn.active{border-bottom-color: var(--bank);}
.life_information_switch > li.bank_btn.active::after{background: var(--bank);}
.life_information_switch > li.shrine_leisure_btn{background: var(--shrine_leisure);}
.life_information_switch > li.shrine_leisure_btn.active{border-bottom-color: var(--shrine_leisure);}
.life_information_switch > li.shrine_leisure_btn.active::after{background: var(--shrine_leisure);}
.life_information_switch > li small{font-size: 0.6em;display: block;}
.life_information_switch > li span{font-size: 0.7em;font-family: "EB Garamond", serif;display: block;line-height: 1;}
.life_information_list{animation-name: fadeInUp;}
.life_information_list > li{column-count: 2;display: none;}
.life_information_list > li.active{display: block;}
.life_information_list ul{display: flex;width: 25em;margin-bottom: 0.2em;}
.life_information_list ul > *{font-size: 0.65em;line-height: 1.3;}
.life_information_list ul .name{flex: 1;}
.life_information_list ul .time{width: 8em;text-align: right;}
.life_information_list ul .l_far{width: 10em;text-align: right;}


@media screen and (max-width: 768px) {

#life_information{}
.life_information_switch{flex-wrap: wrap; gap: 0.15em 0.1em;border-bottom: none;padding-bottom: 0.15em;margin: 1.5em 0 0.8em;}
.life_information_switch > li{flex: auto;padding: 0.3em 0;width: 25%;border-bottom-width: 1.5vw}
.life_information_list > li{column-count: 1;display: none;}
.life_information_list > li.active{display: block;}
.life_information_switch > li small{font-size: 0.7em;}
.life_information_switch > li span{font-size: 0.8em;}
.life_information_list ul{display: flex;width: 100%;}
.life_information_list ul > *{font-size: 0.75em;line-height: 1.2;}

}


.google_map{margin-top: 2em;}
.google_map iframe{width: 100%;height: 40em;}

@media screen and (max-width: 768px) {
.google_map{margin-top: 1.5em;}
.google_map iframe{height: 25em;}
}