@charset "UTF-8";
/* pxをvwに変換
/*-------------------------*/
/* pxをvhに変換
/*-------------------------*/
/**
utilities
*/
@media (max-width: 767px) {
  .u-pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px), print {
  .u-sp {
    display: none !important;
  }
}

[data-scroll=fadein] {
  filter: blur(10px);
  opacity: 0;
  pointer-events: none;
  translate: 0 15px;
  transition: opacity 0.6s linear, filter 0.6s ease, translate 0.6s ease;
  will-change: opacity, filter;
}
[data-scroll=fadein].active {
  filter: blur(0);
  opacity: 1;
  pointer-events: auto;
  translate: 0;
}
@media (max-width: 767px) {
  [data-scroll=fadein] {
    filter: blur(2.67vw);
    translate: 0 4vw;
  }
  [data-scroll=fadein].active {
    translate: 0;
  }
}

/*
components
*//*# sourceMappingURL=base.css.map */