/* 規約・ポリシー用の読み物ページ共通スタイル。
   LPのトークンに揃えてあるが、LPのような演出は入れない。
   読み物なので、文字の大きさと行間だけを優先する。 */
:root{
  /* --sub は補足の文字色。薄すぎて読みにくかったので濃くした。 */
  --bg:#fffaf6;--ink:#3b3330;--sub:#6b6059;
  --accent:#ff7a5c;--accent-soft:#ffeee8;
  --warn:#e4573d;
  --border:#f0e4dc;--card:#ffffff;
  --radius:20px;--maxw:720px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Noto Sans JP',sans-serif;color:var(--ink);background:var(--bg);
  line-height:1.9;font-size:16px;-webkit-text-size-adjust:100%;
}
h1,h2,h3{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;line-height:1.5}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
header{padding:28px 0 8px;border-bottom:1px solid var(--border);background:#fff}
header .back{display:inline-block;font-size:14px;color:var(--sub);text-decoration:none;margin-bottom:14px}
header .back:hover{color:var(--accent)}
h1{font-size:24px;margin-bottom:6px}
.meta{font-size:13px;color:var(--sub);padding-bottom:20px}
main{padding:32px 0 72px}
h2{font-size:18px;margin:36px 0 10px;padding-left:12px;border-left:4px solid var(--accent)}
h2:first-child{margin-top:0}
h3{font-size:16px;margin:22px 0 6px}
p{margin:10px 0}
ul,ol{margin:10px 0 10px 1.4em}
li{margin:6px 0}
.note{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:18px 20px;margin:20px 0;font-size:15px;
}
.warn{background:var(--accent-soft);border-color:#ffd9cd}
.warn strong{color:var(--warn)}
.todo{
  background:#fffbe6;border:1px dashed #e0c86a;border-radius:12px;
  padding:14px 16px;margin:16px 0;font-size:14px;color:#6b5a1e;
}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
th,td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--accent-soft);font-weight:700;white-space:nowrap}
footer{border-top:1px solid var(--border);padding:24px 0 48px;font-size:13px;color:var(--sub);background:#fff}
footer nav a{color:var(--sub);text-decoration:none;margin-right:16px}
footer nav a:hover{color:var(--accent)}
@media(min-width:600px){
  body{font-size:17px}
  h1{font-size:28px}
}