main {
  width: 100%;
  max-width: 1000rem;
  padding-top: 120rem;
  margin: 0 auto;
}
main .mobile {
  display: none;
}
main .desktop {
  display: block;
}
main #allmap {
  height: 600rem;
  margin-bottom: 50rem;
}
main .address {
  width: 100%;
  margin-bottom: 30rem;
}
main .address p {
  font-size: 20rem;
  margin-bottom: 10rem;
}
main .address img {
  width: 100%;
}
main .qrcode-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50rem;
}
main .qrcode-group .qrcode-box {
  position: relative;
  background-image: url(/assets/images/common/qrcode_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 468rem;
  height: 200rem;
}
main .qrcode-group .qrcode-box .qrcode {
  position: absolute;
  top: 22rem;
  left: 36rem;
  width: 160rem;
  height: 160rem;
  transition: transform 0.5s ease;
}
main .qrcode-group .qrcode-box .qrcode:hover {
  transform: scale(1.1) translateZ(0);
}

@media screen and (max-width: 750px) {
  main .desktop {
    display: none;
  }
  main .mobile {
    display: block;
  }
  main #allmap {
    margin-bottom: 40rem;
  }
  main .address {
    margin: 20rem 0 10rem;
    padding: 0 30rem;
  }
  main .address p {
    font-size: 28rem;
    margin-bottom: 20rem;
  }
  main .qrcode-group {
    flex-wrap: wrap;
    padding: 0 30rem;
    margin-bottom: 0;
  }
  main .qrcode-group .qrcode-box {
    width: 100%;
    height: 288rem;
    margin-bottom: 40rem;
  }
  main .qrcode-group .qrcode-box .qrcode {
    left: 44rem;
    width: 245rem;
    height: 245rem;
  }
}