@charset "UTF-8";

main img{width: 100%;}

#plan_contents{padding: 3.5em 0;margin-top: 3.5em;background: #f7f7f7;}
.plan_item{display: flex;justify-content: space-between;}
.plan_item > dt{width: 12.5em;animation-name: fadeInUp;}
.plan_tit{text-align: center;}
.plan_tit > span{font-size: 1.2em;color: #006a60;display: block;line-height: 1;letter-spacing: 0.05em;}
.plan_tit > .gouchi{background: #006a60;border: 1px solid #006a60;color: #fff;padding: 1em 0;margin-top: 0.7em;}
.plan_tit > .gouchi big{font-size: 2em;letter-spacing: 0.1em;vertical-align: -0.1em;line-height: 1;}
.plan_tit > .gouchi span{font-size: 1.2em;letter-spacing: 0.05em;}
.plan_tit > .ldk{background: #abdad1;border: 1px solid #006a60;padding: 0.3em 0 0.2em 0;}
.plan_tit > .ldk big{font-size: 2em;letter-spacing: 0.1em;line-height: 1;}
.plan_tit > .ldk span{font-size: 1.6em;letter-spacing: 0.05em;}
.area{margin-top: 1em;}
.area p{font-size: 0.8em;margin-top: 0.1em;padding-left: 1.1em;}
.area i{position: absolute;left: 0;top: 0;color: #006a60;}
.feature{margin-top: 1em;width: 460px;}
.feature p{font-size: 0.8em;margin-top: 0.1em;padding-left: 1.1em;}
.feature i{position: absolute;left: 0;top: 0;color: #006a60;}
.plan_item > dd figure{width: 26em;animation-name: fadeInUp;}
.plan_item > dd figure figcaption{font-size: 0.7em;}
.plan_item > dd .first_floor{margin-top: 2em;}
.plan_item > dd .first_floor figcaption{margin-top: 0.3em;}
.plan_item > dd .first_floor::before{content: "";width: 3.85em;height: 5.85em;background: url("../img/direction_i.svg") no-repeat center center/contain;display: block;position: absolute;left: -5em;bottom: 1.5em;}
.plan_item + .plan_item{margin-top: 2em;padding-top: 2em;border-top: 1px solid #006a60;}

#plan32 .second_floor figcaption{position: absolute;right: 67%;bottom: 0;}
#plan33 .second_floor figcaption{position: absolute;right: 55%;bottom: 0;}


@media screen and (min-width: 769px) {
.plan_item > dd .second_floor{animation-delay: 0.3s;}
}

@media screen and (max-width: 768px) {
#plan_contents{padding: 2.5em 0;margin-top: 2.5em;}
.plan_item{flex-wrap: wrap;gap: 1.5em 0;}
.plan_item > dt{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;}
.plan_tit{text-align: center;width: 36%;font-size: 3.2vw;}
.area{margin-top: 0;width: 62%;}
.feature{margin-top: 0.7em;width: unset;}
.plan_item > dd{display: flex;flex-wrap: wrap;}
.plan_item > dd figure{width: 80vw;margin-left: auto;}
.plan_item > dd .first_floor{margin-top: 1.5em;}
.plan_item > dd .first_floor::before{font-size: 3.5vw;left: -4em;bottom: 1em;}
}