@charset "UTF-8";
:root {
  --viewport-base-pc: 1420;
  --viewport-base-sp: 375;
  --vpx-ratio: 1;
}

@media screen and (min-width: 769px) and (max-width: 1420px) {
  :root {
    --vpx-ratio: var(--viewport-ratio-pc, calc(100vw / 1420px));
  }
}
@media screen and (max-width: 768px) {
  :root {
    --vpx-ratio: min(var(--viewport-ratio-sp, calc(100vw / 375px)), 1.4814814815);
  }
}
.privacy {
  width: 100%;
  background: #fff;
  counter-reset: privacy-heading;
}
.privacy__ttl {
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 8px;
  margin-bottom: 30px;
  margin-inline: auto;
  border-bottom: 1px solid #202121;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-align: center;
}
.privacy__lead {
  margin-bottom: 60px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
  text-align: center;
}
.privacy__block {
  padding-block: 20px 40px;
  border-bottom: 1px dashed #202121;
  counter-increment: privacy-heading;
}
.privacy__block:first-of-type {
  border-top: 1px dashed #202121;
}
.privacy__heading {
  position: relative;
  padding-left: 3.5em;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.privacy__heading::before {
  content: "■ " counter(privacy-heading, fullwidth-decimal) ".";
  position: absolute;
  top: 0;
  left: 0;
}
.privacy__txt {
  padding-left: 3.5em;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.privacy__list {
  padding-left: 3.5em;
  margin-top: 20px;
  counter-reset: privacy-list;
  font-size: 16px;
}
.privacy__item {
  position: relative;
  padding-left: 2.5em;
  counter-increment: privacy-list;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
}
.privacy__item::before {
  content: counter(privacy-list, fullwidth-decimal) "）";
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .privacy__ttl {
    padding-bottom: 5px;
    margin-bottom: 25px;
    font-size: 20px;
  }
  .privacy__lead {
    margin-bottom: 36px;
    font-size: 14px;
    text-align: start;
  }
  .privacy__block {
    padding-block: 15px 30px;
  }
  .privacy__heading {
    font-size: 14px;
  }
  .privacy__txt {
    margin-top: 10px;
    font-size: 14px;
  }
  .privacy__list {
    margin-top: 10px;
    font-size: 14px;
  }
  .privacy__item {
    font-size: 14px;
  }
}
@counter-style fullwidth-decimal {
  system: numeric;
  symbols: "０" "１" "２" "３" "４" "５" "６" "７" "８" "９";
}
/*# sourceMappingURL=privacy-policy.css.map */
