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

@media only screen and (max-width: 767.98px) {
  [data-fadein] {
    -webkit-transform: translateY(var(--transform-from, var(--transform-from-sp, 40px))) rotate(0.0001deg);
            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] {
  -webkit-transform: translateY(var(--transform-from, 40px)) rotate(0.0001deg);
          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;
  -webkit-transform: none;
          transform: none;
  transition: opacity 1s ease-in-out, -webkit-transform 1.2s cubic-bezier(0.17, 0.84, 0.44, 1);
  transition: transform 1.2s cubic-bezier(0.17, 0.84, 0.44, 1), opacity 1s ease-in-out;
  transition: transform 1.2s cubic-bezier(0.17, 0.84, 0.44, 1), opacity 1s ease-in-out, -webkit-transform 1.2s cubic-bezier(0.17, 0.84, 0.44, 1);
  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] {
    -webkit-transform: translateY(var(--transform-from, var(--transform-from-sp, 40px))) rotate(0.0001deg);
            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)));
  }
}