:root{--bg:#FFFFFF;--panel:#F7F8FA;--ink:#1A2230;--sub:#5A6675;--line:#E3E7EC;--red:#D2321E;--red-hover:#B62A18;--green:#7FB58C;--mono:ui-monospace,"SF Mono",Menlo,monospace;--sans:system-ui,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--sub);text-transform:uppercase;display:inline-block;border:1px solid var(--line);border-radius:999px;padding:6px 14px}section{padding:88px 0}h2{font-size:clamp(22px,3vw,30px);letter-spacing:.01em;margin-bottom:12px}.lead{color:var(--sub);font-size:16px;max-width:640px}header{position:sticky;top:0;background:#ffffffe6;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{font-family:var(--mono);font-weight:700;font-size:18px;letter-spacing:.04em;text-decoration:none;color:var(--ink)}.brand b{color:var(--red)}.btn{display:inline-block;border-radius:999px;padding:14px 30px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:.15s;border:1.5px solid transparent}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red-hover)}.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--ink)}.btn-sm{padding:9px 18px;font-size:13px}.hero{padding:96px 0 72px;background:linear-gradient(180deg,#fff 0%,var(--panel) 100%)}.hero h1{font-size:clamp(28px,5vw,46px);line-height:1.4;letter-spacing:.01em;margin:22px 0 18px}.hero .subline{font-size:clamp(16px,2.2vw,20px);color:var(--sub);max-width:620px;margin-bottom:12px}.hero .fact{font-family:var(--mono);font-size:13px;color:var(--sub);margin:24px 0 30px}.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap}.diff{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}.diff .item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.diff .item .k{font-family:var(--mono);font-size:12px;color:var(--red);letter-spacing:.08em}.diff .item h3{font-size:18px;margin:8px 0 6px}.diff .item p{color:var(--sub);font-size:14px}.problem{background:var(--panel)}.catch{font-size:clamp(20px,3vw,28px);font-weight:700;line-height:1.5;max-width:680px}.catch .em{color:var(--red)}.hero-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 1px 0 var(--line);margin-bottom:24px}.hero-card .top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.badge{font-family:var(--mono);font-size:11px;letter-spacing:.08em;border-radius:999px;padding:4px 12px}.badge-live{background:#eef7f0;color:#2f7d55;border:1px solid var(--green)}.badge-soon{background:#f1f3f5;color:var(--sub);border:1px solid var(--line)}.hero-card h3{font-size:22px;margin-bottom:8px}.hero-card .price{font-family:var(--mono);font-size:14px;color:var(--ink);margin:10px 0}.quote{border-left:3px solid var(--line);padding:10px 0 10px 16px;margin:18px 0;color:var(--sub);font-size:15px}.quote cite{display:block;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--sub);margin-top:8px}.grid3{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;transition:.15s}.card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a22300f}.card h3{font-size:18px;margin:10px 0 6px}.card p{color:var(--sub);font-size:14px}.steps{background:var(--panel)}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.step .n{font-family:var(--mono);font-size:13px;color:var(--red);font-weight:700}.step h3{font-size:16px;margin:8px 0 4px}.step p{color:var(--sub);font-size:13px}.about p{max-width:680px;font-size:17px;color:var(--ink)}.about .small{color:var(--sub);font-size:14px;margin-top:14px}.cta{background:var(--ink);color:#fff;text-align:center;border-radius:0}.cta h2{color:#fff}.cta p{color:#c4ccd6;margin:10px auto 26px;max-width:520px}.cta .mail{display:block;margin-top:18px;font-size:13px;color:#96a1b0}.cta .mail a{color:#c4ccd6}footer{border-top:1px solid var(--line);padding:40px 0;font-size:13px;color:var(--sub)}.foot-links{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px}.foot-links a{color:var(--ink);text-decoration:none}.foot-links a:hover{color:var(--red)}.legal{padding:64px 0 80px}.legal h1{font-size:clamp(24px,3.4vw,32px);margin-bottom:8px}.legal .updated{font-family:var(--mono);font-size:12px;color:var(--sub);margin-bottom:36px}.legal h2{font-size:18px;margin:34px 0 10px}.legal p,.legal li{color:var(--ink);font-size:15px}.legal p{margin-bottom:12px}.legal ul,.legal ol{margin:0 0 12px 22px}.legal li{margin-bottom:6px}.legal .tbl{width:100%;border-collapse:collapse;margin:8px 0 20px}.legal .tbl th,.legal .tbl td{border:1px solid var(--line);padding:12px 14px;text-align:left;font-size:14px;vertical-align:top}.legal .tbl th{background:var(--panel);white-space:nowrap;width:34%;font-weight:600}.legal .back{display:inline-block;margin-top:32px;font-size:13px}@media(max-width:720px){section{padding:60px 0}.diff,.grid3{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr 1fr}.legal .tbl th{width:auto;white-space:normal}}
