@charset "utf-8";

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

/*-----------------------------------------------------	*/
/*  個別指定 for PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 980px) {

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






/*---------------------------------------------
 ** フェードインアニメーション
---------------------------------------------*/
body#top .logowrapper{
-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#top .tel_wrapper {
-webkit-animation: header 1s ease 0.6s;
-moz-animation: header 1s ease 0.6s;
animation: header 1s ease 0.6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}


body#top .header_access_bt,
body#top .header_job_bt    {
  -webkit-animation: header 1s ease 0.6s;
  -moz-animation: header 1s ease 0.6s;
  animation: header 1s ease 0.6s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  




body#top #nav ul li#nav01 {
-webkit-animation: header 1s ease 0.8s;
-moz-animation: header 1s ease 0.8s;
animation: header 1s ease 0.8s;;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;

}
body#top #nav ul li#nav03 {
-webkit-animation: header 1s ease 0.8s;
-moz-animation: header 1s ease 0.8s;
animation: header 1s ease 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;

}
body#top #nav ul li#nav05 {
-webkit-animation: header 1s ease 0.8s;
-moz-animation: header 1s ease 0.8s;
animation: header 1s ease 0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;

}
body#top #nav ul li#nav02 {
-webkit-animation: header 1s ease 1s;
-moz-animation: header 1s ease 1s;
animation: header 1s ease 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;

}
body#top #nav ul li#nav04 {
-webkit-animation: header 1s ease 1s;
-moz-animation: header 1s ease 1s;
animation: header 1s ease 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;

}
body#top #nav ul li#nav06 {
-webkit-animation: header 1s ease 1.2s;
-moz-animation: header 1s ease 1.2s;
animation: header 1s ease 1.2s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}

body#top .time {
-webkit-animation: time 1s ease 1.1s;
-moz-animation: time 1s ease 1.1s;
animation: time 1s ease 1.1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;

}
body#top .header_wrapper {
-webkit-animation: header 1s ease 0.1s;
-moz-animation: header 1s ease 0.1s;
animation: header 1s ease 0.1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;

}

body#top .header_wrapper_bg {
-webkit-animation: header 3s ease 0.5s;
-moz-animation: header 3s ease 0.5s;
animation: header 3s ease 0.5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;

}

body#top #content {
-webkit-animation: header 1s ease 1.5s;
-moz-animation: header 1s ease 1.5s;
animation: header 1s ease 1.5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;

}
/* body#top #footer {
-webkit-animation: header 1s ease 1.5s;
-moz-animation: header 1s ease 1.5s;
animation: header 1s ease 1.5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;

} */


/* .pagetop_anime {
-webkit-animation: RslideIn 1s ease 0.5s;
-moz-animation: RslideIn 1s ease 0.5s;
animation: RslideIn 1s ease 0.5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;

}
 */





body#top { animation:none;}
body {animation: fadeIn 2s ease 0s 1 normal;     -webkit-animation: fadeIn 2s ease 0s 1 normal;  animation: fadeIn 2s ease 0s 1 normal;   -webkit-animation: fadeIn 2s ease 0s 1 normal;}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

}