/* fadeUp */

.fadeUp{
    animation-name:fadeUpAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeUpAnime{
      0% {
        opacity: 0;
      transform: translateY(50px);
      }
    
      100% {
        opacity: 1;
      transform: translateY(0);
      }
    }
    
    
    /* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繧偵＠縺溘ｉ蜃ｺ迴ｾ縺吶ｋ隕∫ｴ�縺ｫ縺ｯ縺倥ａ縺ｫ騾城℃0繧呈欠螳壹€€*/
     
    .fadeUpTrigger{
        opacity: 0;
    }


.fade {
  animation-name: fade;
  animation-duration: 1s;
}
    @keyframes fade{
      0%{
        opacity: 0;
      }
      100%{
        opacity: 1;
      }
}