.inner {
  position: relative;
  width: 100%;
  height: 100%;
}

/* ----------------------
    mainContents
   ---------------------- */
#mainContents {
  background: url(../img/rush/bg.jpg) no-repeat;
  background-size: cover;
  width: 100vw;
  height: 436.93333vw;
  overflow: hidden;
}

#mainContents h2 {
  background-image: url("../img/rush/title.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.4s linear;
  width: 95.6vw;
  height: 24vw;
  top: 21.86667vw;
  left: 4.26667vw;
}
#mainContents h2.show {
  opacity: 1;
}

#rushPer {
  background-image: url("../img/rush/rush_per.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.4s linear;
  width: 97.6vw;
  height: 50.53333vw;
  top: 37.6vw;
  left: 2.4vw;
}
#rushPer.show {
  opacity: 1;
}

#rushArrow {
  background: url("../img/rush/rush_arrow.png") no-repeat;
  background-size: contain;
  width: 62vw;
  height: 20.13333vw;
  position: absolute;
  top: 87.46667vw;
  left: 19.46667vw;
  opacity: 0;
  transform: translate(0, -10vw);
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
#rushArrow.show {
  opacity: 1;
  transform: translate(0, 0);
}

#rushType {
  background-image: url("../img/rush/rush_type.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.4s linear;
  width: 100vw;
  height: 144.26667vw;
  top: 87.2vw;
  left: 0;
}
#rushType.show {
  opacity: 1;
}

#rushText {
  background-image: url("../img/rush/rush_text.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.4s linear;
  width: 16.8vw;
  height: 134.13333vw;
  top: 100.53333vw;
  left: 41.33333vw;
}
#rushText.show {
  opacity: 1;
}

#bonus {
  background-image: url("../img/rush/bonus.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.4s linear;
  width: 100vw;
  height: 154.53333vw;
  top: 222.93333vw;
  right: 0;
}
#bonus.show {
  opacity: 1;
}

#unitImg {
  background-image: url("../img/rush/10c_img.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
  transition: opacity 0.4s linear;
  width: 100vw;
  height: 69.73333vw;
  top: 374.93333vw;
  left: 0;
}
#unitImg.show {
  opacity: 1;
}
