@charset "utf-8";
/* Residence */
.m-tit02{font-weight: 400;}
.photo{position: relative;}
.map-img .photo_cap{position: absolute;bottom: 4%;left: 12%;font-size: 1rem;}
@media screen and (max-width: 768px){    
    .map-img .photo_cap{position: absolute;bottom: 4.2%;font-size: 1rem;left:12%;}
}
.clr-txt{color: #1e4d4e;}
.slide-area{margin: 0 0 70px;}
.slide-area img{width: 100%;}
.slide-area .swiper {margin: 0 -20px;backface-visibility:hidden;transform-style:preserve-3d;}
.slide-area .m-tit02{text-align: center;padding: 0 0 10px;margin: 0 0;}
.brush-line{margin: 0 0 30px;width: 100%;height: 2px; top: -4px;position: relative;background: linear-gradient(to right,transparent 0%,rgba(30,77,78,.6) 8%,#1e4d4e 20%,#1e4d4e 80%,rgba(30,77,78,.6) 92%,transparent 100%);border-radius: 999px;filter: blur(.2px);opacity: .95;}
.brush-line::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:55%;height:2px;background: linear-gradient(to right,transparent,#1e4d4e 15%,#1e4d4e 85%,transparent);border-radius:999px;filter: blur(.3px);opacity:.9;}

@media (max-width: 768px) {
    .slide-area{margin-bottom: 40px;}
    .slide-area .swiper { padding: 0;margin: 0;}
}
.tit-info-map .tit{font-weight: 400;padding: 0 0 10px;margin: 0 0 10px;border-bottom: 1px solid #000;}
.block-area .w-full{text-align: center;margin:-60px auto 30px;pointer-events: none;width: fit-content;padding-left: 3%;max-width: 1200px;}
.block-area .w-full .cap-abs_right{bottom: 5%;right: 5%;}
.map-inner{display: flex;justify-content: space-between;padding-left: 3%;}
.map-inner .map-img{width: 50%;position: relative;}
.map-inner .map-txt{width: 46%;}
.txt-per{position: absolute;font-size: 1.5rem;color: #fff;width: 20%;text-align: center;top: 29%;left: 22.5%;line-height: 1.4;}
.map-inner sup{position: absolute;right: 0em;top: 62%;}
.txt-per .num{font-size: 4.5rem;line-height: 1;}
.txt-per .per{font-size: 2rem;font-weight: bold;}
.tit-gr {font-weight: 400;line-height: 1.7;}
.map-gr .cap{font-size: 1.2rem;margin: 10px 0 0;}
.map-gr .tit-gr {margin: 0  0 10px;}
.map-gr h3{font-weight: 400;}

.map-txt .map-box{margin: 40px 0;background: rgba(255, 255, 255, 0.6);padding: 25px 30px 30px;box-shadow: 0 0 8px  rgba(0, 0, 0, 0.5);}
.map-txt .map-box h4{font-weight: 500;text-align: center;padding: 0 0 5px;margin: 0 0 10px;border-bottom: 1px solid #000;}
.map-txt .map-box p{text-align: justify;}

.area-detail{margin: 80px 0 0;}
.area-detail .area-bnr{text-align: center;font-weight: 400;border-top: 1px solid #000000;border-bottom: 1px solid #000000;letter-spacing: 0.04em;padding:5px 0;margin: 0 0 60px;}
.area-detail .area-bnr span{font-size: 6rem;font-family: "Lora", serif;line-height: 1;}
.area-group {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 0 0 40px;margin: 0 0 40px;border-bottom:1px solid #000 ;}
.area-group .area-img{width: 37.5%;display: flex;position: relative;}
.area-group .area-img h4{position: relative;;font-weight: 500;text-align: center;display: flex;letter-spacing: 0.1em;margin-right: 10px;font-size: 2rem;color: #fff;padding: 10px 0;}
.area-group .area-img h4::after{content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: #666666;mix-blend-mode: multiply;}
.area-group .area-img h4 span{z-index: 2;position: relative;;display: block;-ms-writing-mode:tb-rl; -webkit-writing-mode:vertical-rl; writing-mode:vertical-rl;align-content: center;}
.area-group .area-txt{width:60%;display: flex;justify-content: space-between;flex-wrap: wrap;row-gap: 20px;}
.area-group .area-txt .area-item{width: 46%;}
.area-group .area-ttl{display: flex;align-items: flex-end;margin: 0 0 10px;line-height: 1.2;min-height: 60px;}
.area-group .area-ttl span{padding-left: 20px;color: #00422e;}
.area-group .area-item-bg{position: relative;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);}
.area-group .area-item .box-bg{padding: 15px 20px;}
.area-group .area-item-bg::after{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background:rgba(240, 234, 216, 1);content: "";mix-blend-mode: multiply;}

.area-group .area-item .box-bg p{text-align: justify;}

.area-group .area-ttl2{line-height: 1.2;font-weight: 400;text-align: center;padding: 0 0 5px;margin: 0 0 10px;border-bottom: 1px solid #000;}
.area-group-bottom{background: rgba(255, 255, 255, 0.6);padding: 40px min(4vw,60px);display: flex;justify-content: space-between;align-items: center;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.35);}
.area-group-bottom h4{letter-spacing: unset;font-weight: 400;width: 35%;padding-right: 15px;border-right: 1px solid #000;}
.area-group-bottom p{width:65%;padding-left: 30px;}
.icon-sq{width: 30%;text-align: center;}
@media (min-width:769px) and (max-width:1200px) {
    .txt-per{top:19vw}
    .txt-per{font-size: min(1.3vw,1.6rem)}
    .txt-per .num{font-size: min(4vw,5rem);}
    .txt-per .per{font-size: min(1.4vw,1.8rem);}

    .area-group .area-txt .area-item{width: 100%;margin-top: 20px;}
    .area-group .area-img img{width: 80%;object-position: center;object-fit: cover;}
       .area-group .area-ttl img{max-width: 20%;}
         .map-inner .map-img{width: 52%;}
       .area-group .area-img{width: 48%;}
        .area-group .area-img img{width: 100%;}
       .area-group .area-txt{width: 50%;}
         .map-inner {padding-left: 0;}
}

@media (max-width:768px) {
    .block-area .w-full{margin-top: 0px;padding-left: 0;}
    .map-inner {flex-wrap: wrap;padding-left: 0;}
    .map-inner .map-txt{width: 100%;order: -1;}
    .map-inner .map-img{width: fit-content;margin: 30px auto;}
    .area-detail{margin: 40px 0 0;}
    .area-detail .area-bnr{margin: 0 0 30px;}
    .area-detail .area-bnr span{font-size: 4rem;}
    .icon-sq{width: auto;text-align: center;}
   
    .map-txt .map-box h4{font-size: 1.8rem;}
    .map-txt .map-box p{font-size: 1.6rem;}
    .area-detail .gr-bg h5{font-size: 1.8rem;}
  
    .area-group .area-img{width: 100%;flex-direction: column;}
    .area-group .area-img h4{margin: 0 0 20px;font-size: 1.8rem;padding: 5px 0;justify-content: center;}
    .area-group .area-img h4 span{-ms-writing-mode: unset;-webkit-writing-mode: unset;writing-mode: unset;text-align: center;}
    .area-group .area-img img{width: 100%;}
    .area-group .area-txt{margin: 40px 0 0;width: 100%;row-gap: 20px;}
    .area-group .area-ttl  img{max-width: 30%;}
    .area-group .area-ttl figure img{max-width: 30%;}

    .area-group-bottom{padding: 20px;flex-wrap: wrap;}
    .area-group-bottom h4{line-height: 1.4;width: 100%;margin: 0 0 10px;padding: 0 0 10px;border-right: 0;border-bottom: 1px solid #000;}
    .area-group-bottom p{width: 100%;padding: 0;}
}


@media (max-width:600px) {
    .txt-per{font-size: min(2.4vw,1.6rem)}
    .txt-per .num{font-size: min(6.5vw,5rem);}
    .txt-per .per{font-size: min(3vw,2rem);}
}

@media (max-width:576px) {
    .area-group .area-txt .area-item{width: 100%;}
    .area-group .area-ttl img{max-width: 20%;}
    .area-group .area-ttl figure img{max-width: 20%;}


}