@media only screen and (max-width: 414px) {
  .floating {
    display: block !important;
    position: fixed;
    bottom: -100px;
    left: 0;
    width: 100%;
    z-index: 100;
    animation-name: floating;
    animation-delay: 2.5s;
    animation-duration: 0.2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    -webkit-animation-name: floating;
    -webkit-animation-delay: 2.5s;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
  }
  .floating__flex {
    display: flex;
    justify-content: center;
  }
  .floating__link {
    width: 33.1%;
    width: 40%;
    margin: 0 1%;
    display: block;
  }
  .floating__link img {
    width: 100%;
  }
  .floating__link:hover {
    transform: translate(1px, 1px);
  }
  @keyframes floating {
    0% {
      bottom: -100px;
    }
    100% {
      bottom: 30px;
    }
  }
}

@media only screen and (max-width: 1119px) {
  .pagetop {
    bottom: 82px;
  }
}