/**
 * 法定表示ページ専用スタイル（privacy.html / tokushoho.html）
 *
 * なぜ独立させたか:
 *   これらのページは以前ルートの style.css を読んでいた。
 *   その style.css は **旧LP（ルート index.html）専用** のもので、
 *   広告の着地先である lp/omatome/ とは無関係である。
 *   そのため「広告LPだけを配信対象にする」と法定表示ページが崩れ、
 *   「ルート一式を配信する」と検証していない旧LPが広告ドメインで公開されてしまう、
 *   という二者択一になっていた。どちらも本番事故になる。
 *   → 法定表示ページが旧LPに依存しないよう、必要な規則だけをここへ切り出した。
 *
 * 配色は lp/omatome/style.css と揃えてある（広告LPから遷移したときの一貫性のため）。
 * ここに広告LPの装飾は入れない。表示義務のページに必要な最小限だけを持つ。
 */

:root {
  --navy:      #0f2c52;
  --cyan:      #1a9fd4;
  --base:      #ffffff;
  --soft:      #f4f7fb;
  --text:      #24303f;
  --text-mute: #5d6b7d;
  --border:    #d9e2ec;
}

body {
  margin: 0;
  background: var(--base);
  color: var(--text);
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.85;
  letter-spacing: 0.02em;
}

.simple-page {
  max-width: 640px;
  margin: 0 auto;
  padding: 60px 20px;
}

.simple-page h1 {
  font-size: 20px;
  color: var(--navy);
}

.simple-page h2 {
  font-size: 15px;
  margin-top: 28px;
  color: var(--navy);
}

.simple-page table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin-top: 12px;
}

.simple-page th,
.simple-page td {
  text-align: left;
  padding: 10px;
  border: 1px solid var(--border);
  vertical-align: top;
}

.simple-page th {
  background: var(--soft);
  width: 30%;
  white-space: nowrap;
}

/* 表が狭い画面で溢れないようにする（法定表示は必ず読めること） */
@media (max-width: 480px) {
  .simple-page th {
    width: 42%;   /* 「宅地建物取引業免許」「サービスの提供条件」(9字) が 390px で折れない幅 */
    white-space: normal;
  }
}

/*
 * 法定表示ページの唯一のナビゲーション導線。
 * 旧LPから移してきた色（--cyan #1a9fd4）は白背景に対してコントラスト比が約3:1 しかなく、
 * 13px の本文サイズでは WCAG AA（4.5:1）を満たさない。表示義務のページは
 * 「読めること」が要件なので、濃い色にして下線を付ける。
 */
.back-link {
  display: inline-block;
  margin-top: 32px;
  font-size: 13px;
  color: var(--navy);
  text-decoration: underline;
}

/* 参照LP準拠の条文構成（2026-09-11）に必要な最小限。装飾は増やさない */
.simple-page h3 {
  font-size: 14px;
  margin: 18px 0 4px;
  color: var(--navy);
}
.simple-page p { margin: 8px 0; }
.simple-page ul {
  margin: 6px 0 10px;
  padding-left: 1.4em;
}
.simple-page li { margin: 2px 0; }
.legal-date {
  margin-top: 28px !important;
  font-size: 12px;
  color: var(--text-mute);   /* #5d6b7d: 白地で 5.6:1。薄くしない */
}
.legal-copyright {
  margin-top: 36px !important;
  padding-top: 14px;
  border-top: 1px solid var(--border);
  font-size: 12px;
  text-align: center;
  color: var(--text-mute);
}

/* 参照LP準拠の「お問い合わせ窓口」カード（privacy.html 第14条。2026-09-11） */
.contact-card {
  margin: 14px 0 0;
  padding: 16px 18px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--soft);
  font-size: 14px;
  line-height: 1.8;
}
.contact-card p { margin: 2px 0; }
.contact-card__title { font-weight: 700; color: var(--navy); margin-bottom: 6px !important; }
.contact-card__name { font-weight: 700; }