@charset "utf-8";

.privacy-policy {
  background-color: var(--color-gray);
}

.privacy-policy-wrapper {
  padding-block-end: clamp(4rem, 2.592rem + 6.01vw, 8rem);
}

.section-heading-wrapper {
  padding-block: clamp(5.5rem, 4.197rem + 5.56vw, 9.2rem) clamp(2.31rem, 1.187rem + 4.79vw, 5.5rem);
  position: relative;
}

#heading-background-logo {
  width: clamp(15.625rem, 7.042rem + 36.62vw, 40rem);
  height: auto;
  flex-shrink: 0;
  position: absolute;
  z-index: 1;
  inset-block-start: 50%;
  inset-inline-start: 75%;
  transform: translate(-50%, -50%);
  transition: opacity 2s cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
}

#heading-background-logo.visible {
  opacity: 1;
}

.section-heading {
  position: relative;
  z-index: 2;
}

.section-heading .ja {
  margin-inline-start: 0.2rem;
}

.privacy-policy-contents-wrapper {
  padding: clamp(1.59rem, 0.523rem + 4.55vw, 4.62rem) clamp(1rem, 0.296rem + 3vw, 3rem);
  background-color: var(--color-white);
  border-radius: var(--border-radius-base);

  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 0.8s var(--ease-base) forwards;
  animation-delay: 0.3s;
  line-height: 2;
  font-size: var(--font-size-text);
  letter-spacing: var(--spacing-text-ja);
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.contents-link {
  color: var(--color-blue);
  text-decoration: underline;
  display: block;
}

.contents-text {
  color: var(--color-black);
  margin-block-start: 1rem;
  font-weight: var(--font-weight-regular-ja);
}
.contents-text a {
  color: var(--color-blue);
  text-decoration: underline;
}

.privacy-policy-contents-wrapper ul li {
  list-style: disc;
  list-style-position: outside;
  margin-left: 1em;
}

.contents-heading {
  margin-block-start: 2rem;
  font-weight: var(--font-weight-bold-ja);
  color: var(--color-black);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 64rem) {
  .contents-link {
    color: var(--color-blue);
    text-decoration: underline;
    display: inline-block;
  }
  .privacy-policy-contents-wrapper a:nth-of-type(2) .contents-link {
    margin-inline-start: 0.5rem;
  }
}

/* cta */

.cta {
  background-color: var(--color-blue);
}