/*reset*/
html, body {
  height: 100%;
  margin: 0;
}

picture {
  display: block;
}

p {
  margin: 0;
}

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

/*Base*/
.llw {
  max-width: 750px;
  width: 100%;
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
}
.llw 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;
}
.llw input::-webkit-search-decoration {
  display: none;
}
.llw input:focus {
  outline-offset: -2px;
}
.llw input[type=image] {
  -webkit-appearance: none;
}
.llw img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

.video01__item--01 {
  width: 86.6%;
  top: 2.7%;
  left: 0;
  right: 0;
  margin: auto;
}
.video02__item--01 {
  width: 89.1%;
  top: 3.1%;
  left: 0;
  right: 0;
  margin: auto;
}
.video03__item--01 {
  width: 42%;
  top: 38%;
  left: 5.7%;
}
.video03__item--02 {
  width: 42%;
  top: 38%;
  right: 6.7%;
}
.video04__item--01 {
  width: 85.1%;
  top: 10.6%;
  left: 0;
  right: 0;
  margin: auto;
}
.video05__item--01 {
  width: 89.4%;
  top: 36.4%;
  left: 0;
  right: 0;
  margin: auto;
}

.lp01_a_01_btn_01 {
  width: 62.7%;
  top: 13.8%;
  right: 2.4%;
}
.lp01_a_02_elm_01 {
  width: 74.5%;
  top: 1.7%;
  left: 0;
}
.lp01_b_01_btn_01 {
  width: 62.7%;
  top: 15.2%;
  right: 2.4%;
}
.lp01_b_02_elm_01 {
  top: 33.6%;
  left: 15.5%;
  width: 59%;
}
.lp01_b_02_elm_02 {
  top: 40.2%;
  left: 7.2%;
  width: 23.9%;
}
.lp01_b_02_elm_03 {
  top: 74.9%;
  left: 3%;
  width: 63%;
}
.lp02_04_elm_02 {
  top: 40.4%;
  left: 16.2%;
  width: 67.6%;
  z-index: 10;
}
.lp02_08_elm {
  opacity: 0;
  transition: 1s all;
}
.js-observe .lp02_08_elm {
  opacity: 1;
}
.lp02_08_elm_01 {
  width: 39.4%;
  top: 0.8%;
  left: 31.7%;
}
.lp02_08_elm_02 {
  width: 36.7%;
  top: 16.8%;
  right: 0;
  transition-delay: 0.3s;
}
.lp02_08_elm_03 {
  width: 36.8%;
  top: 46.1%;
  right: 0;
  transition-delay: 0.6s;
}
.lp02_08_elm_04 {
  width: 39.4%;
  top: 64.2%;
  left: 31.7%;
  transition-delay: 0.9s;
}
.lp02_08_elm_05 {
  width: 39.8%;
  top: 46%;
  left: 0;
  transition-delay: 1.2s;
}
.lp02_08_elm_06 {
  width: 40.1%;
  top: 16.7%;
  left: 0;
  transition-delay: 1.5s;
}
.lp02_08_elm_07 {
  top: 15.4%;
  left: 25.2%;
  width: 50.1%;
  z-index: 10;
}
.lp02_08_elm_08 {
  top: -5.3%;
  right: 0;
  width: 34.2%;
  z-index: 10;
}
.lp03_04_elm_01 {
  top: 7.1%;
  left: 14.5%;
  width: 34.2%;
  animation: scale01 1s infinite alternate ease-in-out;
}
.lp03_13_elm_01 {
  top: 0;
  z-index: 10;
}
.lp04_03_elm_01 {
  top: 3.8%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 79.6%;
}
.lp04_03_elm_02 {
  top: 23%;
  right: 4.6%;
  width: 53.9%;
  animation: scale01 1s infinite alternate ease-in-out;
}
.lp04_06_elm_01 {
  top: 6.4%;
  left: 0;
  width: 53.3%;
  z-index: 10;
}
.lp04_06_elm_02 {
  top: -11.6%;
  right: 0;
  width: 28.7%;
  z-index: 10;
}
.lp04_06_elm_03 {
  top: 6.4%;
  right: 0;
  width: 56.8%;
}
.lp04_09 {
  margin-bottom: 5.9%;
}
.lp05_03_btn_01 {
  width: 80.5%;
  top: 26.6%;
  left: 10.2%;
}
.lp05_05 {
  margin-top: -4.3%;
}
.lp05_05_elm_01 {
  top: 46.4%;
  left: 14.1%;
  width: 56.8%;
  z-index: 10;
}
.lp05_05_elm_02 {
  top: 52.6%;
  left: 1.4%;
  width: 34.4%;
  animation: scale01 1s infinite alternate ease-in-out;
}
.lp05_05_elm_03 {
  top: 53.2%;
  right: 1.4%;
  width: 34.3%;
  animation: scale01 1s infinite alternate ease-in-out;
}
.lp05_12_elm_01 {
  width: 57.3%;
  top: 40.7%;
  right: 0.2%;
}
.lp06_06_elm_01 {
  width: 61.2%;
  top: 29.5%;
  right: 5.3%;
  animation: scale01 1s infinite alternate ease-in-out;
}
.lp06_08_elm_01 {
  width: 92.9%;
  top: 30.4%;
  left: 3.1%;
}
.lp07_01_container {
  opacity: 0;
  overflow: hidden;
  transition: 0.5s all;
  border-radius: 5px;
}
@media screen and (max-width: 750px) {
  .lp07_01_container {
    border-radius: 0.6666666667vw;
  }
}
.js-observe .lp07_01_container {
  opacity: 1;
}
.lp07_01_container_02 {
  top: 19.2%;
  left: 6.7%;
  width: 22.3%;
}
.lp07_01_container_03 {
  top: 16.6%;
  right: 4.3%;
  width: 24%;
  transition-delay: 0.3s;
}
.lp07_01_container_04 {
  top: 27.1%;
  right: 0;
  width: 11.6%;
  transition-delay: 0.9s;
  border-radius: 5px 0 0 5px;
}
@media screen and (max-width: 750px) {
  .lp07_01_container_04 {
    border-radius: 0.6666666667vw 0 0 0.6666666667vw;
  }
}
.lp07_01_container_05 {
  top: 43%;
  left: 0;
  width: 10.5%;
  z-index: 10;
  transition-delay: 1.2s;
  border-radius: 0 5px 5px 0;
}
@media screen and (max-width: 750px) {
  .lp07_01_container_05 {
    border-radius: 0 0.6666666667vw 0.6666666667vw 0;
  }
}
.lp07_01_container_06 {
  top: 48.1%;
  right: 1.8%;
  width: 19.4%;
  transition-delay: 1.5s;
}
.lp07_01_container_07 {
  top: 51.9%;
  left: 2.5%;
  width: 24.6%;
  transition-delay: 0.6s;
}
.lp07_01_container_08 {
  top: 63.8%;
  right: 11.3%;
  width: 12.5%;
  transition-delay: 1.8s;
}
.lp07_01_container_02, .lp07_01_container_03, .lp07_01_container_04, .lp07_01_container_05, .lp07_01_container_06, .lp07_01_container_07, .lp07_01_container_08 {
  box-shadow: 0px 2px 10px 0px #8c6239;
}
@media screen and (max-width: 750px) {
  .lp07_01_container_02, .lp07_01_container_03, .lp07_01_container_04, .lp07_01_container_05, .lp07_01_container_06, .lp07_01_container_07, .lp07_01_container_08 {
    box-shadow: 0px 0.2666666667vw 1.3333333333vw 0px #8c6239;
  }
}
.js-observe .lp07_01_elm {
  animation-name: scale02;
  animation-duration: 0.8s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}
.lp07_01_elm_01 {
  top: 20.7%;
  left: 13%;
  width: 74%;
  z-index: 10;
}
.lp07_01_elm_03 {
  animation-delay: 0.3s;
}
.lp07_01_elm_04 {
  animation-delay: 0.9s;
}
.lp07_01_elm_05 {
  animation-delay: 1.2s;
}
.lp07_01_elm_06 {
  animation-delay: 1.5s;
}
.lp07_01_elm_07 {
  animation-delay: 0.6s;
}
.lp07_01_elm_08 {
  animation-delay: 1.8s;
}
.lp07_06_btn_01 {
  width: 8.7%;
  bottom: 15.2%;
  right: 27.9%;
}

@keyframes scale01 {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale02 {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.graph__item {
  width: 75%;
  top: 7.7%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.graph__circle {
  fill: transparent;
  stroke-width: 32;
  stroke-dashoffset: 25;
  stroke-dasharray: 0;
  stroke: #FFF;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.8s;
  opacity: 0;
}
.js-observe .graph__circle--01 {
  animation-name: graphImgAnm01;
}
@keyframes graphImgAnm01 {
  0% {
    opacity: 1;
    stroke-dasharray: 0, 100;
  }
  100% {
    opacity: 1;
    stroke-dasharray: 100, 0;
  }
}

.scrlAnm__fadein {
  opacity: 0;
  transition: 0.7s all;
}
.scrlAnm__fadein.js-observe {
  opacity: 1;
  transform: translateY(0);
}
.scrlAnm__fadein--top {
  transform: translateY(-30px);
}
@media screen and (max-width: 750px) {
  .scrlAnm__fadein--top {
    transform: translateY(-4vw);
  }
}
.scrlAnm__fadein--bottom {
  transform: translateY(30px);
}
@media screen and (max-width: 750px) {
  .scrlAnm__fadein--bottom {
    transform: translateY(4vw);
  }
}

.cta01_01 {
  margin-top: 2.3%;
}
.cta01__btn--01 {
  width: 95%;
  top: 2.9%;
  left: 4%;
  animation: Shake 2s ease-in-out infinite;
}
.cta02__btn--01 {
  width: 87.2%;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 14.6%;
  animation: Shake 2s ease-in-out infinite;
}
.cta03__btn--01 {
  width: 92%;
  left: 0;
  right: 0;
  margin: 0.9% 0 1.1% 4.1%;
  animation: Shake 2s ease-in-out infinite;
}

@keyframes Shake {
  0% {
    transform: scale(0.9, 0.9);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(0.9, 0.9);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.9, 0.9);
  }
}
.reflection {
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0%;
  right: 0;
  margin: 0 auto;
  pointer-events: none;
}
.reflection01 {
  top: 2.8%;
  height: 484px;
}
@media screen and (max-width: 750px) {
  .reflection01 {
    height: 64.5333333333vw;
  }
}
.reflection02 {
  width: 85%;
  top: 17%;
  height: 178px;
}
@media screen and (max-width: 750px) {
  .reflection02 {
    height: 23.7333333333vw;
  }
}
.reflection03 {
  width: 90%;
  top: 8%;
  height: 224px;
}
@media screen and (max-width: 750px) {
  .reflection03 {
    height: 29.8666666667vw;
  }
}

.reflection01::before, .reflection02::before, .reflection03::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -180px;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: reflection 2.5s ease-in-out infinite;
}

@keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.4;
  }
  71% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.floatingContainer {
  position: fixed;
  max-width: 750px;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  transition: 0.3s all;
  z-index: 100;
  pointer-events: none;
}
.floatingContainer.js-floating {
  opacity: 1;
  pointer-events: auto;
}
.floating__item--01 {
  display: block;
  width: 90%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.overlayArea {
  position: relative;
}
.overlayItem {
  position: absolute;
}

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