: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}}