@charset "UTF-8";
/**********************************************************
フォーマット選択エリア
*********************************************************/
.fs34-vr {
  font-size: calc(16px + 18 * (100vw - 375px) / 393);
}

/**********************************************************
フォント
*********************************************************/
.f42 {
  font-size: 42px;
}

.f40 {
  font-size: 40px;
}

.f36 {
  font-size: 36px;
}

.f32 {
  font-size: 32px;
}

.f30 {
  font-size: 30px;
}

.f28 {
  font-size: 28px;
}

.f26 {
  font-size: 26px;
}

.f24 {
  font-size: 24px;
}

.f22 {
  font-size: 22px;
}

.f20 {
  font-size: 20px;
}

.f18 {
  font-size: 18px;
}

.f14 {
  font-size: 14px;
}

.f12 {
  font-size: 12px;
}

.f-init {
  font-weight: initial;
}

@media screen and (max-width: 768px) {
  .f42-md {
    font-size: 36px !important;
  }
  .f36-md {
    font-size: 32px !important;
  }
  .f34-md {
    font-size: 34px !important;
  }
  .f32-md {
    font-size: 32px !important;
  }
  .f30-md {
    font-size: 30px !important;
  }
  .f28-md {
    font-size: 28px !important;
  }
  .f26-md {
    font-size: 22px !important;
  }
  .f24-md {
    font-size: 20px !important;
  }
  .f22-md {
    font-size: 18px !important;
  }
  .f20-md {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 578px) {
  .f42-md {
    font-size: 31.609375px !important;
  }
  .f36-md {
    font-size: 27.09375px !important;
  }
  .f34-md {
    font-size: 25.5885416667px !important;
  }
  .f32-md {
    font-size: 24.0833333333px !important;
  }
  .f30-md {
    font-size: 22.578125px !important;
  }
  .f28-md {
    font-size: 21.0729166667px !important;
  }
  .f26-md {
    font-size: 16.5572916667px !important;
  }
  .f24-md {
    font-size: 15.0520833333px !important;
  }
  .f20-md {
    font-size: 12.0416666667px !important;
  }
}
.feature-header {
  margin: 20px 0 52px;
}
.feature-header img {
  width: 90%;
  margin: 0 0 0 auto;
  display: block;
}
.feature-header .sentense {
  font-weight: bold;
  margin-top: 20px;
  font-size: 14px;
}
.feature-header .sentense span {
  font-weight: bold;
  font-size: 16px;
  color: rgb(246, 70, 35);
}

.feature-main {
  margin-bottom: 167px;
}
.feature-main .to-register-btn-wrap > p {
  font-size: 16px;
  margin-bottom: 0.5rem;
}
.feature-main .to-register-btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
}
.feature-main .to-register-btns > img {
  position: absolute;
  width: 14%;
  right: 10%;
  top: -40%;
}
.feature-main .to-register-btns .to-register-btn {
  white-space: initial;
  font-size: 1.25rem;
  padding: 36px 0 30px;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  border: 2px solid rgb(246, 70, 35);
  background: rgb(246, 70, 35);
  color: white;
  font-size: 18px;
}
.feature-main .to-register-btns .to-register-btn span {
  font-size: 27px;
  vertical-align: bottom;
}
.feature-main .feature-items {
  margin-top: 50px;
  /*
  @include media(min-md){
  	gap: 26px;
  }
  	*/
}
.feature-main .feature-items .feature-item {
  margin-bottom: 70px;
}
.feature-main .feature-items .feature-item .point {
  width: 55%;
  margin: 0 auto;
  display: block;
  margin-bottom: 8px;
}
.feature-main .feature-items .feature-item .ttl {
  font-size: 20px;
  margin-bottom: 21px;
  text-decoration: underline;
  text-decoration-thickness: 7px;
  text-underline-offset: -3px;
  text-decoration-skip-ink: none;
  text-decoration-color: rgb(255, 193, 6);
}
.feature-main .feature-items .feature-item .main-img {
  margin-bottom: 21px;
}
.feature-main .feature-items .feature-item .body {
  font-size: 14px;
}
.feature-main .feature-items img {
  max-height: 742px;
}
.feature-main .feature-items .img-text {
  margin-top: 16px;
}/*# sourceMappingURL=features.css.map */