body {
  background-color: #fff;
}

.terms {
  padding: 8.33vw 0 6.25vw;
}

.terms .wrapper {
  width: 71.7%;
}

.terms .title {
  font-size: 1.56vw;
  font-weight: 700;
  line-height: 1;
  color: #333;
  text-align: center;
}

.terms-body {
  margin-top: 1.6vw;
  font-size: .94vw;
  line-height: 2;
  color: #666;
  text-align: justify;
}

.terms-body h2 {
  margin-top: 1.08vw;
  font-size: 1.04vw;
  font-weight: 700;
  line-height: 1.5;
  color: #333;
}

.terms-body p {
  margin-top: .78vw;
}

@media screen and (max-width: 1020px) {
  .terms {
    padding: 25vw 0 var(--m-section-py);
  }

  .terms .wrapper {
    width: 85%;
  }

  .terms .title {
    font-size: var(--m-font-h2);
  }

  .terms-body {
    margin-top: var(--m-space-md);
    font-size: var(--m-font-body);
    line-height: 1.75;
  }

  .terms-body h2 {
    margin-top: var(--m-space-md);
    font-size: var(--m-font-h3);
  }

  .terms-body p {
    margin-top: var(--m-space-xs);
  }
}