@charset "UTF-8";

/* ----------main---------- */
html {
  background-color: var(--accentColor-handBrown);
}

.article {
  background-color: var(--accentColor-handBrown);
  padding: 80lvh 0;
  color: var(--accentColor-handRed);
}

.article__topic {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}

.terms__list {
  margin: 0 4vw;
}

.terms__item {
  padding-top: 60px;
  text-align: left;
}

.terms__topic {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  padding: 10px 22px;
  width: fit-content;
  border-bottom: 1px solid var(--accentColor-handRed);
}

.terms__txt {
  margin: 20px 15px 0;
  font-size: 1.2rem;
}

.terms__txt:nth-of-type(2) {
  margin-top: 8px;
}

.terms__txt ol {
  counter-reset: listnum;
}

.terms__txt ol li {
  margin-top: 8px;
}

.terms__txt ol li:first-of-type {
  margin-top: 0;
}

.terms__txt ol li::before {
  counter-increment: listnum;
  content: counter(listnum)".";
  color: var(--accentColor-handRed);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.7;
  margin-right: 6px;
}

.btn__link {
  margin-top: 90px;
}

/* main pc */
@media screen and (min-width:821px) {
  .article__topic {
    font-size: 2.2rem;
  }

  .terms__list {
    margin: 0 min(288px,20vw);
  }

  .terms__item {
    padding-top: 150px;
  }

  .terms__topic {
    font-size: 1.8rem;
    padding: 15px 22px;
  }

  .terms__txt {
    margin: 27px 0 0;
    font-size: 1.6rem;
  }

  .terms__txt:nth-of-type(2) {
    margin-top: 16px;
  }

  .terms__txt ol li {
    margin-top: 16px;
  }

  .terms__txt ol li::before {
    font-size: 1.6rem;
    margin-right: 10px;
  }

  .btn__link {
    margin-top: 120px;
  }
}
/* main pc */
/* ----------main---------- */