@charset "utf-8";

/* =========================
   Privacy Policy page only
   ========================= */
:root{
  /* 既存 main.css の変数を前提にするが、万一の保険で定義 */
  --color-bg-base: var(--color-bg-base, #006036);
  --color-bg-key:  var(--color-bg-key,  #D0A900);
  --color-font-base: var(--color-font-base, #000);
  --color-bg-mid: var(--color-bg-mid, #f3f3f3);
}

body {
  background: var(--color-bg-mid);
}

/* セクション外枠 */
.privacy-section{
  padding: 80px 14px 40px;
  background: #fff;
}

.container800{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

/* 見出しまわり */
.en_title{
  font-family: "futura-pt", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans JP", sans-serif;
  letter-spacing: .08em;
  text-align: center;
}

.jp_title{
  text-align: center;
  margin: 0 0 26px;
}

/* 導入テキスト */
.text_top{
  line-height: 1.9;
  color: #222;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 18px 16px;
  margin-bottom: 26px;
}

/* 第二階層見出し */
.privacy-section h2{
  font-size: 1.35rem;
  font-weight: 800;
  color: #111;
  margin: 34px 0 12px;
  padding-left: 12px;
  position: relative;
}
.privacy-section h2::before{
  content: "";
  position: absolute;
  left: 0; top: .35em;
  width: 6px; height: 1.1em;
  background: var(--color-bg-base);
  border-radius: 3px;
}

/* 第三階層見出し */
.privacy-section h3{
  font-size: 1.05rem;
  font-weight: 700;
  color: #222;
  margin: 18px 0 6px;
  padding-left: 10px;
  border-left: 3px solid var(--color-bg-key);
}

/* 本文・リスト */
.privacy-section p{
  line-height: 1.9;
  color: #333;
  margin: 0 0 10px;
}

.privacy-section ul{
  list-style: none;
  padding: 0;
  margin: 8px 0 12px 0;
}
.privacy-section li{
  position: relative;
  line-height: 1.9;
  padding-left: 1.3em;
  color: #333;
}
.privacy-section li::before{
  content: "▹";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-bg-base);
  font-weight: 700;
}

/* アクセシビリティ：リンク */
.privacy-section a{
  color: var(--color-bg-base);
  text-decoration: underline;
  text-underline-offset: .18em;
}

/* 余白の整え（最後にダブり余白を出さない） */
.privacy-section > .container800 > *:last-child{
  margin-bottom: 0;
}

/* 下部 Contact セクションとの距離感 */
#contact{
  margin-top: 40px;
}

/* SP 調整 */
@media (max-width: 740px){
  .privacy-section{
    padding: 60px 12px 36px;
    border-radius: 0;
  }
  .en_title{ font-size: 1.3rem; }
  .jp_title{ font-size: 1.5rem; }
  .privacy-section h2{ font-size: 1.2rem; }
  .privacy-section h3{ font-size: 1rem; }
  .text_top{ padding: 14px; }
}

/* もしヘッダーが absolute のページでもタイトルが被らないよう保険 */
@supports (position: sticky){
  .privacy-section{ scroll-margin-top: 80px; }
}