@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */


.animated.infinite {-webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;}

/**********************************************************************************************

　アニメーション　開始地点遅延

**********************************************************************************************/
.inv.animated.animeDelay02s{animation-delay:0.2s;}
.inv.animated.animeDelay04s{animation-delay:0.4s;}
.inv.animated.animeDelay06s{animation-delay:0.6s;}
.inv.animated.animeDelay08s{animation-delay:0.8s;}
.inv.animated.animeDelay10s{animation-delay:1.0s;}
.inv.animated.animeDelay12s{animation-delay:1.2s;}
.inv.animated.animeDelay14s{animation-delay:1.4s;}
.inv.animated.animeDelay15s{animation-delay:1.5s;}
.inv.animated.animeDelay16s{animation-delay:1.6s;}
.inv.animated.animeDelay18s{animation-delay:1.8s;}
.inv.animated.animeDelay20s{animation-delay:2.0s;}

/**********************************************************************************************

　アニメーション　速度調整

**********************************************************************************************/
.inv.animated.animeDuration3s{animation-duration:3s;}

/**********************************************************************************************

　アニメーション

**********************************************************************************************/
.inv.animated,.visualTxt,
.topTit,.recruitTxt,.lineTxt,.lineBg,.secNews,
.divBox01,.divBox02,.recruitMore,.moreBox {animation-fill-mode:forwards;opacity:0;animation-duration:1.8s;animation-delay:0s;}
.inv.animated.fadeClass{opacity:1;}
.fadeInDown{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown; }
.fadeInLeft{ -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; }
.fadeInRight{ -webkit-animation-name:fadeInRight; animation-name:fadeInRight; }
.fadeInUp{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp; }

@-webkit-keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}

@keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}

.fadeIn {-webkit-animation-name:fadeIn; animation-name:fadeIn;}

/**********************************************************************************************

　fadeInDown

**********************************************************************************************/
@-webkit-keyframes fadeInDown {
  from {opacity:0; -webkit-transform:translate3d(0, -100px, 0); transform:translate3d(0, -100px, 0);}
  to {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
}
@keyframes fadeInDown {
  from {opacity:0; transform:translate3d(0, -100px, 0);}
  to {opacity:1; transform:translate3d(0, 0, 0);}
}

/**********************************************************************************************

　fadeInLeft

**********************************************************************************************/
@-webkit-keyframes fadeInLeft {
  from {opacity:0; -webkit-transform:translate3d(-100px, 0, 0); transform:translate3d(-100px, 0, 0);}
  to {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
}
@keyframes fadeInLeft {
  from {opacity:0; transform:translate3d(-100px, 0, 0);}
  to {opacity:1; transform:translate3d(0, 0, 0);}
}

/**********************************************************************************************

　fadeInRight

**********************************************************************************************/
@-webkit-keyframes fadeInRight{
  from {opacity:0; -webkit-transform:translate3d(100px, 0, 0); transform:translate3d(100px, 0, 0);}
  to {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
}

@keyframes fadeInRight {
  from {opacity:0; transform:translate3d(100px, 0, 0);}
  to {opacity:1; transform:translate3d(0, 0, 0);}
}

/**********************************************************************************************

　fadeInUp

**********************************************************************************************/
@-webkit-keyframes fadeInUp {
  from {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0);}
  to {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
}

@keyframes fadeInUp {
  from {opacity:0; transform:translate3d(0, 100px, 0);}
  to {opacity:1; transform:translate3d(0, 0, 0);}
}

/**********************************************************************************************

　fadeOut

**********************************************************************************************/
@-webkit-keyframes fadeOut {
  from {opacity:1;}
  to {opacity:0;}
}
@keyframes fadeOut {
  from {opacity:1;}
  to {opacity:0;}
}