@charset "UTF-8";

/* 
============================================================
---- スクロール出現アニメーション ----
============================================================
*/
.u-fade {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.u-fade.is-visible {
  opacity: 1;
}

.u-fade-up {
  opacity: 0;
  transform: translateY(15px);
  transition:
    opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1),
    transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.u-fade-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}