/* 個人情報の取り扱い（ユーティリティ/法務ページ・site.css トークン準拠・確定カンプ外の新規）
   .stage/.board の 1440 スケール土台に乗る前提＝中央 780 の読み列。SP は @media で再調整。 */
.legal{background:var(--paper);padding:130px 40px 110px}
.legal-in{max-width:780px;margin:0 auto}
.legal-eyebrow{display:inline-block;font-family:var(--en);font-weight:700;font-size:12px;letter-spacing:.22em;color:var(--cobalt)}
.legal-h1{font-family:var(--jp);font-weight:900;font-size:36px;line-height:1.5;color:var(--ink);margin-top:14px;letter-spacing:.03em}
.legal-lead{font-size:16px;line-height:2;color:var(--body-lead);margin-top:22px}

.legal-body{margin-top:44px;border-top:3px solid var(--cobalt)}
.legal-sec{padding:30px 0;border-bottom:1px solid var(--line)}
.legal-sec h2{font-family:var(--jp);font-weight:800;font-size:19px;line-height:1.5;color:var(--ink);
  margin-bottom:14px;padding-left:16px;border-left:4px solid var(--cobalt)}
.legal-sec p{font-size:15px;line-height:2;color:var(--body-lead)}
.legal-sec p + p{margin-top:12px}
.legal-sec ul{margin:12px 0 0;padding-left:1.4em;list-style:disc}
.legal-sec li{font-size:15px;line-height:1.95;color:var(--body-lead);margin-top:6px}
.legal-sec a{color:var(--cobalt);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.legal-sec a:hover{color:var(--cobalt-deep)}

.legal-tbd{margin-top:12px;font-size:15px;line-height:2;color:var(--sub)}
.legal-meta{margin-top:40px;font-size:13px;line-height:2;color:var(--sub)}
.legal-back{display:inline-block;margin-top:36px;font-size:15px;font-weight:700;color:var(--cobalt)}
.legal-back:hover{text-decoration:underline}

@media (max-width:767px){
  .legal{padding:92px 20px 72px}
  .legal-h1{font-size:25px}
  .legal-lead{font-size:14.5px;margin-top:18px}
  .legal-body{margin-top:32px}
  .legal-sec{padding:24px 0}
  .legal-sec h2{font-size:17px}
  .legal-sec p,.legal-sec li,.legal-tbd{font-size:14px}
}