main.pg{margin-top:0;background:var(--bg);--pg-top:clamp(136px,12.5vw,200px);--pg-hn:clamp(40px,5vw,72px);--pg-gap:clamp(16px,1.667vw,28px);--pg-col:clamp(40px,4.4vw,80px);--pg-bleed:calc(-1 * var(--pad) - max(0px,(100vw - 1680px) / 2))}
.is-sub .nav-ind,.is-sub .nav-hi{display:none}
.is-sub .nav a.is-here,.is-sub .nav a[aria-current="page"]{background:#000;color:#fff}
@media (max-width:991px){
body.is-sub.at-top .hdr-r{transform:translateX(-50%);opacity:1;pointer-events:auto}
.is-sub .nav a.is-here,.is-sub .nav a[aria-current="page"]{background:var(--bg);color:#000}
}

.pg-hero{padding:var(--pg-top) 0 var(--sec)}
.pg-hero-in{display:grid;grid-template-columns:minmax(0,1fr);align-items:end}
.pg-bc{grid-column:1/-1;margin:-10px 0 clamp(36px,4vw,64px)}
.pg-bc ol{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;line-height:1.5;color:var(--g2)}
.pg-bc li{display:inline-flex;align-items:center;min-height:44px}
.pg-bc li+li::before{content:"";flex:none;width:6px;height:6px;margin:0 16px 0 12px;border-top:1.5px solid var(--pre);border-right:1.5px solid var(--pre);transform:rotate(45deg)}
.pg-bc a{display:inline-flex;align-items:center;min-height:44px;transition:color .3s ease}
.pg-bc a:hover{color:#000;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.pg-bc a.en,.pg-bc .en{font-weight:500;letter-spacing:.08em}
.pg-bc [aria-current]{color:#000;font-weight:700}
.pg-hero .label{margin-bottom:clamp(20px,2vw,32px)}
.pg-h1{font-size:clamp(36px,6.1112vw,104px);font-weight:700;line-height:1.16;letter-spacing:-.02em;font-feature-settings:"palt"}
.pg-h1 .n,.pg-h1 .en{font-weight:500}
.pg-hero .lead{max-width:44em;margin-top:var(--pg-hn)}
.pg-hero-ph{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:14px 0 0 14px;margin-right:var(--pg-bleed);background:var(--line)}
.pg-hero-ph img,.pg-hero-ph video{width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 50%);filter:saturate(.72)}
.pg-hero.has-ph .pg-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,.86fr);column-gap:var(--pg-col)}
.pg-hero.has-ph .pg-h1{font-size:clamp(34px,4.8vw,88px)}
.pg-hero.has-ph .lead{margin-top:clamp(32px,3.6vw,56px)}
.pg-hero:not(.is-still) .pg-hero-tx>*,.pg-hero:not(.is-still) .pg-hero-ph{animation:pg-in 1s var(--out) both}
.pg-hero:not(.is-still) .pg-hero-tx>:nth-child(2){animation-delay:.08s}
.pg-hero:not(.is-still) .pg-hero-tx>:nth-child(3){animation-delay:.16s}
.pg-hero:not(.is-still) .pg-hero-ph{animation-name:pg-ph;animation-duration:1.4s;animation-delay:.12s}
@keyframes pg-in{from{opacity:0;transform:translateY(18px)}}
@keyframes pg-ph{from{opacity:0;clip-path:inset(0 0 0 12% round 14px 0 0 14px)}}

.pg-sec{position:relative;padding-block:var(--sec)}
.pg-sec.is-white{background:#fff}
.pg-hero+.pg-sec:not(.is-white){padding-top:0}
.pg-hd{margin-bottom:var(--pg-hn)}
.pg-more{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:76px;border-bottom:1px solid #000;font-size:16px;font-weight:700}
.pg-more .c{font-family:var(--en);font-size:18px;font-weight:400;transition:transform .45s var(--out)}
.pg-more:hover .c{transform:translateX(4px)}

.pg-cat{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1.4;white-space:nowrap}
.pg-cat::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--blue)}
.pg-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:100vh;box-shadow:inset 0 0 0 1px var(--line)}
.pg-tab{display:flex;align-items:center;height:44px;padding:0 20px 0 18px;border-radius:100vh;transition:background-color .3s ease,color .3s ease}
.pg-tab:hover{background:rgba(0,0,0,.06)}
.pg-tab.is-on{background:#000;color:#fff}
.pg-tab.is-on .pg-cat{color:#fff}
.is-off{display:none!important}
@media (hover:hover){
.pg-card[href]:hover .pg-card-fig img{transform:scale(1.035)}
.pg-card[href]:hover .pg-card-ar{color:#000;transform:translateX(4px)}
}

.pg-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(48px,4.4vw,72px) var(--pg-gap)}
.pg-item{position:relative;min-width:0;padding-top:24px;border-top:1px solid var(--line)}
.pg-item::before{content:"";position:absolute;left:0;top:-1px;width:40px;height:2px;background:var(--blue)}
.pg-item-ic{display:block;width:28px;height:28px;margin-bottom:20px}
.pg-item-t{font-size:clamp(20px,1.667vw,26px);font-weight:700;line-height:1.45;letter-spacing:-.005em;font-feature-settings:"palt"}
.pg-item .tx{margin-top:14px}

.pg-steps{counter-reset:pg-st;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:var(--pg-gap)}
.pg-step{counter-increment:pg-st;position:relative;min-width:0;padding-top:76px}
.pg-step::before{content:counter(pg-st,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--en);font-size:clamp(28px,2.4vw,40px);font-weight:400;line-height:1;letter-spacing:-.01em;color:var(--ink)}
.pg-step::after{content:"";position:absolute;left:0;top:56px;width:9px;height:9px;border-radius:50%;background:var(--blue)}
.pg-step-ln{position:absolute;left:16px;right:calc(var(--pg-gap) * -1 + 7px);top:60px;height:1px;background:var(--line);transform-origin:0 50%}
.pg-step:last-child .pg-step-ln{display:none}
.pg-steps.is-rv .pg-step-ln{transform:scaleX(0);transition:transform .9s var(--out)}
.pg-steps.is-rv.is-in .pg-step-ln{transform:none}
.pg-steps.is-rv.is-in .pg-step:nth-child(2) .pg-step-ln{transition-delay:.12s}
.pg-steps.is-rv.is-in .pg-step:nth-child(3) .pg-step-ln{transition-delay:.24s}
.pg-steps.is-rv.is-in .pg-step:nth-child(4) .pg-step-ln{transition-delay:.36s}
.pg-steps.is-rv.is-in .pg-step:nth-child(5) .pg-step-ln{transition-delay:.48s}
.pg-step-t{font-size:clamp(17px,1.32vw,21px);font-weight:700;line-height:1.6;font-feature-settings:"palt"}

.pg-dl{border-top:1px solid #000}
.pg-dl>div{display:grid;grid-template-columns:clamp(120px,13vw,220px) minmax(0,1fr);column-gap:24px;align-items:baseline;padding-block:26px;border-bottom:1px solid var(--line)}
.pg-dl dt{font-size:14px;font-weight:700;line-height:1.6;letter-spacing:.04em;color:var(--g2)}
.pg-dl dd{font-size:18px;font-weight:500;line-height:1.75}
.pg-dl dd a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--pre);transition:text-decoration-color .3s ease}
.pg-dl dd a:hover{text-decoration-color:var(--blue)}

.pg-ph{position:relative;overflow:hidden;aspect-ratio:3/2;border-radius:14px;background:var(--line)}
.pg-ph img{width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 50%);filter:saturate(.72)}
.pg-ph.is-bleed{margin-right:var(--pg-bleed);border-radius:14px 0 0 14px}
.pg-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--pg-col);align-items:center}

.pg-ct{position:relative;overflow:hidden;isolation:isolate;container-type:inline-size;background:var(--bg);--ct:1;--R:110cqw;--s:12.02cqw;--hh:calc(var(--s) + 10px);--orb:min(52cqw,80vh);--vis:.38;--gl:3.2cqw;--rim:1.5px;--mx:44cqw}
.pg-ct-orb{position:absolute;z-index:0;left:50%;bottom:calc(var(--hh) - var(--orb));width:var(--orb);aspect-ratio:1;transform:translate3d(-50%,calc(var(--ct) * var(--vis) * var(--orb) * -1),0);will-change:transform;pointer-events:none}
.pg-ct-hz{position:absolute;z-index:1;left:50%;top:calc(100% - var(--hh));width:calc(var(--R) * 2);aspect-ratio:1;margin-left:calc(var(--R) * -1);border-radius:50%;background:var(--foot);pointer-events:none}
.pg-ct-hz::before,.pg-ct-hz::after{content:"";position:absolute;border-radius:50%;pointer-events:none;-webkit-mask-image:radial-gradient(var(--mx) 30cqw at 50% 0,#000 0%,rgba(0,0,0,.6) 40%,transparent 100%);mask-image:radial-gradient(var(--mx) 30cqw at 50% 0,#000 0%,rgba(0,0,0,.6) 40%,transparent 100%)}
.pg-ct-hz::before{inset:calc(var(--gl) * -1);background:radial-gradient(closest-side,transparent calc(100% - var(--gl) - 1px),rgba(0,180,255,.55) calc(100% - var(--gl)),rgba(0,180,255,.16) calc(100% - var(--gl) * .62),rgba(0,180,255,0) 100%);opacity:calc((var(--ct) - .2) * 1.25)}
.pg-ct-hz::after{inset:calc(var(--rim) * -1);border:var(--rim) solid #E9F8FF;background:radial-gradient(closest-side,rgba(0,180,255,0) calc(100% - var(--gl) * 1.4),rgba(0,180,255,.11) calc(100% - 1px));opacity:calc((var(--ct) - .35) * 1.6)}
.pg-ct-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:4vw;align-items:end;padding-top:var(--sec);padding-bottom:calc(var(--hh) + var(--orb) * var(--vis) + clamp(44px,3.6vw,80px))}
.pg-ct-in:not(:has(.pg-ct-h)),.pg-ct.is-min .pg-ct-in{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.pg-ct-h{font-size:clamp(28px,4.4445vw,72px);font-weight:700;line-height:1.46;letter-spacing:-.02em;font-feature-settings:"palt"}
.pg-ct-em{position:relative;display:inline-block;line-height:1.24}
.pg-ct-wave{position:absolute;left:0;top:calc(100% - .02em);width:calc(100% - .5em);height:4px;overflow:visible;pointer-events:none}
.pg-ct-wave path{stroke:var(--blue);stroke-width:2;stroke-linecap:butt;stroke-dasharray:1 2;stroke-dashoffset:1.02;transition:stroke-dashoffset 1s var(--out) .15s}
.pg-ct-wave.is-in path{stroke-dashoffset:0}
.pg-ct-body{max-width:34em}
.pg-ct-tx{font-size:clamp(16px,1.112vw,17px);font-weight:500;line-height:1.9;color:#000}
.pg-ct-tx+.btn{margin-top:var(--g-body-btn)}

@media (max-width:1199px){
.pg-items{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-steps{grid-auto-flow:row;grid-auto-columns:auto;row-gap:0}
.pg-step{padding:0 0 40px 64px}
.pg-step::before{top:2px;font-size:28px}
.pg-step::after{display:none}
.pg-step-ln{left:15px;right:auto;top:44px;bottom:8px;width:1px;height:auto;transform-origin:50% 0}
.pg-step:last-child{padding-bottom:0}
.pg-steps.is-rv .pg-step-ln{transform:scaleY(0)}
.pg-ct{--orb:min(56cqw,64vh)}
.pg-ct-in{grid-template-columns:minmax(0,1fr);row-gap:clamp(36px,4.4vw,56px)}
.pg-ct-in .pg-ct-body{max-width:40em}
}
@media (max-width:991px){
.pg-hero.has-ph .pg-hero-in{grid-template-columns:minmax(0,1fr)}
.pg-hero-ph{margin-top:clamp(40px,6vw,64px);aspect-ratio:3/2}
.pg-hero.has-ph .pg-h1{font-size:clamp(34px,6.4vw,64px)}
.pg-split{grid-template-columns:minmax(0,1fr);row-gap:32px}
}
@media (max-width:767px){
main.pg{--pg-top:108px;--pg-hn:40px}
.pg-bc{margin:-12px 0 28px}
.pg-bc li+li::before{margin:0 12px 0 8px}
.pg-h1{font-size:clamp(32px,9.6vw,40px);line-height:1.24}
.pg-hero.has-ph .pg-h1{font-size:clamp(32px,9.6vw,40px)}
.pg-hero .lead{margin-top:28px}
.pg-hero-ph{margin-top:40px;aspect-ratio:4/3}
.pg-items{grid-template-columns:minmax(0,1fr);row-gap:44px}
.pg-item-t{font-size:20px}
.pg-more{min-height:64px;font-size:15px}
.pg-dl>div{grid-template-columns:minmax(0,1fr);row-gap:6px;padding-block:20px}
.pg-dl dd{font-size:16px}
.pg-tabs{gap:2px}
.pg-tab{height:40px;padding:0 14px 0 12px}
.pg-step{padding-left:56px}
.pg-step::before{font-size:24px}
.pg-step-ln{left:12px;top:38px}
.pg-ct{--R:100cqw;--s:13.4cqw;--hh:calc(var(--s) + 8px);--orb:96cqw;--vis:.4;--gl:7cqw;--rim:1.25px;--mx:62cqw}
.pg-ct-in{row-gap:28px;padding-bottom:calc(var(--hh) + var(--orb) * var(--vis) + 48px)}
.pg-ct-h{font-size:clamp(28px,8.6vw,36px);line-height:1.5}
.pg-ct-em{line-height:1.32}
.pg-ct-tx{font-size:16px}
}
.pg-rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--out),transform .9s var(--out)}
.pg-rv.is-in{opacity:1;transform:none}
.pg-sec:not(.is-white)+.pg-ct .pg-ct-in{padding-top:0}
.pg-h1{font-size:clamp(30px,3.9vw,56px)}
.pg-ct-h{font-size:clamp(26px,3.2vw,48px)}
@media (max-width:767px){.pg-h1{font-size:clamp(28px,8vw,34px)}.pg-ct-h{font-size:clamp(24px,7.2vw,30px)}}
[id^="sv-"],[id^="mk-"]{scroll-margin-top:clamp(96px,8.4vw,132px)}
.pg-hero-ph img,.pg-hero-ph video,.pg-ph img{filter:none}
.pg-hero.has-ph .pg-h1{font-size:clamp(30px,3.9vw,56px)}
@media (max-width:767px){.pg-hero.has-ph .pg-h1{font-size:clamp(28px,8vw,34px)}}
@media (max-width:767px){
.pg-rv{transform:translateY(8px);transition-duration:.5s}
.pg-steps.is-rv .pg-step-ln{transition-duration:.6s}
.pg-steps.is-rv.is-in .pg-step:nth-child(2) .pg-step-ln{transition-delay:.06s}
.pg-steps.is-rv.is-in .pg-step:nth-child(3) .pg-step-ln{transition-delay:.12s}
.pg-steps.is-rv.is-in .pg-step:nth-child(4) .pg-step-ln{transition-delay:.18s}
.pg-steps.is-rv.is-in .pg-step:nth-child(5) .pg-step-ln{transition-delay:.24s}
.pg-ct-wave path{transition:stroke-dashoffset .6s var(--out)}
}