.p-privacy-read + .p-privacy-list {
  margin-top: var(--size-40);
}

.p-privacy-list {
  counter-set: privacy;
}

.p-privacy-list .p-privacy-block + .p-privacy-block {
  margin-top: var(--size-40);
}

.p-privacy-block {
  font-size: var(--size-18);
  line-height: var(--size-32);
  counter-increment: privacy;
}

.p-privacy-block:nth-child(-n + 9) .p-privacy-block__title::before {
  content: "0" counter(privacy) ".";
}

.p-privacy-block__title {
  margin-bottom: var(--size-16);
  font-size: var(--size-24);
  font-weight: 700;
  line-height: var(--size-36);
}

.p-privacy-block__title::before {
  content: counter(privacy) ".";
  display: inline-block;
  margin-right: var(--size-8);
  color: var(--txt-primary);
  font-family: var(--ft-en), sans-serif;
}

.p-privacy-contact {
  display: flex;
  align-items: center;
  width: var(--col-8);
  margin-top: var(--size-40);
  margin-inline: auto;
  padding: var(--size-32) var(--size-40);
  border: 1px solid var(--bd-primary);
  background-color: var(--bg-base);
  font-size: var(--size-18);
  line-height: var(--size-32);
  gap: var(--size-40);
}

.p-privacy-contact__title {
  margin-bottom: var(--size-8);
  font-size: var(--size-20);
  line-height: var(--size-32);
}

.p-privacy-contact__tel {
  display: flex;
  gap: 1em;
}

.p-privacy-contact__tel > * {
  display: flex;
  gap: 0.25em;
}

.p-privacy-contact .c-btn {
  flex: 1 1 auto;
}

.p-privacy-date {
  margin-top: var(--size-40);
  font-size: var(--size-18);
  line-height: var(--size-32);
}

@media screen and (max-width: 768px) {
  .p-privacy-contact,
  .p-privacy-list .p-privacy-block + .p-privacy-block,
  .p-privacy-read + .p-privacy-list {
    margin-top: var(--size-24);
  }

  .p-privacy-contact {
    display: block;
    width: 100%;
    padding: var(--size-20);
    font-size: var(--size-14);
    line-height: var(--size-24);
  }

  .p-privacy-contact .c-btn {
    width: 100%;
    margin-top: var(--size-12);
  }

  .p-privacy-contact__title {
    margin-bottom: var(--size-4);
  }

  .p-privacy-contact__title,
  .p-privacy-date {
    font-size: var(--size-16);
    line-height: var(--size-28);
  }

  .p-privacy-date {
    margin-top: var(--size-24);
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .p-privacy-contact,
  .p-privacy-list .p-privacy-block + .p-privacy-block,
  .p-privacy-read + .p-privacy-list {
    margin-top: var(--size-32);
  }

  .p-privacy-contact {
    width: var(--col-6);
    padding: var(--size-24) var(--size-32);
    font-size: var(--size-16);
    line-height: var(--size-28);
    gap: var(--gap);
  }

  .p-privacy-contact__info {
    flex: 0 1 50%;
  }

  .p-privacy-contact__title {
    margin-bottom: var(--size-4);
    font-size: var(--size-18);
    line-height: var(--size-32);
  }

  .p-privacy-date {
    margin-top: var(--size-32);
    font-size: var(--size-16);
    line-height: var(--size-28);
  }
}

@media screen and (max-width: 1024px) {
  .p-privacy-block {
    font-size: var(--size-16);
    line-height: var(--size-28);
  }

  .p-privacy-block__title {
    margin-bottom: var(--size-12);
    font-size: var(--size-20);
    line-height: var(--size-32);
  }
}
