.fadeIn {
    transition: 1.05s;
    opacity: 0;
    transform: translate3d(0, 23px, 0);
  }
  
  .fadeIn.animated {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  .fadeIn1 {
    transition: 1.05s;
    opacity: 0;
    transform: translate3d(0, 23px, 0);
  }
  
  .fadeIn1.animated {
    transform: translate3d(0, 0, 0);
    opacity: 1;}

    .fadeIn2 {
        transition: 1.05s;
        opacity: 0;
        transform: translate3d(0, 23px, 0);
      }
      
      .fadeIn2.animated {
        transform: translate3d(0, 0, 0);
        opacity: 1;
      }
        .fadeIn3 {
            transition:1.05s;
            opacity: 0;
            transform: translate3d(0, 23px, 0);
          }
          
          .fadeIn3.animated {
            transform: translate3d(0, 0, 0);
            opacity: 1;
    }
    /* 左から */

.fadeLeft{
    animation-name:fadeLeftAnime;
    animation-duration:0.3s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeLeftAnime{
      from {
        opacity: 0;
      transform: translateX(-100px);
      }
    
      to {
        opacity: 1;
      transform: translateX(0);
      }
    }

    @media screen and (min-width:1024px) {

        .fadeIn1 {
            transition: 1.05s;
            opacity: 0;
            transform: translate3d(0, 23px, 0);
          }
          
          .fadeIn1.animated {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            transition-delay: 0.1s;

        }
        
            .fadeIn2 {
                transition: 1.05s;
                opacity: 0;
                transform: translate3d(0, 23px, 0);
              }
              
              .fadeIn2.animated {
                transform: translate3d(0, 0, 0);
                opacity: 1;
                transition-delay:0.2s;
    }
    .fadeIn3 {
        transition: 1.5s;
        opacity: 0;
        transform: translate3d(0, 23px, 0);
      }
      
      .fadeIn3.animated {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        transition-delay:0.2s;
}

.fadeLeft{
    animation-name:fadeLeftAnime;
    animation-duration:1.5s;
    animation-fill-mode:forwards;
    opacity:0;
    transition: 1.5s;
    transition-delay:0.5s;
    }
    
    @keyframes fadeLeftAnime{
      from {
        opacity: 0;
      transform: translateX(-200px);
      }
    
      to {
        opacity: 1;
      transform: translateX(0);
      }
    }
    
}