/* =========================================================
   CECIL Official v1.0.115 — TOP / OUR TREATMENT redesign
   Reference: approved ivory + deep green + gold concept.
========================================================= */

.home-treatment-philosophy{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:82px 0 64px;
  background:
    radial-gradient(circle at 50% 18%,rgba(250,247,239,.92),rgba(250,247,239,0) 42%),
    linear-gradient(180deg,#FAF7EF 0%,#F7F3EA 100%);
  border-top:4px solid #756A5D;
  border-bottom:4px solid #756A5D;
  box-shadow:inset 0 1px 0 #C9D8A6,inset 0 -1px 0 #C9D8A6;
}
.home-treatment-philosophy::before,
.home-treatment-philosophy::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:330px;
  height:330px;
  pointer-events:none;
  opacity:.055;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  filter:blur(.25px);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%230b3b2d' stroke-width='10' stroke-linecap='round'%3E%3Cpath d='M31 287C72 214 111 156 194 79C230 46 261 26 297 15'/%3E%3C/g%3E%3Cg fill='%230b3b2d'%3E%3Cellipse cx='72' cy='231' rx='34' ry='13' transform='rotate(-35 72 231)'/%3E%3Cellipse cx='103' cy='190' rx='38' ry='14' transform='rotate(20 103 190)'/%3E%3Cellipse cx='146' cy='151' rx='37' ry='14' transform='rotate(-38 146 151)'/%3E%3Cellipse cx='182' cy='111' rx='36' ry='13' transform='rotate(22 182 111)'/%3E%3Cellipse cx='226' cy='72' rx='34' ry='12' transform='rotate(-37 226 72)'/%3E%3C/g%3E%3C/svg%3E");
}
.home-treatment-philosophy::before{left:-82px;top:-90px;transform:rotate(-6deg)}
.home-treatment-philosophy::after{right:-70px;top:146px;transform:scaleX(-1) rotate(12deg)}

.home-treatment-philosophy>.container{position:relative;z-index:1;max-width:1240px}
.home-treatment-philosophy .section-head{max-width:900px;margin:0 auto;text-align:center}
.home-treatment-philosophy .section-kicker{
  margin-bottom:22px;
  color:#C9D8A6;
  font-family:Georgia,"Times New Roman","Yu Mincho",serif;
  font-size:.88rem;
  font-weight:500;
  letter-spacing:.24em;
}
.home-treatment-philosophy .section-title{
  max-width:820px;
  margin:0 auto;
  color:#756A5D;
  font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:clamp(2.45rem,3.25vw,3.45rem);
  font-weight:500;
  line-height:1.35;
  letter-spacing:.075em;
}
@media (min-width:761px){
  .home-treatment-philosophy .section-title>br{display:inline!important}
}
.home-treatment-philosophy .gold-line{
  position:relative;
  width:176px;
  height:22px;
  margin:20px auto 14px;
  background:none;
}
.home-treatment-philosophy .gold-line::before,
.home-treatment-philosophy .gold-line::after{
  content:"";
  position:absolute;
  top:50%;
  width:72px;
  height:1px;
  background:linear-gradient(90deg,transparent,#C9D8A6);
}
.home-treatment-philosophy .gold-line::before{left:0}
.home-treatment-philosophy .gold-line::after{right:0;transform:scaleX(-1)}
.home-treatment-philosophy .section-head .gold-line{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  background-image:radial-gradient(circle at center,#C9D8A6 0 2px,transparent 2.5px);
  background-repeat:no-repeat;
  background-position:center;
  background-size:7px 7px;
}

.home-treatment-philosophy .section-lead{
  max-width:820px;
  margin:0 auto;
  color:#4B4238;
  font-size:1rem;
  line-height:2.05;
  letter-spacing:.015em;
}

.home-treatment-principles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  max-width:1140px;
  margin:58px auto 0;
}
.home-treatment-principle{
  position:relative;
  min-width:0;
  min-height:310px;
  padding:58px 30px 32px;
  text-align:center;
  border:1px solid rgba(201,216,166,.32);
  border-radius:6px;
  background:rgba(250,247,239,.94);
  box-shadow:0 16px 38px rgba(117,106,93,.065);
}
.home-treatment-principle::after{
  content:"";
  position:absolute;
  inset:auto 15% -1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,216,166,.18),transparent);
}
.home-treatment-principle>.home-treatment-principle__no{
  position:absolute;
  top:-23px;
  left:50%;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin:0;
  padding:0 0 0 .08em;
  transform:translateX(-50%);
  border:1px solid #C9D8A6;
  border-radius:50%;
  background:#756A5D;
  box-shadow:0 5px 14px rgba(117,106,93,.16);
  color:#EAE2D3;
  font:500 .93rem/1 Georgia,"Times New Roman",serif;
  letter-spacing:.08em;
}
.home-treatment-principle__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:92px;
  height:78px;
  margin:0 auto 6px;
  color:#C9D8A6;
}
.home-treatment-principle__icon svg{
  display:block;
  width:82px;
  height:64px;
  overflow:visible;
  color:inherit;
}
.home-treatment-principle>.home-treatment-principle__rule{
  display:block;
  width:42px;
  height:1px;
  margin:5px auto 18px;
  padding:0;
  background:#C9D8A6;
  color:transparent;
  font-size:0;
  line-height:0;
  letter-spacing:0;
}
.home-treatment-principle h3{
  margin:0 0 12px;
  color:#756A5D;
  font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:1.42rem;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.05em;
}
.home-treatment-principle p{
  max-width:300px;
  margin:0 auto;
  color:#4B4238;
  font-size:.86rem;
  line-height:1.9;
  letter-spacing:.01em;
}
.home-treatment-philosophy__action{margin-top:26px}
.home-treatment-philosophy__action .btn{
  position:relative;
  min-width:330px;
  min-height:58px;
  padding:0 58px 0 38px;
  border:1px solid #C9D8A6;
  border-radius:7px;
  background:linear-gradient(180deg,#756A5D 0%,#756A5D 100%);
  box-shadow:0 9px 20px rgba(117,106,93,.18),inset 0 0 0 1px rgba(250,247,239,.05);
  color:#F7F3EA;
  font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;
  font-size:1.02rem;
  font-weight:500;
  letter-spacing:.08em;
}
.home-treatment-philosophy__action .btn::after{
  content:"›";
  position:absolute;
  right:24px;
  top:50%;
  transform:translateY(-53%);
  color:#C9D8A6;
  font-family:Georgia,serif;
  font-size:1.5rem;
  font-weight:400;
  line-height:1;
}
.home-treatment-philosophy__action .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 13px 26px rgba(117,106,93,.22),inset 0 0 0 1px rgba(250,247,239,.07);
}

@media (max-width:1024px){
  .home-treatment-philosophy{padding:72px 0 60px}
  .home-treatment-philosophy .section-title{font-size:clamp(2.15rem,4.5vw,2.85rem)}
  .home-treatment-principles{gap:18px;margin-top:52px}
  .home-treatment-principle{padding-inline:22px;min-height:300px}
  .home-treatment-principle h3{font-size:1.28rem}
  .home-treatment-principle p{font-size:.82rem}
}

@media (max-width:760px){
  .home-treatment-philosophy{
    padding:58px 0 54px;
    border-top-width:3px;
    border-bottom-width:3px;
  }
  .home-treatment-philosophy::before,
  .home-treatment-philosophy::after{width:230px;height:230px;opacity:.04}
  .home-treatment-philosophy::before{left:-108px;top:-64px}
  .home-treatment-philosophy::after{right:-116px;top:190px}
  .home-treatment-philosophy>.container{width:calc(100% - 28px)}
  .home-treatment-philosophy .section-kicker{margin-bottom:16px;font-size:.72rem;letter-spacing:.22em}
  .home-treatment-philosophy .section-title{
    max-width:100%;
    font-size:clamp(1.48rem,7vw,1.72rem);
    line-height:1.42;
    letter-spacing:.045em;
  }
  .home-treatment-philosophy .section-title>br{display:inline!important}
  .home-treatment-philosophy .gold-line{width:136px;height:18px;margin:17px auto 11px}
  .home-treatment-philosophy .gold-line::before,
  .home-treatment-philosophy .gold-line::after{width:54px}
  .home-treatment-philosophy .section-lead{
    max-width:560px;
    font-size:.86rem;
    line-height:1.92;
    text-align:center;
  }
  .home-treatment-principles{
    grid-template-columns:1fr;
    gap:32px;
    max-width:520px;
    margin-top:46px;
  }
  .home-treatment-principle{
    min-height:0;
    padding:48px 22px 26px;
    border-radius:7px;
  }
  .home-treatment-principle>.home-treatment-principle__no{
    top:-20px;
    width:42px;
    height:42px;
    font-size:.84rem;
  }
  .home-treatment-principle__icon{width:82px;height:67px;margin-bottom:2px}
  .home-treatment-principle__icon svg{width:72px;height:56px}
  .home-treatment-principle>.home-treatment-principle__rule{margin-top:4px;margin-bottom:15px}
  .home-treatment-principle h3{font-size:1.26rem;margin-bottom:9px}
  .home-treatment-principle p{max-width:330px;font-size:.82rem;line-height:1.82}
  .home-treatment-philosophy__action{margin-top:24px}
  .home-treatment-philosophy__action .btn{
    width:min(100%,360px);
    min-width:0;
    min-height:56px;
    padding-left:28px;
    padding-right:52px;
    font-size:.96rem;
  }
}

@media (max-width:380px){
  .home-treatment-philosophy>.container{width:calc(100% - 22px)}
  .home-treatment-philosophy .section-title{font-size:1.48rem;letter-spacing:.025em}
  .home-treatment-philosophy .section-lead{font-size:.82rem}
  .home-treatment-principle{padding-inline:18px}
  .home-treatment-principle p{font-size:.79rem}
}