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

.mod-top-block-05 {
  position: relative;
  height: 498px;
  z-index: 10;
  margin-top: -6px;
}
.tablet-device .mod-top-block-05 {
  height: 996px;
  margin-top: -12px;
}
.mod-top-block-05 div {
  position: absolute;
  transition: all 1s ease-out;
}
.mod-top-block-05 .image-01 {
  top: -21px;
  left: -215px;
}
.tablet-device .mod-top-block-05 .image-01 {
  top: -42px;
  left: -430px;
}
.tablet-device .mod-top-block-05 .image-01 img {
  width: 1500px;
}
.mod-top-block-05 .photo-f {
  top: 394px;
  left: 59px;
  opacity: 1;
  -webkit-transform: rotate(30deg) translate(-59px, -500px);
  transform: rotate(30deg) translate(-59px, -500px);
}
.mod-top-block-05 .photo-f.is-active {
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
}
.tablet-device .mod-top-block-05 .photo-f {
  top: 788px;
  left: 118px;
}
.tablet-device .mod-top-block-05 .photo-f img {
  width: 223px;
}
.mod-top-block-05 .photo-c {
  top: 346px;
  left: 209px;
  opacity: 0;
  -webkit-transform: rotate(30deg) translate(-209px, -500px);
  transform: rotate(30deg) translate(-209px, -500px);
}
.mod-top-block-05 .photo-c.is-active {
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
}
.tablet-device .mod-top-block-05 .photo-c {
  top: 692px;
  left: 418px;
}
.tablet-device .mod-top-block-05 .photo-c img {
  width: 257px;
}
.mod-top-block-05 .photo-c-02 {
  top: 346px;
  left: 209px;
  opacity: 0;
}
.mod-top-block-05 .photo-c-02.is-active.js-anim {
  animation: photo1 10s ease 3s infinite;
  -webkit-animation: photo1 10s ease 3s infinite;
  opacity: 0;
}
.tablet-device .mod-top-block-05 .photo-c-02 {
  top: 692px;
  left: 418px;
}
.tablet-device .mod-top-block-05 .photo-c-02 img {
  width: 257px;
}
.mod-top-block-05 .circle-01 {
  top: 296px;
  left: -215px;
  opacity: 0;
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
}
.mod-top-block-05 .circle-01.is-active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.tablet-device .mod-top-block-05 .circle-01 {
  top: 592px;
  left: -430px;
}
.tablet-device .mod-top-block-05 .circle-01 img {
  width: 475px;
}
.mod-top-block-05 .photo-a {
  top: 320px;
  left: -23px;
  opacity: 0;
  -webkit-transform: rotate(30deg) translate(-46px, -500px);
  transform: rotate(30deg) translate(-46px, -500px);
}
.mod-top-block-05 .photo-a.is-active {
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.tablet-device .mod-top-block-05 .photo-a {
  top: 640px;
  left: -46px;
  -webkit-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
}
.tablet-device .mod-top-block-05 .photo-a img {
  width: 288px;
}
.mod-top-block-05 .photo-i {
  top: 137px;
  left: 32px;
  opacity: 0;
  -webkit-transform: rotate(30deg) translate(-32px, -500px);
  transform: rotate(30deg) translate(-32px, -500px);
}
.mod-top-block-05 .photo-i.is-active {
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.tablet-device .mod-top-block-05 .photo-i {
  top: 274px;
  left: 64px;
}
.tablet-device .mod-top-block-05 .photo-i img {
  width: 590px;
}
.mod-top-block-05 .photo-i-02 {
  top: 137px;
  left: 32px;
  opacity: 0;
}
.mod-top-block-05 .photo-i-02.is-active.js-anim {
  animation: photo2 12s ease 2s infinite;
  -webkit-animation: photo2 12s ease 2s infinite;
  opacity: 0;
}
.tablet-device .mod-top-block-05 .photo-i-02 {
  top: 274px;
  left: 64px;
}
.tablet-device .mod-top-block-05 .photo-i-02 img {
  width: 590px;
}
.mod-top-block-05 .photo-h {
  top: 54px;
  left: 206px;
  opacity: 0;
  -webkit-transform: rotate(30deg) translate(-206px, -500px);
  transform: rotate(30deg) translate(-206px, -500px);
}
.mod-top-block-05 .photo-h.is-active {
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.tablet-device .mod-top-block-05 .photo-h {
  top: 108px;
  left: 412px;
}
.tablet-device .mod-top-block-05 .photo-h img {
  width: 186px;
}
.mod-top-block-05 .photo-e {
  top: -8px;
  left: -30px;
  opacity: 0;
  animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-transform: rotate(30deg) translate(-60px, -500px);
  transform: rotate(30deg) translate(-60px, -500px);
}
.mod-top-block-05 .photo-e.is-active {
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.mod-top-block-05 .photo-e.is-animate {
  animation-name: swing;
}
.tablet-device .mod-top-block-05 .photo-e {
  top: -18px;
  left: -60px;
}
.tablet-device .mod-top-block-05 .photo-e img {
  width: 220px;
}
.mod-top-block-05 .photo-d {
  top: 38px;
  left: 261px;
  opacity: 0;
  animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-transform: rotate(30deg) translate(-261px, -500px);
  transform: rotate(30deg) translate(-261px, -500px);
}
.mod-top-block-05 .photo-d.is-active {
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}
.mod-top-block-05 .photo-d.is-animate {
  animation-name: swing;
}
.tablet-device .mod-top-block-05 .photo-d {
  top: 76px;
  left: 522px;
}
.tablet-device .mod-top-block-05 .photo-d img {
  width: 226px;
}
.mod-top-block-05 .photo-b {
  top: 36px;
  left: 26px;
  opacity: 0;
  animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-transform: rotate(30deg) translate(-26px, -500px);
  transform: rotate(30deg) translate(-26px, -500px);
}
.mod-top-block-05 .photo-b.is-active {
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}
.tablet-device .mod-top-block-05 .photo-b {
  top: 72px;
  left: 52px;
}
.tablet-device .mod-top-block-05 .photo-b img {
  width: 346px;
}
.mod-top-block-05 .photo-g {
  top: -21px;
  left: 220px;
  opacity: 0;
  -webkit-transform: rotate(30deg) translate(-220px, -500px);
  transform: rotate(30deg) translate(-220px, -500px);
}
.mod-top-block-05 .photo-g.is-active {
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}
.tablet-device .mod-top-block-05 .photo-g {
  top: -42px;
  left: 440px;
}
.tablet-device .mod-top-block-05 .photo-g img {
  width: 247px;
}
.mod-top-block-05 .circle-02 {
  top: 110px;
  left: 248px;
  opacity: 0;
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
}
.mod-top-block-05 .circle-02.is-active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}
.tablet-device .mod-top-block-05 .circle-02 {
  top: 220px;
  left: 496px;
}
.tablet-device .mod-top-block-05 .circle-02 img {
  width: 198px;
}
.mod-top-block-05 .text-01 {
  top: 338px;
  left: 84px;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.mod-top-block-05 .text-01.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.tablet-device .mod-top-block-05 .text-01 {
  top: 676px;
  left: 160px;
}
.tablet-device .mod-top-block-05 .text-01 img {
  width: 411px;
}
.mod-top-block-05 .text-02 {
  top: 60px;
  left: -12px;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.mod-top-block-05 .text-02.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
.tablet-device .mod-top-block-05 .text-02 {
  top: 120px;
  left: -24px;
}
.tablet-device .mod-top-block-05 .text-02 img {
  width: 224px;
}

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

  20% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

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

  20% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

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

  20% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

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

  20% {
    opacity: 1;
  }

  40% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.mod-top-block-06 {
  position: relative;
  height: 461px;
  z-index: 11;
  margin-top: -40px;
}
.tablet-device .mod-top-block-06 {
  height: 922px;
  margin-top: -12px;
}
.mod-top-block-06 div {
  position: absolute;
  transition: all 1s ease-out;
}
.mod-top-block-06 .image-01 {
  top: -21px;
  left: -215px;
}
.tablet-device .mod-top-block-06 .image-01 {
  top: -42px;
  left: -430px;
}
.tablet-device .mod-top-block-06 .image-01 img {
  width: 1500px;
}
.mod-top-block-06 .scan {
  top: 94px;
  left: 133px;
}
.mod-top-block-06 .scan.js-anim {
  -webkit-animation: scan 7s linear infinite;
  animation: scan 7s linear infinite;
}
.tablet-device .mod-top-block-06 .scan {
  top: 188px;
  left: 280px;
}
.tablet-device .mod-top-block-06 .scan.js-anim {
  -webkit-animation: scanTab 7s linear infinite;
  animation: scanTab 7s linear infinite;
}
.tablet-device .mod-top-block-06 .scan img {
  width: 309px;
}
.mod-top-block-06 .cover {
  top: -21px;
  left: -215px;
}
.tablet-device .mod-top-block-06 .cover {
  top: -42px;
  left: -430px;
}
.tablet-device .mod-top-block-06 .cover img {
  width: 1500px;
}
.mod-top-block-06 .text-01 {
  top: 37px;
  left: 21px;
  opacity: 0;
}
.mod-top-block-06 .text-01.is-active {
  opacity: 1;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.tablet-device .mod-top-block-06 .text-01 {
  top: 74px;
  left: 42px;
}
.tablet-device .mod-top-block-06 .text-01 img {
  width: 151px;
}
.mod-top-block-06 .text-02 {
  top: 61px;
  left: 52px;
  opacity: 0;
}
.mod-top-block-06 .text-02.is-active {
  opacity: 1;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}
.tablet-device .mod-top-block-06 .text-02 {
  top: 122px;
  left: 104px;
}
.tablet-device .mod-top-block-06 .text-02 img {
  width: 25px;
}
.mod-top-block-06 .poet01-bg {
  top: 320px;
  left: 9px;
  opacity: 1;
}
.mod-top-block-06 .poet01-bg.is-active {
  opacity: 0;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}
.tablet-device .mod-top-block-06 .poet01-bg {
  top: 640px;
  left: 18px;
}
.tablet-device .mod-top-block-06 .poet01-bg img {
  width: 190px;
}
.mod-top-block-06 .poet01-txt {
  top: 320px;
  left: 72px;
  opacity: 0;
}
.mod-top-block-06 .poet01-txt.is-active {
  opacity: 1;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.tablet-device .mod-top-block-06 .poet01-txt {
  top: 640px;
  left: 144px;
}
.tablet-device .mod-top-block-06 .poet01-txt img {
  width: 64px;
}
.mod-top-block-06 .poet02-txt {
  top: 320px;
  left: 9px;
  opacity: 0;
}
.mod-top-block-06 .poet02-txt.is-active {
  opacity: 1;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.tablet-device .mod-top-block-06 .poet02-txt {
  top: 640px;
  left: 18px;
}
.tablet-device .mod-top-block-06 .poet02-txt img {
  width: 106px;
}

@-webkit-keyframes scan {
  0% {
    -webkit-transform: translate(0, 256px);
    transform: translate(0, 256px);
  }

  20% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

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

@keyframes scan {
  0% {
    -webkit-transform: translate(0, 256px);
    transform: translate(0, 256px);
  }

  20% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

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

@-webkit-keyframes scanTab {
  0% {
    -webkit-transform: translate(0, 512px);
    transform: translate(0, 512px);
  }

  20% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

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

@keyframes scanTab {
  0% {
    -webkit-transform: translate(0, 512px);
    transform: translate(0, 512px);
  }

  20% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

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

.mod-top-block-07 {
  position: relative;
  height: 503px;
  z-index: 11;
  margin-top: -25px;
}
.tablet-device .mod-top-block-07 {
  height: 922px;
  margin-top: -12px;
}
.mod-top-block-07 div {
  position: absolute;
  transition: all 1s ease-out;
}
.mod-top-block-07 .image-01 {
  top: -21px;
  left: -215px;
}
.tablet-device .mod-top-block-07 .image-01 {
  top: -42px;
  left: -430px;
}
.tablet-device .mod-top-block-07 .image-01 img {
  width: 1500px;
}
.mod-top-block-07 .blue-01 {
  top: -21px;
  left: -117px;
}
.mod-top-block-07 .blue-01.is-active.js-anim {
  -webkit-animation: flash 6s linear 2s infinite;
  animation: flash 6s linear 2s infinite;
}
.tablet-device .mod-top-block-07 .blue-01 {
  top: -42px;
  left: -230px;
}
.tablet-device .mod-top-block-07 .blue-01 img {
  width: 590px;
}
.mod-top-block-07 .bg-text-02 {
  top: 88px;
  left: 80px;
  opacity: 0;
}
.mod-top-block-07 .bg-text-02.is-active {
  opacity: 1;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}
.tablet-device .mod-top-block-07 .bg-text-02 {
  top: 176px;
  left: 160px;
}
.tablet-device .mod-top-block-07 .bg-text-02 img {
  width: 180px;
}
.mod-top-block-07 .text-01 {
  top: 294px;
  left: 33px;
  opacity: 0;
}
.mod-top-block-07 .text-01.is-active {
  opacity: 1;
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.tablet-device .mod-top-block-07 .text-01 {
  top: 588px;
  left: 66px;
}
.tablet-device .mod-top-block-07 .text-01 img {
  width: 529px;
}
.mod-top-block-07 .text-02 {
  top: 109px;
  left: 90px;
  opacity: 0;
}
.mod-top-block-07 .text-02.is-active {
  opacity: 1;
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.tablet-device .mod-top-block-07 .text-02 {
  top: 218px;
  left: 180px;
}
.tablet-device .mod-top-block-07 .text-02 img {
  width: 126px;
}
.mod-top-block-07 .photo-01 {
  top: -1px;
  left: 131px;
  opacity: 0;
}
.mod-top-block-07 .photo-01.is-active {
  opacity: 1;
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}
.tablet-device .mod-top-block-07 .photo-01 {
  top: -2px;
  left: 262px;
}
.tablet-device .mod-top-block-07 .photo-01 img {
  width: 570px;
}
.mod-top-block-07 .photo-02 {
  top: 4px;
  left: 120px;
  opacity: 0;
}
.mod-top-block-07 .photo-02.is-active {
  opacity: 1;
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}
.tablet-device .mod-top-block-07 .photo-02 {
  top: 8px;
  left: 240px;
}
.tablet-device .mod-top-block-07 .photo-02 img {
  width: 415px;
}
.mod-top-block-07 .photo-04 {
  top: 343px;
  left: -15px;
  opacity: 0;
}
.mod-top-block-07 .photo-04.is-active {
  opacity: 1;
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.tablet-device .mod-top-block-07 .photo-04 {
  top: 686px;
  left: -30px;
}
.tablet-device .mod-top-block-07 .photo-04 img {
  width: 493px;
}

@-webkit-keyframes flash {
  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 {
  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;
  }
}

.mod-top-block-08 {
  position: relative;
  height: 480px;
  z-index: 12;
  margin-top: -40px;
}

.tablet-device .mod-top-block-08 {
  height: 922px;
  margin-top: -40px;
}

.mod-top-block-08 div {
  position: absolute;
  transition: all 1s ease-out;
}
.mod-top-block-08 .image-01 {
  top: -21px;
  left: -215px;
}

.tablet-device .mod-top-block-08 .image-01 {
  top: -42px;
  left: -430px;
}
.tablet-device .mod-top-block-08 .image-01 img {
  width: 1500px;
}

.mod-top-block-08 .text-01 {
  top: 171px;
  left: 78px;
  opacity: 0;
}
.mod-top-block-08 .text-01.is-active {
  opacity: 1;
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.tablet-device .mod-top-block-08 .text-01 {
  top: 342px;
  left: 156px;
}
.tablet-device .mod-top-block-08 .text-01 img {
  width: 280px;
}

.mod-top-block-08 .pic-01 {
  top: 342px;
  left: 212px;
  opacity: 0;
  -webkit-transform: translate(30px, 30px);
  transform: translate(30px, 30px);
}
.mod-top-block-08 .pic-01.is-active {
  -webkit-transform: translate(0);
  transform: translate(0);
  opacity: 1;
}

.tablet-device .mod-top-block-08 .pic-01 {
  top: 684px;
  left: 424px;
}
.tablet-device .mod-top-block-08 .pic-01 img {
  width: 186px;
}

.mod-top-block-08 .pic-02 {
  top: 214px;
  left: 184px;
  opacity: 0;
  -webkit-transform: translate(30px, 0);
  transform: translate(30px, 0);
}
.mod-top-block-08 .pic-02.is-active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.mod-top-block-08 .pic-02.is-active.js-anim {
  -webkit-animation: shake 5s linear infinite;
  animation: shake 5s linear infinite;
}

.tablet-device .mod-top-block-08 .pic-02 {
  top: 428px;
  left: 368px;
}
.tablet-device .mod-top-block-08 .pic-02 img {
  width: 192px;
}

.mod-top-block-08 .pic-03 {
  top: 153px;
  left: 157px;
  opacity: 0;
  -webkit-transform: translate(30px, -30px);
  transform: translate(30px, -30px);
}
.mod-top-block-08 .pic-03.is-active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}

.tablet-device .mod-top-block-08 .pic-03 {
  top: 306px;
  left: 314px;
}
.tablet-device .mod-top-block-08 .pic-03 img {
  width: 304px;
}

.mod-top-block-08 .pic-04 {
  top: 36px;
  left: 118px;
  opacity: 0;
  -webkit-transform: translate(10px, -30px);
  transform: translate(10px, -30px);
}
.mod-top-block-08 .pic-04.is-active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}

.tablet-device .mod-top-block-08 .pic-04 {
  top: 72px;
  left: 236px;
}
.tablet-device .mod-top-block-08 .pic-04 img {
  width: 284px;
}

.mod-top-block-08 .pic-05 {
  top: 18px;
  left: 53px;
  opacity: 0;
  -webkit-transform: translate(-10px, -30px);
  transform: translate(-10px, -30px);
}
.mod-top-block-08 .pic-05.is-active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.mod-top-block-08 .pic-05.is-active.js-anim {
  -webkit-animation: shake 7s linear infinite;
  animation: shake 7s linear infinite;
}

.tablet-device .mod-top-block-08 .pic-05 {
  top: 36px;
  left: 106px;
}
.tablet-device .mod-top-block-08 .pic-05 img {
  width: 222px;
}

.mod-top-block-08 .pic-06 {
  top: 107px;
  left: -50px;
  opacity: 0;
  -webkit-transform: translate(0, -30px);
  transform: translate(0, -30px);
}
.mod-top-block-08 .pic-06.is-active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}

.tablet-device .mod-top-block-08 .pic-06 {
  top: 214px;
  left: -100px;
}
.tablet-device .mod-top-block-08 .pic-06 img {
  width: 334px;
}

.mod-top-block-08 .pic-07 {
  top: 272px;
  left: 0;
  opacity: 0;
  -webkit-transform: translate(-30px, -10px);
  transform: translate(-30px, -10px);
}
.mod-top-block-08 .pic-07.is-active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}

.tablet-device .mod-top-block-08 .pic-07 {
  top: 544px;
  left: 0px;
}
.tablet-device .mod-top-block-08 .pic-07 img {
  width: 410px;
}

@-webkit-keyframes flash {
  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 {
  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;
  }
}

.mod-top-block-02 {
  position: relative;
  height: 498px;
  z-index: 10;
  margin-top: -6px;
}

.tablet-device .mod-top-block-02 {
  height: 996px;
  margin-top: -12px;
}

.mod-top-block-02 .image-01 {
  top: -21px;
  left: -215px;
}

.tablet-device .mod-top-block-02 .image-01 {
  top: -42px;
  left: -430px;
}

.tablet-device .mod-top-block-02 .image-01 img {
  width: 1500px;
}

.mod-top-block-02 .image-02 {
  top: 8px;
  left: -116px;
  opacity: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mod-top-block-02 .image-02.is-active {
  opacity: 1;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.tablet-device .mod-top-block-02 .image-02 {
  top: 17px;
  left: -233px;
}

.tablet-device .mod-top-block-02 .image-02 img {
  width: 766px;
}

.mod-top-block-02 .image-03 {
  top: 147px;
  left: 75px;
  opacity: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.mod-top-block-02 .image-03.is-active {
  opacity: 1;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.tablet-device .mod-top-block-02 .image-03 {
  top: 294px;
  left: 150px;
}

.tablet-device .mod-top-block-02 .image-03 img {
  width: 744px;
}

.mod-top-block-02 .image-04 {
  top: 64px;
  left: 3px;
}

.tablet-device .mod-top-block-02 .image-04 {
  top: 128px;
  left: 7px;
}

.tablet-device .mod-top-block-02 .image-04 img {
  width: 634px;
}

.mod-top-block-02 .image-05 {
  top: 147px;
  left: 0;
}

.tablet-device .mod-top-block-02 .image-05 {
  top: 294px;
}

.tablet-device .mod-top-block-02 .image-05 img {
  width: 640px;
}

.mod-top-block-02 .image-06 {
  top: 241px;
  left: 0;
}

.tablet-device .mod-top-block-02 .image-06 {
  top: 483px;
}

.tablet-device .mod-top-block-02 .image-06 img {
  width: 640px;
}

.mod-top-block-02 .image-07 {
  top: 398px;
  left: 0;
}

.tablet-device .mod-top-block-02 .image-07 {
  top: 797px;
}

.tablet-device .mod-top-block-02 .image-07 img {
  width: 640px;
}

.mod-top-block-02 .image-08 {
  top: 32px;
  left: 22px;
  opacity: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.mod-top-block-02 .image-08.is-active {
  top: 22px;
  opacity: 1;
}

.mod-top-block-02 .image-08.is-animate {
  -webkit-animation-name: swing;
  animation-name: swing;
}

.tablet-device .mod-top-block-02 .image-08 {
  top: 44px;
  left: 44px;
}

.tablet-device .mod-top-block-02 .image-08 img {
  width: 144px;
}

.mod-top-block-02 .image-09 {
  top: 131px;
  left: 128px;
  opacity: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.mod-top-block-02 .image-09.is-active {
  top: 121px;
  opacity: 1;
}

.mod-top-block-02 .image-09.is-animate {
  -webkit-animation-name: swing;
  animation-name: swing;
}

.tablet-device .mod-top-block-02 .image-09 {
  top: 242px;
  left: 257px;
}

.tablet-device .mod-top-block-02 .image-09 img {
  width: 134px;
}

.mod-top-block-02 .image-10 {
  top: -14px;
  left: 257px;
  opacity: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.mod-top-block-02 .image-10.is-active {
  top: 254px;
  opacity: 1;
}

.mod-top-block-02 .image-10.is-animate {
  -webkit-animation-name: swing;
  animation-name: swing;
}

.tablet-device .mod-top-block-02 .image-10 {
  top: 509px;
  left: 513px;
}

.tablet-device .mod-top-block-02 .image-10 img {
  width: 136px;
}

.mod-top-block-02 .book-01 {
  top: 24px;
  left: 62px;
  opacity: 0;
}

.mod-top-block-02 .book-01.is-active {
  top: 14px;
  opacity: 1;
}

.tablet-device .mod-top-block-02 .book-01 {
  top: 29px;
  left: 124px;
}

.tablet-device .mod-top-block-02 .book-01 img {
  width: 246px;
}

.mod-top-block-02 .book-02 {
  top: 22px;
  left: 189px;
  opacity: 0;
}

.mod-top-block-02 .book-02.is-active {
  top: 12px;
  opacity: 1;
}

.tablet-device .mod-top-block-02 .book-02 {
  top: 25px;
  left: 379px;
}

.tablet-device .mod-top-block-02 .book-02 img {
  width: 306px;
}

.mod-top-block-02 .book-03 {
  top: 130px;
  left: 25px;
  opacity: 0;
}

.mod-top-block-02 .book-03.is-active {
  top: 120px;
  opacity: 1;
}

.tablet-device .mod-top-block-02 .book-03 {
  top: 241px;
  left: 50px;
}

.tablet-device .mod-top-block-02 .book-03 img {
  width: 280px;
}

.mod-top-block-02 .book-04 {
  top: 235px;
  left: -12px;
  opacity: 0;
}

.mod-top-block-02 .book-04.is-active {
  top: 225px;
  opacity: 1;
}

.tablet-device .mod-top-block-02 .book-04 {
  top: 450px;
  left: -23px;
}

.tablet-device .mod-top-block-02 .book-04 img {
  width: 262px;
}

.mod-top-block-02 .book-05 {
  top: 243px;
  left: 148px;
  opacity: 0;
}

.mod-top-block-02 .book-05.is-active {
  top: 233px;
  opacity: 1;
}

.tablet-device .mod-top-block-02 .book-05 {
  top: 467px;
  left: 296px;
}

.tablet-device .mod-top-block-02 .book-05 img {
  width: 284px;
}

.mod-top-block-02 .book-06 {
  top: 333px;
  left: -86px;
  opacity: 0;
}

.mod-top-block-02 .book-06.is-active {
  top: 323px;
  opacity: 1;
}

.tablet-device .mod-top-block-02 .book-06 {
  top: 646px;
  left: -173px;
}

.tablet-device .mod-top-block-02 .book-06 img {
  width: 464px;
}

.mod-top-block-02 .book-07 {
  top: 362px;
  left: 222px;
  opacity: 0;
}

.mod-top-block-02 .book-07.is-active {
  top: 352px;
  opacity: 1;
}

.tablet-device .mod-top-block-02 .book-07 {
  top: 705px;
  left: 445px;
}

.tablet-device .mod-top-block-02 .book-07 img {
  width: 242px;
}

.mod-top-block-02 .text-01 {
  top: 362px;
  left: 150px;
  opacity: 0;
}

.mod-top-block-02 .text-01.is-active {
  top: 352px;
  opacity: 1;
}

.tablet-device .mod-top-block-02 .text-01 {
  top: 705px;
  left: 301px;
}

.tablet-device .mod-top-block-02 .text-01 img {
  width: 128px;
}

.mod-top-block-02 .text-02 {
  top: 144px;
  left: 222px;
  opacity: 0;
}

.mod-top-block-02 .text-02.is-active {
  top: 134px;
  opacity: 1;
}

.tablet-device .mod-top-block-02 .text-02 {
  top: 268px;
  left: 444px;
}

.tablet-device .mod-top-block-02 .text-02 img {
  width: 174px;
}

.mod-top-block-03 {
  position: relative;
  height: 457px;
  z-index: 10;
  margin-top: -18px;
}

.tablet-device .mod-top-block-03 {
  height: 914px;
  margin-top: -22px;
}

.mod-top-block-03 .image-01 {
  top: -36px;
  left: -215px;
}

.tablet-device .mod-top-block-03 .image-01 {
  top: -73px;
  left: -430px;
}

.tablet-device .mod-top-block-03 .image-01 img {
  width: 1500px;
}

.mod-top-block-03 .image-02 {
  top: -14px;
  left: -89px;
  opacity: 0;
  -webkit-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}

.mod-top-block-03 .image-02.is-active {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  top: -24px;
  opacity: 1;
}

.mod-top-block-03 .image-02.is-animate {
  -webkit-animation-name: fuwari;
  animation-name: fuwari;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
}

.tablet-device .mod-top-block-03 .image-02 {
  top: -49px;
  left: -179px;
}

.tablet-device .mod-top-block-03 .image-02 img {
  width: 460px;
}

.mod-top-block-03 .image-03 {
  top: 163px;
  left: 287px;
  opacity: 0;
  -webkit-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
}

.mod-top-block-03 .image-03.is-active {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  top: 153px;
  opacity: 1;
}

.tablet-device .mod-top-block-03 .image-03 {
  top: 307px;
  left: 575px;
}

.tablet-device .mod-top-block-03 .image-03 img {
  width: 436px;
}

.mod-top-block-03 .image-04 {
  top: 356px;
  left: 86px;
  opacity: 0;
  -webkit-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
}

.mod-top-block-03 .image-04.is-active {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  top: 347px;
  opacity: 1;
}

.tablet-device .mod-top-block-03 .image-04 {
  top: 712px;
  left: 172px;
}

.tablet-device .mod-top-block-03 .image-04 img {
  width: 434px;
}

.mod-top-block-03 .image-05 {
  top: 5px;
  left: 244px;
  opacity: 0;
  -webkit-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
}

.mod-top-block-03 .image-05.is-active {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  top: -5px;
  opacity: 1;
}

.tablet-device .mod-top-block-03 .image-05 {
  top: -11px;
  left: 489px;
}

.tablet-device .mod-top-block-03 .image-05 img {
  width: 380px;
}

.mod-top-block-03 .image-06 {
  top: 367px;
  left: -95px;
  opacity: 0;
  -webkit-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
}

.mod-top-block-03 .image-06.is-active {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  top: 357px;
  opacity: 1;
}

.tablet-device .mod-top-block-03 .image-06 {
  top: 734px;
  left: -190px;
}

.tablet-device .mod-top-block-03 .image-06 img {
  width: 466px;
}

.mod-top-block-03 .image-07 {
  top: 14px;
  left: 94px;
  opacity: 0;
  -webkit-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
}

.mod-top-block-03 .image-07.is-active {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  top: 4px;
  opacity: 1;
}

.tablet-device .mod-top-block-03 .image-07 {
  top: 8px;
  left: 189px;
}

.tablet-device .mod-top-block-03 .image-07 img {
  width: 562px;
}

.mod-top-block-03 .image-08 {
  top: 346px;
  left: 11px;
  opacity: 0;
  -webkit-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
}

.mod-top-block-03 .image-08.is-active {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  top: 336px;
  opacity: 1;
}

.tablet-device .mod-top-block-03 .image-08 {
  top: 672px;
  left: 22px;
}

.tablet-device .mod-top-block-03 .image-08 img {
  width: 282px;
}

.mod-top-block-03 .image-09 {
  top: 80px;
  left: -47px;
  opacity: 0;
}

.mod-top-block-03 .image-09.is-active {
  top: 70px;
  opacity: 1;
}

.tablet-device .mod-top-block-03 .image-09 {
  top: 170px;
  left: -95px;
}

.tablet-device .mod-top-block-03 .image-09 img {
  width: 614px;
}

.mod-top-block-03 .image-10 {
  top: 301px;
  left: 190px;
  opacity: 0;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}

.mod-top-block-03 .image-10.is-active {
  top: 290px;
  opacity: 1;
}

.mod-top-block-03 .image-10.is-animate {
  -webkit-animation-name: fuwari;
  animation-name: fuwari;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

.tablet-device .mod-top-block-03 .image-10 {
  top: 600px;
  left: 391px;
}

.tablet-device .mod-top-block-03 .image-10 img {
  width: 354px;
}

.mod-top-block-03 .text-01 {
  top: 32px;
  left: 169px;
  opacity: 0;
}

.mod-top-block-03 .text-01.is-active {
  top: 22px;
  opacity: 1;
}

.tablet-device .mod-top-block-03 .text-01 {
  top: 64px;
  left: 338px;
}

.tablet-device .mod-top-block-03 .text-01 img {
  width: 258px;
}

.mod-top-block-03 .text-02 {
  top: 10px;
  left: 0;
  z-index: 10;
  opacity: 0;
}

.mod-top-block-03 .text-02.is-active {
  top: 0;
  opacity: 1;
}

.tablet-device .mod-top-block-03 .text-02 {
  top: 20px;
}

.tablet-device .mod-top-block-03 .text-02 img {
  width: 362px;
}

.mod-top-block-03 .text-03 {
  top: 16px;
  left: 0;
  opacity: 0;
}

.mod-top-block-03 .text-03.is-active {
  top: 6px;
  opacity: 1;
}

.tablet-device .mod-top-block-03 .text-03 {
  top: 28px;
}

.tablet-device .mod-top-block-03 .text-03 img {
  width: 318px;
}

.mod-top-block-04 {
  position: relative;
  height: 481px;
  margin-top: -12px;
  z-index: 10;
}

.tablet-device .mod-top-block-04 {
  height: 963px;
  margin-top: -24px;
}

.mod-top-block-04 .image-12 {
  top: -36px;
  left: -215px;
}

.tablet-device .mod-top-block-04 .image-12 {
  top: -72px;
  left: -430px;
}

.tablet-device .mod-top-block-04 .image-12 img {
  width: 1500px;
}

.mod-top-block-04 .image-01 {
  top: 26px;
  left: 72px;
  opacity: 0;
}

.mod-top-block-04 .image-01.is-active {
  top: 16px;
  opacity: 1;
}

.tablet-device .mod-top-block-04 .image-01 {
  top: 33px;
  left: 145px;
}

.tablet-device .mod-top-block-04 .image-01 img {
  width: 90px;
}

.mod-top-block-04 .image-02 {
  top: 69px;
  left: 96px;
  opacity: 0;
}

.mod-top-block-04 .image-02.is-active {
  top: 59px;
  opacity: 1;
}

.tablet-device .mod-top-block-04 .image-02 {
  top: 119px;
  left: 192px;
}

.tablet-device .mod-top-block-04 .image-02 img {
  width: 140px;
}

.mod-top-block-04 .image-03 {
  top: 94px;
  left: 79px;
  opacity: 0;
}

.mod-top-block-04 .image-03.is-active {
  top: 84px;
  opacity: 1;
}

.tablet-device .mod-top-block-04 .image-03 {
  top: 165px;
  left: 158px;
}

.tablet-device .mod-top-block-04 .image-03 img {
  width: 54px;
}

.mod-top-block-04 .image-04 {
  top: 90px;
  left: 80px;
  opacity: 0;
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.mod-top-block-04 .image-04.is-active {
  top: 80px;
  opacity: 1;
}

.mod-top-block-04 .image-04.is-animate {
  -webkit-animation-name: ghost;
  animation-name: ghost;
}

.tablet-device .mod-top-block-04 .image-04 {
  top: 160px;
  left: 161px;
}

.tablet-device .mod-top-block-04 .image-04 img {
  width: 82px;
}

.mod-top-block-04 .image-05 {
  top: 70px;
  left: 33px;
  opacity: 0;
}

.mod-top-block-04 .image-05.is-active {
  top: 60px;
  opacity: 1;
}

.tablet-device .mod-top-block-04 .image-05 {
  top: 120px;
  left: 66px;
}

.tablet-device .mod-top-block-04 .image-05 img {
  width: 88px;
}

.mod-top-block-04 .image-06 {
  top: 101px;
  left: 45px;
  opacity: 0;
}

.mod-top-block-04 .image-06.is-active {
  top: 91px;
  opacity: 1;
}

.tablet-device .mod-top-block-04 .image-06 {
  top: 183px;
  left: 90px;
}

.tablet-device .mod-top-block-04 .image-06 img {
  width: 54px;
}

.mod-top-block-04 .image-07 {
  top: 189px;
  left: 12px;
  opacity: 0;
}

.mod-top-block-04 .image-07.is-active {
  top: 179px;
  opacity: 1;
}

.tablet-device .mod-top-block-04 .image-07 {
  top: 359px;
  left: 25px;
}

.tablet-device .mod-top-block-04 .image-07 img {
  width: 116px;
}

.mod-top-block-04 .image-08 {
  top: 169px;
  left: 60px;
  opacity: 0;
}

.mod-top-block-04 .image-08.is-active {
  top: 159px;
  opacity: 1;
}

.tablet-device .mod-top-block-04 .image-08 {
  top: 318px;
  left: 120px;
}

.tablet-device .mod-top-block-04 .image-08 img {
  width: 72px;
}

.mod-top-block-04 .image-09 {
  top: 216px;
  left: 76px;
  opacity: 0;
}

.mod-top-block-04 .image-09.is-active {
  top: 206px;
  opacity: 1;
}

.tablet-device .mod-top-block-04 .image-09 {
  top: 412px;
  left: 153px;
}

.tablet-device .mod-top-block-04 .image-09 img {
  width: 78px;
}

.mod-top-block-04 .image-10 {
  top: 218px;
  left: 95px;
  opacity: 0;
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.mod-top-block-04 .image-10.is-active {
  top: 208px;
  opacity: 1;
}

.mod-top-block-04 .image-10.is-animate {
  -webkit-animation-name: ghost;
  animation-name: ghost;
}

.tablet-device .mod-top-block-04 .image-10 {
  top: 417px;
  left: 190px;
}

.tablet-device .mod-top-block-04 .image-10 img {
  width: 44px;
}

.mod-top-block-04 .image-11 {
  top: 278px;
  left: 54px;
  opacity: 0;
}

.mod-top-block-04 .image-11.is-active {
  top: 268px;
  opacity: 1;
}

.tablet-device .mod-top-block-04 .image-11 {
  top: 537px;
  left: 108px;
}

.tablet-device .mod-top-block-04 .image-11 img {
  width: 186px;
}

.mod-top-block-04 .image-13 {
  top: 57px;
  left: 38px;
  opacity: 0;
}

.mod-top-block-04 .image-13.is-active {
  top: 47px;
  opacity: 1;
}

.tablet-device .mod-top-block-04 .image-13 {
  top: 94px;
  left: 76px;
}

.tablet-device .mod-top-block-04 .image-13 img {
  width: 190px;
}

.mod-top-block-04 .text-01 {
  top: 86px;
  left: 142px;
  opacity: 0;
}

.mod-top-block-04 .text-01.is-active {
  top: 76px;
  opacity: 1;
}

.tablet-device .mod-top-block-04 .text-01 {
  top: 152px;
  left: 284px;
}

.tablet-device .mod-top-block-04 .text-01 img {
  width: 568px;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }

  33% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }

  33% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }
}

@-webkit-keyframes fuwari {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  30% {
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  60% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  80% {
    -webkit-transform: scale(0.99, 0.99);
    transform: scale(0.99, 0.99);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
}

@keyframes fuwari {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  30% {
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  60% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  80% {
    -webkit-transform: scale(0.99, 0.99);
    transform: scale(0.99, 0.99);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
}

@-webkit-keyframes swing {
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 10deg);
    transform: rotate3d(0, 0, 1, 10deg);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  50% {
    -webkit-transform: rotate3d(0, 0, 1, -6deg);
    transform: rotate3d(0, 0, 1, -6deg);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  66% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  84% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
}

@keyframes swing {
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 10deg);
    transform: rotate3d(0, 0, 1, 10deg);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  50% {
    -webkit-transform: rotate3d(0, 0, 1, -6deg);
    transform: rotate3d(0, 0, 1, -6deg);
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }

  66% {
    -webkit-transform: rotate3d(0, 0, 1, 3deg);
    transform: rotate3d(0, 0, 1, 3deg);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  84% {
    -webkit-transform: rotate3d(0, 0, 1, -3deg);
    transform: rotate3d(0, 0, 1, -3deg);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
}

@-webkit-keyframes ghost {
  0% {
    opacity: 1;
  }

  10% {
    opacity: 0;
  }

  90% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ghost {
  0% {
    opacity: 1;
  }

  10% {
    opacity: 0;
  }

  90% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}