.offerBtn {
  transition: all 0.3s;
}
.offerBtn:hover {
  transform: translateY(5%);
}
.item10-1 {
  top: 37.5%;
  left: 9.5%;
  width: 36.3%;
}
.item10-2 {
  top: 37.5%;
  left: 54.5%;
  width: 36.3%;
}
.item10-3 {
  top: 60%;
  left: 9.5%;
  width: 36.3%;
}
.item10-4 {
  top: 60%;
  left: 54.5%;
  width: 36.3%;
}
.item10-5 {
  top: 5%;
  left: 9%;
  width: 51.8%;
}
.offer01-1 {
  top: 8%;
  left: 3%;
  width: 94%;
}
.offer01-2 {
  top: 54%;
  left: 9.35%;
  width: 81.3%;
  -webkit-mask: url("../images/thing_21.png") no-repeat center center;
  mask: url("../images/thing_21.png") no-repeat center center;
  mask: url("../images/thing_21.avif") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer01-3 {
    top: 71%;
    left: 3.2%;
    width: 93.6%;
}
.offer02-1 {
    top: 64%;
    left: 3.2%;
    width: 93.6%;
}
.offer03-1,
.offer04-1 {
    top: 59%;
    left: 39%;
    width: 51.5%;
    -webkit-mask: url("../images/btn_07.png") no-repeat center center;
  mask: url("../images/btn_07.png") no-repeat center center;
  mask: url("../images/btn_07.avif") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer04-1 {
    top: 41%;
}