@charset "UTF-8";

.programPage{padding-top:180px;background:#f7f7f7;color:#353130;}
.programHero{position:relative;min-height:500px;padding:78px 0 60px;overflow:hidden;background:radial-gradient(circle at 68% 48%,rgba(188,145,113,.42),rgba(188,145,113,.12) 20%,rgba(247,247,247,0) 47%);}
.programHero-copy{position:relative;max-width:1050px;color:#bc9171;font-family:'marcellus';}
.programHero-copy .line{display:inline-block; font-family:inherit;font-size:clamp(56px,6vw,98px);font-weight:300;line-height:.9;letter-spacing:-3px; padding:0 1rem 0.5rem 0;}
.programHero-copy .note{display:inline-block; font-family:'marcellus';font-size:16px;line-height:1.25;color:rgba(188,145,113,.58);}
.programHero-copy .note-bottom{left:0;bottom:4px;max-width:330px;}
.programHero-title{margin-top:64px;font-size:30px;line-height:1.2;color:#76706e; font-weight: 500;}
.programHero-title span{display:block;margin-top:4px;font-size:22px;font-weight:300;color:#76706e;}
.programHero-desc{width:100%;margin-top:14px;font-size:16px;line-height:1.65;color:#6f6b69;}

.programContent{padding:0 0 110px;}
.programCards{display:flex;flex-direction:column;gap:58px;letter-spacing: -1px;}
.programCard{position:relative;background:#fff;padding:38px 0 0;box-shadow:0 1px 0 rgba(0,0,0,.02);}
.programCard:after{content:attr(data-label);position:absolute;right:12px;top:26%;color:#eee5de;font-family:'marcellus';font-size:15px;letter-spacing:1px;writing-mode:vertical-rl;}
.programCard-head{padding:0 30px 25px;}
.programCard-head h2{margin-bottom:8px;color:#a97856;font-size:25px;font-weight:600; padding-left:12px;position:relative;}
.programCard-head h2::before{content:"";position:absolute;left: 0;top: 5px;width:4px;height:26px;background:#a97856;}
.programCard-head p{font-size:16px;color:#73706e80;line-height:1.55;}
.programCard-body{display:grid;grid-template-columns:62% 38%;min-height:220px;}
.programCard-box{padding:35px 42px;}
.programCard-treatments{background:#cfaa8e;color:#fff;position: relative; }
.programCard-principle{position:relative;padding-left:48px;background:#fff;color:#6d6967;}
.programCard-box h3{position:relative;padding-left:12px;font-size:22px;color:inherit;}
.programCard-box h3:before{content:"";position:absolute;left:0;top:2px;width:7px;height:26px;background:currentColor;}
.programCard-treatments ul:before{content:"";position:absolute; left: 49px; top: 29%; width: 1px; height: 71%; background: #a97856;}
.programCard-treatments ul:before{top:unset; bottom:0; ; left: 45px;height: calc(100% - 22px - 29px - 20px); background:#fff; }
.programCard-principle h3{padding-left:12px;color:#a97856;}
.programCard-principle h3:before{content:"";position:absolute;left:0;top:2px;width:7px;height:26px;background:currentColor;}

.programCard-principle ul:before{content:"";position:absolute; left: 49px; top: 29%; width: 1px; height: 71%; background: #a97856;}
.programCard-principle ul:before{top: unset; bottom: 0; left: 51px; height: calc(100% - 22px - 29px - 20px); background: #a97856;}

.programCard-box ul{display:grid;margin-top:15px; grid-template-columns:repeat(1,minmax(0,1fr));gap:5px 28px;padding-left:18px; }
.programCard-box-grid2 ul{display:grid;margin-top:30px; grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 30px;padding-left:50px; }
.programCard-box-grid3 ul{display:grid;margin-top:30px; grid-template-columns:repeat(1,minmax(0,1fr));gap:8px 28px;padding-left:50px; }
.programCard-principle-lifting ul{margin-top:20px;     padding-left: 30px;}
.programCard-principle li{color:#76706eb8;}


.programCard-box li{position:relative;font-size:16px;line-height:1.45; font-weight:500; padding-left: 14px;}
.programCard-box-dot-none li{ padding-left: 0px;}
.programCard-box-dot li::before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); }
.programCard-treatments li::before{background: #fff;}
.programCard-principle li::before{background: #76706eb8;}
/* .programCard-box li:before{content:"·";position:absolute;left:-14px;} */
.programCard-principle ul{grid-template-columns:1fr;}
.programCard-principle p{font-size:16px;line-height:1.7;}
.programBack{display:flex;justify-content:center;margin-top:65px;}
.programBack a{display:inline-flex;align-items:center;justify-content:center;min-width:240px;padding:14px 28px;border:1px solid #bc9171;color:#bc9171; font-size:15pt;}

.programPrecautions{border-top:1px solid #cfc9c5;}
.programPrecaution{border-bottom:1px solid #d8d2ce;}
.programPrecaution-trigger{display:flex;align-items:center;width:100%;padding:25px 12px;border:0;background:transparent;color:#474342;font:inherit;text-align:left;cursor:pointer;transition:color .2s ease;}
.programPrecaution-trigger:hover,.programPrecaution.is-open .programPrecaution-trigger{color:#a97856;}
.programPrecaution-num{display:inline-flex;flex:0 0 42px;height:42px;align-items:center;justify-content:center;margin-right:22px;border:1px solid #c7b2a3;border-radius:50%;color:#a97856;font-family:'marcellus';font-size:14px;transition:background .2s ease,color .2s ease;}
.programPrecaution.is-open .programPrecaution-num{background:#bc9171;color:#fff;}
.programPrecaution-title{font-size:20px;font-weight:500;}
.programPrecaution-icon{position:relative;width:22px;height:22px;margin-left:auto;}
.programPrecaution-icon:before,.programPrecaution-icon:after{content:"";position:absolute;left:50%;top:50%;background:#a97856;transform:translate(-50%,-50%);transition:opacity .25s ease,transform .25s ease;}
.programPrecaution-icon:before{width:16px;height:1px;}
.programPrecaution-icon:after{width:1px;height:16px;}
.programPrecaution.is-open .programPrecaution-icon:after{opacity:0;transform:translate(-50%,-50%) rotate(90deg);}
.programPrecaution-panel{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.programPrecaution-content{padding:2px 76px 32px;color:#686361;font-size:16px;line-height:1.75;}
.programPrecaution-content>ul>li{position:relative;margin-top:8px;padding-left:14px;}
.programPrecaution-content>ul>li:before,.programPrecaution-sub ul li:before{content:"·";position:absolute;left:0;}
.programPrecaution-content .programPrecaution-sub{margin-top:20px;padding-left:0;}
.programPrecaution-content .programPrecaution-sub:before{display:none;}
.programPrecaution-sub strong{display:block;margin-bottom:5px;color:#a97856;font-weight:600;}
.programPrecaution-sub ul li{position:relative;margin-top:5px;padding-left:14px;}

@media (max-width:1024px){
    .programHero{min-height:430px;}
    .programCard-body{grid-template-columns:60% 40%;}
}

@media (max-width:768px){
    .programPage{padding-top:160px;}
    .programHero{min-height:310px;padding:48px 0 35px;}
    .programHero-copy .line{font-size:clamp(30px, 9vw, 50px);line-height:.92;letter-spacing:-2px; padding: 0 0.5rem 0.5rem 0;}
    .programHero-copy .note{font-size:10px;}
    .programHero-copy .note-top{left:95px;top:5px;max-width:170px;}
    .programHero-copy .note-bottom{bottom:0;max-width:155px;}
    .programHero-title{margin-top:48px;font-size:25px;color:#a97856;}
    .programHero-title span{font-size:16px;}
    .programHero-desc{margin-top:12px;font-size:14px;}
    .programContent{padding-bottom:70px;}
    .programCards{gap:32px;}
    .programCard{padding-top:26px;}
    .programCard:after{right:8px;font-size:14px;}
    .programCard-head{padding:0 24px 22px;}
    .programCard-head h2{font-size:21px;}
    .programCard-head p{font-size:14px;}
    .programCard-body{display:block;min-height:0;}
    .programCard-box{padding:28px 30px; width:90%;}
    .programCard-box h3{font-size:19px;}
    .programCard-box ul{grid-template-columns:1fr;gap:8px; margin-top:15px; padding-left: 10px;}
    .programCard-box li,.programCard-principle p{font-size:14px;}
    .programCard-principle ul:before{width: 0px;}
    .programPrecaution-trigger{padding:20px 4px;}
    .programPrecaution-num{flex-basis:36px;height:36px;margin-right:14px;font-size:12px;}
    .programPrecaution-title{font-size:17px;}
    .programPrecaution-content{padding:0 8px 26px 54px;font-size:14px;}
    .programBack{margin-top:40px;}
    .programCard-treatments ul:before{left: 33px; height: calc(100% - 22px- 29px - 12px)}

    .programCard-principle-line{padding-left: 350px; width: 100%;}

    .programCard-principle-line ul:before{content:"";position:absolute; left: 49px; top: 29%; width: 1px; height: 71%; background: #a97856;}
    .programCard-principle-line ul:before{top: unset; bottom: 0; left: 353px; height: calc(100% - 22px - 29px - 20px); background: #a97856;}
}

@media (max-width:530px){
  .programCard-principle-line{padding-left: 240px; width: 100%;}
  .programCard-principle-line ul:before{left: 243px;}
}


@media (max-width:425px){
    .programHero-copy .line{font-size:30px;letter-spacing:-1px;}
    .programHero-copy .note{font-size:7px;}
    .programHero-copy .note-top{left:82px;}
    .programCard-principle-line{padding-left: 155px; width: 100%;}
    .programCard-principle-line ul:before{left: 158px;}
}

@media (max-width:345px){
    .programCard-principle-line{padding-left: 30px; width: 100%;}
    .programCard-principle-line ul:before{left: 33px;}
}