@charset "UTF-8";
/* ==========================================================================
   MiraiVets Partners ｜ privacy.css（プライバシーポリシー privacy.html 専用）
   --------------------------------------------------------------------------
   ・タイトル＝②メインカラー(#214382)、本文＝④テキスト(#333) … TOPページと同じトンマナ
   ※ ページヘッダー(page-hero)・パンくず(breadcrumb)は common.css にあります
   ========================================================================== */

.privacy { max-width: var(--container-narrow); margin-inline: auto; }

/* リード文 */
.privacy__intro { line-height: 2.1; color: var(--c-text); margin-bottom: clamp(32px, 5vw, 48px); }

/* 各条項 */
.privacy__section { margin-bottom: clamp(32px, 5vw, 44px); }
.privacy__section h3 {
  font-size: clamp(1.15rem, 2.6vw, 1.35rem);
  font-weight: 700;
  color: var(--c-main);                 /* タイトル：TOPの見出しと同じネイビー */
  margin-bottom: 16px;
  padding-left: 14px;
  border-left: 4px solid var(--c-sky);  /* 見出し左の水色ライン（TOPのトンマナ） */
  line-height: 1.5;
}
.privacy__section h4 {
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--c-accent);
  margin: 24px 0 10px;
}
.privacy__section p { color: var(--c-text); line-height: 2; margin-bottom: 14px; }

/* 箇条書き */
.privacy__section ul { margin: 0 0 16px; }
.privacy__section li {
  color: var(--c-text);
  line-height: 1.95;
  padding-left: 1.2em;
  position: relative;
  margin-bottom: 4px;
}
.privacy__section li::before { content: "・"; position: absolute; left: 0; color: var(--c-sky); }

/* 定義リスト風テーブル（事業者情報・問い合わせ窓口など） */
.privacy__table { width: 100%; border-collapse: collapse; margin: 6px 0 16px; }
.privacy__table th,
.privacy__table td {
  text-align: left;
  padding: 12px 16px;
  border: 1px solid var(--c-line);
  vertical-align: top;
  line-height: 1.8;
}
.privacy__table th {
  width: 34%;
  background: var(--c-sky-pale);
  color: var(--c-main);
  font-weight: 700;
  white-space: nowrap;
}
.privacy__table td { color: var(--c-text); }

/* 制定日・リンク */
.privacy__date { margin-top: clamp(28px, 4vw, 40px); font-weight: 700; color: var(--c-accent); }
.privacy a { color: var(--c-sky); text-decoration: underline; }
.privacy a:hover { color: var(--c-main); }

/* レスポンシブ */
@media (max-width: 680px) {
  .privacy__table th, .privacy__table td { display: block; width: 100%; white-space: normal; }
  .privacy__table th { border-bottom: none; }
}