/* 紹介ページ・規約ページ用 */
:root{--bg:#eef2f3;--surface:#fff;--ink:#26323a;--muted:#5f6e77;--line:#d8e0e3;--calm:#3d7f86;--calm-soft:#dcecee;--warm:#c9773a;--warm-soft:#fbeadc;
  --f:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;color-scheme:light}
@media (prefers-color-scheme: dark){:root{--bg:#161d21;--surface:#1f292e;--ink:#e4ecef;--muted:#9aabb3;--line:#303d43;--calm:#7cc3c9;--calm-soft:#22393c;--warm:#f0ad7a;--warm-soft:#3b2b20;color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0;overflow-x:hidden}
body{background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.8;padding:24px 16px 64px}
main{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
h1{font-size:26px;line-height:1.4;margin:0}
h2{font-size:19px;margin:0 0 6px}
p{margin:0}
a{color:var(--calm)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}
.hero{background:var(--calm-soft);border:none;text-align:center;padding:32px 22px}
.hero .catch{font-size:28px;font-weight:700;line-height:1.5}
.sub{color:var(--muted);font-size:14px}
.price{font-size:30px;font-weight:700;color:var(--calm)}
.btn{display:inline-block;background:var(--calm);color:#fff;text-decoration:none;font-weight:700;border-radius:14px;padding:14px 22px;text-align:center}
.btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
ul{margin:0;padding-left:1.3em}
li{margin:4px 0}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{border-top:1px solid var(--line);padding:10px 6px;text-align:left;vertical-align:top}
th{width:34%;color:var(--muted);font-weight:700}
.voice{background:var(--warm-soft);border-radius:14px;padding:14px;font-weight:700}
footer{max-width:640px;margin:24px auto 0;font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
@media (max-width:420px){th{width:40%}}