/* ==========================================================
   PC版レイアウト
========================================================== */
.privacy_margin {
  padding-inline: 5rem;
}

/* メインコンテンツ */
.privacy_title {
  font-size: 2.8rem;
}

/* タイトルの下の文全体 */
.privacy_text_container {
  margin: 0 auto;
}

/* 「第〇条」の文字の太字と下余白 */
.privacy_list {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

/* olタグの部分 */
.case_list {
  list-style-type: decimal;
  padding-left: 4rem;
  margin-top: -1.2rem;
  /* 説明文の下余白（2.4rem）を半分相殺して、隙間を1.2remに */
  margin-bottom: 1.5rem;
  /* 次の条文などとの間隔をあける */
}

/* liタグの余白 */
.case_list li {
  margin-bottom: 0.5rem;
}

/* 説明文の下の余白 */
.privacy_text {
  margin-bottom: 2rem;
}

/* 第10条の会社名などの部分の余白 */
.contact_text {
  margin-bottom: 0.3rem;
  padding-left: 1rem;
}

/* 連絡先エリア全体の後の下余白 */
.contact_text:last-child {
  margin-bottom: 2.4rem;
}

/* ==========================================================
   SP版レイアウト
========================================================== */

@media screen and (max-width: 768px) {

  /* タイトル */
  .privacy_title {
    font-size: 2.2rem;
  }

  /* olタグの部分 */
  .case_list {
    padding-left: 2rem;
  }

  /* 第10条の会社名などの部分の左余白を０に */
  .contact_text {
    padding-left: 0rem;
  }
}