@charset "utf-8";
.header::after{position: absolute;display: block;content: "";width: 100%;height: 150px;background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7), transparent);z-index: -1;margin-left: -60px;}

.plan-txt01{font-size: 2.8rem; line-height: 1; background: #234a35; color: #fff; padding: 20px 0 25px; margin-bottom: 30px; text-align: center;}
.plan-txt02{font-size: min(2.8vw, 2.8rem); line-height: 1; background: #234a35; color: #fff; padding: 7px 0 10px; margin-bottom: 10px; text-align: center;}
.plan-txt02 span{font-size: 200%; margin-right: 5px;}
.plan-txt03{font-size: min(3vw, 3rem); line-height: 1; padding: 0 0 20px; border-bottom: 1px solid #000000; text-align: center;}
.plan-txt03 .fs-82{font-size: 2.733333em;}
.plan-txt03 .fs-50{font-size: 1.66666em;}
.plan-txt03 .fs-40{font-size: 1.33333em;}
.plan-txt04{line-height: 1.5; min-height: 125px; margin: 0 auto;}
.plan-txt03 .min-txt{font-size: 50%;margin-right: 0;color: #000;}
.plan-txt04 li{font-size: min(1.6vw, 1.8rem);padding: 10px 0 10px min(2vw,20px);margin-right: -20px;}
.plan-txt04 li{border-bottom: 1px solid #000000;}
.plan-txt04 li .fs-42{font-size: 2.33333em;line-height: 1;}
.plan-txt04 li .fs-30{font-size: 1.667em;}
.plan-txt04 li .fs-23{font-size: 1.278em;}
.plan-more{font-size: 2.4rem; line-height: 1; position: relative; display: inline-block; width: 180px; text-align: center; margin-top: 20px;}
.plan-more::after{content: ''; width: 100%; height: 19px; display: inline-block; position: absolute; top: 50%; left: 0; background: #234a35; mask: url(../img/common/ic-arrow02.svg) no-repeat top left / 100% 100%; transition: all 0.3s ease;}
.box-cap {padding: 50px 0 120px;}

.mv-page .tit{text-shadow: none;font-family: unset;}
.mv-page .tit .en {font-size: min(3vw, 3.2rem);letter-spacing: 0.1em;margin: 0 0 min(10vw, 140px);font-family: 'EB Garamond';}
.mv-page .tit .jp {font-size: min(4.8vw, 4.8rem);line-height: 1.6;text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000, 0 0 4px #000, 0 0 5px #000, 0 0 6px #000, 0 0 7px #000, 0 0 8px #000, 0 0 9px #000, 0 0 10px #000;}
.mv-page .tit .jp span{font-size: 0.7916666em;}

#private-terrace{padding: 100px 0;}
#private-terrace .intro {text-align: center;margin: 0 0 80px;}
#private-terrace .intro .m-tit {color: #224934;margin: 0 0 40px;}
#private-terrace .intro .m-desc {margin: 0 0 8px;line-height: 2.2;font-size: 1.8rem;}
#private-terrace .intro .m-cap{color: #595757;letter-spacing: unset;}
#private-terrace .type-detail .type-detail-inner{display: flex; flex-wrap: wrap; justify-content: space-between;}
#private-terrace .type-detail .type-detail-inner .colL{width: 28.8%;}
#private-terrace .type-detail .type-detail-inner .colR{width: 70.4%;}
#private-terrace .type-detail .plan-txt02,
#private-terrace .type-detail .img-type{margin-left: auto; margin-right: auto;}
#private-terrace .type-detail .img-type{padding: 100px 0; text-align: center;}
#private-terrace .type-detail .m-cap{padding-left: min(2vw, 20px); font-size: min(1.5vw, 1.6rem);color: #595757;margin-top: min(5vw, 50px);line-height: 1.5;letter-spacing: unset;}
#private-terrace .type-detail .m-cap li:first-of-type{margin-left: -0.6em;}
#private-terrace .type-detail .m-cap li.flexBox {display: flex;align-items: center;margin-top: 10px;}
#private-terrace .type-detail .m-cap li .rolate-img{transform: rotate(180deg);}
#private-terrace.pland .type-detail .m-cap span{margin-left: 0;}

#private-terrace .features{margin: 50px 0 100px;}
#private-terrace .features .feature-inner {display: flex;justify-content: space-between;flex-wrap: wrap; row-gap: 50px;}
#private-terrace .features .feature-card{width: 30.6122%;}
#private-terrace .features .feature-card .img{position: relative;}
#private-terrace .features .feature-card .img img {width: 100%;}
#private-terrace .features .feature-card .card-tit{font-size: min(2.6vw, 2.6rem);color: #ffffff;text-align: center;background: #224934;padding: 10px 0 18px;line-height: 1.5;margin: 0 0 20px;font-weight: 500;}
#private-terrace .features .feature-card .card-tit span{font-size: 0.75em;}
#private-terrace .features .feature-card .card-desc{margin: 15px 0 0;}


@media (max-width: 767px){
    .header::after{display: none;}

    .mv-page .tit{inset: 20% 0 auto;}
    .mv-page .tit .en{font-size: min(5vw, 2.8rem);margin: 0 0 min(7vw, 70px);}
    .mv-page .tit .jp{font-size: min(6.5vw, 3.6rem);line-height: 1.4;}
    .box-cap{padding: 40px 0 60px;}
    .plan-txt01{font-size: 2.4rem;padding: 15px 0 16px;margin-bottom: 20px;}
    #private-terrace .type-detail .plan-txt02{margin: 0;}
    .plan-txt02{font-size: 2.2rem;padding: 0px 10px 5px;}
    .plan-txt03 .fs-82{font-size: 2.5em;}
    .type-name{display: flex;gap: 20px;align-items: flex-end;padding: 0 0 20px;justify-content: center;
  border-bottom: 1px solid #000000;}
    .plan-txt03{font-size: min(5vw,3rem);border-bottom:0 ;padding-bottom: 0;}
    .plan-txt04{margin: 0 0 50px;text-align: center;}
    .plan-txt04 li{width: 100%;margin-right: 0;font-size: 1.6rem;padding: 5px 0 10px 0px;}
    .plan-txt04 li:not(:last-child){border-bottom: 0;padding-bottom: 0;}
    #private-terrace .intro .m-desc{text-align: left;line-height: 1.6;}
    #private-terrace .intro .m-desc br{display: none;}
    #private-terrace .intro{margin: 0 0 40px;}
    #private-terrace .intro .m-tit{margin: 0 0 25px;}
    #private-terrace{padding: 50px 0; margin-top: 0;}
    #private-terrace .type-detail .type-detail-inner .colL{width: 100%;}
    #private-terrace .type-detail .type-detail-inner .colR{width: 100%;}
    #private-terrace .type-detail .m-cap{font-size: 1.4rem;padding-left: 0;}
    #private-terrace .type-detail .m-cap li.flexBox{margin: 0;}
    #private-terrace .type-detail .m-cap span{margin-left: 0;}
    #private-terrace .type-detail .m-cap li{flex-wrap: wrap;}
    #private-terrace .type-detail .m-cap img{height: 10px; width: 20px;}

    #private-terrace .features{margin: 0 0 0px;}
    #private-terrace .features .feature-card{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;gap: 10px;align-items: flex-start;}
    #private-terrace .features .feature-card .card-tit{font-size: 2.2rem;padding: 5px 0 8px;width: 100%;margin-bottom: 5px;}
    #private-terrace .features .feature-inner{row-gap: 40px;}
    #private-terrace .features .feature-card .img{width: 48%;}
    #private-terrace .features .feature-card .card-desc{width: 48%;margin-top: 0;}
    .plan-txt04 li .fs-23{padding-right: 10px;}
    .plan-txt04 .li01 .fs-sp-30{font-size:1.7em ;}
    .plan-txt04 .li01 .fs-sp-40{font-size:2.3em ;font-weight: bold;}

      .plan-txt04 .li01{padding:10px 0; margin-bottom: 10px;}
      .plan-txt04 li .fs-sp-60{font-size: 3em;font-weight: bold;}
}
@media (max-width:400px){
.plan-txt04 li{font-size: 1.48rem;}
    .type-name{gap: 10px;}
}