@charset "UTF-8";
.p-terms {
  padding: 0 0 7.8125vw;
}
@media screen and (max-width: 767px) {
  .p-terms {
    padding: 0 0 13.3333333333vw;
  }
}
.p-terms__inner {
  margin: 0 auto;
  width: 55.3645833333vw;
}
@media screen and (max-width: 767px) {
  .p-terms__inner {
    padding: 0 5.3333333333vw;
    width: 100%;
  }
}
.p-terms__title {
  margin-bottom: 3.3854166667vw;
  color: #010b27;
  text-align: center;
  letter-spacing: 0.2em;
  font-weight: 600;
  font-size: 1.5625vw;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-terms__title {
    margin-bottom: 10.6666666667vw;
    font-size: 4.8vw;
  }
}
.p-terms__desc {
  margin-bottom: 6.5104166667vw;
  color: #010b27;
  letter-spacing: 0.1em;
  font-size: 1.0416666667vw;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-terms__desc {
    margin-bottom: 10.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
.p-terms__list {
  margin-bottom: 7.03125vw;
  counter-reset: terms;
}
@media screen and (max-width: 767px) {
  .p-terms__list {
    margin-bottom: 10.6666666667vw;
  }
}
.p-terms__item {
  margin-bottom: 3.6458333333vw;
  counter-increment: terms;
}
@media screen and (max-width: 767px) {
  .p-terms__item {
    margin-bottom: 8vw;
  }
}
.p-terms__item:last-child {
  margin-bottom: 0;
}
.p-terms__item-title {
  display: flex;
  margin-bottom: 1.0416666667vw;
  color: #738be7;
  letter-spacing: 0.2em;
  font-weight: 600;
  font-size: 1.1458333333vw;
  font-family: "Noto Serif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
  line-height: 1.4090909091;
}
@media screen and (max-width: 767px) {
  .p-terms__item-title {
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.p-terms__item-title:before {
  content: counter(terms) ".";
}
.p-terms__item-title--no-num:before {
  content: "";
}
.p-terms__item-text {
  color: #010b27;
  letter-spacing: 0.1em;
  font-size: 0.9375vw;
  line-height: 1.7777777778;
}
@media screen and (max-width: 767px) {
  .p-terms__item-text {
    font-size: 3.7333333333vw;
  }
}
.p-terms__contact {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 2.34375vw 0 1.8229166667vw;
  width: 37.8645833333vw;
  border: 1px solid #738be7;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-terms__contact {
    padding: 6.6666666667vw 0 5.3333333333vw;
    width: 100%;
  }
}
.p-terms__contact-title {
  margin-bottom: 0.5208333333vw;
  color: #010b27;
  letter-spacing: 0.1em;
  font-size: 1.6145833333vw;
}
@media screen and (max-width: 767px) {
  .p-terms__contact-title {
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.p-terms__contact-body {
  color: #010b27;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 0.9375vw;
  line-height: 1.4444444444;
}
@media screen and (max-width: 767px) {
  .p-terms__contact-body {
    font-size: 3.7333333333vw;
  }
}
.p-terms__contact-body.tel {
  margin-top: 0.5208333333vw;
  letter-spacing: 0.16em;
  font-size: 1.5625vw;
}
@media screen and (max-width: 767px) {
  .p-terms__contact-body.tel {
    margin-top: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.p-terms__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.1666666667vw;
  padding: 0 0 0 4.1666666667vw;
  width: 25vw;
  height: 3.125vw;
  border: 1px solid #010b27;
  background: #fff;
  color: #010b27;
  text-decoration: none;
  letter-spacing: 0.2em;
  font-weight: 500;
  font-size: 0.78125vw;
}
@media screen and (max-width: 767px) {
  .p-terms__btn {
    width: 100%;
    height: 13.3333333333vw;
    font-size: 3.2vw;
  }
}
.p-terms__btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.p-terms__btn .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 50%;
  background: #607add;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media screen and (max-width: 767px) {
  .p-terms__btn .ico {
    width: 6.4vw;
    height: 6.4vw;
  }
}
.p-terms__btn .ico::before {
  display: block;
  width: 0.6770833333vw;
  height: 0.5208333333vw;
  background: #fff;
  content: "";
  mask: url(../img/common/ico-arrow.svg) no-repeat center/contain;
  -webkit-mask: url(../img/common/ico-arrow.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  .p-terms__btn .ico::before {
    width: 1.6vw;
    height: 2.6666666667vw;
  }
}/*# sourceMappingURL=p-terms.css.map */