:root { --sc-bg:#f3f3f1; --sc-surface:#fff; --sc-text:#111; --sc-muted:#6d6d69; --sc-line:#dfdfda; --sc-accent:#ffce35; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--sc-bg); color:var(--sc-text); font-family:"Noto Sans JP", system-ui, sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.container { width:min(100% - 48px, 880px); margin-inline:auto; }
header { height:72px; border-bottom:1px solid rgba(0,0,0,.07); background:rgba(243,243,241,.9); backdrop-filter:blur(12px); }
.header-inner { width:min(100% - 48px, 1200px); height:100%; margin:auto; display:flex; align-items:center; justify-content:space-between; }
.logo { display:block; width:148px; height:auto; }
.back-link { display:inline-flex; align-items:center; gap:8px; color:#555; font-size:14px; font-weight:600; text-decoration:none; }
.back-link:hover { color:#111; }
.back-link::before { content:"←"; font-size:17px; line-height:1; }
.legal-actions { display:flex; align-items:center; gap:17px; }
.language-select { appearance:none; padding:8px 25px 8px 10px; border:1px solid var(--sc-line); border-radius:999px; background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4 3 3 3-3' fill='none' stroke='%23111' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 9px center; color:#333; font:600 13px inherit; cursor:pointer; }
main { padding:80px 0 104px; }
.legal-sheet { background:var(--sc-surface); border:1px solid #e8e8e3; border-radius:24px; padding:clamp(32px, 6vw, 72px); box-shadow:0 8px 26px rgba(0,0,0,.035); }
.eyebrow { margin:0 0 13px; color:#888883; font-size:13px; font-weight:700; letter-spacing:.12em; }
h1 { margin:0; font-size:clamp(31px, 5vw, 48px); line-height:1.3; letter-spacing:.01em; }
.dates { margin:28px 0 0; color:var(--sc-muted); font-size:14px; line-height:1.8; }
.rule { margin:39px 0; border:0; border-top:1px solid var(--sc-line); }
.content { color:#393937; font-size:15px; line-height:2; }
.content h2 { margin:43px 0 17px; color:var(--sc-text); font-size:20px; line-height:1.5; }
.content h3 { margin:28px 0 11px; color:var(--sc-text); font-size:16px; line-height:1.65; }
.content p { margin:0 0 18px; }
.content ol, .content ul { margin:0 0 19px; padding-left:1.55em; }
.content li { padding-left:.15em; margin:4px 0; }
.content a { color:var(--sc-text); text-underline-offset:3px; text-decoration-color:#a5a5a0; }
.content a:hover { text-decoration-color:var(--sc-text); }
.contact { margin-top:34px; padding:24px; border-radius:16px; background:var(--sc-bg); }
.contact p:last-child { margin-bottom:0; }
footer { border-top:1px solid #dfdfda; padding:32px 0; color:#73736f; font-size:12px; }
.footer-inner { width:min(100% - 48px, 1200px); margin:auto; display:flex; justify-content:space-between; gap:18px; }
.footer-links { display:flex; flex-wrap:wrap; gap:10px 21px; }
.footer-links a { text-decoration:none; }
.footer-links a:hover { color:#111; }
@media (max-width:700px) {
  .container, .header-inner, .footer-inner { width:min(100% - 40px, 880px); }
  header { height:64px; }
  .logo { width:126px; }
  .back-link { font-size:13px; }
  .legal-actions { gap:9px; }
  main { padding:40px 0 64px; }
  .legal-sheet { border-radius:18px; padding:31px 24px; }
  .content { font-size:14px; line-height:1.9; }
  .content h2 { font-size:18px; margin-top:36px; }
  .footer-inner { flex-direction:column; }
}