@charset "UTF-8";

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

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

.gaikan_img{animation-name: fadeInUp;}
.plan_tit_item{display: flex;align-items: flex-end;justify-content: space-between;margin-top: 4em;animation-name: fadeInUp;}
.plan_tit{width: 11.8em;}
.site{margin-left: 15em;}
.site small{font-size: 0.8em;display: block;}
.site big{font-size: 3em;line-height: 1;}
.site big + small{text-align: right;}
.area{display: flex;flex-wrap: wrap;width: 17em;font-size: 0.8em;gap: 0.2em 0;}
.area > dt{width: 6em;}
.area > dd{width: 11em;text-align: right;}
.plan_item{display: flex;justify-content: center;margin-top: 3em;}
.plan_item > figure{animation-name: fadeInUp;}
.plan_item > figure img{height: 30em;}

@media screen and (min-width: 769px) {
.plan_item > figure:nth-of-type(2){animation-delay: 0.3s;}
}

@media screen and (max-width: 768px) {
.plan_tit_item{flex-wrap: wrap;margin-top: 5vw;}
.plan_tit{width: 28vw;}
.site{margin-left: 0;}
.site small{font-size: 0.7em;}
.site big{font-size: 2.5em;}
.area{display: flex;flex-wrap: wrap;width: 17em;font-size: 0.8em;gap: 0;margin: 3vw 0 0 auto;}
.area > dt{width: 6em;}
.area > dd{width: 11em;text-align: right;}
.plan_item{flex-wrap: wrap;margin-top: 3vw;}
.plan_item > figure{}
.plan_item > figure img{height: 80vw;}
}