body.home{background:var(--color-bg)}html{overscroll-behavior-y:none}.stage-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 45% 55% at 22% 50%,rgba(5,7,15,.55),transparent 75%)}@media(max-aspect-ratio:4/5){.stage-shade{background:linear-gradient(to top,rgba(5,7,15,.6) 0%,rgba(5,7,15,.3) 35%,transparent 60%)}}.scene-intro{position:relative;height:200vh}.scene-intro__inner{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-content:center;justify-items:center;padding:0 var(--gutter);text-align:center}.hero-copy{margin:0 -.14em 0 0;font-family:var(--font-mincho);font-weight:500;font-size:clamp(2rem,5.4vw,4.4rem);line-height:1.5;letter-spacing:.14em;text-shadow:0 0 40px rgba(124,196,255,.12)}.hero-copy .line,.hero-copy .char{display:inline-block}.hero-sub{margin:clamp(1.8rem,3.6vw,2.8rem) 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.9em 2.2em;font-size:clamp(.74rem,1.1vw,.86rem);font-weight:300;letter-spacing:.12em;color:var(--color-text-sub)}.hero-sub__item{display:inline-flex;align-items:center;gap:.65em}.hero-sub__item em{font-style:normal;font-family:var(--font-mincho);font-size:1.3em;color:var(--color-glow);text-shadow:0 0 12px rgba(124,196,255,.5)}.scene-service{position:relative;height:400vh}.scene-service__inner{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;padding:var(--header-h) var(--gutter);pointer-events:none}.service-text{position:relative;text-shadow:0 0 18px rgba(5,7,15,.9);display:grid;justify-items:start;margin-left:clamp(0px,7vw,140px);pointer-events:auto}.service-text>*{margin:0}.service-text__kanji{display:flex;align-items:flex-end;font-family:var(--font-mincho);font-weight:500;font-size:clamp(4.2rem,9vw,7.6rem);line-height:1;text-shadow:0 0 50px rgba(124,196,255,.18)}.service-text__kanji ruby{ruby-position:over}.service-text__kanji rt{font-family:var(--font-gothic);font-weight:400;font-size:.11em;letter-spacing:.5em;margin-right:-.5em;color:var(--color-text-sub);text-shadow:none;padding-bottom:.9em}.service-text__mark{font-size:.6em;margin-left:.04em}.service-text__en{margin-top:1.6rem;font-family:var(--font-en);font-weight:300;font-size:.8rem;letter-spacing:.55em;color:var(--color-glow);opacity:.85}.service-text__name{margin-top:2.4rem;font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:400;letter-spacing:.26em}.service-text__lead{margin-top:.9rem;font-size:clamp(.86rem,1.1vw,.96rem);letter-spacing:.14em;color:var(--color-text-sub)}.service-text__more{display:grid;justify-items:start;gap:.9rem;margin-top:2.4rem}.service-text__hint{font-size:.72rem;font-weight:400;letter-spacing:.3em;color:var(--color-text-faint);transition:color .8s var(--ease-out)}.service-text:hover .service-text__hint,.service-text:focus-visible .service-text__hint{color:var(--color-glow)}.service-text__arrow{position:relative;width:48px;height:1px;background:var(--color-text-faint);transition:width .8s var(--ease-out),background-color .8s var(--ease-out)}.service-text__arrow:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;color:inherit;transform:rotate(45deg);transform-origin:center;border-color:var(--color-text-faint);transition:border-color .8s var(--ease-out)}.service-text:hover .service-text__arrow,.service-text:focus-visible .service-text__arrow{width:80px;background:var(--color-glow)}.service-text:hover .service-text__arrow:after,.service-text:focus-visible .service-text__arrow:after{border-color:var(--color-glow)}.scene-finale{position:relative;height:300vh}.scene-finale__inner{position:sticky;top:0;height:100vh;height:100svh;display:grid;align-content:end;justify-items:center;gap:clamp(2rem,5vh,3.2rem);padding:0 var(--gutter) clamp(72px,16vh,160px);text-align:center}.finale-copy{margin:0 -.14em 0 0;font-family:var(--font-mincho);font-weight:500;font-size:clamp(1.7rem,3.8vw,3.2rem);line-height:1.6;letter-spacing:.14em;text-shadow:0 0 40px rgba(124,196,255,.12)}.finale-copy__br{display:none}.finale-marks{display:flex;justify-content:center;gap:clamp(2.5rem,12vw,9rem)}.finale-mark{font-family:"Yuji Syuku",var(--font-mincho);font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1;color:var(--color-text);text-shadow:0 0 24px rgba(124,196,255,.25);transition:color .6s var(--ease-out),text-shadow .6s var(--ease-out)}.finale-mark:hover,.finale-mark:focus-visible{color:#fff;text-shadow:0 0 28px rgba(124,196,255,.6)}.has-stage .finale-marks{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.has-stage .finale-mark{position:absolute;left:0;top:0;opacity:0;pointer-events:auto;will-change:transform,opacity}@media(max-width:600px){.finale-copy__br{display:inline}}@media(max-aspect-ratio:4/5){.scene-service__inner{align-items:flex-end;padding-bottom:clamp(48px,10vh,96px)}.service-text{margin-left:0}.service-text__kanji{font-size:clamp(3.4rem,15vw,4.6rem)}.service-text__en{margin-top:1.1rem}.service-text__name,.service-text__more{margin-top:1.6rem}}@media(max-width:600px){.hero-copy .line{display:block}.hero-sub{flex-direction:column;align-items:center;gap:.75em}.hero-sub__item{width:11.5em}}

/* 最初の言葉「その事業を なりたい姿へ。」:「、」をなくした分、パソコンでは半字ぶんの間をあけてひと呼吸おく
   最後の「。」は左半分にしか形がないので、右から半字ぶん引いて見た目の真ん中を合わせる */
.hero-copy .line:first-child{margin-right:.5em}
/* 表紙は「。」を行の外にぶら下げ、「なりたい姿へ」の文字のかたまりそのものを真ん中に置く
   (「。」は小さな点なので、目は点を除いた文字で真ん中を感じる) */
.hero-copy .line--end{margin-right:-1.06em}
@media(max-width:600px){.hero-copy .line:first-child{margin-right:0}}

/* 「詳しく見る」:押せることが分かるよう「タップして/詳しく見る」の2行に
   (マウスで見るパソコンでは「クリックして/詳しく見る」) */
.service-text__hint{display:inline-grid;justify-items:start;gap:.1em;line-height:1.6}
.service-text__tap{display:block}
.service-text__tap-mouse{display:none}
@media(hover:hover) and (pointer:fine){
  .service-text__tap-touch{display:none}
  .service-text__tap-mouse{display:inline}
}