@charset "utf-8";


/* アニメーション定義 */

/*-----------------------------------------------------	*/
/*  個別指定 for PC	*/
/*-----------------------------------------------------	*/

@keyframes header {
 0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

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



/*---------------------------------------------
 ** フェードインアニメーション
---------------------------------------------*/
body#top .main_top_h{
-webkit-animation: header 1s ease 0.2s;
-moz-animation: header 1s ease 0.2s;
animation: header 1s ease 0.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}