@charset "UTF-8";
/*==========================================================================
  animation --
========================================================================== */
/* COMMON
----------------------------------------------------------------- */
.js-fadeInUp {
  opacity : 0;
  transform: translateY(50px);
  transition: 1s;
}

.bg_scroll {
  position: relative;
  min-height: 100%;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center 10px center;
  z-index: 2;
}

@media screen and (max-width: 768px) {
	.bg_scroll {
		background-size: cover;
		background-attachment: scroll;
	}
}

/* TOP mainvisual
----------------------------------------------------------------- */
.js-mCopy-fadeUp {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-mCopy-fadeUp.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.js-slideIn,
.js-slideInSwitch {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  transform: translateX(72px);
}
.js-slideIn.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
  transition: all 1s;
}

.js-slideInSwitch.is-switch {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
  transition: all 2s;
}

/* STRNGTH
----------------------------------------------------------------- */
.js-effect {
  visibility: hidden;
  opacity: 0;
}

.js-effect_od .strength-box  .l-inner_base,
.js-effect_ev .strength-box  .l-inner_base {
  opacity: 0;
}

.js-effect_od.is-visible {
  opacity: 1;
  visibility: visible;
  animation: ef_right 1s;
}
.js-effect_od .strength-box .l-inner_base.is-visible {
  opacity: 1;
  visibility: visible;
  animation: ef_right 1s;
}

@-webkit-keyframes ef_right {
  0% {
    -webkit-transform:translateX(500px);
  }
  100% {
    -webkit-transform:translateX(0px);
  }
}
@keyframes ef_right {
  0% {
    opacity: 0;
    transform:translateX(500px);
  }
  100% {
    transform:translateX(0px);
  }
}

.js-effect_ev.is-visible {
  opacity: 1;
  visibility: visible;
  animation: ef_left 1s;
}
.js-effect_ev .strength-box .l-inner_base.is-visible {
  opacity: 1;
  visibility: visible;
  animation: ef_left 1s;
}


@-webkit-keyframes ef_left {
  0% {
    -webkit-transform:translateX(-500px);
  }
  100% {
    -webkit-transform:translateX(0px);
  }
}
@keyframes ef_left {
  0% {
    opacity: 0;
    transform:translateX(-500px);
  }
  100% {
    transform:translateX(0px);
  }
}

/* SPECIAL
----------------------------------------------------------------- */
.special-headding-txt.ob-hidden {
  opacity: 0;
}
.special-headding-txt.ob-hidden.js-fadeInUp {
  opacity : 1;
  transform: translateY(-10px);
  transition: .5s;
}

.special-headding::after {
  transform: translateX(-670px);
  animation: ef_aircraft 1s 1s forwards;
}

@-webkit-keyframes ef_aircraft {
  0% {
    -webkit-transform:translateX(-670px);
  }
  100% {
    -webkit-transform:translateX(0px);
  }
}
@keyframes ef_aircraft {
  0% {
    opacity: 0;
    transform:translateX(-670px);
  }
  100% {
    transform:translateX(0px);
  }
}

@media screen and (max-width: 768px) {
  .aircraft04.js-fadeInUp {
    transform: translateX(-50%) translateY(-65px)!important;
  }
}