.awesome-banner-umi {
  background: #273c65 url("../images/awesome-banner-umi/bg.png") right bottom
    no-repeat;
  background-size: auto 100%;
  color: #fff !important;
}

.awesome-banner-umi__dec-01 {
  right: 4.9%;
  top: 8.9%;
  width: 5.4em;
  height: 6em;
  background-image: url("../images/awesome-banner-umi/dec-01.png");
}

.awesome-banner-umi__dec-02 {
  right: 0;
  top: 56.7%;
  width: 9.9em;
  height: 4.8em;
  background-image: url("../images/awesome-banner-umi/dec-02.png");
}

.awesome-banner-umi__dec-03 {
  left: -12.8%;
  bottom: -16.8%;
  width: 32.8em;
  height: 28.4em;
  background-image: url("../images/awesome-banner-umi/dec-03.png");
}

.awesome-banner-umi__dec-04 {
  right: 29%;
  top: 12.6%;
  width: 15.3em;
  height: 13.5em;
  background-image: url("../images/awesome-banner-umi/dec-04.png");
}

.awesome-banner-umi__dec-05 {
  right: 24.8%;
  top: 25.1%;
  width: 6.5em;
  height: 7.4em;
  background-image: url("../images/awesome-banner-umi/dec-05.png");
}

.awesome-banner-umi__dec-06 {
  left: 33.8%;
  bottom: 9.5%;
  width: 8.7em;
  height: 9em;
  background-image: url("../images/awesome-banner-umi/dec-06.png");
}

.awesome-banner-umi__dec-07 {
  left: 19.9%;
  bottom: 16.2%;
  width: 13.4em;
  height: 12em;
  background-image: url("../images/awesome-banner-umi/dec-07.png");
}

.awesome-banner-umi__dec-08 {
  right: 25.4%;
  bottom: 7.3%;
  width: 22.4em;
  height: 18.8em;
  background-image: url("../images/awesome-banner-umi/dec-08.png");
}

.awesome-banner-umi__dec-09 {
  left: 23.5%;
  top: 7.2%;
  width: 24.4em;
  height: 16.9em;
  background-image: url("../images/awesome-banner-umi/dec-09.png");
}

.awesome-banner-umi__dec-10 {
  left: 18.4%;
  top: 19.9%;
  width: 6.5em;
  height: 6.9em;
  background-image: url("../images/awesome-banner-umi/dec-10.png");
}

.awesome-banner-umi__animation {
  width: 27.9em;
  height: 21.4em;
  left: 50%;
  top: 50%;
  margin: -10.3em 0 0 -15.8em;
}

.awesome-banner-umi__animation-el-01 {
  left: -1.25em;
  top: -1.55em;
  width: 27.9em;
  height: 21.4em;
}

.awesome-banner-umi__animation-el-01-01 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/awesome-banner-umi/01-01.png");
}

.awesome-banner-umi__animation-el-01-02 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/awesome-banner-umi/01-02.png");
}

.awesome-banner-umi__animation-el-02 {
  left: 1.25em;
  top: 1.55em;
  width: 27.9em;
  height: 21.4em;
}

.awesome-banner-umi__animation-el-02-01 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/awesome-banner-umi/02-01.png");
}

.awesome-banner-umi__animation-el-02-02 {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/awesome-banner-umi/02-02.png");
}

.awesome-banner-umi__animation-el-03 {
  left: -3.35em;
  top: 13.55em;
  width: 13.1em;
  height: 11.1em;
}

.awesome-banner-umi__animation-el-03-01 {
  left: 1.75em;
  top: 2.05em;
  width: 11.3em;
  height: 9.8em;
  background-image: url("../images/awesome-banner-umi/03-01.png");
}

.awesome-banner-umi__animation-el-03-02 {
  left: 0;
  top: 0;
  width: 13.1em;
  height: 11.1em;
  background-image: url("../images/awesome-banner-umi/03-02.png");
}

.awesome-banner-umi__animation-el-04 {
  right: -3.7em;
  top: -2.25em;
  width: 42.6em;
  height: 34.4em;
  background-image: url("../images/awesome-banner-umi/04.png");
}

.awesome-banner-umi__animation-el-05 {
  right: -8.2em;
  top: -5.9em;
  width: 4.5em;
  height: 4em;
  background-image: url("../images/awesome-banner-umi/05.png");
}

.awesome-banner-umi__animation-el-06 {
  right: -3.8em;
  bottom: 3.4em;
  width: 6.5em;
  height: 5.8em;
  background-image: url("../images/awesome-banner-umi/06.png");
}

.awesome-banner-umi__animation-el-07 {
  left: -8.1em;
  top: -1.5em;
  width: 3.6em;
  height: 3.2em;
  background-image: url("../images/awesome-banner-umi/07.png");
}

.awesome-banner-umi__animation-el-08 {
  left: -4.4em;
  bottom: 8.2em;
  width: 5.7em;
  height: 5.1em;
  background-image: url("../images/awesome-banner-umi/08.png");
}

.awesome-banner-umi__animation-el-01 {
  transform: translate(1.25em, 1.55em);
}
.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-01 {
  transform: translate(0);
}

.awesome-banner-umi__animation-el-01-01 {
  opacity: 0;
}
.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-01-01 {
  opacity: 1;
}

.awesome-banner-umi__animation-el-01-02 {
  opacity: 0;
}
.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-01-02 {
  opacity: 1;
}

.awesome-banner-umi__animation-el-02 {
  transform: translate(-1.25em, -1.55em);
}
.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-02 {
  transform: translate(0);
}

.awesome-banner-umi__animation-el-02-01 {
  opacity: 0;
}
.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-02-01 {
  opacity: 1;
}

.awesome-banner-umi__animation-el-02-02 {
  opacity: 0;
}
.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-02-02 {
  opacity: 1;
}

.awesome-banner-umi__animation-el-03 {
  opacity: 0;
  transform: translateY(100%);
}
.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-03 {
  opacity: 1;
  transform: translateY(0);
}

.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-03-01 {
  animation: 0.3s awesome-banner-umi-presss 1.5s linear;
}
.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-03-02 {
  transform-origin: left bottom;
  animation: 0.3s awesome-banner-umi-press 1.5s linear;
}

.awesome-banner-umi__animation-el-04 {
  transform: scale(0);
}
.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-04 {
  transform: scale(1);
}

.awesome-banner-umi__animation-el-05 {
  transform: translate(-23.5em, 17.3em) scale(0);
}
.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-05 {
  transform: translate(0) scale(1);
}

.awesome-banner-umi__animation-el-06 {
  transform: translate(-19em, -1em) scale(0);
}
.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-06 {
  transform: translate(0) scale(1);
}

.awesome-banner-umi__animation-el-07 {
  transform: translate(16em, 14em) scale(0);
}
.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-07 {
  transform: translate(0) scale(1);
}

.awesome-banner-umi__animation-el-08 {
  transform: translate(11em, 4em) scale(0);
}
.awesome-banner-umi.is-animated .awesome-banner-umi__animation-el-08 {
  transform: translate(0) scale(1);
}

.awesome-banner-umi.is-animate .awesome-banner-umi__animation-el-01-01 {
  transition: 0.6s linear;
  transition-delay: 0s;
}
.awesome-banner-umi.is-animate .awesome-banner-umi__animation-el-02-01 {
  transition: 0.6s linear;
  transition-delay: 0s;
}
.awesome-banner-umi.is-animate .awesome-banner-umi__animation-el-03 {
  transition: 0.3s linear;
  transition-delay: 0.8s;
}
.awesome-banner-umi.is-animate .awesome-banner-umi__animation-el-04 {
  transition: 0.6s linear;
  transition-delay: 1.7s;
}
.awesome-banner-umi.is-animate .awesome-banner-umi__animation-el-01 {
  transition: 0.3s linear;
  transition-delay: 2s;
}
.awesome-banner-umi.is-animate .awesome-banner-umi__animation-el-02 {
  transition: 0.3s linear;
  transition-delay: 2s;
}
.awesome-banner-umi.is-animate .awesome-banner-umi__animation-el-01-02 {
  transition: 0.7s linear;
  transition-delay: 2s;
}
.awesome-banner-umi.is-animate .awesome-banner-umi__animation-el-02-02 {
  transition: 0.7s linear;
  transition-delay: 2s;
}
.awesome-banner-umi.is-animate .awesome-banner-umi__animation-el-05 {
  transition: 0.4s linear;
  transition-delay: 1.8s;
}
.awesome-banner-umi.is-animate .awesome-banner-umi__animation-el-06 {
  transition: 0.4s linear;
  transition-delay: 1.9s;
}
.awesome-banner-umi.is-animate .awesome-banner-umi__animation-el-07 {
  transition: 0.4s linear;
  transition-delay: 2s;
}
.awesome-banner-umi.is-animate .awesome-banner-umi__animation-el-08 {
  transition: 0.4s linear;
  transition-delay: 2.1s;
}

@keyframes awesome-banner-umi-press {
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0);
  }
}

@keyframes awesome-banner-umi-presss {
  50% {
    transform: translate(0.8em, -0.8em);
  }
  100% {
    transform: rotate(0);
  }
}

@media (max-width: 1023px) {
  .awesome-banner-umi__dec-01 {
    right: 2%;
  }

  .awesome-banner-umi__dec-03 {
    left: -28%;
  }

  .awesome-banner-umi__dec-04 {
    right: 12%;
  }

  .awesome-banner-umi__dec-05 {
    right: 11.8%;
  }

  .awesome-banner-umi__dec-07 {
    left: 11.9%;
  }

  .awesome-banner-umi__dec-08 {
    right: 5.4%;
  }

  .awesome-banner-umi__dec-09 {
    left: 7.5%;
  }

  .awesome-banner-umi__dec-10 {
    left: 6.4%;
  }
}

@media (max-width: 480px) {
  .awesome-banner-umi__animation {
    font-size: 6px;
  }
}