@charset "UTF-8";
/*
$c_main: #DB0000;
$c_sub: #E9A87D;
$c_accent: #E64D4D;
$c_btn: #FF7043;
$c_btn_hover: #F4511E;
$c_sns_line: #06C755;
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap&family=Oswald&display=swap");
/* ============================================================
   privacy.scss
   - プライバシーポリシー（固定ページ）
   - BEM / モバイルファースト（min-width）
============================================================ */
/* ------------------------------------------------------------
  Page Title（プライバシーポリシー用の色設定）
------------------------------------------------------------ */
/* プライバシーポリシーページ用タイトル帯 */
.page-title--privacy {
  background-color: #e9f7ff;
  background-image: radial-gradient(circle, #ffffff 1px, transparent 1px);
  background-size: 5px 5px;
}

/* ------------------------------------------------------------
  プライバシーポリシー本体
------------------------------------------------------------ */
.policy {
  padding-top: 3.2rem;
  padding-bottom: 8rem;
  background-color: #ffffff;
  /* 制定日（フッター扱い） */
}
.policy__inner {
  /* c-inner による左右余白を前提としたラッパー */
}
.policy__lead {
  margin-bottom: 2.4rem;
  font-size: 1.4rem;
  line-height: 1.9;
  color: #444444;
}
.policy__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.policy__enactment {
  margin-top: 2.4rem;
  padding-top: 1.6rem;
  border-top: 1px solid #cbe7f7;
  font-size: 1.3rem;
  line-height: 1.8;
  color: #666666;
  text-align: right;
}

/* 各項目ブロック */
.policy-item {
  border: 1px solid #cbe7f7;
  background-color: #ffffff;
  font-size: 1.3rem;
  line-height: 1.9;
  color: #444444;
  border-radius: 0.6rem;
  overflow: hidden;
}
.policy-item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.policy-item__number {
  min-width: 4rem;
  padding: 0.8rem 0;
  text-align: center;
  background-color: #00a0e9;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.5rem;
}
.policy-item__title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.8rem 1.6rem;
  background-color: #e5f7ff;
  font-weight: 700;
  font-size: 1.5rem;
}
.policy-item__body {
  padding: 1.2rem 1.6rem 1.8rem;
}
.policy-item__body p {
  /* 全角スペース＋改行ベースの本文をそのまま表示 */
  margin: 0;
}
.policy-item__body p + p {
  margin-top: 0.8rem;
}
.policy-item__list {
  margin-top: 0.6rem;
  padding-left: 1.4em;
}
.policy-item__list li {
  list-style: disc;
}

/* ------------------------------------------------------------
  PCレイアウト
------------------------------------------------------------ */
@media (min-width: 768px) {
  .page-title--privacy-policy .page-title__inner {
    padding-top: 3.6rem;
    padding-bottom: 3.2rem;
  }
  .page-title--privacy-policy .page-title__headline {
    font-size: 1.8rem;
  }
  .policy {
    padding-top: 4rem;
    padding-bottom: 9.6rem;
  }
  .policy__lead {
    font-size: 1.5rem;
  }
  .policy__enactment {
    margin-top: 3.2rem;
    font-size: 1.4rem;
  }
  .policy-item {
    font-size: 1.4rem;
  }
  .policy-item__body {
    padding: 1.6rem 2.4rem 2.4rem;
  }
}