/* ============================================================
   privacy.css — プライバシーポリシーページ
   ============================================================ */


/* コンテナ */
.nd-container {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ============================
   本文セクション
============================ */
.pp-section {
  padding: 72px 0 104px;
  background: #fff;
}

/* ブロック（大セクション） */
.pp-block {
  margin-bottom: 72px;
  padding-bottom: 72px;
  border-bottom: 1px solid #d8e4ea;
}

.pp-block--last {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}


/* ============================
   見出し
============================ */
/* 個人情報の取り扱いについて（ネイビー） */
.pp-block-heading {
  font-size: 20px;
  font-weight: 700;
  color: #0C2C5D;
  margin-bottom: 28px;
}

/* Googleアナリティクス・Clarity 見出し */
.pp-service-heading {
  font-size: 20px;
  font-weight: 700;
  color: #0C2C5D;
  margin-bottom: 20px;
}

/* 1. 2. 3. 小見出し */
.pp-item-heading {
  font-size: 15px;
  font-weight: 700;
  color: #0C2C5D;
  margin-bottom: 10px;
}


/* ============================
   本文テキスト
============================ */
.pp-lead {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pp-lead p,
.pp-text {
  font-size: 14px;
  color: #444;
  line-height: 1.9;
  margin: 0;
}

/* 項目ブロック */
.pp-item {
  margin-bottom: 32px;
}

.pp-item:last-child {
  margin-bottom: 0;
}

/* 箇条書きリスト（・） */
.pp-list {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pp-list li {
  font-size: 14px;
  color: #444;
  line-height: 1.75;
  padding-left: 1.4em;
  position: relative;
}

.pp-list li::before {
  content: '・';
  position: absolute;
  left: 0;
  color: #444;
}


/* ============================
   リンクボックス
============================ */
.pp-link-box {
  background: #eef5f9;
  border-radius: 6px;
  padding: 20px 24px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* ラベル（タイトル） */
.pp-link-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--teal);
  text-decoration: none;
  display: block;
  cursor: default;
}

/* 上に余白を追加（複数リンクがある場合の区切り） */
.pp-link-label--mt {
  margin-top: 12px;
}

/* URL テキスト（リンク付き） */
.pp-link-url {
  font-size: 12px;
  color: #666;
  display: block;
  word-break: break-all;
  text-decoration: none;
}

.pp-link-url:hover { opacity: 0.75; }


/* ============================
   RESPONSIVE — Mobile (≤ 768px)
============================ */
@media (max-width: 768px) {
  .pp-section { padding: 52px 0 72px; }

  .pp-block { margin-bottom: 52px; padding-bottom: 52px; }

  .pp-block-heading,
  .pp-service-heading { font-size: 17px; }

  .pp-link-box { padding: 16px 18px; }
}