@charset "UTF-8";
/*---------------------------------------------------------------------------
アニメーション
---------------------------------------------------------------------------*/
[data-fadein] {
  transform: translateY(var(--transform-from, 40px)) rotate(0.0001deg);
  opacity: var(--opacity-from, 0);
}
[data-fadein][data-scroll=onScreen] {
  opacity: 1;
  transform: none;
  transition: transform 1.5s ease, opacity 1s ease-in-out;
  transition-delay: var(--delay, 0s);
}

@media only screen and (max-width: 767.98px) {
  [data-fadein] {
    transform: translateY(var(--transform-from, var(--transform-from-sp, 40px))) rotate(0.0001deg);
    opacity: var(--opacity-from-sp, var(--opacity-from, 0));
  }
  [data-fadein][data-scroll=onScreen] {
    transition-delay: var(--delay-sp, var(--delay, 0s));
  }
}
[data-fadein-scatter] [data-fadein-scatter-child] {
  transform: translateY(var(--transform-from, 40px)) rotate(0.0001deg);
  opacity: var(--opacity-from, 0);
}
[data-fadein-scatter][data-scroll=onScreen] [data-fadein-scatter-child] {
  opacity: 1;
  transform: none;
  transition: transform 1.5s ease, opacity 1s ease-in-out;
  transition-delay: calc(var(--delay, 0s) + var(--delay-base, 0s));
}

@media only screen and (max-width: 767.98px) {
  [data-fadein-scatter] [data-fadein-scatter-child] {
    transform: translateY(var(--transform-from, var(--transform-from-sp, 40px))) rotate(0.0001deg);
    opacity: var(--opacity-from-sp, var(--opacity-from, 0));
  }
  [data-fadein-scatter][data-scroll=onScreen] [data-fadein-scatter-child] {
    transition-delay: var(--delay-sp, var(--delay), 0s);
    transition-delay: calc(var(--delay-sp, var(--delay, 0s)) + var(--delay-base, var(--delay-base-sp, 0s)));
  }
}
/*---------------------------------------------------------------------------
DOMロード後に実行
---------------------------------------------------------------------------*/
[data-fadein-domloaded] {
  transform: translateY(var(--transform-from, 40px)) rotate(0.0001deg);
  opacity: var(--opacity-from, 0);
}

body.is-dom-loaded [data-fadein-domloaded] {
  opacity: 1;
  transform: none;
  transition: transform 1.5s ease, opacity 1s ease-in-out;
  transition-delay: var(--delay, 0s);
}

@media only screen and (max-width: 767.98px) {
  [data-fadein-domloaded] {
    transform: translateY(var(--transform-from, var(--transform-from-sp, 40px))) rotate(0.0001deg);
    opacity: var(--opacity-from-sp, var(--opacity-from, 0));
  }
  body.is-dom-loaded [data-fadein-domloaded] {
    transition-delay: var(--delay-sp, var(--delay, 0s));
  }
}