:root{--ink:#1d232b;--ink-2:#56606c;--line:#e2e6eb;--bg:#f7f8fa;--surface:#fff;--accent:#1f5fae;--accent-strong:#174a87;--accent-soft:#eaf1fa;--good:#1f7a52;--improve:#a55a12;--unknown:#6b7280;--band-h:48px;--radius:12px;--wrap:1120px;--font:system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 16px/1.8 var(--font);letter-spacing:.02em;word-break:keep-all;word-break:auto-phrase;overflow-wrap:anywhere;margin:0}a{color:var(--accent-strong)}img{max-width:100%}.wrap{width:min(var(--wrap), 100% - 32px);margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline-offset:2px;outline:3px solid #f2a900}.site-head{background:var(--surface);border-bottom:1px solid var(--line)}.site-head__in{align-items:center;gap:12px;min-height:60px;display:flex}.site-head__name{color:var(--ink);font-size:17px;font-weight:700;text-decoration:none}.site-head__by{color:var(--ink-2);margin-left:auto;font-size:12px}.hero{padding:clamp(40px,7vw,88px) 0 clamp(32px,5vw,56px)}.hero__label{color:var(--accent);letter-spacing:.16em;margin:0;font-size:13px;font-weight:700}.hero__title{margin:8px 0 12px;font-size:clamp(26px,4vw,40px);line-height:1.4}.hero__lead{color:var(--ink-2);margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,3vw,32px)}.form{gap:20px;display:grid}.field__label{margin-bottom:6px;font-weight:700;display:block}.input{width:100%;min-height:52px;font:inherit;background:#fff;border:1.5px solid #c9d0d8;border-radius:10px;padding:10px 14px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.radios{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.radios legend{margin-bottom:6px;padding:0;font-weight:700}.radio{position:relative}.radio input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.radio span{background:#fff;border:1.5px solid #c9d0d8;border-radius:999px;align-items:center;min-height:40px;padding:4px 14px;font-size:14px;display:inline-flex}.radio input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.radio input:focus-visible+span{outline-offset:2px;outline:3px solid #f2a900}.other{margin-top:10px}.btn{background:var(--accent);color:#fff;min-height:56px;font:700 17px/1.4 var(--font);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 28px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-strong)}.btn[disabled]{opacity:.6;cursor:progress}.btn--ghost{color:var(--accent-strong);border:1.5px solid var(--accent);background:#fff}.btn--ghost:hover{background:var(--accent-soft)}.btn--small{min-height:40px;padding:6px 16px;font-size:14px}.btn--wide{width:100%}.notice{color:var(--ink-2);margin:0;font-size:13px}.agree{color:var(--ink-2);text-align:center;margin:6px 0 0;font-size:13px}.error{color:#9b2c13;background:#fff3f0;border-radius:10px;margin:0;padding:12px 14px;font-size:14px}.ok-msg{color:var(--good);margin:0;font-size:14px}.progress{color:var(--ink-2);align-items:center;gap:12px;font-size:14px;display:flex}.spinner{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.section{padding:clamp(32px,5vw,64px) 0}.section--tight{padding-top:0}.section__title{margin:0 0 16px;font-size:clamp(20px,2.4vw,26px);line-height:1.5}.section__title--sm{font-size:18px}.section__title--gap{margin-top:28px}.section__lead{color:var(--ink-2);margin:-8px 0 20px;font-size:14px}.fv{padding:14px clamp(12px,2vw,24px) 0}.fv__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;margin-bottom:10px;display:flex}.fv__title{margin:0;font-size:clamp(19px,2vw,24px);line-height:1.45}.fv__meta{color:var(--ink-2);margin:2px 0 0;font-size:12px}.fv__tabs{background:#e7ebf0;border-radius:999px;padding:3px;display:inline-flex}.fv__tab{min-height:36px;color:var(--ink-2);font:700 13px/1.4 var(--font);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 16px}.fv__tab[aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 1px 3px #0000001f}.fv__body{grid-template-columns:minmax(0,1fr) 176px;align-items:start;gap:16px;display:grid}.fv__stage{box-shadow:0 0 0 1px var(--line), 0 8px 28px #0f172a14;background:#fff;border-radius:10px;position:relative;overflow:hidden}.fv__stage--sp{background:#e9edf2;justify-content:center;display:flex}.fv__stage--sp .fv__frame{box-shadow:0 0 0 1px var(--line)}.fv__stage--before{background:#f1f3f6;overflow:auto}.fv__frame{transform-origin:0 0;background:#fff;border:0;display:block}.fv__stage--pc .fv__frame{position:absolute;top:0;left:0}.fv__before{width:100%;height:auto;display:block}.fv__tools{gap:18px;display:grid}.fv__group{gap:6px;display:grid}.fv__label{color:var(--ink-2);letter-spacing:.1em;font-size:12px;font-weight:700}.fv__swatches{gap:6px;display:grid}.fv__swatches .swatch{justify-content:flex-start}.fv__row2{gap:18px;display:grid}.fv__links{border-top:1px solid var(--line);gap:10px;padding-top:12px;font-size:13px;display:grid}.fv__meta--below{display:none}.fv__consult{font-weight:700}@media (max-width:767px){.site-head__in{min-height:46px}.site-head__name{font-size:15px}.fv{padding:8px 0 0}.fv__head{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:8px;padding:0 12px}.fv__title{font-size:15px;line-height:1.4}.fv__head .fv__meta{display:none}.fv__meta--below{padding:6px 12px 0;display:block}.fv__tabs{align-self:flex-start}.fv__tab{min-height:30px;padding:2px 14px;font-size:12px}.fv__body{grid-template-columns:minmax(0,1fr);gap:8px}.fv__stage{box-shadow:0 0 0 1px var(--line);border-radius:0}.fv__stage--sp{background:#fff}.fv__stage--sp .fv__frame{box-shadow:none}.fv__tools{gap:8px;padding:0 12px}.fv__label{display:none}.fv__swatches{gap:4px;display:flex}.fv__swatches .swatch{white-space:nowrap;flex:1 1 0;justify-content:center;gap:4px;min-height:32px;padding:2px 8px;font-size:11px}.fv__swatches .swatch i{width:11px;height:11px}.fv__row2{justify-content:space-between;align-items:center;gap:8px;display:flex}.fv__row2 .fv__swatches .swatch{flex:none;padding:2px 12px}.fv__links{border-top:0;padding-top:0;font-size:12px}.fv__full{display:none}}.swatch{min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1.5px solid #c9d0d8;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.swatch[aria-pressed=true]{border-color:var(--ink);font-weight:700}.swatch[disabled]{opacity:.45;cursor:default}.swatch i{border-radius:50%;flex:none;width:14px;height:14px;display:inline-block}.swatch--cool i{background:#1f64b0}.swatch--warm i{background:#b4461a}.swatch--neutral i{background:#257556}.swatch--mono i{background:#222}.share-tools{padding:24px 0 0}.diag-group{align-items:center;gap:8px;margin:20px 0 8px;font-size:16px;display:flex}.diag-group:before{content:"";background:currentColor;border-radius:50%;width:10px;height:10px}.diag-group--good{color:var(--good)}.diag-group--improve{color:var(--improve)}.diag-group--unknown{color:var(--unknown)}.diag-item{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:10px;margin:0 0 8px;padding:12px 16px;font-size:15px}.diag-item--good{border-left-color:var(--good)}.diag-item--improve{border-left-color:var(--improve)}.diag-item--unknown{border-left-color:var(--unknown);color:var(--ink-2);font-size:14px}.diag-more{margin-top:8px}.diag-more>summary{cursor:pointer;border:1.5px solid var(--accent);color:var(--accent-strong);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;list-style:none;display:inline-block}.diag-more>summary::-webkit-details-marker{display:none}.diag-more[open]>summary{margin-bottom:8px}.edit-msg{margin-top:12px}.todo-box{color:#6b5200;background:#fffbea;border:2px dashed #d6a400;border-radius:10px;padding:16px;font-size:14px}.offer{background:var(--accent-soft);border:1px solid #cfdcee;border-radius:10px;margin-top:16px;padding:16px 18px}.offer__text{margin:0;font-size:15px;font-weight:700}.offer__detail{color:var(--ink-2);margin:6px 0 0;font-size:12px}.prep{gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.prep{grid-template-columns:1fr 1fr}}.prep li{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 16px}.prep b{display:block}.prep span{color:var(--ink-2);font-size:13px}.cta{text-align:center;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta__title{margin:0 0 8px;font-size:clamp(20px,2.6vw,28px)}.cta__lead{color:var(--ink-2);margin:0 0 20px}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.share{gap:8px;display:grid}.share__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share__url{flex:280px;min-height:44px;font-size:13px}.share__note{color:var(--improve);margin:0;font-size:13px}.edit-grid{gap:16px;display:grid}@media (min-width:768px){.edit-grid{grid-template-columns:1fr 1fr}}.hint{color:var(--ink-2);margin:4px 0 0;font-size:12px}.lab{color:#e8edf4;background-color:#0e1116;padding:clamp(56px,8vw,112px) 0;position:relative;overflow:hidden}.lab:before{content:"";pointer-events:none;background-image:radial-gradient(#e8edf424 1px,#0000 1.5px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 80% at 50% 40%,#000 30%,#0000 100%)}.lab .wrap{position:relative}.lab__label{color:#8a93a3;letter-spacing:.22em;margin:0;font-size:12px;font-weight:500}.lab__title{margin:12px 0 0;font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1.3}.lab__dot{color:#ffd166}.lab__lead{color:#8a93a3;margin:16px 0 0;font-size:14px;line-height:1.9}.lab__motion{background:#171c24cc;border:1px solid #2a3140;border-radius:4px;align-items:center;gap:.6em;margin:20px 0 0;padding:6px 12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;display:inline-flex}.lab__motion b{color:#ffd166;font-weight:500}.lab__foot{justify-content:flex-end;margin-top:32px;display:flex}.lab__more{color:#e8edf4;letter-spacing:.06em;border-bottom:1px solid #2a3140;padding-bottom:4px;font-size:14px;text-decoration:none}.lab__more:hover{color:#ffd166;border-color:#ffd166}.band{z-index:100;min-height:var(--band-h);color:#f2f4f7;text-align:center;background:#16181c;padding:8px 14px;font-size:12px;line-height:1.5;position:fixed;bottom:0;left:0;right:0}.band a{color:#fff}.band__full{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;min-height:32px;display:flex}.band__sp{display:none}.band__sp summary{cursor:pointer;line-height:1.55;list-style:none}.band__sp summary::-webkit-details-marker{display:none}.band__sp summary b{text-underline-offset:2px;white-space:nowrap;font-weight:500;text-decoration:underline}.band__sp p{margin:6px 0 2px}.has-band{padding-bottom:calc(var(--band-h) + 16px)}@media (max-width:767px){:root{--band-h:50px}.band{padding:6px 12px;font-size:11px}.band__full{display:none}.band__sp{display:block}}.share-page{flex-direction:column;height:100dvh;margin:0;display:flex}.share-page__frame{border:0;flex:1;width:100%;display:block}.share-page .band{position:static}.footer{color:var(--ink-2);padding:32px 0 24px;font-size:13px}.footer a{color:var(--ink-2)}.footer__links{flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;display:flex}.prose h2{margin:28px 0 8px;font-size:18px}.prose p{margin:0 0 10px}@media print{.no-print,.fv__tools,.fv__tabs,.site-head__by,.lab__foot{display:none!important}.fv__body{grid-template-columns:1fr}body{background:#fff}.band{margin-top:24px;position:static}.band__full{display:flex!important}.band__sp{display:none!important}.has-band{padding-bottom:0}.section{break-inside:avoid-page;padding:16px 0}}.estimate__link{color:var(--accent,#1f4e8c);margin-top:4px;font-weight:700;text-decoration:underline;display:inline-block}