* { box-sizing: border-box }
html, body { margin: 0; padding: 0; background: #EAFAF7; color: #1a1a1a; font-family: "Noto Sans JP", "Yu Gothic", "ヒラギノ角ゴ ProN W3", sans-serif; -webkit-text-size-adjust: 100% }
.legal { width: min(100%, 720px); margin: 0 auto; background: #fff; padding: 24px 20px 40px; min-height: 100vh }
.legal h1 { margin: 16px 0 20px; padding-bottom: 12px; border-bottom: 2px solid #17B2AC; color: #17B2AC; font-size: 22px; line-height: 1.4 }
.legal-body { white-space: pre-wrap; font-size: 14px; line-height: 1.8; word-break: break-all }
.legal-body h2 { margin: 24px 0 6px; font-size: 15px; line-height: 1.5; color: #17B2AC; white-space: normal }
.legal-back { display: inline-block; margin: 8px 0 16px; color: #17B2AC; font-size: 13px; font-weight: 700 }