@charset "utf-8";



.js-fadeup {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.js-fadeup::after {
  z-index: 2;
  content: "";
  width: 117%;
  height: 108%;
  background-image: url(../images/bg.png);
  position: absolute;
  top: -6%;
  left: -13%;
  transition: transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transform: translate3d(0, 0%, 0);
}

.js-after::after {
  transform: translate3d(0, -103%, 0);
}




.js-fadeup-m {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.js-fadeup-m::after {
  z-index: 2;
  content: "";
  width: 116%;
  height: 134%;
  background-image: url(../images/bg.png);
  /* background-color: aqua; */
  position: absolute;
  top: -34%;
  left: -15%;
  transition: transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transform: translate3d(0, 0%, 0);
}

.js-after-m::after {
  transform: translate3d(0, -103%, 0);
}


@media screen and (min-width: 768px) {
  .js-fadeup-m {
    z-index: 1;
    position: relative;
    overflow: hidden;
  }

  .js-fadeup-m::after {
    z-index: 2;
    content: "";
    width: 111%;
    height: 110%;
    background-image: url(../images/bg.png);
    /* background-color: aqua; */
    position: absolute;
    top: -10%;
    left: -7%;
    transition: transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transform: translate3d(0, 0%, 0);
  }

  .js-after-m::after {
    transform: translate3d(0, -103%, 0);
  }
}