/**
 * privacy.css
 * プライバシーポリシーページ専用スタイル
 */

/* 1. フォントと基本見出しスタイル */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@700&display=swap');

.tw\:font-serif {
  font-family: 'Shippori Mincho', serif !important;
}

/* 1.5 導入文（リード文）のスタイル：項目との間隔を大きく確保 */
.privacy-content > p:first-of-type {
  margin-bottom: 160px !important; /* 導入文下の余白を大幅に拡大 */
}

/* 2. 見出し（H2）のデザイン：ブランドカラーのアクセントと下部余白の強化 */
.privacy-item h2 {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-bottom: 48px !important; /* 見出し下の余白をさらに拡大 */
  border-left: 8px solid #ec4899 !important;
  padding-left: 20px !important;
  line-height: 1.4 !important;
}

/* 2-2. 小見出し（H3）のデザイン：文字化け防止のためアイコンを削除 */
.privacy-item h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #ec4899 !important;
  margin-top: 100px !important; /* H3の上部余白を大幅に強化 */
  margin-bottom: 32px !important;
}

/* 3. 本文テキストの読みやすさ調整 */
.privacy-item p {
  font-size: 16px !important;
  line-height: 2.2 !important; /* 行間をさらに広げて可読性を向上 */
  color: #374151 !important;
}

/* 4. 箇条書きリストのデザイン：ピンクのドット装飾 */
.privacy-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.privacy-list li {
  position: relative;
  padding-left: 1.8em;
  font-size: 16px;
  line-height: 2.1;
  color: #4b5563;
  margin-bottom: 1.0em; /* リスト間の余白を拡大 */
}

.privacy-list li::before {
  content: "・";
  position: absolute;
  left: 0;
  color: #ec4899;
  font-weight: bold;
}

/* 5. 各項目のブロック間余白の調整 */
.privacy-item {
  margin-bottom: 120px; /* 項目間のボトムマージンを最大化 */
}

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

/* 6. お問い合わせ先：外枠の削除と背景色の調整 */
.privacy-item .contact-box {
  border: none !important;
  background-color: #f9fafb; /* 落ち着いたグレー背景を維持 */
}

/* 7. レスポンシブ調整（スマホ） */
@media (max-width: 768px) {
  /* スマホでの導入文下の余白 */
  .privacy-content > p:first-of-type {
    margin-bottom: 80px !important;
  }

  .privacy-item h2 {
    font-size: 20px !important;
    border-left-width: 6px !important;
    padding-left: 15px !important;
    margin-bottom: 28px !important;
  }

  .privacy-item h3 {
    font-size: 18px !important;
    margin-top: 60px !important; /* スマホ時も十分な区切りを確保 */
    margin-bottom: 20px !important;
  }

  .privacy-item p, 
  .privacy-list li {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }

  /* スマホでのブロック間余白 */
  .privacy-item {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}