@charset "utf-8";

/* ==========================================================================
   privacypolicy.css
   プライバシーポリシーページ専用スタイル
   ------------------------------------------------------------------------
   ※1rem = 10px（reset.css の html { font-size: 62.5%; } 前提）
   ※タイトルセクション・パンくずの共通スタイルは common.css にあります。
     ここではタイトルセクションの背景画像だけ指定します。
   ※余白・文字サイズはデザインJPG（1:1スケール）の実測値です。
   ========================================================================== */

/* ==========================================================================
   1. タイトルセクション
   ========================================================================== */
.c-pagetitle--privacypolicy {
  background-image: url("/assets/img/privacypolicy/img_title_bgimg_privacypolicy.jpg");
}

/* ==========================================================================
   2. 個人情報保護方針
   ========================================================================== */
.p-privacy {
  margin-bottom: 14.4rem;
}

.p-privacy__title {
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--color-border-blue);
  color: var(--color-main);
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.6;
}

.p-privacy__lead {
  margin-top: 2rem;
}

.p-privacy__list {
  counter-reset: policy;
  margin-top: 2.4rem;
}

/* 条文の番号 */
.p-privacy__item {
  position: relative;
  padding-left: 4.4rem;
  counter-increment: policy;
}

.p-privacy__item::before {
  content: counter(policy) ".";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--color-main);
  font-weight: 700;
}

.p-privacy__item + .p-privacy__item {
  margin-top: 1.6rem;
}

/* 入れ子の「（1）」から始まる項目 */
.p-privacy__sublist {
  counter-reset: sub;
  margin-top: 1.6rem;
}

.p-privacy__subitem {
  position: relative;
  padding-left: 7.3rem;
  counter-increment: sub;
}

.p-privacy__subitem::before {
  content: "（" counter(sub) "）";
  position: absolute;
  top: 0;
  left: 0.6rem;
  color: var(--color-main);
  font-weight: 700;
}

.p-privacy__subitem + .p-privacy__subitem {
  margin-top: 1.6rem;
}

/* 署名は本文と罫線で区切って右寄せ */
.p-privacy__sign {
  margin-top: 2.4rem;
  padding-top: 3.2rem;
  border-top: 1px solid var(--color-border-blue);
  text-align: right;
}

/* ------------------------------ タブレット・SP ------------------------------ */
@media screen and (max-width: 1023px) {
  .p-privacy {
    margin-bottom: 8rem;
  }

  .p-privacy__title {
    font-size: 2rem;
  }

  .p-privacy__lead {
    margin-top: 1.6rem;
  }

  .p-privacy__item {
    padding-left: 3.8rem;
  }

  .p-privacy__subitem {
    padding-left: 6.5rem;
  }

  .p-privacy__subitem::before {
    left: 0.4rem;
  }
}