/* アニメーション関連 */
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}

.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}

.scroll_up_slow {
  transition: 2s ease-in-out;
  transform: translateY(120px);
  opacity: 0;
}

.scroll_up_slow.on {
  transform: translateY(0);
  opacity: 1.0;
}

.scroll_fadein {
  transition: 0.8s ease-in-out;
  opacity: 0;
}

.scroll_fadein.on {
  transform: translateY(0);
  opacity: 1.0;
}

.auto_scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}

.auto_scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}

.auto_scroll_fadein {
  transition: 0.8s ease-in-out;
  opacity: 0;
}

.auto_scroll_fadein.on {
  transform: translateY(0);
  opacity: 1.0;
}

.scroll_left {
  transition: 0.8s ease-in-out;
  transform: translateX(-30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.scroll_left.on {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  transform: translateX(0);
}

.scroll_leftup {
  transition: 0.8s ease-in-out;
  transform: translateX(-30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.scroll_leftup.on {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  transform: translateX(0);
}

.scroll_right {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  transform: translateX(30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.scroll_right.on {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  transform: translateX(0);
}

.scroll_rightup {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  transform: translateX(30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.scroll_rightup.on {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  transform: translateX(0);
}

.stiming01 {transition-delay: .0s;}
.stiming02 {transition-delay: .2s;}
.stiming03 {transition-delay: .4s;}
.stiming04 {transition-delay: .6s;}
.stiming05 {transition-delay: .8s;}
.stiming06 {transition-delay: 1.0s;}
.stiming07 {transition-delay: 1.2s;}
.stiming08 {transition-delay: 1.4s;}
.stiming09 {transition-delay: 1.6s;}


@media all and (max-width: 1024px) {
  /* animation */
  .scroll_leftup {
    transition: 0.8s ease-in-out;
    transform: translateY(30px);
    opacity: 0;
  }

  .scroll_leftup.on {
    transform: translateY(0);
    opacity: 1.0;
  }

  .scroll_rightup {
    transition: 0.8s ease-in-out;
    transform: translateY(30px);
    opacity: 0;
  }

  .scroll_tightup.on {
    transform: translateY(0);
    opacity: 1.0;
  }
}