:root{--ink:#0c1d2e;--accent:#28d7c0;--soft:#e8fbf7;--paper:#fff;--line:color-mix(in srgb,var(--ink) 16%,transparent);--muted:color-mix(in srgb,var(--ink) 68%,white);font-family:"Noto Sans JP","Yu Gothic UI",system-ui,sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:16px;line-height:1.78;background:linear-gradient(180deg,var(--soft) 0,white 34rem)}a{color:inherit;text-underline-offset:.2em}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 34px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.7rem;z-index:9}.topbar{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:.35rem 0}.header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.25rem 0}.brand{text-decoration:none;font-weight:900;letter-spacing:-.02em}.brand span{display:inline-grid;place-items:center;width:2rem;height:2rem;background:var(--accent);border-radius:5px;margin-right:.55rem}.nav{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0;font-size:.9rem;font-weight:700}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:2.5rem;align-items:center;padding:4.8rem 0 5.5rem}.eyebrow{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900}.hero h1{white-space:pre-line;font-size:clamp(2.4rem,6vw,5.6rem);line-height:1.02;letter-spacing:-.065em;margin:.8rem 0 1.4rem}.hero p{font-size:1.08rem;max-width:44rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.button{display:inline-block;text-decoration:none;background:var(--ink);color:white;padding:.9rem 1.2rem;border:2px solid var(--ink);font-weight:900;border-radius:8px.button.alt{background:transparent;color:var(--ink)}.hero-panel{background:var(--ink);color:white;padding:1.6rem;border-radius:12px;box-shadow:14px 14px 0 var(--accent)}.hero-panel ol{list-style:none;padding:0;margin:1rem 0 0}.hero-panel li{display:flex;gap:1rem;border-top:1px solid #ffffff35;padding:.9rem 0}.hero-panel b{color:var(--accent)}.section{padding:4.5rem 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.6rem}.section h2{font-size:clamp(1.55rem,3vw,2.6rem);line-height:1.25;letter-spacing:-.035em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cat-grid{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--line);padding:1.35rem;position:relative;border-radius:6px}.card h3,.card h2{font-size:1.2rem;margin:.55rem 0}.card p{color:var(--muted);font-size:.94rem}.tag{font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;background:var(--soft);padding:.25rem .5rem}.card .more{font-weight:900;text-decoration:none}.band{background:var(--ink);color:white}.funnel{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.funnel>div{border:1px solid #ffffff30;padding:1.3rem}.funnel b{display:block;color:var(--accent);margin-bottom:.5rem}.breadcrumbs{font-size:.84rem;color:var(--muted);padding:1.2rem 0}.page-head{max-width:850px;padding:3rem 0}.page-head h1{font-size:clamp(2rem,5vw,4.4rem);line-height:1.08;letter-spacing:-.055em}.lead{font-size:1.12rem;color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 280px;gap:3rem;align-items:start}.article{background:white;border:1px solid var(--line);padding:clamp(1.3rem,4vw,3rem);border-radius:8px}.article h2{font-size:1.65rem;margin:2.8rem 0 .7rem;padding-top:.4rem;border-top:3px solid var(--accent)}.check{background:var(--soft);padding:1.2rem;margin:2rem 0}.check li{margin:.35rem 0}.aside{position:sticky;top:1rem}.aside>div{background:var(--ink);color:white;padding:1.2rem;margin-bottom:1rem;border-radius:10px}.aside a{color:var(--accent)}.offer{background:var(--ink);color:white;padding:1.5rem;margin:2.5rem 0;border-left:8px solid var(--accent)}.offer .button{background:var(--accent);color:var(--ink);border-color:var(--accent)}.source{font-size:.92rem;border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}.source a{word-break:break-all}.compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.offer-card{background:white;border:2px solid var(--ink);padding:1.5rem}.offer-card .button{margin-top:.8rem}.notice{font-size:.88rem;background:var(--soft);padding:1rem}.footer{background:var(--ink);color:white;margin-top:5rem;padding:3rem 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem}.footer a{color:white}.footer ul{columns:2;list-style:none;padding:0}.meta{font-size:.82rem;color:var(--muted)}@media(max-width:860px){.hero,.article-layout,.footer-grid{grid-template-columns:1fr}.hero{padding-top:2.5rem}.hero-panel{box-shadow:8px 8px 0 var(--accent)}.grid,.cat-grid,.funnel,.compare{grid-template-columns:1fr 1fr}.aside{position:static}.header{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.grid,.cat-grid,.funnel,.compare{grid-template-columns:1fr}.nav{gap:.7rem}.hero h1{font-size:2.55rem}.section{padding:3rem 0}.page-head{padding:1.5rem 0}.article{padding:1.15rem}.topbar{font-size:.68rem}}

/* free-tool:start */
.tool-page{padding:58px 0 82px}.tool-page>.wrap{width:min(calc(100% - 40px),1180px);margin-inline:auto}.tool-hero{max-width:880px;margin-bottom:30px}.tool-hero h1{max-width:19ch}.tool-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:22px;align-items:start}.tool-card,.tool-result,.tool-notes{background:var(--surface,#fff);border:1px solid var(--line,#d8dde5);border-radius:18px;padding:26px}.tool-card{display:grid;gap:18px}.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-field{display:grid;gap:7px;font-weight:750}.tool-field span{font-size:.9rem}.tool-field input,.tool-field select{width:100%;min-height:48px;border:1px solid var(--line,#d8dde5);border-radius:9px;background:var(--bg,#f6f7f8);color:var(--ink,#182536);padding:.7rem .8rem;font:inherit}.tool-field small{font-weight:400;color:var(--muted,#617080);line-height:1.55}.tool-checks{display:grid;gap:10px}.tool-check{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px;border:1px solid var(--line,#d8dde5);border-radius:10px;background:var(--bg,#f6f7f8);font-weight:700}.tool-check input{width:20px;height:20px;margin-top:2px}.tool-result{position:sticky;top:94px;background:color-mix(in srgb,var(--surface,#fff) 88%,var(--accent,#1769aa) 12%)}.tool-result h2{font-size:1.55rem}.tool-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.tool-kpi{padding:15px;border:1px solid var(--line,#d8dde5);border-radius:11px;background:var(--surface,#fff)}.tool-kpi span{display:block;color:var(--muted,#617080);font-size:.82rem}.tool-kpi strong{display:block;margin-top:3px;font-size:1.25rem;line-height:1.35}.tool-status{padding:14px 16px;border-left:5px solid var(--accent2,#2f6e56);background:var(--surface,#fff);font-weight:750}.tool-explain{color:var(--muted,#617080)}.tool-section{padding:34px 0}.tool-notes ol,.tool-notes ul{padding-left:1.3rem}.tool-notes li{margin:.65rem 0}.tool-disclaimer{font-size:.84rem;color:var(--muted,#617080)}.tool-home-cta{padding:30px;border:1px solid var(--line,#d8dde5);border-radius:18px;background:color-mix(in srgb,var(--surface,#fff) 88%,var(--accent,#1769aa) 12%);display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.tool-home-cta h2{font-size:1.65rem;margin:.1rem 0 .5rem}.tool-home-cta p{margin:0;color:var(--muted,#617080)}
@media(max-width:820px){.tool-grid{grid-template-columns:1fr}.tool-result{position:static}.tool-home-cta{grid-template-columns:1fr}.tool-fields{grid-template-columns:1fr}}
@media(max-width:480px){.tool-kpis{grid-template-columns:1fr}.tool-card,.tool-result,.tool-notes{padding:20px}}
/* free-tool:end */