@charset "utf-8";


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

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

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

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

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



/*---------------------------------------------
 ** フェードインアニメーション
---------------------------------------------*/
body#index .top_main_R{
  -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;
  }

  body#index .top_main_inner_anime{
  -webkit-animation: header 1s ease 0.3s;
  -moz-animation: header 1s ease 0.3s;
  animation: header 1s ease 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  
  body#index .top_main_inner_anime:after {
    -webkit-animation: header_migikara 1s ease 0.3s;
    -moz-animation: header_migikara 1s ease 0.3s;
    animation: header_migikara 1s ease 0.3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    }
    body#index .top_main_L{
    -webkit-animation: header_migikara 1s ease 0.6s;
    -moz-animation: header_migikara 1s ease 0.6s;
    animation: header_migikara 1s ease 0.6s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    }
    
    body#index .hara_message_01{
      -webkit-animation: header_migikara 1.2s ease 0.8s;
      -moz-animation: header_migikara 1.2s ease 0.8s;
      animation: header_migikara 1.2s ease 0.8s;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      animation-fill-mode: both;
      }

      
      @media screen and (min-width: 740px) {

      }