@keyframes move-align-top {
  100% {
    transform: translateY(0);
  }
}
@keyframes move-opacity {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.index_contents__main__catch h2 {
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.index_contents__main__catch h2 span {
  display: inline-block;
  animation: move-align-top 1s;
  animation-fill-mode: forwards;
  animation-delay: .5s;
}
.index_contents__main__catch p {
  opacity: 0;
  transform: translateY(.5em);
  animation: move-opacity 1.5s;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
}
@media screen and (min-width: 1024px) {
  .index_contents__main__catch h2 {
    font-size: 0;
  }
  .index_contents__main__catch h2 span {
    font-size: 5.6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .index_contents__main__catch h2 {
    font-size: 0;
  }
  .index_contents__main__catch h2 span {
    font-size: 5.2rem;
  }
}
@media screen and (max-width: 767px) {
  .index_contents__main__catch h2 {
    font-size: 0;
  }
  .index_contents__main__catch h2 span {
    font-size: 3.2rem;
  }
}
