@-webkit-keyframes bounce {
  0% {
    transform: scale(0.9);
  }
  20% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes bounce {
  0% {
    transform: scale(0.9);
  }
  20% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
.fadein {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 1.5s;
}
.fadein.fadein_left {
  transform: translate(-30px, 0);
}
.fadein.fadein_right {
  transform: translate(30px, 0);
}
.fadein.fadein_up {
  transform: translate(0, -30px);
}
.fadein.fadein_bt {
  transform: translate(0, 30px);
}
@media screen and (max-width: 768px) {
  .fadein.sp_bt {
    transform: translate(0, 0) !important;
  }
}
.fadein.scrollin {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}
.fadein.de_01 {
  transition-delay: 0.1s;
}
.fadein.de_02 {
  transition-delay: 0.2s;
}
.fadein.de_03 {
  transition-delay: 0.3s;
}
.fadein.de_04 {
  transition-delay: 0.4s;
}
.fadein.de_05 {
  transition-delay: 0.5s;
}
.fadein.de_06 {
  transition-delay: 0.6s;
}
.fadein.de_07 {
  transition-delay: 0.7s;
}
.fadein.de_08 {
  transition-delay: 0.8s;
}
.fadein.de_09 {
  transition-delay: 0.9s;
}
.fadein.de_10 {
  transition-delay: 1s;
}
.fadein.de_20 {
  transition-delay: 2s;
}
@media screen and (max-width: 768px) {
  .fadein.de_sp {
    transition-delay: inherit !important;
  }
}

@-webkit-keyframes naname {
  0% {
    transform: rotate(0);
  }
  30% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-3deg);
  }
  to {
    transform: rotate(-3deg);
  }
}

@keyframes naname {
  0% {
    transform: rotate(0);
  }
  30% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-3deg);
  }
  to {
    transform: rotate(-3deg);
  }
}
@-webkit-keyframes naname2 {
  0% {
    transform: rotate(0);
  }
  30% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(3deg);
  }
  to {
    transform: rotate(3deg);
  }
}
@keyframes naname2 {
  0% {
    transform: rotate(0);
  }
  30% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(3deg);
  }
  to {
    transform: rotate(3deg);
  }
}
.active .naname_img {
  transform: rotate(-3deg);
  transform-origin: left bottom;
}
.active .naname_img.fadein_naname {
  -webkit-animation: naname 1.8s ease 1 normal;
          animation: naname 1.8s ease 1 normal;
}

.active .naname_img_02 {
  transform: rotate(3deg);
  transform-origin: left bottom;
}
.active .naname_img_02.fadein_naname2 {
  -webkit-animation: naname2 1.8s ease 1 normal;
          animation: naname2 1.8s ease 1 normal;
}
/*# sourceMappingURL=anime.css.map */