/* ============================
   プライバシーポリシー ページ
============================ */
.page {
  padding: 120px 20px 80px;
  padding-bottom: 200px; /* 画像が表示される分のスペースを確保 */
}


.page-section {
  max-width: 820px;
  margin: 0 auto;
}
.policy-hero {
  width: 100%;
  height: 350px; /* 好きな高さに調整 */
  background-image: url('../images/privacy.png'); /* ← ここに使いたい画像 */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 120px 20px 80px;
  display: block;
  justify-content: center;
  align-items: center;
  text-align: left;
}

.policy-title {
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 2px;
  padding: 10px 50px 20px 80px;
}


/* タイトル＋背景画像 */

.page-title {
  position: relative;
  display: block; 
  text-align: left; /* タイトルを中央に */
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 24px;
  letter-spacing: 1px;
  color: #26155c;
}



@media (max-width: 768px) 

  {
  .policy-title {
      font-size: 30px;
      padding: 10px 0 20px 0; }
  .page-lead {padding: 10px 0 20px 0; }

  .page {
  padding: 100px 20px 80px;
  padding-bottom: 200px; /* 画像が表示される分のスペースを確保 */
}
 

.policy-hero {
  width: 100%;
  height: 270px; /* 好きな高さに調整 */
  }
}

.page-lead {
  margin-bottom: 40px;
  line-height: 1.9;
  font-size: 15px;
  color: #444;
}

.page-heading {
  font-size: 20px;
  font-weight: 700;
  margin: 40px 0 12px;
  color: #26155c; /* 見出しにアクセントカラー */
}

.page-section p {
  line-height: 1.9;
  font-size: 14px;
  color: #333;
  margin-bottom: 16px;
}

.page-section ul {
  padding-left: 1.2em;
  margin-bottom: 20px;
}

.page-section ul li {
  line-height: 1.9;
  font-size: 14px;
  color: #333;
}

.policy-date {
  margin-top: 50px;
  font-size: 13px;
  color: #777;
}




/* フッターのプライバシーポリシーリンク */
.footer-link {
  color: #fff;
  font-size: 12px;
  opacity: 0.8;
  text-decoration: none;
}

.footer-link:hover {
  opacity: 1;
}

  .close-btn {
    display: none;
    }