@font-face{font-family:Line;src:url('public/fonts/line-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Line;src:url('public/fonts/line-bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
@font-face{font-family:Note;src:url('public/fonts/note.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--blue:#0746d7;--electric:#034df3;--yellow:#fff000;--pink:#f00aab;--ink:#111314;--paper:#fff;--ease:cubic-bezier(.22,1,.36,1);--journey-progress:1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--blue);font-family:Line,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;font-size:17px;line-height:1.9;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:800;line-height:1.3;letter-spacing:-.04em}a{color:inherit}img{max-width:100%;height:auto;display:block}svg{display:block;width:1em;height:1em;flex:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid currentColor;outline-offset:7px}::selection{background:var(--yellow);color:var(--ink)}.wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}.section-pad{padding-block:120px}.blue{color:var(--electric)}.eyebrow{font-size:13px;letter-spacing:.2em;font-weight:800;line-height:1.6;margin-bottom:20px}.handwritten{font-family:Note,Line,sans-serif;line-height:1.5;letter-spacing:.03em}.only-mobile{display:none}.skip-link{position:fixed;z-index:99;top:-100px;left:16px;padding:10px 18px;background:#fff;color:#000}.skip-link:focus{top:16px}.underline-yellow{position:relative;z-index:0;white-space:nowrap}.underline-yellow:after{position:absolute;z-index:-1;content:'';left:0;right:-.02em;bottom:.04em;height:.25em;background:var(--yellow);transform:rotate(-1deg)}
/* Cの立体の扉と黄色い道を主役にするファーストビュー。 */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(980px,69vw);background:#0348d9;color:#fff}.hero-scene{position:absolute;inset:0;z-index:-2;transform-origin:70% 70%}.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.site-header{height:99px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{text-decoration:none;display:flex;gap:13px;align-items:center;font-weight:800;font-size:19px;letter-spacing:.3em}.brand svg{width:26px;height:26px;color:var(--yellow)}.release-label{font-size:11px;letter-spacing:.24em;font-weight:800;display:flex;gap:10px;align-items:center}.release-label i{width:6px;height:6px;border-radius:100%;background:var(--yellow)}.hero-content{position:relative;padding-top:5px;padding-bottom:110px}.hero h1{font-size:clamp(64px,7.3vw,113px);line-height:1.2;letter-spacing:-.055em;margin-left:-.045em}.hero h1 span{display:block;white-space:nowrap}.hero-intro{font-size:clamp(15px,1.35vw,20px);line-height:1.75;margin-top:32px;max-width:520px}.hero-question{font-size:clamp(24px,2.5vw,37px);font-weight:800;line-height:1.5;margin-top:25px;letter-spacing:-.03em}.hero-question strong{position:relative}.hero-question strong:after{content:'';position:absolute;left:0;right:-6px;height:5px;background:var(--pink);bottom:-7px;transform:rotate(-2deg);transform-origin:left center}.hero-action{margin-top:31px;max-width:520px}.cta{min-height:67px;width:max-content;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:16px 27px;border:0;border-radius:999px;background:var(--yellow);color:#080c16;font-size:clamp(16px,1.35vw,20px);font-weight:800;text-decoration:none;line-height:1.4;box-shadow:0 8px 19px #06277825;transition:transform .22s var(--ease),box-shadow .22s ease;position:relative;isolation:isolate}.cta svg{width:30px;height:30px;transition:transform .22s var(--ease)}.cta-note{font-size:12px;letter-spacing:.025em;line-height:1.7;margin-top:16px}.hero-scribble{position:absolute;top:57%;left:44%;font-size:20px;transform:rotate(-8deg)}.hero-scribble span{border-bottom:3px solid var(--pink)}.scroll-cue{position:absolute;bottom:32px;left:56px;display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:.15em;text-decoration:none}.scroll-cue svg{width:24px;height:24px;color:var(--yellow);transform:rotate(20deg)}
/* 白い紙面で、問いと次の一歩を順番に見せる。 */
.after{background:#fff;padding-bottom:90px}.after-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%}.after h2{font-size:clamp(43px,5.4vw,78px);line-height:1.25}.after-pause{display:inline-block;font-size:1.22em;letter-spacing:-.11em;position:relative;margin-block:10px 24px}.after-pause:after{content:'';position:absolute;left:.05em;right:-.2em;bottom:9px;height:8px;background:var(--pink);transform:rotate(-4deg)}.after-heading>p:last-child{font-size:18px;line-height:1.9}.after-questions{padding-top:24px;position:relative}.after-questions>p{font-size:clamp(23px,2.25vw,34px);font-weight:800;line-height:1.6;padding-block:10px;border-bottom:1px solid #e6e8ed;position:relative}.after-questions>p:nth-child(2){padding-left:8%}.after-questions>p:nth-child(3){padding-left:15%}.after-questions>p:nth-child(4){padding-left:3%}.after-questions .last-question{font-size:clamp(21px,2vw,29px);color:var(--electric);padding-top:20px}.small-paw{position:absolute;left:-46px;top:14px;color:var(--electric);transform:rotate(-18deg)}.small-paw svg{width:26px;height:26px}.after-answer{margin-top:28px;font-size:16px;line-height:1.9}.journey{background:#fff;padding-top:45px;overflow:hidden}.journey-heading{position:relative;padding-bottom:20px}.journey-heading h2{font-size:clamp(43px,5.35vw,77px)}.journey-heading>p:last-of-type{margin-top:20px;font-size:20px}.journey-arrow{width:72%;height:82px;margin-top:12px;max-width:900px;overflow:visible}.journey-arrow path{stroke:var(--pink);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--journey-progress))}.journey-figure{position:relative;max-width:1600px;margin-inline:auto}.journey-figure img{width:100%;height:auto}.journey-figure figcaption{position:absolute;right:5%;bottom:11%;font-size:24px;transform:rotate(-5deg)}.journey-bottom{padding:30px 0 64px;text-align:center;font-size:25px;line-height:1.7}.team{background:#fff;border-top:1px solid #e8ebed}.team-grid{display:grid;grid-template-columns:1fr 1.13fr;gap:5%;align-items:center}.team h2{font-size:clamp(32px,3.4vw,49px);line-height:1.5}.team-copy>p{margin-top:22px}.team-copy .eyebrow{margin-top:0}.team-pair{display:flex;align-items:center;gap:19px;font-size:19px}.team-pair>span{font-size:26px;color:var(--pink);font-weight:400}.team-copy>p:not(.team-pair):not(.eyebrow){font-size:16px;line-height:1.9}.team-figure{margin-right:-25px}.team-figure img{width:100%}.cat-quote{font-size:19px;font-weight:800;line-height:1.8;margin-top:30px;border-left:5px solid var(--yellow);padding-left:20px;position:relative}.cat-quote svg{width:25px;height:25px;display:inline-block;margin-left:14px;color:var(--electric);transform:rotate(14deg)}
/* 同じ大きさのカードにせず、開いた制作ファイルとして並べる。 */
.product{background:#fff;padding-top:36px}.product-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:20px;padding-bottom:52px;border-bottom:2px solid var(--ink)}.product-intro .eyebrow{margin-bottom:4px}.product h2{font-size:clamp(60px,7vw,102px);line-height:1.1;letter-spacing:-.04em;position:relative;width:max-content}.logo-underline{position:absolute;left:0;right:0;bottom:-5px;height:7px;background:var(--electric);transform:rotate(-1deg)}.product-tagline{font-size:22px;font-weight:800;margin-top:17px;line-height:1.7}.product-summary a{display:flex;gap:21px;align-items:center;border-bottom:1px solid #adb1b7;text-decoration:none;line-height:1.5;padding:25px 0;font-size:21px}.product-summary a>span{font-weight:800;font-size:27px}.product-summary a svg{margin-left:auto;width:22px;height:22px;transform:rotate(90deg)}.product-summary a:hover{color:var(--electric)}.product-description{padding-top:36px;padding-bottom:96px}.product-lead{font-size:27px;margin-bottom:20px;line-height:1.6}.product-description>p:last-child{line-height:2}.inside-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:2px solid var(--ink)}.inside-title h3{font-size:32px}.inside-title .handwritten{font-size:17px;transform:rotate(-4deg);color:var(--electric)}.file{position:relative;display:grid;grid-template-columns:90px 1.1fr 1fr;gap:28px;padding-block:72px;border-bottom:1px solid #cdd0d5;align-items:center}.file-number{align-self:start;font-weight:800;font-size:58px;line-height:1;letter-spacing:-.04em}.file-number span{display:block;font-size:11px;letter-spacing:.15em;margin-bottom:15px}.file .eyebrow{margin-bottom:10px}.file h3{font-size:clamp(30px,3vw,44px);line-height:1.45}.file-subtitle{font-size:21px;font-weight:800;margin-top:12px;margin-bottom:28px;line-height:1.5}.file-copy>p:not(.eyebrow):not(.file-subtitle){font-size:16px;line-height:1.9;margin-top:17px}.toolkit-figure{margin-left:5px;margin-right:-30px}.toolkit-figure img{width:100%}.file-money{border-bottom:0;padding-bottom:106px}.consult-count{text-align:center;position:relative;align-self:center;padding:20px 5px}.consult-count>p{font-weight:800;font-size:23px}.count-line{display:flex;align-items:baseline;justify-content:center;line-height:1;color:var(--electric);gap:7px}.count-four{font-size:240px;font-weight:800;letter-spacing:-.09em;position:relative}.count-four:after{content:'';position:absolute;left:10%;right:-6%;bottom:13%;height:15%;background:var(--yellow);z-index:0;mix-blend-mode:multiply;transform:rotate(-5deg)}.times{font-size:72px;font-weight:400;align-self:center}.count-unit{font-size:55px;font-weight:800}.consult-count .handwritten{display:inline-block;font-size:20px;margin-top:16px;transform:rotate(-4deg);border-bottom:3px solid var(--pink)}.count-paw{position:absolute;width:38px;height:38px;right:3%;top:20%;color:var(--pink);transform:rotate(18deg)}
/* Cのピンク、青い閉じたファイル、黄色い帯を維持する。 */
.locked{background:#ed09a8;color:#fff;position:relative;isolation:isolate;min-height:780px;overflow:hidden;padding:79px 0 50px}.locked-scene{position:absolute;inset:0;z-index:-2}.locked-scene img{width:100%;height:100%;object-fit:cover;object-position:center center}.locked-content{position:relative}.locked-content .eyebrow{margin-bottom:25px}.benefit-title{font-size:clamp(29px,3.5vw,51px);font-weight:800;letter-spacing:-.035em;line-height:1.2}.locked h2{font-size:clamp(45px,5.3vw,77px);line-height:1.22;margin-top:18px;margin-bottom:31px}.locked-content>p:not(.benefit-title):not(.eyebrow){font-size:16px;line-height:1.85}.locked-content .locked-question{font-weight:800;font-size:23px!important;margin:8px 0}.unlock-label{font-size:10px;letter-spacing:.19em;border:1px solid #ffffff88;display:inline-block;padding:8px 14px;line-height:1.4;margin-top:27px}.locked-action{position:relative;margin-top:30px}.locked-action .cta{font-size:16px;min-height:60px}.locked-action .cta-note{font-size:12px}.lock-sheen{position:absolute;inset:0;pointer-events:none;clip-path:polygon(52% 39%,90% 39%,90% 77%,52% 77%);overflow:hidden}.lock-sheen:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 43%,#fff8 49%,#fffc 50%,transparent 55%);transform:translateX(-100%);opacity:0}
.future{background:#fff}.future-inner{max-width:1050px}.future h2{font-size:clamp(35px,4.3vw,62px);line-height:1.45;margin-bottom:32px}.future-inner>p:not(.eyebrow){font-size:19px;line-height:1.9;margin-top:23px}.future-inner .future-key{font-size:clamp(25px,3vw,42px)!important;font-weight:800;line-height:1.65;margin-top:31px!important}.future-change{display:flex;align-items:center;gap:38px;border-top:1px solid #cdd0d5;padding-top:35px;margin-top:47px}.future-change>p:first-child{font-size:22px;white-space:nowrap}.future-change svg{width:42px;height:42px;color:var(--electric)}.future-change>p:last-child{font-size:30px;font-weight:800;line-height:1.6}
/* 最後は青と黄色に戻し、ひとつの行動へ。 */
.final{background:var(--blue);color:#fff;overflow:hidden;position:relative}.final-top{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:87px;padding-bottom:72px;border-bottom:1px solid #ffffff55}.final-top h2{font-size:clamp(41px,4.4vw,64px);line-height:1.5}.news-list>p{font-size:22px;line-height:1.7;margin-bottom:8px}.news-list>p:last-of-type{margin-top:19px}.news-list .handwritten{display:inline-block;font-size:18px;transform:rotate(-3deg);margin-top:27px;color:var(--yellow)}.final-main{position:relative;padding-top:80px;padding-bottom:70px;isolation:isolate}.final-kicker{font-size:18px;margin-bottom:26px}.final-main h2{font-size:clamp(73px,9vw,130px);line-height:1.18;letter-spacing:-.05em;position:relative;width:max-content}.final-main h2 span{position:relative}.final-main h2 span:after{content:'';position:absolute;left:0;right:-14px;height:8px;background:var(--pink);bottom:-6px;transform:rotate(-3deg)}.final-main>p:not(.cta-note):not(.last-words):not(.final-kicker){font-size:18px;margin-top:10px}.final-main .final-question{font-size:25px!important;font-weight:800;margin-top:38px!important}.final-brand{display:flex;align-items:center;gap:25px;margin-top:43px;margin-bottom:26px}.final-brand strong{font-size:37px;letter-spacing:.03em;line-height:1}.final-brand span{font-size:10px;letter-spacing:.19em;border-left:1px solid #ffffff77;padding-left:24px;line-height:1.5}.cta-final{min-height:74px;font-size:21px;padding-inline:32px;gap:45px}.last-words{font-size:23px;display:inline-block;margin-top:28px;transform:rotate(-4deg);color:var(--yellow)}.final-cat{position:absolute;right:-7%;bottom:60px;width:37%;height:auto;aspect-ratio:1;z-index:-1;color:#1b57e4;transform:rotate(-14deg)}.footer{border-top:1px solid #ffffff44;padding-block:26px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.16em}.footer>span{font-weight:800}.footer a{display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:0}.footer svg{width:19px;height:19px;transform:rotate(-90deg)}
/* 紙の手触りに合わせた短い反応。文字とCTAは常に表示する。 */
@media(hover:hover) and (pointer:fine){.cta:hover{transform:translateY(-3px);box-shadow:0 13px 22px #0420503d}.cta:hover svg{transform:translateX(5px)}.footer a:hover{color:var(--yellow)}}
.cta:active{transform:translateY(1px);box-shadow:0 3px 9px #04205033}.is-ready:not(.reduced-motion) .hero-scene{animation:hero-settle 1.3s var(--ease) both}.is-ready:not(.reduced-motion) .hero-question strong:after{animation:marker-in .7s .35s var(--ease) both}.team-figure.is-visible{animation:paper-settle .9s var(--ease) both}.locked-scene.is-visible .lock-sheen:after{animation:sealed-glint 1.2s .15s ease-out both}@keyframes hero-settle{from{transform:scale(1.022)}to{transform:scale(1)}}@keyframes marker-in{from{transform:rotate(-2deg) scaleX(.05)}to{transform:rotate(-2deg) scaleX(1)}}@keyframes paper-settle{from{transform:translateY(13px) rotate(.6deg)}to{transform:translateY(0) rotate(0)}}@keyframes sealed-glint{0%{transform:translateX(-70%);opacity:0}20%{opacity:.7}80%{opacity:.65}100%{transform:translateX(60%);opacity:0}}
@media(min-width:1600px){.hero{min-height:1040px}.hero-content{padding-top:30px}.hero-intro{margin-top:38px}.hero-question{margin-top:32px}.hero-action{margin-top:39px}.hero-scribble{left:47%}.hero-scene img{object-position:center 58%}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{min-height:780px}.site-header{height:85px}.hero h1{font-size:7.5vw}.hero-scene img{object-position:62% bottom}.hero-intro{font-size:15px;margin-top:28px}.hero-question{font-size:27px}.hero-action{max-width:430px}.hero-action .cta{font-size:15px;padding-inline:21px;gap:15px;min-height:59px}.hero-scribble{left:43%;top:67%;font-size:16px}.scroll-cue{left:36px}.section-pad{padding-block:90px}.after-grid{gap:8%}.team-grid{grid-template-columns:1fr 1fr;gap:2%}.team-copy>p:not(.team-pair):not(.eyebrow){font-size:15px}.team h2{font-size:34px}.team-pair{gap:10px;font-size:16px}.team-figure{margin-right:0}.cat-quote{font-size:16px}.product-intro{gap:5%}.product-tagline{font-size:19px}.product-summary a{font-size:17px;gap:15px}.file{grid-template-columns:62px 1.15fr 1fr;gap:20px}.file-number{font-size:45px}.file h3{font-size:32px}.file-copy>p:not(.eyebrow):not(.file-subtitle){font-size:15px}.consult-count>p{font-size:19px}.count-four{font-size:190px}.times{font-size:55px}.count-unit{font-size:42px}.consult-count .handwritten{font-size:16px}.locked{min-height:730px;padding-top:62px}.locked-scene img{object-position:58% center}.locked h2{font-size:58px}.benefit-title{font-size:33px}.locked-content .locked-question{font-size:18px!important}.locked-action .cta{font-size:14px;gap:16px;padding-inline:23px}.future-change{gap:25px}.future-change>p:last-child{font-size:25px}.final-top{gap:6%}.news-list>p{font-size:19px}}
@media(max-width:700px){body{font-size:16px;line-height:1.9}.wrap{width:calc(100% - 40px)}.only-mobile{display:block}.section-pad{padding-block:67px}.eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:16px}.hero{min-height:870px}.hero-scene{inset:auto 0 0;width:100%;height:auto}.hero-scene img{width:100%;height:auto;object-fit:contain}.site-header{height:69px}.brand{font-size:14px;gap:8px;letter-spacing:.23em}.brand svg{width:20px;height:20px}.release-label{font-size:8px;letter-spacing:.15em;gap:6px}.release-label i{width:4px;height:4px}.hero-content{padding-top:20px;padding-bottom:0}.hero h1{font-size:clamp(38px,10.45vw,73px);line-height:1.28;letter-spacing:-.065em;margin-left:0}.hero-intro{font-size:13px;line-height:1.85;margin-top:25px;max-width:none}.hero-question{font-size:25px;margin-top:25px;line-height:1.5}.hero-question strong:after{height:4px;bottom:-5px}.hero-action{margin-top:30px;max-width:none}.hero-action .cta{min-height:57px;width:100%;font-size:14px;padding:13px 17px;gap:12px}.cta svg{width:25px;height:25px}.cta-note{font-size:10px;line-height:1.75;margin-top:13px}.hero-action .cta-note .only-mobile{display:none}.hero-scribble{font-size:15px;top:480px;left:0;transform:rotate(-7deg)}.scroll-cue{bottom:21px;left:auto;right:18px;font-size:9px;gap:8px;color:#071137}.scroll-cue svg{color:var(--electric);width:20px;height:20px}.after{padding-top:64px;padding-bottom:43px}.after-grid{display:block}.after h2{font-size:43px}.after-heading .eyebrow{margin-bottom:17px}.after-pause{font-size:1.18em;margin-block:5px 17px}.after-pause:after{height:5px;bottom:5px;right:-.1em}.after-heading>p:last-child{font-size:15px}.after-questions{padding-top:29px;padding-left:14px}.after-questions>p{font-size:22px;padding-block:9px}.after-questions>p:nth-child(2){padding-left:6%}.after-questions>p:nth-child(3){padding-left:13%}.after-questions>p:nth-child(4){padding-left:0;font-size:21px}.after-questions .last-question{font-size:20px;padding-top:15px}.small-paw{left:auto;right:15px;top:16px}.small-paw svg{width:23px;height:23px}.after-answer{font-size:13px;margin-top:22px}.journey{padding-top:37px}.journey-heading{padding-bottom:0}.journey-heading h2{font-size:42px;line-height:1.4;letter-spacing:-.055em}.journey-heading>p:last-of-type{font-size:14px;line-height:1.9;margin-top:17px}.journey-arrow{width:100%;height:60px;margin-top:0}.journey-arrow path{stroke-width:7}.journey-figure{margin-top:4px}.journey-figure figcaption{font-size:13px;right:5%;bottom:5%}.journey-bottom{padding-block:22px 38px;font-size:17px;line-height:1.8}.team-grid{display:flex;flex-direction:column;gap:27px}.team-copy{width:100%}.team h2{font-size:32px;line-height:1.5}.team-pair{font-size:17px;gap:15px}.team-copy>p{margin-top:20px}.team-copy>p:not(.team-pair):not(.eyebrow){font-size:14px}.cat-quote{font-size:15px;line-height:1.9;margin-top:24px;padding-left:13px;border-left-width:4px}.cat-quote svg{width:21px;height:21px}.team-figure{width:calc(100% + 20px);margin-inline:-10px}.product{padding-top:9px}.product-intro{display:block;padding-bottom:28px}.product h2{font-size:clamp(51px,13.7vw,93px)}.logo-underline{height:5px}.product-tagline{font-size:18px;margin-top:16px}.product-summary{margin-top:29px}.product-summary a{font-size:17px;padding-block:18px;gap:19px}.product-summary a>span{font-size:23px}.product-summary a svg{width:21px;height:21px}.product-description{padding-top:28px;padding-bottom:58px}.product-lead{font-size:22px;line-height:1.7;margin-bottom:17px}.product-description>p:last-child{font-size:14px;line-height:2}.product-description>p:last-child br{display:none}.inside-title{padding-bottom:22px;align-items:flex-start;gap:12px;flex-direction:column}.inside-title h3{font-size:28px}.inside-title .handwritten{font-size:13px;align-self:flex-end;margin-top:-2px}.file{grid-template-columns:42px 1fr;gap:15px;padding-block:37px;align-items:start}.file-number{font-size:34px;padding-top:3px}.file-number span{font-size:8px;letter-spacing:.07em;margin-bottom:11px}.file .eyebrow{font-size:10px;margin-bottom:12px}.file h3{font-size:29px;line-height:1.5;letter-spacing:-.045em}.file-subtitle{font-size:18px;line-height:1.5;margin-top:14px;margin-bottom:20px}.file-copy>p:not(.eyebrow):not(.file-subtitle){font-size:14px;line-height:1.9;margin-top:16px}.file-copy>p br{display:none}.toolkit-figure{grid-column:1/-1;width:calc(100% + 10px);margin:10px -5px 0}.file-money{padding-top:43px;padding-bottom:54px}.consult-count{grid-column:1/-1;padding-top:15px}.consult-count>p{font-size:20px}.count-four{font-size:195px}.times{font-size:59px}.count-unit{font-size:46px}.consult-count .handwritten{font-size:17px;margin-top:9px}.count-paw{right:14%;top:22%;width:30px;height:30px}.locked{min-height:950px;padding:50px 0 33px;background:#ef0caf}.locked-scene{top:auto;bottom:150px;height:400px;width:711px;left:50%;right:auto;transform:translateX(-66%)}.locked-scene img{height:100%;width:100%;object-fit:contain}.locked-content .eyebrow{margin-bottom:20px}.benefit-title{font-size:30px}.locked h2{font-size:50px;line-height:1.25;margin-top:13px;margin-bottom:22px}.locked h2 br{display:none}.locked-content>p:not(.benefit-title):not(.eyebrow){font-size:14px}.locked-content .locked-question{font-size:20px!important;margin-block:10px}.unlock-label{font-size:8px;margin-top:20px;padding:7px 11px}.locked-action{position:absolute;left:20px;right:20px;bottom:33px;width:auto;margin:0}.locked-action .cta{min-height:59px;font-size:14px;width:100%;gap:13px;padding-inline:15px}.locked-action .cta-note{font-size:11px;text-align:center;margin-top:15px}.future-inner{width:calc(100% - 40px)}.future h2{font-size:31px;line-height:1.5;margin-bottom:26px;letter-spacing:-.05em}.future-inner>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:21px}.future-inner .future-key{font-size:24px!important;line-height:1.7;margin-top:28px!important}.future-key .underline-yellow{white-space:normal}.future-change{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:26px;margin-top:29px}.future-change>p:first-child{font-size:16px}.future-change svg{width:25px;height:25px;transform:rotate(90deg);margin-left:4px}.future-change>p:last-child{font-size:24px;line-height:1.7}.final-top{display:block;padding-top:58px;padding-bottom:46px}.final-top h2{font-size:43px;line-height:1.4}.news-list{margin-top:30px}.news-list>p{font-size:17px;line-height:1.7;margin-bottom:7px}.news-list>p:last-of-type{margin-top:14px}.news-list .handwritten{font-size:14px;margin-top:22px}.final-main{padding-top:53px;padding-bottom:43px}.final-kicker{font-size:14px;margin-bottom:20px}.final-main h2{font-size:clamp(57px,15.2vw,97px);line-height:1.24;letter-spacing:-.065em}.final-main h2 span:after{height:5px;right:-5px;bottom:-7px}.final-main .final-question{font-size:18px!important;margin-top:29px!important;line-height:1.7}.final-main>p:not(.cta-note):not(.last-words):not(.final-kicker){font-size:13px;margin-top:13px}.final-brand{gap:19px;margin-top:35px;margin-bottom:23px}.final-brand strong{font-size:30px}.final-brand span{font-size:8px;padding-left:18px}.cta-final{min-height:64px;font-size:14px;width:100%;padding-inline:16px;gap:9px}.final-main .cta-note{text-align:center;font-size:11px;line-height:1.8;margin-top:17px}.last-words{font-size:17px;margin-top:26px}.final-cat{right:-16%;bottom:202px;width:61%;opacity:.55}.footer{padding-block:22px;font-size:9px}.footer a{font-size:10px}.footer svg{width:15px;height:15px}}
@media(min-width:480px) and (max-width:700px){.hero{min-height:1080px}.hero-scribble{top:550px}.hero-intro{font-size:16px}.hero-question{font-size:31px}.hero-action .cta{font-size:18px;max-width:440px}.hero-action .cta-note{font-size:12px}.hero-action .cta-note .only-mobile{display:none}.locked-scene{height:430px;width:764px;transform:translateX(-59%)}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:37px}.hero-intro{font-size:12px}.hero-action .cta{font-size:12px;gap:8px}.hero-question{font-size:23px}.hero{min-height:830px}.hero-scribble{top:465px;font-size:14px}.journey-heading h2{font-size:37px}.file h3{font-size:26px}.future h2{font-size:28px}.benefit-title{font-size:27px}.locked-content .locked-question{font-size:18px!important}.locked h2{font-size:46px}.cta-final{font-size:12px}.final-main h2{font-size:54px}.hero-action .cta-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-scene,.team-figure{transform:none!important}.journey-arrow path{stroke-dashoffset:0!important}.lock-sheen{display:none}}
.reduced-motion .journey-arrow path{stroke-dashoffset:0}.reduced-motion .lock-sheen{display:none}.reduced-motion .team-figure{animation:none}

/* 表示検証で確認した、線の先端と封印の可読性の調整。 */
.journey-arrow .journey-head{stroke-dasharray:none;stroke-dashoffset:0;opacity:clamp(0,calc((var(--journey-progress) - .85) * 7),1)}
.locked:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#37002338 0%,#37002338 43%,transparent 64%)}
@media(max-width:700px){.hero-scene img{mask-image:linear-gradient(to bottom,transparent,#000 100px)}.locked:before{background:linear-gradient(180deg,#37002338 0%,#37002338 42%,transparent 55%)}.locked-action .cta-note{color:#2b0720;font-weight:800}}
@media(prefers-reduced-motion:reduce){.journey-arrow .journey-head{opacity:1}}
.reduced-motion .journey-arrow .journey-head{opacity:1}

.final-cat{width:100px;right:3%;bottom:58px;color:#fff;opacity:.22;transform:rotate(-9deg)}
@media(max-width:700px){.final-cat{width:60px;right:0;bottom:44px;opacity:.25}}
@media(max-width:700px){.locked-scene{mask-image:linear-gradient(to bottom,transparent,#000 54px,#000 calc(100% - 34px),transparent)}}
/* 中間幅でも扉と猫が切れないよう、舞台の比率をそのまま使う。 */
@media(min-width:701px) and (max-width:1100px){.hero{min-height:max(960px,95vw)}.hero-scene{inset:auto 0 0;height:auto}.hero-scene img{height:auto;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 100px)}.hero-scribble{left:0;top:560px;font-size:18px}}
