:root{color-scheme:light;--ink:#111827;--muted:#5d6675;--line:#dce2ea;--paper:#f7f8fb;--blue:#2457e6;--blue2:#eaf0ff;--green:#08775e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font-family:Inter,"Noto Sans JP",system-ui,sans-serif;line-height:1.65}.bar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(12px);z-index:3}.bar a{color:var(--ink);text-decoration:none;font-weight:700}.brand{font-size:18px;letter-spacing:.03em}.brand span{font-size:13px;font-weight:600;color:var(--muted);margin-left:8px}.hero,.sample,.method,.offer{max-width:1120px;margin:auto;padding:96px 24px}.hero{min-height:650px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 85% 20%,#eaf0ff 0,transparent 35%)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--blue);margin:0 0 16px}.hero h1{font-size:clamp(44px,7vw,84px);line-height:1.08;letter-spacing:-.055em;margin:0;max-width:900px}.lead{font-size:clamp(17px,2vw,22px);color:var(--muted);max-width:740px;margin:32px 0}.button{display:inline-flex;align-self:flex-start;background:var(--ink);color:white;text-decoration:none;padding:14px 20px;border-radius:10px;font-weight:750}.sample{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;background:var(--paper);max-width:none;padding-left:max(24px,calc((100vw - 1120px)/2));padding-right:max(24px,calc((100vw - 1120px)/2))}h2{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-.035em;margin:0 0 20px}.sample p,.method p,.offer p{color:var(--muted)}.record{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 18px 50px #1f29370d}.record-head{display:flex;justify-content:space-between;gap:16px}.record-head span{font-size:11px;font-weight:800;background:#fff3cf;color:#765600;padding:4px 9px;border-radius:999px}.record dl{margin:24px 0}.record dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--line)}.record dt{color:var(--muted)}.record dd{margin:0;text-align:right;font-weight:750}.record small{display:block;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.grid article{border:1px solid var(--line);border-radius:14px;padding:24px}.grid b{color:var(--blue)}.grid h3{font-size:22px;margin:26px 0 8px}.offer{background:var(--ink);color:white;border-radius:28px;margin-top:48px;margin-bottom:96px}.offer .eyebrow{color:#9cb4ff}.offer p{color:#c6ceda}.offer{display:grid;grid-template-columns:1fr 1fr;gap:32px}.offer ul{margin:42px 0 0}.offer li{margin:10px 0}.boundary{grid-column:1/-1;border-top:1px solid #374151;padding-top:24px}.offer button{grid-column:1/-1;border:0;border-radius:10px;padding:15px;background:#374151;color:#d7dce5;font-weight:750}footer{padding:30px 24px;text-align:center;color:var(--muted);border-top:1px solid var(--line);font-size:13px}@media(max-width:720px){.bar{height:56px}.brand span{display:none}.hero,.sample,.method,.offer{padding:70px 20px}.hero{min-height:560px}.sample,.offer{grid-template-columns:1fr;gap:28px}.grid{grid-template-columns:1fr}.offer{border-radius:0;margin:0}.offer ul{margin:0}.record{padding:20px}.record dl div{display:block}.record dd{text-align:left;margin-top:4px}}
