/* 
    フローダウンCSSパタっと下へ
     */

     .fadeRight{
        animation-name:fadeRightAnime;
        animation-duration:1.5s;
        animation-fill-mode:forwards;
        opacity:0;
        }
        
        @keyframes fadeRightAnime{
          from {
            opacity: 0;
          transform: translateX(100px);
          }
        
          to {
            opacity: 1;
          transform: translateX(0);
          }
        }
        
        /* スクロールをしたら出現する要素にはじめに透過0を指定　*/
         
        
        .fadeRightTrigger{
            opacity: 0;
        }