/* ================= SERVICE PAGE ================= */
.sv-what{position:relative;padding:calc(40*var(--u)) calc(54*var(--u)) calc(80*var(--u))}
.sv-what-head{position:relative;z-index:2;width:calc(660*var(--u));padding:calc(20*var(--u)) 0 0 calc(12*var(--u))}
.sv-title{font-size:calc(64*var(--u));font-weight:900;color:var(--ink);letter-spacing:.02em;line-height:1.1;margin:calc(-14*var(--u)) 0 0 calc(56*var(--u));transform:rotate(-5deg);transform-origin:left bottom}
.sv-title-brush{width:calc(440*var(--u));height:calc(18*var(--u));margin:calc(4*var(--u)) 0 0 calc(90*var(--u));transform:rotate(-6deg)}
.sv-lead{margin-top:calc(36*var(--u));font-size:calc(17*var(--u));line-height:2;font-weight:500;color:#2a2f35;letter-spacing:.04em}
.sv-intro{position:absolute;right:calc(54*var(--u));top:calc(36*var(--u));width:calc(730*var(--u));height:calc(330*var(--u));margin:0;clip-path:polygon(3% 6%,100% 0,98% 92%,94% 100%,0 96%,2% 50%)}
.sv-intro img{width:100%;height:100%;object-fit:cover}
.sv-intro-cap{position:absolute;right:calc(40*var(--u));top:calc(58*var(--u));z-index:3;font-size:calc(34*var(--u));line-height:1.25;transform:rotate(-12deg);-webkit-text-stroke:calc(.7*var(--u)) currentColor;text-shadow:0 0 calc(8*var(--u)) #fff,0 0 calc(3*var(--u)) #fff}
.sv-cards{list-style:none;display:flex;gap:calc(22*var(--u));margin-top:calc(88*var(--u))}
.sv-card{flex:1;background:#fff;border-radius:calc(16*var(--u));overflow:hidden;box-shadow:0 calc(10*var(--u)) calc(28*var(--u)) rgba(30,38,45,.08);display:flex;flex-direction:column}
.sv-card-body{position:relative;padding:calc(28*var(--u)) calc(16*var(--u)) calc(26*var(--u)) calc(124*var(--u));min-height:calc(176*var(--u))}
.sv-no{position:absolute;left:calc(26*var(--u));top:calc(24*var(--u));font-family:var(--en);font-style:italic;font-weight:700;font-size:calc(22*var(--u));color:var(--pink);padding:calc(1*var(--u)) calc(10*var(--u));border:1.5px solid var(--pink);border-radius:999px;transform:rotate(-6deg)}
.sv-ic{position:absolute;left:calc(30*var(--u));top:calc(78*var(--u));width:calc(70*var(--u));height:calc(58*var(--u))}
.sv-card h3{font-size:calc(27*var(--u));font-weight:900;color:var(--ink);letter-spacing:.06em}
.sv-card-body p{font-size:calc(14*var(--u));line-height:1.85;color:#40454b;margin-top:calc(12*var(--u));font-weight:500}
.sv-card-img{margin:0;height:calc(250*var(--u));flex:none}
.sv-card-img img{width:100%;height:100%;object-fit:cover}
.sv-support{height:calc(430*var(--u));margin-top:calc(-10*var(--u))}
.sv-sup-head{position:absolute !important;left:calc(80*var(--u));top:calc(52*var(--u))}
.sv-support .script{font-size:calc(46*var(--u))}
.sv-support .sec-title{color:#fff;font-size:calc(40*var(--u));margin-top:calc(-12*var(--u));transform:rotate(-2deg);transform-origin:left center}
.sv-sup-sub{font-size:calc(16*var(--u));font-weight:500;color:#e8eaee;margin:calc(10*var(--u)) 0 0 calc(80*var(--u))}
.sv-sup-hand{position:absolute !important;right:calc(40*var(--u));top:calc(56*var(--u));font-size:calc(32*var(--u));line-height:1.25;transform:rotate(-12deg);-webkit-text-stroke:calc(.5*var(--u)) currentColor}
.sp-cards{position:absolute !important;left:calc(78*var(--u));right:calc(78*var(--u));top:calc(198*var(--u));list-style:none;display:flex;gap:calc(18*var(--u))}
.sp-card{flex:1;background:#fff;border-radius:calc(12*var(--u));color:var(--ink);text-align:center;padding:calc(22*var(--u)) calc(8*var(--u)) calc(24*var(--u));box-shadow:0 calc(8*var(--u)) calc(22*var(--u)) rgba(0,0,0,.25)}
.sp-card .ic{display:grid;place-items:center;width:calc(64*var(--u));height:calc(64*var(--u));margin:0 auto;border:2px solid var(--pink);border-radius:50%}
.sp-card .ic svg{width:calc(36*var(--u));height:calc(36*var(--u))}
.sp-card h3{font-size:calc(17.5*var(--u));font-weight:900;margin-top:calc(16*var(--u));letter-spacing:.02em}
.sp-card p{font-size:calc(14*var(--u));line-height:1.7;color:#5a5f65;margin-top:calc(8*var(--u));font-weight:500}
.sv-more{position:relative;padding:calc(60*var(--u)) calc(54*var(--u)) calc(96*var(--u))}
.sv-more .script{font-size:calc(46*var(--u));margin-left:calc(-4*var(--u))}
.sv-more .sec-title{font-size:calc(40*var(--u));margin:calc(-14*var(--u)) 0 0 calc(40*var(--u))}
.sv-more .sec-sub{font-size:calc(17*var(--u));font-weight:500;margin:calc(6*var(--u)) 0 0 calc(56*var(--u))}
.mo-cards{list-style:none;display:flex;gap:calc(22*var(--u));margin-top:calc(40*var(--u))}
.mo-card{flex:1;background:rgba(255,255,255,.7);border-radius:calc(16*var(--u));overflow:hidden;box-shadow:0 calc(8*var(--u)) calc(22*var(--u)) rgba(30,38,45,.06)}
.mo-card figure{position:relative;margin:0;height:calc(200*var(--u))}
.mo-card img{width:100%;height:100%;object-fit:cover}
.mo-tag{position:absolute;left:calc(14*var(--u));bottom:calc(-14*var(--u));background:#fff;border:1.5px solid #FFB3CF;color:var(--pink);font-weight:700;font-size:calc(15*var(--u));padding:calc(5*var(--u)) calc(20*var(--u));border-radius:999px;box-shadow:0 calc(4*var(--u)) calc(10*var(--u)) rgba(254,17,121,.15)}
.mo-card p{padding:calc(30*var(--u)) calc(28*var(--u)) calc(28*var(--u));font-size:calc(15.5*var(--u));line-height:1.85;color:#3a3f45;font-weight:500}
@media (max-width: 820px){
  .sv-what{padding:40px 22px 50px;display:flex;flex-direction:column}
  .sv-what-head{width:auto;padding:0}
  .sv-title{font-size:34px;margin:-6px 0 0 20px}
  .sv-title-brush{width:220px;height:12px;margin-left:50px}
  .sv-lead{font-size:14.5px;margin-top:24px}.sv-lead br{display:none}
  .sv-intro{position:relative;right:auto;top:auto;width:auto;height:auto;aspect-ratio:518/238;margin-top:30px}
  .sv-intro-cap{position:relative;right:auto;top:auto;align-self:flex-end;margin-top:-14px;font-size:18px}
  .sv-cards{flex-direction:column;gap:18px;margin-top:30px}
  .sv-card-body{padding:22px 18px 20px 96px;min-height:0}
  .sv-no{left:18px;top:20px;font-size:16px}.sv-ic{left:22px;top:62px;width:50px;height:42px}
  .sv-card h3{font-size:20px}.sv-card-body p{font-size:13.5px}.sv-card-body p br{display:none}
  .sv-card-img{height:48vw}
  .sv-support{height:auto;padding:84px 22px 74px;margin-top:0}
  .sv-sup-head,.sv-sup-hand,.sp-cards{position:relative !important;left:auto;right:auto;top:auto}
  .sv-support .script{font-size:32px}.sv-support .sec-title{font-size:22px}
  .sv-sup-sub{font-size:13px;margin:8px 0 0}
  .sv-sup-hand{font-size:20px;margin:16px 0 0 auto;width:max-content}
  .sp-cards{flex-wrap:wrap;gap:12px;margin-top:24px}
  .sp-card{flex:1 1 calc(50% - 6px);padding:16px 8px 18px}
  .sp-card .ic{width:50px;height:50px}.sp-card .ic svg{width:28px;height:28px}
  .sp-card h3{font-size:14px}.sp-card p{font-size:12px}
  .sv-more{padding:44px 22px 60px}
  .sv-more .script{font-size:32px}.sv-more .sec-title{font-size:26px;margin-left:20px}.sv-more .sec-sub{font-size:13px;margin-left:20px}
  .mo-cards{flex-direction:column;gap:20px;margin-top:28px}
  .mo-card figure{height:auto;aspect-ratio:310/120}
  .mo-tag{font-size:13px}
  .mo-card p{font-size:14px;padding:26px 20px 22px}
}

.service-page .lv-hero .ab-h1{font-size:calc(80*var(--u));transform:rotate(-5deg)}
.service-page .lv-hero .ab-h1-brush{width:calc(480*var(--u));margin-left:calc(40*var(--u))}
.service-page .lv-hero .ab-lead{margin-top:calc(46*var(--u))}
@media (max-width: 820px){.service-page .lv-hero .ab-h1{font-size:38px}.service-page .lv-hero .ab-h1-brush{width:190px}.service-page .lv-hero .ab-lead{margin-top:22px}}