.section:not(.fp-auto-height){ font-size: 0; height: 100vh; overflow: hidden; position: relative;}
#section0 .landscape-btn{ position: absolute; top: calc(50% - 50px); text-align: right; z-index: 100; right: 40px; line-height: 60px; padding-right: 40px; transition: .3s;}
#section0 .landscape-btn p{ font-size: 14px; padding-right: 10px; display: inline-block;}
#section0 .landscape-btn img{  display: inline-block; position: relative; top: 7px;}
#section0 .landscape-btn:after{ content: ''; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #fff; position: absolute; right: 0; top: 0;}
#section0 .landscape-btn:hover{ padding-right: 20px;}
#section0 .wrap1400{ height: 100%; position: relative;}
#section0 .text-wrap{ position: absolute; bottom: 80px; left: 0; border-left: 1px solid rgba(255,255,255,.4); text-align: left; padding-left: 40px;}
#section0 .text-wrap h3{ font-size: 30px; padding-bottom: 10px;}
#section0 .text-wrap h4{ font-size: 20px; padding-bottom: 30px;}
#section0 .text-wrap .line{ width: 50px; height: 1px; background-color: #fff; margin-bottom: 25px;}
#section0 .text-wrap p{ font-size: 14px; line-height: 28px;}
#section0.location .text-wrap p{ padding-bottom: 50px;}
#section0.location .text-wrap .map-open{ display: block; width: 200px; height: 50px; line-height: 48px; border: 1px solid #fff; text-align: center; color: #fff; font-size: 14px;}
.map-area{ display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(11,11,11,.8); z-index: 1100; top: 0; left: 0;}
.map-close{ position: absolute; top: 15px; right: 15px; color: #ddd; font-size: 24px;}
#map{ position: absolute; top: calc(50% - 35%); width: 70%; height: 70%; background-color: gray; left: 0; right: 0; margin: 0 auto;}
@media (max-width: 1023px) {
    #section0{ margin-top: 50px; height: calc(100vh - 50px);}
    .section:not(.fp-auto-height){ width: 100%; }
    .section img{ width: 100%; object-fit: cover;}
    #section0 .landscape-btn{ top: 40px; right: 15px; line-height: 50px; padding-right: 30px; }
    #section0 .landscape-btn p{ font-size: 14px; padding-right: 8px; }
    #section0 .landscape-btn img{ display: inline-block; position: relative; top: 7px; width: 59px; object-fit: cover;}
    #section0 .landscape-btn:after{ width: 50px; height: 50px; }
    #section0 .landscape-btn:hover{ padding-right: 15px;}
    #section0 .text-wrap{ bottom: 40px; border-left: unset; text-align: left; padding-left: 15px;}
    #section0 .text-wrap h3{ font-size: 30px; padding-bottom: 10px;}
    #section0 .text-wrap h4{ font-size: 18px; padding-bottom: 25px;}
    #section0 .text-wrap p{ font-size: 12px; line-height: 20px;}
    #section0.location .text-wrap p{ padding-bottom: 35px;}
    #section0.location .text-wrap .map-open{ width: 168px; height: 40px; line-height: 38px; font-size: 12px;}
    #map{ position: absolute; top: calc(50% - 30%); width: 90%; height: 60%; background-color: gray; left: 0; right: 0; margin: 0 auto;}
    #section0.layout-img{ height: 56.25vw;}
}