:root {
  --teal: #44b8c4;
  --teal-light: #6ecbd4;
  --lime: #7ed957;
  --white: #ffffff;
  --mint: #f0faf5;
  --dark: #1a2e2a;
  --gray: #667777;
  --gray-light: #708080;
  --border: #e0f0ec;
  --gradient: linear-gradient(135deg, var(--teal), var(--lime));
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--dark); background: var(--white);
  line-height: 1.8;
}

/* ヘッダー */
.legal-header {
  background: var(--dark); padding: 16px 24px;
  display: flex; align-items: center; justify-content: space-between;
}
.legal-header .logo img { height: 32px; }
.legal-header .back-link {
  color: var(--gray-light); text-decoration: none;
  font-family: 'Noto Sans JP', sans-serif; font-size: .85rem;
  transition: color 0.3s;
}
.legal-header .back-link:hover { color: var(--white); }

/* メインコンテンツ */
.legal-content {
  max-width: 720px; margin: 0 auto;
  padding: 60px 24px 80px;
}
.legal-content h1 {
  font-size: 1.6rem; font-weight: 700;
  margin-bottom: 32px; padding-bottom: 16px;
  border-bottom: 3px solid var(--teal);
}
.legal-content h2 {
  font-size: 1.1rem; font-weight: 700;
  margin: 32px 0 12px; color: var(--dark);
}
.legal-content p {
  font-size: .9rem; color: var(--gray);
  margin-bottom: 16px;
}
.legal-content ul {
  padding-left: 1.5em; margin-bottom: 16px;
}
.legal-content li {
  font-size: .9rem; color: var(--gray);
  margin-bottom: 4px;
}
.legal-content a {
  color: var(--teal); transition: opacity 0.3s;
}
.legal-content a:hover { opacity: 0.7; }
.legal-content .updated {
  font-size: .8rem; color: var(--gray-light);
  margin-top: 48px; text-align: right;
}

/* テーブル（特商法ページ用） */
.legal-content table {
  width: 100%; border-collapse: collapse; margin: 16px 0;
}
.legal-content th,
.legal-content td {
  text-align: left; padding: 14px 16px; font-size: .9rem;
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}
.legal-content th {
  color: var(--dark); font-weight: 700;
  width: 180px; white-space: nowrap;
  background: var(--mint);
}
.legal-content td { color: var(--gray); }
@media (max-width: 600px) {
  .legal-content th {
    display: block; width: 100%;
    padding-bottom: 4px; border-bottom: none;
  }
  .legal-content td {
    display: block; padding-top: 0;
    padding-bottom: 16px;
  }
}

/* フッター */
.legal-footer {
  background: var(--dark); color: var(--gray-light);
  text-align: center; padding: 24px;
  font-size: .8rem;
  font-family: 'Quicksand', sans-serif;
}