/* ============================================================
   ARTEMISRA — Legal pages（白背景・黒文字・シンプル / sans-serif）
   静的サイト legal.css を移植
   ============================================================ */

body.legal {
  font-family: 'Inter', 'Helvetica Neue', Arial,
               'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;
  color: #1c1c1c;
  background: #ffffff;
  line-height: 1.85;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ---------- ヘッダー ---------- */
.legal .legal-header {
  border-bottom: 1px solid #ececec;
  padding: 18px 24px;
}
.legal .legal-header a {
  color: #1c1c1c;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.22em;
  font-size: 15px;
  font-family: 'Times New Roman', Times, serif;
}

/* ---------- 本文 ---------- */
.legal .legal-content {
  max-width: 760px;
  margin: 0 auto;
  padding: 56px 24px 96px;
}
.legal .legal-content h1 {
  font-size: clamp(24px, 5vw, 32px);
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom: 28px;
}
.legal .lead {
  color: #444;
  margin-bottom: 28px;
}

/* ---------- 規約セクション（見出し＋本文） ---------- */
.legal .section { margin-bottom: 28px; }
.legal .section h2 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom: 8px;
}
.legal .section p { color: #333; }

/* ---------- 特商法の項目リスト ---------- */
.legal .legal-dl { counter-reset: item; }
.legal .legal-dl > div {
  padding: 18px 0;
  border-top: 1px solid #eaeaea;
  counter-increment: item;
}
.legal .legal-dl > div:last-child { border-bottom: 1px solid #eaeaea; }
.legal .legal-dl dt {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 6px;
}
.legal .legal-dl dt::before { content: counter(item) ". "; color: #999; }
.legal .legal-dl dd { margin: 0; color: #333; font-size: 15px; }
.legal .legal-dl dd + dd { margin-top: 6px; color: #555; }
.legal .legal-dl a { color: #1c1c1c; }

/* ---------- 制定日・戻るリンク ---------- */
.legal .date {
  margin-top: 24px;
  color: #888;
  font-size: 14px;
}
.legal .back {
  display: inline-block;
  margin-top: 44px;
  color: #1c1c1c;
  text-decoration: none;
  font-size: 14px;
  border-bottom: 1px solid #1c1c1c;
  padding-bottom: 2px;
  transition: color .2s, border-color .2s;
}
.legal .back:hover { color: #777; border-color: #777; }

@media screen and (max-width: 600px) {
  .legal .legal-content { padding: 40px 18px 72px; }
}