/**
 * 店舗一覧ページ専用スタイル
 * page-privacy.php で使用
 */
:root {
  --accent: #625c8a;
}
html {
  font-size: 0.520833333vw;
}
body {
  background-color: #f7eaee;
}
.privacy-container {
  width: 82%;
  margin: 0 auto;
  color: #333333;
  font-size: 2.4rem;
  font-weight: normal;
}
/* =============================================================================
  page-title-section
============================================================================= */
.page-title-section {
  padding-top: 13.020833333333334vw;
  letter-spacing: 0.2rem;
}
.page-title {
  font-size: 5.9rem;
  color: var(--accent);
  text-align: center;
}
/* =============================================================================
  privacy-section
============================================================================== */
.privacy-section {
  position: relative;
  margin-top: 17.6rem;
  margin-bottom: 17.8rem;
  background-color: #fff;
  border-radius: 3.8rem;
  letter-spacing: 0.2rem;
  box-shadow: 0 0.3rem 0.6rem #00000029;
}
.privacy-section__inner {
  padding: 20rem 15.2rem;
}
.privacy-main {
  margin-top: 4.8rem;
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
.privacy-main__title {
  font-size: 2.9rem;
  font-weight: normal;
}
.privacy-main__desc {
  padding-left: 2.9rem;
  margin-top: 1.6rem;
}
.privacy-sublist {
  padding-left: 5.3rem;
  margin-top: 1.6rem;
}
.privacy-sublist__item {
  margin-top: 0.8rem;
}
.privacy-sublist__item__indent {
  display: inline-block;
  padding-left: 2.4rem;
}
.privacy-dl {
  padding-left: 2.9rem;
  margin-top: 3.2rem;
}

@media screen and (max-width: 768px) {
  .page-title-section {
    margin-top: 60px;
  }
  .page-title {
    font-size: 22px;
  }
  .privacy-container {
    font-size: 12px;
  }
  .privacy-main__title {
    font-size: 14px;
  }
}