:root { --ink:#1f2933; --muted:#5f6b76; --line:#d9dee3; --accent:#1d6f5f; --bg:#ffffff; --soft:#f4f7f6; }
* { box-sizing:border-box; }
body { margin:0; font-family:"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif; color:var(--ink); background:var(--bg); line-height:1.8; }
header, main, footer { max-width:880px; margin:0 auto; padding:0 16px; }
header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding-top:16px; padding-bottom:16px; border-bottom:1px solid var(--line); }
header .name { font-size:20px; font-weight:bold; color:var(--accent); text-decoration:none; }
nav a { margin-left:12px; color:var(--ink); font-size:14px; }
h1 { font-size:24px; margin:32px 0 16px; }
h2 { font-size:18px; margin:32px 0 8px; }
table { border-collapse:collapse; width:100%; }
th, td { border:1px solid var(--line); padding:8px; text-align:left; vertical-align:top; }
th { background:var(--soft); }
footer { margin-top:48px; padding-top:16px; padding-bottom:32px; border-top:1px solid var(--line); font-size:13px; color:var(--muted); }
footer a { color:var(--muted); margin-right:12px; }

/* 特定商取引法に基づく表記（tokushoho.html） */
body.tokushoho th { width:32%; }

/* トップ（index.html） */
body.top h1 { font-size:28px; margin:32px 0 8px; }
body.top h2 { font-size:20px; margin:40px 0 12px; padding-bottom:4px; border-bottom:2px solid var(--accent); }
body.top h3 { font-size:17px; margin:24px 0 8px; }
body.top th { width:30%; }
.lead { color:var(--muted); }
.cards { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:16px; }
.card { border:1px solid var(--line); border-radius:8px; padding:16px; background:var(--soft); }
body.top .card h3 { margin:0 0 8px; }
ol.steps li { margin-bottom:8px; }
.note { font-size:13px; color:var(--muted); }