@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);
  }
}


@keyframes header {
  0% {
     opacity: 0;
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 
 @-webkit-keyframes header {
  0% {
     opacity: 0;
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 
 
 
 @keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
 }
 
 @-webkit-keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
 }
 
 
 @keyframes RslideIn {
  0% {
     opacity: 0;
     -webkit-transform: translateY(30px);
     transform: translateY(30px);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 
 @-webkit-keyframes RslideIn {
  0% {
     opacity: 0;
     -webkit-transform: translateY(30px);
     transform: translateY(30px);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
 }
 
 
 
 @keyframes time {
  0% {
     opacity: 0;
     -webkit-transform: translateX(-30px);
     transform: translateX(-30px);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }
 
 @-webkit-keyframes time {
  0% {
     opacity: 0;
     -webkit-transform: translateX(-30px);
     transform: translateX(-30px);
   }
 
   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }



/*---------------------------------------------
 ** フェードインアニメーション
---------------------------------------------*/



.bg_anime{
-webkit-animation: header 1s ease 0.4s;
-moz-animation: header 1s ease 0.4s;
animation: header 1s ease 0.4s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}


.catch_copy{
  -webkit-animation: header 1.3s ease 0.7s;
  -moz-animation: header 1.3s ease 0.7s;
  animation: header 1.3s ease 0.7s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  }

.catch_copy_kana{
  -webkit-animation: header 1s ease 1.3s;
  -moz-animation: header 1s ease 1.3s;
  animation: header 1s ease 1.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  }


  .bg_ex{
    -webkit-animation: header 1s ease 0.4s;
    -moz-animation: header 1s ease 0.4s;
    animation: header 1s ease 0.4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    }