/*↓StyleCSSにスタイルを定義　文字コードUTF-8------------*/
@charset "utf-8";
/*TOPのCSSを引き継ぐ---------------------------------*/
@import url(style.css);

/*privacyーーーーーーーーーーーーーーーーー*/

/* プライバシーポリシー全体 */
main{  padding: 120px 20px 80px; /* ← 固定ヘッダー対策 */}

.privacy {
  background: #f7f7f7;

}

/* 中央寄せ */
.privacy-inner {
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  padding: 48px 40px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

/* タイトル */
.privacy-title {
  font-size: 28px;
  text-align: center;
  margin-bottom: 32px;
  letter-spacing: 0.08em;
}

/* 導入文 */
.privacy-lead {
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 32px;
  color: #444;
}

/* 見出し */
.privacy h2 {
  font-size: 18px;
  margin: 32px 0 12px;
  padding-left: 12px;
  border-left: 4px solid #B4B490;
}

/* 本文 */
.privacy p {
  font-size: 15px;
  line-height: 1.8;
  color: #333;
}

/* リスト */
.privacy ul {
  padding-left: 20px;
  margin-top: 8px;
}

.privacy li {
  font-size: 15px;
  line-height: 1.7;
}

/*
.privacy-link {
  display: inline-block;
  color: #333;
  font-weight: 600;
  text-decoration: none;
  padding-bottom: 4px;
  border-bottom: 2px solid #B4B490;
  transition: opacity 0.3s ease;
}

.privacy-link:hover {
  opacity: 0.7;
}
*/
/* ボタン風リンク */
.privacy-button {
  display: inline-block;
  padding: 14px 28px;
  border: 2px solid #B4B490;
  border-radius: 8px;
  color: #333;
  text-decoration: none;
  font-weight: 600;
  transition: 
    background-color 0.3s ease,
    color 0.3s ease;
}

/* ホバー時 */
.privacy-button:hover {
  background-color: #B4B490;
  color: #fff;
}





/*画面サイズ640以下開始－－ーーーー－－－－－－－－－－*/
@media (max-width: 640px) {
  .privacy {
    padding: 100px 12px 60px;
  }

  .privacy-inner {
    padding: 32px 20px;
  }

  .privacy-title {
    font-size: 22px;
  }

  .privacy h2 {
    font-size: 16px;
  }

  .privacy p,
  .privacy li {
    font-size: 14px;
  }
    
  .privacy-button {
    width: 100%;
    text-align: center;
    padding: 16px;
  }

}

/*   画面サイズ640以下終了－－－－－－－－－－－－－ */