@charset "utf-8";

/* =======================================
  #privacy / .mainTitle
======================================= */
.mainTitle {
  background: url("../img/privacy_mv_img.png") no-repeat center center;
  background-size: cover;
}

#privacy .h2Tit.bdr::before {
  display: none;
}


/* =======================================
  .privacyContent
  - 本文エリア（白背景・上下余白）
======================================= */
.privacyContent {
  padding-bottom: 100px;
}


/* =======================================
  .privacySection
  - 各セクション（見出し＋本文）
======================================= */
.privacySection {
    margin-bottom: 4rem;
    padding-top: 0;
}

.privacySection:last-of-type {
  margin-bottom: 0;
}


/* -----------------------------------------------
  .privacyH2
  - セクション見出し（赤・太字）
----------------------------------------------- */
.privacyH2 {
    font-size: var(--font-28);
    font-weight: 700;
    color: var(--base);
    margin-bottom: 1rem;
    line-height: 1.4;
}


/* -----------------------------------------------
  .privacySubSection
  - サブセクション（(1)〜(5)）
----------------------------------------------- */
.privacySubSection {
  margin-bottom: 2rem;
}

.privacySubSection:last-of-type {
  margin-bottom: 0;
}


/* -----------------------------------------------
  .privacyH3
  - サブ見出し
----------------------------------------------- */
.privacyH3 {
font-size: var(--font-base);
    font-weight: 400;
    margin-bottom: .75rem;
    color: var(--base);
}


/* -----------------------------------------------
  本文 p
----------------------------------------------- */
.privacySection p,
.privacySubSection p {
  font-size: var(--font-base);
  line-height: 2;
  margin-bottom: 1em;
}

.privacySection p:last-child,
.privacySubSection p:last-child {
  margin-bottom: 0;
}


/* -----------------------------------------------
  .privacyList
  - 箇条書き（●）
----------------------------------------------- */
.privacyList {
  margin: .75rem 0 1rem 1rem;
}

.privacyList li {
  font-size: var(--font-14);
  line-height: 1.8;
  padding-left: 1em;
  position: relative;
}

.privacyList li::before {
  content: "●";
  position: absolute;
  left: 0;
  color: var(--base);
  font-size: .6em;
  top: .4em;
}


/* -----------------------------------------------
  .privacyContact
  - お問い合わせ先ボックス
----------------------------------------------- */

.privacyContact p {
  font-size: var(--font-base);
  line-height: 2;
  margin-bottom: 0 !important;
}


/* =======================================
  SP対応
======================================= */
@media screen and (max-width: 768px) {

  .privacyContent {
    padding-top: 20px;
    padding-bottom: 60px;
  }

  .privacySection {
    margin-bottom: 2.5rem;
  }

  .privacyH2 {
    font-size: var(--font-20);
  }

  .privacyContact {
    padding: 1.5rem;
  }
}