.privacy,
.user-agreement {
  padding: 4rem 0 6rem 0;

  h2,
  h3 {
    margin: 4rem 0 1rem 0;

    a {
      font-weight: 600;
    }
  }

  h2 {
    font-size: 2rem;
    font-weight: 700;
    margin: 1.25rem 0 1.25rem -.15rem;
  }

  h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 2.75rem 0 1rem 1.5rem;
    scroll-margin-top: 2rem;

    & + p,
    & + p + p {
      padding: 0 3.25rem 0 1.5rem;
      margin: 1rem 0;
    }
  }

  p {
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.65rem;
    margin: 1rem 1rem 1rem 0;

    a {
      color: var(--s-color);

      &:hover {
        text-decoration: underline;
      }
    }

    span {
      color: var(--ft-color);
      font-size: .9rem;
    }
  }

  ul {
    margin: 2rem 0;

    li {
      font-size: 1.15rem;
      font-weight: 300;
      line-height: 1.5rem;
      margin: 1rem 0;
    }
  }
}

@media only screen and (--viewport-4) {
  .privacy,
  .user-agreement {
    padding: 4rem 2.25rem 6rem 2.25rem;

    h3 {
      margin: 2.75rem 0 1rem 0;
  
      & + p,
      & + p + p {
        padding: 0 0 0 0;
      }
    }

    p {
      margin: 1rem 0;
    }
  }
}