/* ============================================================
   法定ページ共通スタイル（プライバシーポリシー・特商法表記）
   style.css のトークンを前提とした追加レイヤー
   ============================================================ */

/* ヘッダー（ロゴのみのシンプル版） */
.legal-header {
  background: var(--navy);
  padding: 18px 0;
}
.legal-header .container { display: flex; align-items: center; }
.legal-header img {
  display: block;
  height: 40px;
  width: auto;
  background: #fff;
  padding: 7px 12px;
  border-radius: 10px;
}

/* 本文 */
.legal-main { padding: 64px 0 96px; }
.legal-breadcrumb {
  font-size: 12px;
  color: var(--muted-dark);
  margin-bottom: 28px;
}
.legal-breadcrumb a { color: var(--blue); text-decoration: none; }
.legal-breadcrumb a:hover { text-decoration: underline; }
.legal-main h1 { font-size: clamp(24px, 5vw, 34px); font-weight: 900; margin-bottom: 12px; }
.legal-date { font-size: 12.5px; color: var(--muted-dark); margin-bottom: 48px; }
.legal-main h2 {
  font-size: 18px;
  font-weight: 700;
  margin: 44px 0 14px;
  padding-left: 14px;
  border-left: 3px solid;
  border-image: linear-gradient(to bottom, var(--blue), var(--violet)) 1;
}
.legal-main p, .legal-main li, .legal-main td, .legal-main th {
  font-size: 14.5px;
  color: var(--muted-dark);
  line-height: 2;
}
.legal-main ul { padding-left: 1.4em; }
.legal-main ul li { list-style: disc; }
.legal-main a { color: var(--blue); }

/* 特商法などの表 */
.legal-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
}
.legal-table th, .legal-table td {
  border: 1px solid var(--border-dark);
  padding: 14px 16px;
  text-align: left;
  vertical-align: top;
}
.legal-table th {
  width: 32%;
  background: #F4F6FB;
  font-weight: 700;
  color: var(--text-dark);
  white-space: nowrap;
}
@media (max-width: 600px) {
  .legal-table th, .legal-table td { display: block; width: 100%; }
  .legal-table th { border-bottom: 0; }
  .legal-table tr + tr th { border-top: 0; }
}

/* 関連ページナビ */
.legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  margin-top: 56px;
}
.legal-nav a {
  font-size: 14px;
  font-weight: 700;
  color: var(--blue);
  text-decoration: none;
}
.legal-nav a:hover { text-decoration: underline; }

/* フッター */
.legal-footer {
  background: #070B18;
  color: var(--muted-light);
  text-align: center;
  font-size: 11.5px;
  padding: 28px 20px;
}
.legal-footer nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 24px;
  margin-bottom: 14px;
}
.legal-footer a {
  color: var(--muted-light);
  text-decoration: none;
  font-size: 12.5px;
}
.legal-footer a:hover { color: var(--cyan); }