.intro-text{
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: opacity 1s, visibility 1s, transform 1s;
}

.interview-parson1{
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: opacity 1s, visibility 1s, transform 1s;
}

.interview-parson2{
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: opacity 1s, visibility 1s, transform 1s;
}

.interview-parson3{
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: opacity 1s, visibility 1s, transform 1s;
}


.is-fadein {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.interview-active img{
    transform-origin:bottom;
    -webkit-transform-origin:bottom;
    -moz-transform-origin:bottom;
    animation-name: pendulum;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
  }

.interview-active2 img{
  transform-origin:bottom;
  -webkit-transform-origin:bottom;
  -moz-transform-origin:bottom;
  animation-name: pendulum;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

.interview-active3 img{
  transform-origin:bottom;
  -webkit-transform-origin:bottom;
  -moz-transform-origin:bottom;
  animation-name: pendulum;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
  
  @keyframes pendulum{
    0%{transform: rotate(5deg);}
    100%{transform: rotate(-5deg);}
  }
  @-webkit-keyframes pendulum{
    0%{-webkit-transform: rotate(5deg);}
    100%{-webkit-transform: rotate(-5deg);}
  }
  @-moz-keyframes pendulum{
    0%{-moz-transform: rotate(5deg);}
    100%{-moz-transform: rotate(-5deg);}
  }

.main-hero-active img{
    animation: 3s fuwafuwa infinite;
}


  @keyframes fuwafuwa {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
}

.main-hero-scroll img{
  animation: zoomFade 2s ease-in-out infinite;
  }

.main-hero-fukidashi2 img{
    animation: zoomFade 3s ease-in-out infinite;
  } 

.main-hero-fukidashi3 img{
    animation: zoomFade 1.5s ease-in-out infinite;
  }

.main-hero-fukidashi4 img{
  animation: zoomFade 1s ease-in-out infinite;
  }

.main-hero-fukidashi5 img{
  animation: zoomFade 3s ease-in-out infinite;
  }


  @keyframes zoomFade {
      0% {
          transform: scaleX(1)
      }
      50% {
          transform: scale3d(1.05, 1.05, 1.05)
      }
      to {
          transform: scaleX(1)
      }
  }