/* Family Base / 規約まわりの共通スタイル */
:root{
  --bg:#f6f6f5; --panel:#ffffff; --ink:#1a1c1e; --mid:#5a6066; --faint:#9aa0a6;
  --line:#e7e7e6; --line2:#d8d8d6; --accent:#e05d0d; --accent-bg:#fdf2e9;
  --jp:"Zen Kaku Gothic New",system-ui,-apple-system,"Hiragino Sans",sans-serif;
  --en:"Jost",system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#101113; --panel:#191b1d; --ink:#edeeef; --mid:#a7adb3; --faint:#7a8086;
  --line:#282a2d; --line2:#383b3f; --accent:#f08a3e; --accent-bg:#2e2319; color-scheme:dark;}}
:root[data-theme="dark"]{
  --bg:#101113; --panel:#191b1d; --ink:#edeeef; --mid:#a7adb3; --faint:#7a8086;
  --line:#282a2d; --line2:#383b3f; --accent:#f08a3e; --accent-bg:#2e2319; color-scheme:dark;}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--jp);
  font-size:15px;line-height:1.95;-webkit-text-size-adjust:100%}
.en{font-family:var(--en);font-variant-numeric:tabular-nums}
.wrap{max-width:760px;margin:0 auto;padding:48px 20px 90px}
.brand{font-family:var(--en);font-size:11px;letter-spacing:.22em;color:var(--accent);
  font-weight:500;margin:0 0 10px}
h1{font-size:23px;line-height:1.5;margin:0 0 10px;font-weight:700}
.lead{color:var(--mid);font-size:14px;margin:0 0 34px}
h2{font-size:16px;margin:40px 0 12px;font-weight:700;
  padding-bottom:9px;border-bottom:1px solid var(--line)}
h3{font-size:14.5px;margin:26px 0 8px;font-weight:700}
p{margin:12px 0}
ul{margin:12px 0;padding-left:1.3em}
li{margin:7px 0}
.tw{overflow-x:auto;margin:16px 0;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:400px;font-size:14px;background:var(--panel);
  border:1px solid var(--line);border-radius:10px}
th,td{text-align:left;padding:12px 15px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:700;color:var(--mid);width:38%;background:var(--bg)}
tr:last-child th,tr:last-child td{border-bottom:0}
.note{background:var(--accent-bg);border-radius:11px;padding:16px 18px;margin:20px 0;font-size:14px}
.note p{margin:0}
.note p+p{margin-top:9px}
a{color:var(--accent)}
footer{margin-top:56px;padding-top:22px;border-top:1px solid var(--line);
  color:var(--faint);font-size:12.5px}
footer a{margin-right:16px}
@media (max-width:620px){ .wrap{padding:32px 16px 70px} h1{font-size:20px} }
