@keyframes indexImgP2 {
  0% {
    top: 80px;
  }
  25% {
    top: 90px;
  }
  50% {
    top: 100px;
  }
  75% {
    top: 90px;
  }
  100% {
    top: 80px;
  }
}
@keyframes indexNumberLineMove {
  0% {
    opacity: 0.5;
    transform: translateY(200px);
  }
  100% {
    opacity: 0.1;
    transform: translateY(-100px);
  }
}
@keyframes indexLineMove1 {
  0% {
    left: 280px;
    top: 438px;
    transform: rotateZ(65deg);
  }
  9.9% {
    left: 416px;
    top: 516px;
    transform: rotateZ(65deg);
  }
  10% {
    left: 416px;
    top: 516px;
    transform: rotateZ(3deg);
  }
  19.9% {
    left: 495px;
    top: 465px;
    transform: rotateZ(3deg);
  }
  20% {
    left: 495px;
    top: 465px;
    transform: rotateZ(70deg);
  }
  24.9% {
    left: 542px;
    top: 493px;
    transform: rotateZ(70deg);
  }
  25% {
    left: 542px;
    top: 493px;
    transform: rotateZ(180deg);
  }
  34.9% {
    left: 375px;
    top: 592px;
    transform: rotateZ(180deg);
  }
  35% {
    left: 375px;
    top: 592px;
    transform: rotateZ(247deg);
  }
  54.9% {
    left: 6px;
    top: 379px;
    transform: rotateZ(247deg);
  }
  55% {
    left: 6px;
    top: 379px;
    transform: rotateZ(300deg);
  }
  59.9% {
    left: 7px;
    top: 303px;
    transform: rotateZ(300deg);
  }
  60% {
    left: 7px;
    top: 303px;
    transform: rotateZ(361deg);
  }
  69.9% {
    left: 154px;
    top: 214px;
    transform: rotateZ(361deg);
  }
  70% {
    left: 154px;
    top: 214px;
    transform: rotateZ(426deg);
  }
  79.9% {
    left: 229px;
    top: 257px;
    transform: rotateZ(426deg);
  }
  80% {
    left: 229px;
    top: 257px;
    transform: rotateZ(531deg);
  }
  89.9% {
    left: 106px;
    top: 333px;
    transform: rotateZ(531deg);
  }
  90% {
    left: 106px;
    top: 333px;
    transform: rotateZ(432deg);
  }
  99.9% {
    left: 280px;
    top: 438px;
    transform: rotateZ(432deg);
  }
  100% {
    left: 280px;
    top: 438px;
    transform: rotateZ(65deg);
  }
}
@keyframes indexLineMove2 {
  0% {
    left: 520px;
    top: 413px;
    transform: rotateZ(69deg);
  }
  9.9% {
    left: 605px;
    top: 466px;
    transform: rotateZ(69deg);
  }
  10% {
    left: 605px;
    top: 466px;
    transform: rotateZ(3deg);
  }
  19.9% {
    left: 751px;
    top: 384px;
    transform: rotateZ(3deg);
  }
  20% {
    left: 751px;
    top: 384px;
    transform: rotateZ(-110deg);
  }
  29.9% {
    left: 635px;
    top: 320px;
    transform: rotateZ(-110deg);
  }
  30% {
    left: 635px;
    top: 320px;
    transform: rotateZ(-14deg);
  }
  39.9% {
    left: 740px;
    top: 251px;
    transform: rotateZ(-14deg);
  }
  40% {
    left: 740px;
    top: 251px;
    transform: rotateZ(-106deg);
  }
  59.9% {
    left: 428px;
    top: 61px;
    transform: rotateZ(-106deg);
  }
  60% {
    left: 428px;
    top: 61px;
    transform: rotateZ(-179deg);
  }
  69.9% {
    left: 249px;
    top: 163px;
    transform: rotateZ(-179deg);
  }
  70% {
    left: 249px;
    top: 163px;
    transform: rotateZ(-284deg);
  }
  79.9% {
    left: 410px;
    top: 252px;
    transform: rotateZ(-284deg);
  }
  80% {
    left: 410px;
    top: 252px;
    transform: rotateZ(-284deg);
  }
  89.9% {
    left: 520px;
    top: 413px;
    transform: rotateZ(-284deg);
  }
  90% {
    left: 520px;
    top: 413px;
    transform: rotateZ(69deg);
  }
  100% {
    left: 520px;
    top: 413px;
    transform: rotateZ(69deg);
  }
}
@keyframes indexMoveDownUp {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(350px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
}
@keyframes indexMoveLineShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes indexMoveCenter {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 0 -7680px;
  }
}
@keyframes indexMoveTag-1 {
  0% {
    opacity: 0;
    transform: scale(0.3);
    left: 392px;
    top: 200px;
  }
  100% {
    opacity: 1;
    transform: scale(1);
    left: 188px;
    top: 71px;
  }
}
@keyframes indexMoveTag-2 {
  0% {
    opacity: 0;
    transform: scale(0.3);
    left: 392px;
    top: 200px;
  }
  100% {
    opacity: 1;
    transform: scale(1);
    left: 270px;
    top: 46px;
  }
}
@keyframes indexMoveTag-3 {
  0% {
    opacity: 0;
    transform: scale(0.3);
    left: 392px;
    top: 200px;
  }
  100% {
    opacity: 1;
    transform: scale(1);
    left: 380px;
    top: 45px;
  }
}
@keyframes indexMoveTag-4 {
  0% {
    opacity: 0;
    transform: scale(0.3);
    left: 392px;
    top: 200px;
  }
  100% {
    opacity: 1;
    transform: scale(1);
    left: 497px;
    top: 53px;
  }
}
@keyframes indexMoveTag-5 {
  0% {
    opacity: 0;
    transform: scale(0.3);
    left: 392px;
    top: 200px;
  }
  100% {
    opacity: 1;
    transform: scale(1);
    left: 606px;
    top: 66px;
  }
}
@keyframes platformMove1 {
  0% {
    opacity: 0;
    transform: translateY(30%) scale(0.5);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    transform: translateY(0%) scale(1);
  }
}
@keyframes platformMove2-1 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 0px;
    top: 600px;
    transform: scale(1);
  }
}
@keyframes platformMove2-2 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 165px;
    top: 678px;
    transform: scale(1);
  }
}
@keyframes platformMove2-3 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 340px;
    top: 726px;
    transform: scale(1);
  }
}
@keyframes platformMove2-4 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 538px;
    top: 740px;
    transform: scale(1);
  }
}
@keyframes platformMove2-5 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 717px;
    top: 732px;
    transform: scale(1);
  }
}
@keyframes platformMove2-6 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 891px;
    top: 699px;
    transform: scale(1);
  }
}
@keyframes platformMove2-7 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 1059px;
    top: 620px;
    transform: scale(1);
  }
}
@keyframes platformMove3-1 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 0px;
    top: 164px;
    transform: scale(1);
  }
}
@keyframes platformMove3-2 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 132px;
    top: 50px;
    transform: scale(1);
  }
}
@keyframes platformMove3-3 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 291px;
    top: 20px;
    transform: scale(1);
  }
}
@keyframes platformMove3-4 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 448px;
    top: 5px;
    transform: scale(1);
  }
}
@keyframes platformMove3-5 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 620px;
    top: 5px;
    transform: scale(1);
  }
}
@keyframes platformMove3-6 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 770px;
    top: 20px;
    transform: scale(1);
  }
}
@keyframes platformMove3-7 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 925px;
    top: 50px;
    transform: scale(1);
  }
}
@keyframes platformMove3-8 {
  0% {
    opacity: 0;
    left: 540px;
    top: 405px;
    transform: scale(0.3);
  }
  70% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    left: 1073px;
    top: 145px;
    transform: scale(1);
  }
}
@keyframes platformMove4 {
  0% {
    transform: translateY(0%);
  }
  25% {
    transform: translateY(10%);
  }
  50% {
    transform: translateY(20%);
  }
  75% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes platformMoveDownToUp {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(200px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
}
@keyframes platformMoveUpToDown {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(-200px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0px);
  }
}
@keyframes platformMove5 {
  0% {
    transform: translateY(0%);
  }
  25% {
    transform: translateY(-2.5%);
  }
  50% {
    transform: translateY(-5%);
  }
  75% {
    transform: translateY(-2.5%);
  }
  100% {
    transform: translateY(0%);
  }
}