@charset "UTF-8";



@keyframes awaawa {
     0% {
       opacity: 0.3;


    }
    100%  {
        opacity: 0;

    }
}

@keyframes awatype_start {
     0% {
      transform: translate3d(0,0,0);
    }
    100%  {
        transform: translate3d(0,-100vh,0);
    }
}
@keyframes awatype_start2 {
     0% {
      transform: translate3d(0,50vh,0);
    }
    100%  {
        transform: translate3d(0,-100vh,0);
    }
}

@keyframes rotate-anime {
  0%  {transform: scale(1) rotate(0);opacity: 0;}
  5%  {transform: scale(1) rotate(0);opacity: 1;}
  70%  {transform: scale(1) rotate(0deg); opacity:1;}
  80%  {transform: scale(1) rotate(0deg); opacity: 1;}
  100%  {transform:  scale(1) rotate(0deg);opacity: 1;}
}




@keyframes intro-kanban{
      0% { transform: translate(-50%,0%)  rotate(0deg); animation-timing-function: ease-out;}
    5% { transform:  translate(-50%,0%) rotate(-8deg); animation-timing-function: ease-in;}
    10% { transform:  translate(-50%,0%) rotate(0deg); animation-timing-function: ease-out;}
    15% { transform:  translate(-50%,0%) rotate(4deg); animation-timing-function: ease;}
    55% { transform:  translate(-50%,0%) rotate(-1deg); animation-timing-function: ease-in;}
    100% { transform: translate(-50%,0%)  rotate(0deg); }
}
@keyframes top-kanban{
      0% { transform: translate(0%,0%)  rotate(0deg); animation-timing-function: ease-out;}
    5% { transform:  translate(0%,0%) rotate(-8deg); animation-timing-function: ease-in;}
    10% { transform:  translate(0%,0%) rotate(0deg); animation-timing-function: ease-out;}
    15% { transform:  translate(0%,0%) rotate(4deg); animation-timing-function: ease;}
    55% { transform:  translate(0%,0%) rotate(-1deg); animation-timing-function: ease-in;}
    100% { transform: translate(0%,0%)  rotate(0deg); }
}



@keyframes intro-word-jump { 
  	0% { transform: translate(0,0%) rotate(0deg) scale(1,1);animation-timing-function: ease-in;}
  	5% { transform: translate(0,0%) rotate(0deg) scale(1,0.9);animation-timing-function: cubic-bezier(0.68, -0.6, 0.32, 1.6);}
    10% { transform: translate(0,-10%) rotate(0deg) scale(1,1);}
    20% { transform: translate(0,0%) rotate(0deg) scale(1,0.95);}
     30% { transform: translate(0,0%) rotate(0deg) scale(1,1);}
    100% { transform: translate(0,0%) rotate(0deg) scale(1,1)}
  }
  
  
  
  @keyframes fuwafuwa_anim {
    0% {
        transform: translate(0%,0%) scale3d(1,1,1) rotate(0deg);
    }

    100% {
        transform: translate(0%,5%) scale3d(0.99,0.99,0.5) rotate(3deg);
    }
}

@keyframes fuwafuwa_anim_2 {
    0% {
        transform: translate(0%,0%) scale3d(1,1,1) rotate(0deg);
    }

    100% {
        transform: translate(0%,5%) scale3d(0.98,0.98,1) rotate(-3deg);
    }
}



    @keyframes fuwafuwa_awa {
    0% {
        transform: translate(0%,0%) scale3d(1,1,1) rotate(0deg);
    }

    100% {
        transform: translate(0%,-25%) scale3d(0.98,0.98,1) rotate(-3deg);
    }
}

  @keyframes fade_zoom { 
  	0% { transform: scale(0.6); opacity: 0;animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1)}
    50% {opacity: 1;}
    100% { transform: scale(1);opacity: 1;}
  }
  
    @keyframes up_zoom { 
  	0% { transform: translate(0%,50px) scale(0.6); opacity: 0;animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1)}
    100% { transform: translate(0%,0px) scale(1);opacity: 1;}
  }
     @keyframes right_zoom { 
  	0% { transform: translate(-50px,0px) scale(0.4); opacity: 0;animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1)}
    100% { transform: translate(0%,0px) scale(1);opacity: 1;}
  }
  
       @keyframes left_zoom { 
  	0% { transform: translate(50px,0px) scale(0.4); opacity: 0;animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1)}
    100% { transform: translate(0%,0px) scale(1);opacity: 1;}
  }
  
  
  
      @keyframes fukidashi_pop { 
  	0% { transform: translate(0%,50px) scale(0.6); opacity: 0;animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1)}
    30% { transform: translate(0%,0px) scale(1);opacity: 1;}
    90% { transform: translate(0%,0px) scale(1);opacity: 1;}
    100% { transform: translate(0%,0px) scale(1);opacity: 0;}
  }
  
  
  
  
  
  @keyframes hero-can-zoom {
  0%  {transform: scale3d(0,0,0); }
  10%  {transform: scale3d(0,0,0); }
  80%  {transform: scale3d(1.04,1.04,1);animation-timing-function:cubic-bezier(.69,.33,.41,1);}
  100%  {transform: scale3d(1,1,1);animation-timing-function:ease-out;}
}