.home .site-head{position:absolute;left:0;right:0;top:0;z-index:5}.dusk{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;touch-action:pan-y}.dusk canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-dusk-1) 20%,var(--color-dusk-2) 37%,var(--color-dusk-3) 52%,var(--color-dusk-4) 63%,var(--color-dusk-5) 79%,var(--color-dusk-6) 92%,var(--color-bg) 100%)}.dusk .wrap{position:relative;padding-top:clamp(112px,17vh,168px);pointer-events:none}h1.top{font-weight:400;font-size:clamp(34px,4.8vw,60px);line-height:1.24;letter-spacing:.01em;margin:0}h1.top span{display:block}.top-sub{margin:24px 0 0;font-size:clamp(17px,1.7vw,22px);font-weight:400;line-height:1.6;word-break:auto-phrase}.dusk .tate{position:absolute;right:18px;top:96px;margin:0;writing-mode:vertical-rl;font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;pointer-events:none}.dusk .down{position:absolute;left:max(var(--gutter),calc((100% - 1200px) / 2 + var(--gutter)));bottom:28px;font-family:var(--font-mono);font-size:14px;padding:7px 22px}.shelf{padding-block:96px 24px}.shelf .sub{margin:-6px 0 40px;color:var(--color-sub);max-width:38em;word-break:auto-phrase}.catalog{width:100%;border-collapse:collapse;border-top:1px solid var(--color-ink);border-bottom:1px solid var(--color-ink)}.catalog thead th{padding:12px 16px 12px 0;text-align:left;font-size:13.5px;font-weight:700;color:var(--color-sub);border-bottom:1px solid var(--color-ink)}.catalog td,.catalog tbody th{padding:20px 16px 20px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line);font-size:16px;line-height:1.65;word-break:auto-phrase}.catalog tbody tr:last-child>*{border-bottom:0}.catalog .no{width:4.6em;font-family:var(--font-mono);font-weight:400;font-size:14px;color:var(--color-sub);padding-top:22px}.catalog tbody th{width:34%;font-weight:700}.catalog tbody th .ai-tag{font-size:16px;font-weight:700;color:var(--color-ink);text-decoration:underline 1px;text-underline-offset:5px}.catalog tbody th small{display:block;margin:4px 0 0 14px;font-size:13.5px;font-weight:400;color:var(--color-sub)}.catalog td[data-k=入れるもの]{width:22%;color:var(--color-sub)}.catalog td[data-k=できるもの]{font-weight:500}.catalog .changed{margin:10px 0 0;padding-top:8px;border-top:1px dashed var(--color-faint);font-size:15px;font-weight:400;line-height:1.65}.catalog .changed>span:first-child{display:block;font-size:12.5px;font-weight:700;color:var(--color-sub)}.shelf-note{margin:14px 0 0;font-size:13.5px;color:var(--color-sub)}.hero{padding-block:72px 112px}.hero .lead{max-width:34em;margin:0 0 48px;color:var(--color-sub);font-size:18px}.doors{display:grid;grid-template-columns:1fr 1fr;gap:24px}.doors-note{margin:20px 0 0;font-size:15px;color:var(--color-sub)}.door{position:relative;display:flex;flex-direction:column;gap:14px;padding:38px 38px 34px;text-decoration:none;background:var(--color-bg);border:1px solid var(--color-ink);border-radius:var(--radius-box);transition:background .25s}.door.t1{--c: var(--color-blue)}.door.t2{--c: var(--color-red)}.door:hover{background:var(--color-mist)}.door .who{margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--c)}.door .who:before{content:"";width:26px;height:6px;border-radius:3px;background:var(--c)}.door .for{margin:0;font-weight:500;font-size:clamp(23px,2.3vw,30px);line-height:1.42;letter-spacing:0;word-break:keep-all;overflow-wrap:anywhere}.door .desc{margin:0;font-size:15.5px;color:var(--color-sub)}.door .fee{margin:12px 0 0;padding-top:18px;border-top:1px dashed var(--color-faint);font-size:17px;line-height:1.65;color:var(--color-ink)}.door .fee b{display:block;font-weight:800;letter-spacing:0}.door .go{align-self:flex-start;margin-top:8px;font-weight:500;font-size:15px;padding:7px 20px;border:1px solid var(--c);border-radius:999px;color:var(--c);transition:background .25s,color .25s}.door:hover .go{background:var(--c);color:var(--color-on-ink)}.door:focus-visible{outline:2px solid var(--c);outline-offset:4px}.gate-next{margin-top:120px}.chapter-tight{padding-top:24px}.about-next{margin-top:72px}.scene{--e: 1;--p: 1;position:relative}.js .scene{--e: 0;--p: 0}.stage{position:sticky;top:var(--bar-h);height:calc(100vh - var(--bar-h));height:calc(100svh - var(--bar-h));display:flex;flex-direction:column;justify-content:center}.stage .sub{margin:-24px 0 36px;color:var(--color-sub);max-width:40em}.scene.statement{height:220vh}.statement p{margin:0;max-width:22em;font-weight:400;font-size:clamp(26px,3.6vw,50px);line-height:1.55;letter-spacing:0}.statement p span{display:inline-block;transition:color .25s}.js .statement p span{color:var(--color-faint)}.js .statement p span.lit{color:var(--color-ink)}.scene.board{height:260vh}.board .piece{opacity:calc(.15 + var(--e) * .85);transform:translate(calc(var(--dx) * (1 - var(--e))),calc(var(--dy) * (1 - var(--e)))) rotate(calc(var(--r) * (1 - var(--e))))}.board .piece:nth-child(1){--dx: -60px;--dy: -40px;--r: -3deg}.board .piece:nth-child(2){--dx: 0px;--dy: -70px;--r: 2deg}.board .piece:nth-child(3){--dx: 60px;--dy: -40px;--r: 3deg}.board .piece:nth-child(4){--dx: -60px;--dy: 40px;--r: 2deg}.board .piece:nth-child(5){--dx: 0px;--dy: 70px;--r: -2deg}.board .piece:nth-child(6){--dx: 60px;--dy: 40px;--r: -3deg}.after{margin:26px 0 0;font-weight:700;opacity:clamp(0,calc((var(--e) - .9) * 10),1)}.scene.money{height:240vh}.money .stage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:72px;align-content:center}.money .head{grid-column:1 / -1}.steps{list-style:none;margin:0;padding:0;display:grid;gap:18px}.steps li{display:grid;grid-template-columns:34px 1fr;font-size:18px;font-weight:700;line-height:1.6;letter-spacing:0;transition:opacity .35s}.js .steps li{opacity:.2}.js .steps li.on{opacity:1}.steps li:before{content:attr(data-n);font-family:var(--font-mono);font-weight:500;color:var(--color-blue)}.terms{margin:28px 0 0;padding:18px 0 0 34px;border-top:1px solid var(--color-line);font-size:18px;font-weight:700;line-height:1.6}.chart{align-self:center}.bar{position:relative;height:40px}.bar div{position:absolute;top:0;bottom:0}.seg-sales{left:0;width:100%;background:var(--color-line);transform-origin:left;transform:scaleX(clamp(0,calc(var(--p) * 3.2),1))}.seg-profit{left:60%;width:40%;background:var(--color-blue);opacity:clamp(0,calc((var(--p) - .3) * 4),1)}.seg-fee{left:60%;width:8%;background:var(--color-yellow);transform-origin:left;transform:scaleX(clamp(0,calc((var(--p) - .6) * 4),1))}.marks{position:relative;height:84px;margin-top:14px;font-size:13.5px;font-weight:700;line-height:1.5}.marks span{position:absolute;top:0;padding-top:10px;border-top:1px solid var(--color-ink)}.m-cost{left:0;width:59%;color:var(--color-sub);border-color:var(--color-sub)!important;opacity:clamp(0,calc((var(--p) - .3) * 4),1)}.m-profit{left:60%;width:40%;color:var(--color-blue);border-color:var(--color-blue)!important;opacity:clamp(0,calc((var(--p) - .3) * 4),1)}.m-fee{left:60%;width:40%;top:46px!important;border-top:0!important;padding-top:0!important;opacity:clamp(0,calc((var(--p) - .6) * 4),1)}.m-fee:before{content:"";display:inline-block;width:10px;height:10px;background:var(--color-yellow);margin-right:8px;vertical-align:-1px}.ex{margin:6px 0 0;font-size:13px;color:var(--color-sub)}.scene.night{height:280vh}.night .stage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:72px;align-content:center}.clock{display:block;font-family:var(--font-mono);font-weight:300;font-size:clamp(68px,8.4vw,120px);line-height:1;letter-spacing:0;margin-bottom:20px}.clock small{font-family:var(--font-sans);font-size:.22em;font-weight:500;letter-spacing:0;color:var(--color-red);margin-left:10px;vertical-align:.9em}.night .h2{font-size:clamp(26px,3vw,40px);margin-bottom:18px}.night .copy p{margin:0;color:var(--color-sub)}.report{border:1px solid var(--color-ink);border-radius:var(--radius-box);background:var(--color-bg);padding:28px 30px 22px}.report-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--color-ink)}.report h3,.report h4{margin:0;font-size:17px;font-weight:800}.report-head span{font-size:13.5px;color:var(--color-sub);font-family:var(--font-mono)}.report ol{list-style:none;margin:0;padding:0}.report li{display:grid;grid-template-columns:3.4em 3.4em minmax(0,1fr);column-gap:10px;padding:12px 0;border-bottom:1px solid var(--color-line);font-size:14.5px;line-height:1.6;transition:opacity .35s,transform .35s}.js .report li{opacity:.15;transform:translateY(4px)}.js .report li.on{opacity:1;transform:none}.report time{color:var(--color-sub);font-family:var(--font-mono);font-weight:400}.report .kind{font-weight:700;display:flex;align-items:center;gap:7px}.report .kind:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-ok);flex:none}.report .warn .kind:before{background:var(--color-yellow);box-shadow:0 0 0 1px #0e11164d}.report .res{display:block;font-weight:700}.report .last{grid-template-columns:3.4em minmax(0,1fr)}.report-foot{margin:12px 0 0;font-size:12.5px;color:var(--color-sub)}@media(prefers-reduced-motion:reduce){.scene.board,.scene.money,.scene.night,.scene.statement{height:auto}.stage{position:static;height:auto;padding-block:48px}.js .statement p span{color:var(--color-ink);transition:none}.js .steps li,.js .report li{opacity:1;transform:none;transition:none}.door,.door .go{transition:none}}@media(max-width:860px){.dusk .wrap{padding-top:120px}.dusk .tate{display:none}.dusk .down{bottom:24px}.hero{padding-block:48px 72px}h1.top{font-size:clamp(26px,7.6vw,40px)}.top-sub{margin-top:18px;font-size:16px}.shelf{padding-block:72px 8px}.catalog thead{display:none}.catalog tr{display:grid;grid-template-columns:minmax(0,1fr);padding:18px 0;border-bottom:1px solid var(--color-line)}.catalog tbody tr:nth-child(n+5){display:none}.catalog tbody tr:nth-child(4){border-bottom:0}.catalog td,.catalog tbody th{display:block;width:auto!important;padding:0;border:0;font-size:15px}.catalog .no{display:none}.catalog td[data-k]{margin-top:6px;padding-left:14px}.catalog td[data-k]:before{content:attr(data-k) "：";font-weight:400;color:var(--color-sub)}.hero .lead{font-size:16px;margin-bottom:32px}.doors{grid-template-columns:minmax(0,1fr)}.door{padding:28px 22px 26px}.door .desc{display:none}.door .fee{font-size:16px}.scene.board,.scene.night{height:auto}.board .stage,.night .stage{position:static;height:auto;padding-block:72px}.night .stage{grid-template-columns:minmax(0,1fr);row-gap:28px}.board .piece p{display:none}.money .stage{grid-template-columns:minmax(0,1fr);row-gap:20px}.steps li{font-size:15.5px}.terms{font-size:15.5px;margin-top:14px;padding-top:12px}.marks{font-size:12px;height:78px}.report{padding:22px 18px 18px}.report li{grid-template-columns:3em minmax(0,1fr)}.report li .kind,.report li>span:last-child{grid-column:2}}
