@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@300;400;500;600&display=swap";:root{--c-black:#1c1c1c;--c-white:#fff;--c-panel:#f2f1ec;--c-grey-1:#d8d8d8;--c-grey-2:#9a9a9a;--c-red:#ff2600;--nav-h:72px;--f-serif:"Chronicle", Georgia, serif;--f-sans:"Sohne", "Helvetica Neue", Arial, sans-serif;--f-jp:"Noto Sans JP", sans-serif;--f-jp-serif:"Noto Serif JP", serif;--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--split-floor-pc:650px;--split-min-h-pc:max(100dvh, var(--split-floor-pc));--split-min-h-sp:100dvh;--fw-sp-cap:84vw;--fw-sp-zone:32svh;--fw-sp-size:min(var(--fw-sp-cap), calc(var(--fw-sp-zone) - 24px))}*,:before,:after{box-sizing:border-box}html{width:100%;height:100%;margin:0;padding:0}body{background:var(--c-white);width:100%;min-height:100%;color:var(--c-black);font-family:var(--f-jp);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}.nav{width:100%;height:var(--nav-h);z-index:100;pointer-events:none;align-items:center;gap:20px;padding:0 40px;display:flex;position:fixed;top:0;left:0}@media screen and (width<=820px){.nav{padding:0 20px}}.nav-logo-link{cursor:pointer;pointer-events:auto;background:0 0;border:none;flex:none;padding:0;line-height:0;text-decoration:none}.nav-logo{object-fit:contain;width:28px;height:28px;display:block}.split{width:100%;display:flex}@media screen and (width>=821px){.split{min-height:var(--split-min-h-pc)}}@media screen and (width<=820px){.split{min-height:var(--split-min-h-sp);flex-direction:column}}.visual-pane{background:var(--c-panel);padding:calc(var(--nav-h) + 24px) 48px 48px;flex-direction:column;flex:0 0 46%;justify-content:center;align-items:center;gap:22px;display:flex;position:relative}.content-pane{background:var(--c-white);padding:calc(var(--nav-h) + 24px) clamp(40px, 6vw, 96px) 56px;flex-direction:column;flex:1;justify-content:center;display:flex;overflow-y:auto}@media screen and (width>=821px) and (height<=650px){.content-pane{overflow:visible}}.fw-stage{aspect-ratio:1;width:min(82%,440px);position:relative}.fw-stage .fw-diagram,.fw-stage .fw-arrow,.fw-stage .fw-rotor,.fw-stage .fw-center-mark,.fw-stage .fw-logo-svg,.fw-stage .fw-progress-ring,.fw-stage .fw-coxcomb{width:100%;height:100%;position:absolute;inset:0}.fw-stage .fw-center-mark{pointer-events:none}.fw-stage .fw-arrow{transform-origin:50%}.fw-stage .fw-rotor{transform-origin:50%;transition:transform .85s var(--ease-inout)}.fw-stage.spin .fw-arrow{animation:13s linear infinite fwSpin}.fw-stage .fw-progress-ring{pointer-events:none}.fw-logo-svg path{transition:fill .45s var(--ease)}.fw-logo-svg[data-active="0"] .fw-w0,.fw-logo-svg[data-active="1"] .fw-w1,.fw-logo-svg[data-active="2"] .fw-w2,.fw-logo-svg[data-active="3"] .fw-w3{fill:var(--c-red)}.fw-logo-svg.cat-blink[data-active="0"] .fw-w0,.fw-logo-svg.cat-blink[data-active="1"] .fw-w1,.fw-logo-svg.cat-blink[data-active="2"] .fw-w2,.fw-logo-svg.cat-blink[data-active="3"] .fw-w3{animation:1.05s step-end both catBlink}@keyframes catBlink{0%{fill:var(--c-red)}14%{fill:var(--c-black)}28%{fill:var(--c-red)}42%{fill:var(--c-black)}56%{fill:var(--c-red)}70%{fill:var(--c-black)}84%{fill:var(--c-red)}to{fill:var(--c-red)}}@keyframes fwSpin{to{transform:rotate(360deg)}}.cover-title{font-family:var(--f-serif);letter-spacing:.005em;margin:0 0 28px;font-size:clamp(32px,4.4vw,50px);font-weight:400}@media screen and (width<=820px){.screen-intro .cover-title{margin-bottom:16px;font-size:28px}}.cover-copy h2{font-family:var(--f-jp);margin:0 0 20px;font-size:clamp(19px,2.4vw,25px);font-weight:700;line-height:1.55}@media screen and (width<=820px){.screen-intro .cover-copy h2{margin-bottom:12px;font-size:17px}}.cover-copy p{font-family:var(--f-jp);color:#333;max-width:480px;margin:0;font-size:15px;line-height:2}@media screen and (width<=820px){.screen-intro .cover-copy p{font-size:13.5px;line-height:1.85}}.type-select{margin-top:40px}@media screen and (width<=820px){.screen-intro .type-select{margin-top:24px}}.type-select-label{font-family:var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--c-grey-2);margin-bottom:16px;font-size:11px;font-weight:700}.type-cards{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media screen and (width<=820px){.type-cards{grid-template-columns:1fr}}.type-card{background:var(--c-white);border:1.5px solid var(--c-grey-1);cursor:pointer;text-align:left;color:inherit;transition:border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:22px;font-family:inherit;text-decoration:none;display:flex}@media screen and (width<=820px){.type-card{padding:18px}}@media (hover:hover){.type-card:hover{border-color:var(--c-black);background:var(--c-black)}.type-card:hover .t-name{color:var(--c-white)}.type-card:hover .t-desc{color:#ffffffb3}.type-card:hover .t-go{background:var(--c-white);border-color:var(--c-white);color:var(--c-black)}}.type-card .t-name{font-family:var(--f-jp);color:var(--c-black);margin-bottom:7px;font-size:17px;font-weight:700;line-height:1.4;transition:color .2s}.type-card .t-desc{font-family:var(--f-jp);color:var(--c-grey-2);font-size:12.5px;line-height:1.7;transition:color .2s}.type-card .t-go{border:1.5px solid var(--c-grey-1);width:34px;height:34px;color:var(--c-black);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;transition:border-color .2s,background .2s,color .2s,transform .2s;display:flex}.estimate{font-family:var(--f-sans);letter-spacing:.06em;color:var(--c-grey-2);margin-top:24px;font-size:11px}@media screen and (width<=820px){:root{--nav-h:56px}.screen-intro .visual-pane{height:var(--fw-sp-zone);flex:none;gap:0;padding:12px 14px}.screen-intro .fw-stage{width:var(--fw-sp-size);height:var(--fw-sp-size);flex:none}.screen-intro .content-pane{flex:auto;justify-content:flex-start;min-height:0;padding:20px 24px 72px}}