/* 利用規約・特定商取引法に基づく表記・プライバシーポリシー共通（lp.css のナビ・フッターに本文の組版を足す） */
.legal{max-width:760px;margin:0 auto;padding:56px 20px 96px}
.legal h1{font-size:30px;line-height:1.4;margin:0 0 8px}
.legal .meta{color:var(--muted);font-size:14px;margin:0 0 32px}
.legal .notice{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:14px 18px;margin:0 0 32px;font-size:15px;line-height:1.8}
.legal h2{font-size:19px;margin:40px 0 10px;padding-top:8px;border-top:1px solid var(--rule)}
.legal [id]{scroll-margin-top:88px} /* 固定ナビの下に隠れないように（/privacy.html#training など） */
.legal .notice ul{margin:6px 0 0}
.legal p,.legal li{font-size:16px;line-height:1.9}
.legal ol,.legal ul{padding-left:1.4em;margin:8px 0}
.legal ol ol{list-style:lower-roman}
.legal a{color:var(--court)}
.legal table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:15px;line-height:1.8}
.legal th,.legal td{border-top:1px solid var(--rule);padding:14px 10px;vertical-align:top;text-align:left}
.legal tr:last-child th,.legal tr:last-child td{border-bottom:1px solid var(--rule)}
.legal th{width:30%;font-weight:700;white-space:nowrap}
@media (max-width:560px){
  .legal{padding:40px 16px 72px}
  .legal h1{font-size:24px}
  .legal th,.legal td{display:block;width:auto;padding:10px 4px}
  .legal th{border-bottom:0;padding-bottom:0}
  .legal td{border-top:0}
}