/* ---------------------------------------------------------------------------------------------------- */
/* animation(jQuery) */
.fadeIn__bottom {
  opacity: 0;
  transform: translate(0, 60%);
  transition: 2s;
}

.fadeIn__bottom.is__show {
  opacity: 1;
  transform: translate(0, 0);
}

.fadeIn {
  transform: translate(0, 110%);
  opacity: 0;
  transition: all 1.6s;
}
.fadeIn.is__show {
  opacity: 1;
  transform: translate(0, 0);
}

.fadeIn__left {
  transform: translate(-150%, 0);
  opacity: 0;
  transition: all 1.2s;
}
.fadeIn__left.is__show {
  opacity: 1;
  transform: translate(0, 0);
}

.fadeIn__right {
  transform: translate(100%, 0);
  opacity: 0;
  transition: all 1.2s;
}
.fadeIn__right.is__show {
  opacity: 1;
  transform: translate(0, 0);
}
/* ---------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------- */
/* animation(css) */
.fadeIn__left__css {
  transform: translate(-100%, 0);
  opacity: 0;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-name: fadeIn__left;
}

.fadeIn__right__css {
  transform: translate(100%, 0);
  opacity: 0;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-name: fadeIn__right;
}

@keyframes fadeIn__left {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes fadeIn__right {
  0% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
/* ------------------------------------------ */
/* mv(トップページ） */
.mv__img.fadeIn__left__css {
  animation-delay: 0.5s;
  animation-duration: 2s;
}

.mv__box.fadeIn__right__css {
  animation-delay: 1.4s;
  animation-duration: 1.2s;
}
/* ------------------------------------------ */

/* ------------------------------------------ */
/* post__common（業務内容 & 製作実績 & 機械設備ページ) */
.post__common .right.fadeIn__left__css {
  animation-delay: 0.6s;
  animation-duration: 1.2s;
}
.post__common .left.fadeIn__right__css {
  animation-delay: 1s;
  animation-duration: 0.8s;
}
/* ------------------------------------------ */

/* ------------------------------------------ */
/* contactページ */
.contact__before__box.fadeIn__left__css {
  animation-delay: 0.4s;
  animation-duration: 1.2s;
}

.form__container.fadeIn__right__css {
  animation-delay: 0.4s;
  animation-duration: 1.5s;
}
/* ------------------------------------------ */

/* ------------------------------------------ */
/* サイトマップページ */
.sitemap .sitemap__before__box.fadeIn__left__css {
  animation-delay: 0.4s;
  animation-duration: 1.2s;
}

.sitemap .container.fadeIn__right__css {
  animation-delay: 0.4s;
  animation-duration: 1.5s;
}
/* ------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------- */