@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
div.hero-bg-area p.txt01, div.hero-bg-area p.txt02, div.hero-bg-area span.shimekiri-box, div.hero-bg-area div.logo {
  opacity: 0;
}
div.hero-bg-area p.txt01.animation, div.hero-bg-area p.txt02.animation, div.hero-bg-area span.shimekiri-box.animation, div.hero-bg-area div.logo.animation {
  animation: fade 0.6s 0s ease forwards;
}

div.concept-txt-wrap h4, div.concept-txt-wrap p, div.concept-txt-wrap a {
  opacity: 0;
}
div.concept-txt-wrap h4.animation, div.concept-txt-wrap p.animation, div.concept-txt-wrap a.animation {
  animation: fade 0.6s 0s ease forwards;
}

div.detail-slide-wrap {
  opacity: 0;
}
div.detail-slide-wrap.animation {
  animation: fade 0.6s 0s ease forwards;
}

div.feature-txt-wrap h4, div.feature-txt-wrap p {
  opacity: 0;
}
div.feature-txt-wrap h4.animation, div.feature-txt-wrap p.animation {
  animation: fade 0.6s 0s ease forwards;
}

div.feature-slide-wrap {
  opacity: 0;
}
div.feature-slide-wrap.animation {
  animation: fade 0.6s 0s ease forwards;
}/*# sourceMappingURL=animation.css.map */