.qx-floating-bnr {
  background-color: rgba(255, 255, 255, .5);
  position: fixed;
  bottom: 0;
  right: 0;
  width: calc(100% - 280px);
  z-index: 10;
  padding-block: 13px;
  transform: translateY(0);
  transition: .4s;
}

.qx-floating-bnr-link {
  max-width: 489px;
  margin-inline: auto;
  display: block;
}

.qx-floating-bnr-link img {
  width: 100%;
}

.qx-floating-bnr.is-hidden {
  transform: translateY(100%);
}

@media screen and (max-width:1365px){
  .qx-floating-bnr {
    width: 100%;
  }
}

@media screen and (max-width:768px){
  .qx-floating-bnr {
    padding-block: calc(20 / 750 * 100vw);
    padding-inline: calc(40 / 750 * 100vw);
    bottom: 65px;
  }

  .qx-floating-bnr.is-scroll-down {
    bottom: 0;
  }
}