/* ============================================= */
/* PRIVACY POLICY PAGE STYLES                    */
/* ============================================= */

.privacy-policy-content {
  padding: 80px 0;
  background-color: #fcfcfc; /* わずかに色を付けて、本文エリアを区別 */
}

/* 本文エリアの幅を読みやすくするために少し狭くする */
.container-narrow {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 冒頭の宣言文 */
.preamble {
  font-size: 1.1rem;
  line-height: 1.8;
  margin-bottom: 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}

/* ポリシー本文全体 */
.policy-article {
  background: #fff;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.policy-section {
  margin-bottom: 40px;
}
.policy-section:last-of-type {
  margin-bottom: 0;
}

/* 各項目の見出し (h2) - ここが「かっこよさ」のポイント */
.policy-section h2 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 20px;
  padding-left: 1.2em; /* 左に余白 */
  position: relative;
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 10px;
}
/* 見出しの左側にアクセントの縦線を追加 */
.policy-section h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 15px;
  width: 5px; /* 線の太さ */
  background-color: var(--color-primary, #00529b); /* サイトのメインカラー */
  border-radius: 2px;
}

/* 本文テキスト */
.policy-section p {
  font-size: 1rem;
  line-height: 1.9;
  color: #555;
}

/* 番号付きリスト */
.policy-section ol {
  margin-top: 20px;
  padding-left: 1.5em; /* 数字の左側に余白 */
}
.policy-section ol li {
  font-size: 1rem;
  line-height: 1.9;
  color: #555;
  margin-bottom: 15px;
}

/* 制定日 */
.policy-date {
  margin-top: 40px;
  text-align: right;
  color: #777;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .policy-article {
    padding: 30px 20px;
  }
  .policy-section h2 {
    font-size: 1.2rem;
  }
}