@charset "UTF-8";
.fvbox {
  position: relative;
  margin: auto;
  overflow: hidden;
  background-image: url(../image/site/lp_fv_off.png);
  /* 背景の画像を指定 */
  background-size: cover;
}

.fvbox--bgImg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-animation: bgAnime 6s forwards;
          animation: bgAnime 6s forwards;
  background-size: cover;
  background-image: url(../image/site/lp_fv_on.png);
  /* 背景の画像を指定 */
}

.fvbox--catchBox {
  position: relative;
}

@-webkit-keyframes bgAnime {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes bgAnime {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.IntroBox {
  background-image: url(../image/site/lp_intro_bg.png);
  /* 背景の画像を指定 */
  background-size: 100%;
  background-repeat: no-repeat;
}

.IntroBox--titleCaptcha {
  margin-bottom: 4rem;
}

.IntroBox--titleCaptcha dd {
  text-align: center;
  margin-bottom: 1rem;
}

.IntroBox--loopSlider .slick-slide {
  margin: 0 .5rem;
}

.IntroBox .backgroundGradation {
  display: none;
}

@media screen and (min-width: 767px) {
  .IntroBox .backgroundGradation {
    display: block;
  }
}

.backgroundGradation {
  position: relative;
  top: 5px;
}

.FeatureBox--wrapper {
  position: relative;
  margin-top: -7rem;
}

.FeatureBox--wrapper dl {
  margin-bottom: 3rem;
}

.FeatureBox--wrapper dl dd {
  margin-bottom: 5rem;
}

.FeatureBox--wrapper dl .FeatureBox--wrapper__text {
  width: 88%;
  margin: 1rem auto 3rem auto;
  line-height: 2;
}

.FeatureBox--wrapper dl .slick-slide img {
  width: 100%;
}

.FeatureBox--loopSlider__image .slick-slide {
  margin: 0 .5rem;
}

.HowtoBox--wrapper {
  background-image: url(../image/site/lp_howto_bk.png);
  /* 背景の画像を指定 */
  background-size: cover;
}

.bottomBox {
  background-image: url(../image/site/lp_bottomback.png);
  /* 背景の画像を指定 */
  background-size: contain;
  background-repeat: no-repeat;
  padding: 5rem 0;
}
/*# sourceMappingURL=index.css.map */