@charset "UTF-8";

main .layer_rich_main{background: url("../img/access_main_img.webp") no-repeat center center/cover;}

@media screen and (max-width: 768px) {
main .layer_rich_main{background-position: 85% center;}
}

#access{padding-top: 0;}
.access_img_item{display: flex;flex-wrap: wrap;}
.access_img_item > *{width: 33.333333%;animation-name: fadeIn;}
.access_img_item > *::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.3);z-index: 1;}
.access_img_item > * figcaption{line-height: 1;font-weight: 600;font-family: "Oswald", sans-serif;font-size: 3.125vw;color: #fff;width: 100%;height: 1em;position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;text-align: center;z-index: 2;animation-delay: 0.3s;animation-name: fadeInUp;}
.access_img_item > * img{width: 100%;}

.access_item{margin-top: 4em;display: flex;justify-content: space-between;}
.access_item > dt{width: 40em;}
.access_img{animation-name: fadeInUp;}
.train_route_item{display: flex;justify-content: space-between;}
.train_route_item > li{width: 19.5em;animation-name: fadeInUp;}
.train_route_tit{padding: 0.3em;text-align: center;color: #fff;font-size: 1.05em;margin-top: 1em;}
.train_route_tit.mi{background: #a6151b;}
.train_route_tit.ko{background: #00853b;}
.train_route_tit.jr{background: #0070bd;}
.train_route_tit + .train_route.small{margin-top: 0.5em;}
.train_route.small{font-size: 1.4em;}
.train_route.small small{display: block;font-size: 0.6em;margin-bottom: -0.2em;}
.train_route.small strong{font-size: 1.8em;font-weight: 600;}
.train_route.small p{display: block;font-size: 0.46em;margin-top: 0.2em;}
.access_item > dd{width: 22.5em;animation-name: fadeInUp;}
.access_item > dd figure + .train_route.small{margin-top: 0.5em;}

@media screen and (min-width: 769px) {
.access_img_item > *:nth-of-type(3n-1){animation-delay: 0.3s;}
.access_img_item > *:nth-of-type(3n-1) figcaption{animation-delay: 0.6s;}
.access_img_item > *:nth-of-type(3n){animation-delay: 0.6s;}
.access_img_item > *:nth-of-type(3n) figcaption{animation-delay: 0.9s;}
.access_item > dd{animation-delay: 0.3s;}
.train_route_item > li:nth-of-type(2){animation-delay: 0.3s;}
}

@media screen and (max-width: 768px) {
.access_img_item > *{width: 50%;overflow: hidden;height: 20vw;}
.access_img_item > * img{width: auto;height: 100%;left: 50%;transform: translateX(-50%);max-width: none;}
.access_img_item > *:nth-of-type(even){animation-delay: 0.3s;}
.access_img_item > *:nth-of-type(even) figcaption{animation-delay: 0.6s;}
.access_img_item > * figcaption{font-size: 5vw;}

.access_item{margin-top: 8vw;flex-wrap: wrap;}
.access_item > dt{justify-content: center;width: 100%;}
.train_route_item{flex-wrap: wrap;}
.train_route_item > li{width: 100%;}
.train_route_tit{font-size: 3.7vw;}
.train_route.small{font-size: 4.8vw;}
.access_item > dd{width: 100%;margin-top: 5vw;}
.access_item > dd figure{width: 60vw;margin-inline: auto;}
.access_item > dd figure + .train_route.small{margin-top: 0.5em;}

}

#location{padding: 0;}
#location .layer_rich_main{background: url("../img/location_main_img.webp") no-repeat center center/cover;}
.location_img{padding: 3.5em 0;}
.location_img_item{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 1.25em 0;}
.location_img_item > *{width: 30em;animation-name: fadeInUp;}
.shopping_img{background: #e8ece0;padding: 3.5em 0;}
.shopping_item{display: flex;justify-content: flex-end;flex-wrap: wrap;}
.shopping_item > figure{animation-name: fadeInUp;z-index: 1;}
.shopping_item > figure:nth-of-type(1){width: 34em;}
.shopping_item > div{padding: 3.125em 0 0 2.5em;width: 30em;animation-name: fadeInLeft;}
.shopping_item > div p{font-size: 1.6em;font-weight: 600;}
.shopping_item > figure:nth-of-type(n+2){width: 24em;margin: -4em 0 0 1.6em;}

.education_support{background: url("../img/education_support_bk.webp") no-repeat center center/cover;padding: 3.5em 0;}
.education_support_tit{text-align: center;font-weight: 600;letter-spacing: 0.05em;font-size: 1.6em;animation-name: fadeInUp;}
.education_support_item01{width: 45em;margin: 1.5em 0 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;gap: 1.25em 0;animation-name: fadeInUp;}
.education_support_item01 > dt{width: 14em;text-align: center;display: flex;justify-content: center;align-items: center;border: 1px solid #333;}
.education_support_item01 > dt h6{font-size: 1.05em;}
.education_support_item01 > dd{width: 29.5em;align-self: center;}
.education_support_item01 > dd p{font-size: 0.8em;}
.education_support_item01 > dd p strong{color: var(--main_color);}
.education_support_item02{display: flex;justify-content: space-between;align-items: flex-start; margin-top: 2em;}
.education_support_item02 > dt{width: 21em;animation-name: fadeInUp;}
.education_support_item02 h6{font-size: 1.05em;padding: 0.3em;background: var(--main_color);text-align: center;color: #fff;width: 100%;}
.education_support_item02 h6:nth-of-type(n+2){margin-top: 1em;}
.education_support_item02 p{font-size: 0.8em;margin-top: 0.8em;}
.education_support_item02 > dd{width: 42em;animation-name: fadeInUp;display: flex;justify-content: space-between;flex-wrap: wrap;}
.education_support_item02 > dd p{width: 47%;}

.contents_af_tit{font-weight: 500;font-family: "Oswald", sans-serif;font-size: 1.8em;text-align: center;letter-spacing: 0.1em;}
.contents_af_tit + *{margin-top: 1.75em;}

#life_info{padding-bottom: 0;}
.life_info_wrap{display: flex;justify-content: space-between;}
.life_info_wrap li{width: 31%;}
.life_info_wrap li div{animation-name: fadeInUp;}
.life_info_wrap li div:nth-of-type(n+2){margin-top: 1em;}
.life_info_tit{color: #fff;padding: 0.5em 0.7em;font-size: 0.9em;line-height: 1;display: flex;justify-content: space-between;background: var(--main_color);}
.life_info_item{display: flex;flex-wrap: wrap;padding: 0.7em 0.2em 0;font-size: 0.7em;line-height: 1.4;}
.life_info_item > *{margin-top: 0.15em;}
.life_info_item dt{width: calc(100% - 6.8em);}
.life_info_item dd:nth-of-type(odd){width: 2.3em;}
.life_info_item dd:nth-of-type(even){width: 4.5em;text-align: right;}
.life_info_item dt span{letter-spacing: 0;}


@media screen and (min-width: 769px) {
.shopping_item > div,
.shopping_item > figure:nth-of-type(3){animation-delay: 0.3s;}
.education_support_item02 > dd{animation-delay: 0.3s;}
.life_info_tit{pointer-events: none;}
}

@media screen and (max-width: 768px) {
#location .layer_rich_main{background-position: 70% center;}
.location_img{padding: 10vw 4vw;}
.location_img_item{gap: 3vw 0;}
.location_img_item > *{width: 49%;}
.location_img_item > *:nth-of-type(even){animation-delay: 0.3s;}
.shopping_img{padding: 8vw 0;}
.shopping_item{justify-content: space-between;gap: 3vw 0;}
.shopping_item > figure{animation-name: fadeInUp;z-index: 1;}
.shopping_item > figure:nth-of-type(1){width: 34em;}
.shopping_item > div{padding: 0;width: 100%;}
.shopping_item > div p{font-size: 4.5vw;}
.shopping_item > figure:nth-of-type(n+2){width: 49%;margin: 0;}

.education_support{background-position: 10% center;padding: 8vw 0;}
.education_support_tit{font-size: 4.5vw;}
.education_support_item01{width: 100%;margin: 3vw 0 0 0;gap: 3vw 0;}
.education_support_item01 > dt{width: 30%;}
.education_support_item01 > dt h6{font-size: 3.7vw;}
.education_support_item01 > dd{width: 67%;}
.education_support_item01 > dd p{font-size: 0.8em;}
.education_support_item02{flex-wrap: wrap; margin-top: 5vw;}
.education_support_item02 > dt{width: 100%;}
.education_support_item02 h6{font-size: 3.7vw;}
.education_support_item02 h6:nth-of-type(n+2){margin-top: 3vw;}
.education_support_item02 p{font-size: 0.8em;margin-top: 0.8em;}
.education_support_item02 > dd{width: 100%;margin-top: 3vw;flex-wrap: wrap;}
.education_support_item02 > dd p{width: 100%;}
.education_support_item02 > dd p:nth-of-type(n+2){margin-top: 3vw;}

.contents_af_tit{font-size: 7vw;}
.contents_af_tit + *{margin-top: 5vw;}

.life_info_wrap{flex-wrap: wrap;}
.life_info_wrap li{width: 100%;}
.life_info_wrap li:nth-of-type(n+2){margin-top: 3vw;}
.life_info_wrap li div:nth-of-type(n+2){margin-top: 3vw;}
.life_info_tit{font-size: 3.8vw;padding-right: 5vw;}
.life_info_tit .ac_btn{font-weight: 900;color: #333;display: flex;justify-content: center;align-items: center;width: 1.1em;height: 1.1em;background: #fff;border-radius: 50%;font-family: 'Noto Serif JP', serif;font-size: 4vw;line-height: 1;position: absolute;right: 7px;top: 0;bottom: 0;margin: auto;padding-bottom: 0.1em;transition: 0.3s all;}
.life_info_item{font-size: 3.4vw;line-height: 1.4;}
.life_info_item dt{width: calc(100% - 7.3em);}
.life_info_item dd:nth-of-type(even){width: 5em;}

.ac_wrap{display: none;}
.active .ac_btn{transform: rotate(45deg);}

}


.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;}
}