/* 利用規約・プライバシーポリシー・お問い合わせ・ホーム（terms.html・privacy.html・support.html・home.html）。色、見出しの帯、下のリンクは styles.css */

@counter-style orbit-paren {
  system: extends decimal;
  prefix: "（";
  suffix: "）";
}

/* 見出しの帯を、本文の箱と同じ幅にそろえる */
.legal-page .site-header { width: min(100% - 36px, 760px); padding: 22px 0; }

.legal {
  width: min(100% - 36px, 760px);
  margin: 0 auto;
  padding: 12px 0 36px;
}

.legal-card {
  padding: 40px 44px 32px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 22px;
}

.legal h1 {
  font-size: clamp(1.6rem, 4.4vw, 2.2rem);
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.legal .legal-meta { margin: 8px 0 0; color: var(--secondary); font-size: 0.82rem; }

.legal .legal-lead { margin-top: 22px; }

.legal h2 {
  margin: 36px 0 12px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  font-size: 1.06rem;
  line-height: 1.5;
}

.legal h3 { margin: 24px 0 6px; font-size: 0.96rem; line-height: 1.6; }

.legal p, .legal li, .legal td, .legal th { overflow-wrap: anywhere; }
.legal p, .legal li { font-size: 0.94rem; line-height: 1.85; }
.legal p { margin: 0 0 12px; }
.legal ol, .legal ul { margin: 0 0 12px; padding-left: 1.7em; }
.legal li { margin: 3px 0; }
.legal li > ol { margin: 4px 0 0; }
.legal ol ol { list-style: orbit-paren; padding-left: 2.6em; }

.legal a { color: var(--primary); font-weight: 700; text-decoration: none; }
.legal a:hover { text-decoration: underline; }

.legal-table {
  width: 100%;
  margin: 6px 0 18px;
  border-collapse: collapse;
  font-size: 0.86rem;
  line-height: 1.7;
}

.legal-table th, .legal-table td {
  padding: 10px 12px;
  border: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

.legal-table thead th { background: var(--canvas); font-weight: 800; }
.legal-table tbody th { font-weight: 800; white-space: nowrap; }

.legal .legal-sign { margin-top: 28px; color: var(--secondary); }

/* ホーム（home.html）：アイコンと名前、英語の段落 */
.home-card .home-icon { display: block; width: 72px; height: 72px; margin: 0 0 14px; border-radius: 18px; }
.home-card .home-english { margin-top: 8px; }

@media (max-width: 700px) {
  .legal-page .site-header { padding: 18px 0; }
  .legal { padding-top: 0; }
  .legal-card { padding: 26px 20px 18px; border-radius: 18px; }

  /* 狭い画面では、表の行を1つずつの箱にして、見出しを中に出す */
  .legal-table thead { display: none; }
  .legal-table, .legal-table tbody, .legal-table tr, .legal-table th, .legal-table td { display: block; }
  .legal-table tr { margin: 0 0 10px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
  .legal-table th, .legal-table td { border: 0; padding: 8px 12px; }
  .legal-table tbody th { padding-top: 10px; background: var(--canvas); white-space: normal; }
  .legal-table td[data-label]::before {
    display: block;
    color: var(--secondary);
    content: attr(data-label);
    font-size: 0.72rem;
    font-weight: 800;
  }
}