@charset "UTF-8";
/******************
アニメーションcss
******************/
.fadein {
  opacity: 0;
  transform: translateY(60px);
  transition: 0.8s;
}
.fadein.animated {
  opacity: 1;
  transform: translateY(0);
}

@keyframes circle-animation-01 {
  0% {
    width: 0;
    height: 0;
    box-shadow: 0 0 0 9999px black;
  }
  100% {
    width: 1200px;
    height: 1200px;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6);
  }
}
@keyframes circle-animation-02 {
  0% {
    width: 1200px;
    height: 1200px;
  }
  100% {
    width: 3600px;
    height: 3600px;
  }
}
@keyframes circle-animation-01-sp {
  0% {
    width: 0;
    height: 0;
    box-shadow: 0 0 0 9999px black;
  }
  100% {
    width: 790px;
    height: 790px;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6);
  }
}
@keyframes circle-animation-02-sp {
  0% {
    width: 790px;
    height: 790px;
  }
  100% {
    width: 2370px;
    height: 2370px;
  }
}

/*# sourceMappingURL=animation.css.map */