.mod-top-block-01 .text-01 {
  left: 82px;
  top: 60px;
}
.mod-top-block-01 .text-01.is-active {
  top: 90px;
}
.tablet-device .mod-top-block-01 .text-01 {
  left: 164px;
  top: 120px;
}
.tablet-device .mod-top-block-01 .text-01.is-active {
  top: 180px;
}
.tablet-device .mod-top-block-01 .text-01 img {
  width: 454px;
}

.mod-top-block-01 .text-02.is-active {
  top: 410px;
}
.tablet-device .mod-top-block-01 .text-02.is-active {
  top: 760px;
}

#js-block-04 {
  position: relative;
  height: 518px;
  z-index: 10;
  margin-top: 24px;
}
.tablet-device #js-block-04 {
  height: 1036px;
  margin-top: -134px;
}
#js-block-04 div, #js-block-04 h1, #js-block-04 p {
  position: absolute;
  transition: all 0.8s ease-out;
}
#js-block-04 .bg-01 {
  top: -1px;
  left: -215px;
}
.tablet-device #js-block-04 .bg-01 {
  top: -2px;
  left: -430px;
}
.tablet-device #js-block-04 .bg-01 img {
  width: 1500px;
}
#js-block-04 .ttl-main {
  left: -10px;
  top: 28px;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
#js-block-04 .ttl-main.is-active {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.tablet-device #js-block-04 .ttl-main {
  left: -20px;
  top: 56px;
}
.tablet-device #js-block-04 .ttl-main img {
  width: 422px;
}
#js-block-04 .model-01 {
  left: 144px;
  top: 25px;
}
.tablet-device #js-block-04 .model-01 {
  left: 288px;
  top: 50px;
}
.tablet-device #js-block-04 .model-01 img {
  width: 278px;
}
#js-block-04 .model-02 {
  left: 120px;
  top: 406px;
  opacity: 0;
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}
#js-block-04 .model-02.is-active {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.tablet-device #js-block-04 .model-02 {
  left: 240px;
  top: 812px;
}
.tablet-device #js-block-04 .model-02 img {
  width: 416px;
}
#js-block-04 .book-01 {
  left: -34px;
  top: 320px;
  opacity: 0;
  -webkit-transform: rotate(50deg) translate(200px, -100px);
  transform: rotate(50deg) translate(200px, -100px);
}
#js-block-04 .book-01.is-active {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotate(0) translate(0, 0);
  transform: rotate(0) translate(0, 0);
  opacity: 1;
}
.tablet-device #js-block-04 .book-01 {
  left: -68px;
  top: 640px;
}
.tablet-device #js-block-04 .book-01 img {
  width: 314px;
}
#js-block-04 .book-02 {
  left: 102px;
  top: 224px;
  opacity: 0;
  -webkit-transform: rotate(-50deg) translate(-200px, -100px);
  transform: rotate(-50deg) translate(-200px, -100px);
}
#js-block-04 .book-02.is-active {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: rotate(0) translate(0, 0);
  transform: rotate(0) translate(0, 0);
  opacity: 1;
}
.tablet-device #js-block-04 .book-02 {
  left: 204px;
  top: 448px;
}
.tablet-device #js-block-04 .book-02 img {
  width: 620px;
}
#js-block-04 .lip-01 {
  left: 10px;
  top: 269px;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#js-block-04 .lip-01.is-active {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#js-block-04 .lip-01.is-active.js-anim {
  -webkit-animation: swing 6s ease 3s infinite;
  animation: swing 6s ease 3s infinite;
}
.tablet-device #js-block-04 .lip-01 {
  left: 20px;
  top: 538px;
}
.tablet-device #js-block-04 .lip-01 img {
  width: 148px;
}
#js-block-04 .lip-02 {
  left: 194px;
  top: 411px;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#js-block-04 .lip-02.is-active {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#js-block-04 .lip-02.is-active.js-anim {
  -webkit-animation: swing 8s ease infinite;
  animation: swing 8s ease infinite;
}
.tablet-device #js-block-04 .lip-02 {
  left: 388px;
  top: 822px;
}
.tablet-device #js-block-04 .lip-02 img {
  width: 150px;
}
#js-block-04 .lip-03 {
  left: 251px;
  top: 392px;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#js-block-04 .lip-03.is-active {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.tablet-device #js-block-04 .lip-03 {
  left: 502px;
  top: 784px;
}
.tablet-device #js-block-04 .lip-03 img {
  width: 112px;
}
#js-block-04 .lip-04 {
  left: 320px;
  top: 455px;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#js-block-04 .lip-04.is-active {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.tablet-device #js-block-04 .lip-04 {
  left: 640px;
  top: 910px;
}
.tablet-device #js-block-04 .lip-04 img {
  width: 124px;
}
#js-block-04 .lipstick-01 {
  left: 26px;
  top: 196px;
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
#js-block-04 .lipstick-01.is-active {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#js-block-04 .lipstick-01.is-active.js-anim {
  -webkit-animation: domino 10s ease 0.6s infinite;
  animation: domino 10s ease 0.6s infinite;
}
.tablet-device #js-block-04 .lipstick-01 {
  left: 52px;
  top: 392px;
}
.tablet-device #js-block-04 .lipstick-01 img {
  width: 150px;
}
#js-block-04 .lipstick-02 {
  left: 71px;
  top: 213px;
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
#js-block-04 .lipstick-02.is-active {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#js-block-04 .lipstick-02.is-active.js-anim {
  -webkit-animation: domino 10s ease 0.3s infinite;
  animation: domino 10s ease 0.3s infinite;
}
.tablet-device #js-block-04 .lipstick-02 {
  left: 142px;
  top: 426px;
}
.tablet-device #js-block-04 .lipstick-02 img {
  width: 106px;
}
#js-block-04 .lipstick-03 {
  left: 111px;
  top: 225px;
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
#js-block-04 .lipstick-03.is-active {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#js-block-04 .lipstick-03.is-active.js-anim {
  -webkit-animation: domino 10s ease infinite;
  animation: domino 10s ease infinite;
}
.tablet-device #js-block-04 .lipstick-03 {
  left: 222px;
  top: 450px;
}
.tablet-device #js-block-04 .lipstick-03 img {
  width: 66px;
}

@-webkit-keyframes domino {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  10% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  20% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  70% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  80% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes domino {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  10% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  20% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  70% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  80% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  10% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }

  15% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  20% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  30% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }

  35% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes swing {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  10% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }

  15% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  20% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  25% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  30% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
  }

  35% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

#js-block-03 {
  position: relative;
  height: 489px;
  z-index: 10;
  margin-top: -38px;
}
.tablet-device #js-block-03 {
  height: 978px;
  margin-top: -76px;
}
#js-block-03 div, #js-block-03 h1, #js-block-03 p {
  position: absolute;
  transition: all 1s ease-out;
}
#js-block-03 .bg-01 {
  top: -1px;
  left: -215px;
}
.tablet-device #js-block-03 .bg-01 {
  top: -2px;
  left: -430px;
}
.tablet-device #js-block-03 .bg-01 img {
  width: 1500px;
}
#js-block-03 .ttl-main-01 {
  left: 27px;
  top: 50px;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  opacity: 0;
}
#js-block-03 .ttl-main-01.is-active {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.tablet-device #js-block-03 .ttl-main-01 {
  left: 54px;
  top: 100px;
}
.tablet-device #js-block-03 .ttl-main-01 img {
  width: 152px;
}
#js-block-03 .ttl-main-02 {
  left: 27px;
  top: 50px;
  opacity: 0;
}
#js-block-03 .ttl-main-02.is-active.js-anim {
  -webkit-animation: flash-02 8s ease infinite;
  animation: flash-02 8s ease infinite;
}
.tablet-device #js-block-03 .ttl-main-02 {
  left: 54px;
  top: 100px;
}
.tablet-device #js-block-03 .ttl-main-02 img {
  width: 152px;
}
#js-block-03 .txt-name-01 {
  left: 120px;
  top: 245px;
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  opacity: 0;
}
#js-block-03 .txt-name-01.is-active {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.tablet-device #js-block-03 .txt-name-01 {
  left: 240px;
  top: 490px;
}
.tablet-device #js-block-03 .txt-name-01 img {
  width: 356px;
}
#js-block-03 .txt-name-02 {
  left: 120px;
  top: 245px;
  opacity: 0;
}
#js-block-03 .txt-name-02.is-active.js-anim {
  -webkit-animation: flash-02 8s ease infinite;
  animation: flash-02 8s ease infinite;
}
.tablet-device #js-block-03 .txt-name-02 {
  left: 240px;
  top: 490px;
}
.tablet-device #js-block-03 .txt-name-02 img {
  width: 356px;
}
#js-block-03 .block-01 {
  left: -112px;
  top: 5px;
  opacity: 0;
}
#js-block-03 .block-01.is-active.js-anim {
  -webkit-animation: flash-02 8s ease infinite;
  animation: flash-02 8s ease infinite;
}
.tablet-device #js-block-03 .block-01 {
  left: -224px;
  top: 10px;
}
.tablet-device #js-block-03 .block-01 img {
  width: 1212px;
}
#js-block-03 .photo01-01 {
  left: -15px;
  top: 35px;
  opacity: 0;
  -webkit-transform: translate(20px, -20px);
  transform: translate(20px, -20px);
}
#js-block-03 .photo01-01.is-active {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.tablet-device #js-block-03 .photo01-01 {
  left: -30px;
  top: 70px;
}
.tablet-device #js-block-03 .photo01-01 img {
  width: 682px;
}
#js-block-03 .photo01-02 {
  left: -15px;
  top: 35px;
  opacity: 0;
}
#js-block-03 .photo01-02.is-active.js-anim {
  -webkit-animation: switch 10s ease infinite;
  animation: switch 10s ease infinite;
}
.tablet-device #js-block-03 .photo01-02 {
  left: -30px;
  top: 70px;
}
.tablet-device #js-block-03 .photo01-02 img {
  width: 682px;
}
#js-block-03 .photo02-01 {
  left: 132px;
  top: 323px;
  opacity: 0;
  -webkit-transform: translate(0, -20px);
  transform: translate(0, -20px);
}
#js-block-03 .photo02-01.is-active {
  opacity: 1;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.tablet-device #js-block-03 .photo02-01 {
  left: 264px;
  top: 646px;
}
.tablet-device #js-block-03 .photo02-01 img {
  width: 408px;
}
#js-block-03 .photo02-02 {
  left: 132px;
  top: 323px;
  opacity: 0;
}
#js-block-03 .photo02-02.is-active.js-anim {
  -webkit-animation: switch 10s ease 2s infinite;
  animation: switch 10s ease 2s infinite;
}
.tablet-device #js-block-03 .photo02-02 {
  left: 264px;
  top: 646px;
}
.tablet-device #js-block-03 .photo02-02 img {
  width: 408px;
}
#js-block-03 .photo03 {
  left: -25px;
  top: 265px;
  opacity: 0;
  -webkit-transform: translate(-20px, -20px);
  transform: translate(-20px, -20px);
}
#js-block-03 .photo03.is-active {
  opacity: 1;
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.tablet-device #js-block-03 .photo03 {
  left: -50px;
  top: 530px;
}
.tablet-device #js-block-03 .photo03 img {
  width: 410px;
}

@-webkit-keyframes flash-02 {
  0% {
    opacity: 0;
  }

  1% {
    opacity: 1;
  }

  6% {
    opacity: 1;
  }

  11% {
    opacity: 0;
  }

  16% {
    opacity: 0;
  }

  17% {
    opacity: 1;
  }

  22% {
    opacity: 1;
  }

  27% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes flash-02 {
  0% {
    opacity: 0;
  }

  1% {
    opacity: 1;
  }

  6% {
    opacity: 1;
  }

  11% {
    opacity: 0;
  }

  16% {
    opacity: 0;
  }

  17% {
    opacity: 1;
  }

  22% {
    opacity: 1;
  }

  27% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes switch {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  60% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes switch {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  60% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

#js-block-02 {
  position: relative;
  height: 518px;
  z-index: 10;
  margin-top: -10px;
}
.tablet-device #js-block-02 {
  height: 1036px;
  margin-top: -20px;
}
#js-block-02 div, #js-block-02 h1, #js-block-02 p {
  position: absolute;
  transition: all 0.8s ease-out;
}
#js-block-02 .bg-01 {
  top: -1px;
  left: -215px;
}
.tablet-device #js-block-02 .bg-01 {
  top: -2px;
  left: -430px;
}
.tablet-device #js-block-02 .bg-01 img {
  width: 1500px;
}
#js-block-02 .ttl-main-01 {
  left: 66px;
  top: 257px;
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
  opacity: 0;
}
#js-block-02 .ttl-main-01.is-active {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.tablet-device #js-block-02 .ttl-main-01 {
  left: 132px;
  top: 514px;
}
.tablet-device #js-block-02 .ttl-main-01 img {
  width: 186px;
}
#js-block-02 .ttl-main-02 {
  left: 112px;
  top: 291px;
  -webkit-transform: translateX(50px);
  transform: translateX(50px);
  opacity: 0;
}
#js-block-02 .ttl-main-02.is-active {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.tablet-device #js-block-02 .ttl-main-02 {
  left: 224px;
  top: 582px;
}
.tablet-device #js-block-02 .ttl-main-02 img {
  width: 304px;
}
#js-block-02 .txt-01 {
  left: 264px;
  top: 94px;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  opacity: 0;
}
#js-block-02 .txt-01.is-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
  opacity: 1;
}
.tablet-device #js-block-02 .txt-01 {
  left: 528px;
  top: 188px;
}
.tablet-device #js-block-02 .txt-01 img {
  width: 38px;
}
#js-block-02 .txt-02 {
  left: 235px;
  top: 105px;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
}
#js-block-02 .txt-02.is-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
  opacity: 1;
}
.tablet-device #js-block-02 .txt-02 {
  left: 470px;
  top: 210px;
}
.tablet-device #js-block-02 .txt-02 img {
  width: 42px;
}
#js-block-02 .goddess-01 {
  left: 20px;
  top: 258px;
  opacity: 0;
}
#js-block-02 .goddess-01.is-active {
  -webkit-animation: flash 18s ease infinite;
  animation: flash 18s ease infinite;
}
.tablet-device #js-block-02 .goddess-01 {
  left: 40px;
  top: 516px;
}
.tablet-device #js-block-02 .goddess-01 img {
  width: 586px;
}
#js-block-02 .goddess-02 {
  left: 20px;
  top: 258px;
  opacity: 0;
}
#js-block-02 .goddess-02.is-active {
  -webkit-animation: flash 18s ease 6s infinite;
  animation: flash 18s ease 6s infinite;
}
.tablet-device #js-block-02 .goddess-02 {
  left: 40px;
  top: 516px;
}
.tablet-device #js-block-02 .goddess-02 img {
  width: 586px;
}
#js-block-02 .goddess-03 {
  left: 20px;
  top: 258px;
  opacity: 0;
}
#js-block-02 .goddess-03.is-active {
  -webkit-animation: flash 18s ease 12s infinite;
  animation: flash 18s ease 12s infinite;
}
.tablet-device #js-block-02 .goddess-03 {
  left: 40px;
  top: 516px;
}
.tablet-device #js-block-02 .goddess-03 img {
  width: 586px;
}

@-webkit-keyframes flash {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  30% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes flash {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  30% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}