@charset "UTF-8";
.hero_slider .slide-animation {
  animation: fadezoom 8s 0s forwards; }

@keyframes fadezoom {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.2); } }
.effect {
  opacity: 0; }

.effect.fade_up {
  transform: translate(0, 30px);
  transition: all 500ms; }

.effect:not(.opening).fade_down {
  transform: translate(0, -30px);
  transition: all 500ms; }

.effect.slide_left {
  transform: translate(30px, 0);
  transition: all 500ms; }

.effect.slide_right {
  transform: translate(-30px, 0);
  transition: all 500ms; }

.effect.is_show {
  opacity: 1;
  transform: translate(0, 0); }

@media screen and (min-width: 520px) {
  /* ホーム */
  #quality .flex .effect.fade_up:nth-child(2), #banner .flex .effect.fade_up:nth-child(2), #strength .flex .effect.fade_up:nth-child(2), #products .flex .effect.fade_up:nth-child(2), #recruit_footer .flex .effect.fade_up:nth-child(2), #banner_footer .flex .effect.fade_up:nth-child(2) {
    transition-delay: .5s; }

  #quality .flex .effect.fade_up:nth-child(3), #banner .flex .effect.fade_up:nth-child(3), #strength .flex .effect.fade_up:nth-child(3), #products .flex .effect.fade_up:nth-child(3) {
    transition-delay: 1s; }

  /* 下層 */
  .page:not(.home) #main .flex .effect:nth-child(2) {
    transition-delay: .5s; }
  .page:not(.home) #main .flex .effect:nth-child(3) {
    transition-delay: 1s; } }
.effect.opening.start {
  opacity: 1; }

.effect.opening.fade_up {
  transform: translate(-50%, -10%);
  transition: all 500ms; }

.effect.opening.fade_up.start {
  transform: translate(-50%, -30%); }

.effect.opening.fade_down {
  transform: translate(0, -30px); }

.effect.opening.fade_down.start {
  opacity: 0;
  animation: opening 1s 1 forwards 0.5s; }

.effect.opening.slide_left.start {
  transform: translate(0, 0); }

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