@charset "UTF-8";

/* === kv === */
.inner-kv {
  background-image: url(../img/terms/kv.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .inner-kv {
    background-image: url(../img/terms/kv_sp.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
}

/* === main === */
.terms-top-text {
  font-size: 1.0909rem;
  margin-bottom: 50px;
}

.terms-item + .terms-item {
  margin-top: 80px;
}

.terms-title {
  font-size: 1.3636rem;
  font-weight: 700;
  margin-bottom: 24px;
}

.terms-text {
  padding-left: 20px;
}

.terms-list {
  counter-reset: numCounter kanaCounter;
  list-style: none;
  padding: 0;
  margin: 0;
}

.terms-list-item {
  padding-left: 28px;
  position: relative;
}

.terms-list-item + .terms-list-item {
  margin-top: 25px;
}

.terms-list-item::before {
  counter-increment: numCounter;
  content: counter(numCounter) ".";
  position: absolute;
  top: 0;
  left: 0;
}

.terms-inner-block {
  margin-top: 40px;
}

.terms-inner-block-title {
  font-size: 1.2727rem;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .terms-top-text {
    font-size: 1rem;
    margin-bottom: 25px;
  }

  .terms-item + .terms-item {
    margin-top: 25px;
  }

  .terms-title {
    font-size: 1.2857rem;
    margin-bottom: 5px;
  }

  .terms-text {
    padding-left: 10px;
  }

  .terms-list-item {
    padding-left: 17px;
  }

  .terms-list-item + .terms-list-item {
    margin-top: 10px;
  }

  .terms-inner-block {
    margin-top: 20px;
  }

  .terms-inner-block-title {
    font-size: 1.1428rem;
    margin-bottom: 5px;
  }
}