@charset "UTF-8";
/* ======================================
   Scroll Reveal : 安定版
====================================== */
.reveal {
  --rv-dur: .7s;
  --rv-dist: 1.5em;
  opacity: 0;
  transform: translate3d(0, 0, 0);
  transition:
    opacity var(--rv-dur) ease, transform var(--rv-dur) ease;
  will-change: opacity, transform;
}
/* direction（初期ズラし） */
.reveal.fade {
  transform: none;
}
.reveal.fadeUp {
  transform: translate3d(0, var(--rv-dist), 0);
}
.reveal.fadeDown {
  transform: translate3d(0, calc(var(--rv-dist) * -1), 0);
}
.reveal.fadeRight {
  transform: translate3d(var(--rv-dist), 0, 0);
}
.reveal.fadeLeft {
  transform: translate3d(calc(var(--rv-dist) * -1), 0, 0);
}
/* 表示 */
.reveal.is-inview {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
/* delay */
.reveal.d30 {
  transition-delay: .30s;
}
.reveal.d50 {
  transition-delay: .50s;
}
.reveal.d60 {
  transition-delay: .60s;
}
.reveal.d90 {
  transition-delay: .90s;
}
.reveal.d100 {
  transition-delay: 1s;
}
.reveal.d120 {
  transition-delay: 1.2s;
}
.d-list {
  --stagger: .12s;
}
.d-list > li.reveal {
  transition-delay: calc(var(--d, 0) * var(--stagger));
}