/* その場で */
.fadeIn{
    animation-name:fadeInAnime;
    animation-duration:2.0s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeInAnime{
      from {
        opacity: 0;
      }
    
      to {
        opacity: 1;
      }
    }

/* その場で */
.fadeIn_02{
    animation-name:fadeInAnime_02;
    animation-duration:3.0s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeInAnime_02{
      0% {
        opacity: 0;
      }
      30% {
        opacity: 0;
      }
    
      100% {
        opacity: 1;
      }
    }

/* 上から */

.fadeDown{
    animation-name:fadeDownAnime;
    animation-duration:1.0s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeDownAnime{
      0% {
        opacity: 0;
        transform: translateY(-50px);
      }

      20% {
        opacity: 0;
      }
    
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }



.image-parallax {
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        height: 400px; /* 好みで */
      }
      



.slow-image {
    position: relative;
    display: block;
    top: -150px;
}

.slow-image_02 {
    position: relative;
    display: block;
    top: -80px;
}