/*reset*/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, article, footer, header, menu, nav, section, video, picture {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  display: block;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/*base*/
html {
  -webkit-overflow-scrolling: touch;
}

/*Base*/
/* CSS Document */
.wrap {
  max-width: 750px;
  width: 100%;
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
}

.wrapInner {
  margin: 0 auto;
}

.wrapInner input {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  border: 1px solid transparent;
  transition: border 0.2s ease-out;
}

.wrapInner input::-webkit-search-decoration {
  display: none;
}

.wrapInner input:focus {
  outline-offset: -2px;
}

.wrapInner input[type="image"] {
	-webkit-appearance: none;
	width: 100%;
}

.wrapInner img {
  display: block;
  vertical-align: bottom;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: auto;
  border: 0;
}

.gif01__item--01, .gif02__item--01, .gif03__item--01 {
  width: 84%;
  top: 3.3%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.howto01__item--01 {
  width: 40%;
  top: 3.5%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cta01__btn--01 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cta02__btn--01 {
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cta03__btn--01 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cta01Container {
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cta02Container {
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cta03Container {
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;

}

.cta04Container {
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;

}

.overlayArea {
  position: relative;
}

.overlayItem {
  position: absolute;
}

.lp02_03__item--01 {
  overflow: hidden;
  padding-bottom: 5%;
}

.fvItem01 {
  width: 750px;
  height: 1310px;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 300;
}

@media screen and (max-width: 750px) {
  .fvItem01 {
    width: 100vw;
    height: 174.66667vw;
  }
}

.js-fvStart .fvItem01 {
  animation: fv01 0.5s cubic-bezier(0.65, 0, 0.35, 1) 2.7s forwards;
}

@keyframes fv01 {
  0% {
    width: 750px;
  }
  100% {
    width: 0;
  }
}

@media screen and (max-width: 750px) {
  .js-fvStart .fvItem01 {
    animation: fv01-sp 0.5s cubic-bezier(0.65, 0, 0.35, 1) 2.7s forwards;
  }
  @keyframes fv01-sp {
    0% {
      width: 100vw;
    }
    100% {
      width: 0;
    }
  }
}

.fvItem01__inner {
  width: 750px;
  top: 0;
  left: 0;
}

@media screen and (max-width: 750px) {
  .fvItem01__inner {
    width: 100vw;
  }
}

.fvItem01__item {
  z-index: 20;
}

.fvItem01__item--02, .fvItem01__item--03, .fvItem01__item--04 {
  overflow: hidden;
}

.fvItem01__item--02 {
  width: 0;
  height: 680px;
  top: 4.1%;
  left: 31.2%;
}

@media screen and (max-width: 750px) {
  .fvItem01__item--02 {
    height: 90.66667vw;
  }
}

.js-fvStart .fvItem01__item--02 {
  animation: fv01_01 0.8s cubic-bezier(0.65, 0, 0.35, 1) 0.5s forwards;
}

@keyframes fv01_01 {
  0% {
    width: 0;
  }
  100% {
    width: 516px;
  }
}

@media screen and (max-width: 750px) {
  .js-fvStart .fvItem01__item--02 {
    animation: fv01_01-sp 0.8s cubic-bezier(0.65, 0, 0.35, 1) 0.5s forwards;
  }
  @keyframes fv01_01-sp {
    0% {
      width: 0;
    }
    100% {
      width: 68.8vw;
    }
  }
}

.fvItem01__item--02 img {
  position: absolute;
  width: 516px;
  height: 680px;
  top: 0;
  left: 0;
}

@media screen and (max-width: 750px) {
  .fvItem01__item--02 img {
    width: 68.8vw;
    height: 90.66667vw;
  }
}

.fvItem01__item--03 {
  width: 370px;
  height: 0;
  top: 45%;
  left: 4.8%;
}

@media screen and (max-width: 750px) {
  .fvItem01__item--03 {
    width: 49.33333vw;
  }
}

.js-fvStart .fvItem01__item--03 {
  animation: fv01_02 0.8s cubic-bezier(0.65, 0, 0.35, 1) 0.5s forwards;
}

@keyframes fv01_02 {
  0% {
    height: 0;
  }
  100% {
    height: 256px;
  }
}

@media screen and (max-width: 750px) {
  .js-fvStart .fvItem01__item--03 {
    animation: fv01_02-sp 0.8s cubic-bezier(0.65, 0, 0.35, 1) 0.5s forwards;
  }
  @keyframes fv01_02-sp {
    0% {
      height: 0;
    }
    100% {
      height: 34.13333vw;
    }
  }
}

.fvItem01__item--04 {
  width: 0;
  height: 340px;
  top: 71.3%;
  right: 16.8%;
}

@media screen and (max-width: 750px) {
  .fvItem01__item--04 {
    height: 45.33333vw;
  }
}

.js-fvStart .fvItem01__item--04 {
  animation: fv01_03 0.8s cubic-bezier(0.65, 0, 0.35, 1) 0.5s forwards;
}

@keyframes fv01_03 {
  0% {
    width: 0;
  }
  100% {
    width: 476px;
  }
}

@media screen and (max-width: 750px) {
  .js-fvStart .fvItem01__item--04 {
    animation: fv01_03-sp 0.8s cubic-bezier(0, 0.54, 1, 0.53) 0.5s forwards;
  }
  @keyframes fv01_03-sp {
    0% {
      width: 0;
    }
    100% {
      width: 63.46667vw;
    }
  }
}

.fvItem01__item--04 img {
  position: absolute;
  width: auto;
  height: 340px;
  top: 0;
  right: 0;
}

@media screen and (max-width: 750px) {
  .fvItem01__item--04 img {
    height: 45.33333vw;
  }
}

.fvItem01__item--05, .fvItem01__item--06 {
  transition: .4s 1.5s;
}

.js-fvStart .fvItem01__item--05, .js-fvStart .fvItem01__item--06 {
  opacity: 1;
}

.fvItem01__item--05 {
  width: 6.4%;
  top: 5.6%;
  left: 22.1%;
  opacity: 0;
}

.fvItem01__item--06 {
  width: 58.7%;
  top: 66.2%;
  left: 20.2%;
  opacity: 0;
}

.fvItem02 {
  position: absolute;
  width: 750px;
  height: 1310px;
  top: 0;
  left: 0;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .fvItem02 {
    width: 100vw;
    height: 174.66667vw;
  }
}

.fvItem02__item--01 {
  position: absolute;
  width: 750px;
  height: 1310px;
  top: 0;
  left: 0;
}

@media screen and (max-width: 750px) {
  .fvItem02__item--01 {
    width: 100vw;
    height: 174.66667vw;
  }
}

.fvItem02__item--02 {
  width: 300px;
  top: 3.5%;
  left: 225px;
  margin: 0 auto;
  opacity: 0;
  transition: .7s 3.6s;
}

@media screen and (max-width: 750px) {
  .fvItem02__item--02 {
    width: 40vw;
    left: 30vw;
  }
}

.js-fvStart .fvItem02__item--02 {
  opacity: 1;
}

.fvItem02::before {
  right: 0;
}

.fvItem03 {
  position: absolute;
  width: 750px;
  height: 1310px;
  top: 0;
  right: 0;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .fvItem03 {
    width: 100vw;
    height: 174.66667vw;
  }
}

.fvItem03__item--01 {
  position: absolute;
  width: 750px;
  height: 1310px;
  top: 0;
  right: 0;
}

@media screen and (max-width: 750px) {
  .fvItem03__item--01 {
    width: 100vw;
    height: 174.66667vw;
  }
}

.fvItem03::before {
  left: 0;
}

.fvItem02::before, .fvItem03::before {
  position: absolute;
  content: "";
  display: block;
  width: 750px;
  height: 1350px;
  top: 0;
  background: #fff;
}

@media screen and (max-width: 750px) {
  .fvItem02::before, .fvItem03::before {
    width: 100vw;
    height: 174.66667vw;
  }
}

/*共通部分footer*/

#footer{
  color: #d9d9d9;
  background: #d9d9d9;
  height: 40px;
  border-top: 3px solid #d9d9d9;
  margin: 0px;
  padding: 0;
}
#footer ul{
list-style-type: none;
font-size: 10px;
}
#footer li{
display:inline;
}

/*# sourceMappingURL=base.css.map */