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

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

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

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

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