.offerBtn {
  transition: all 0.3s;
}
.offerBtn:hover {
  transform: translateY(5%);
}
.offer01-1 {
  top: 3.5%;
  left: 9%;
  width: 57.2%;
}
.offer01-2 {
    top: 82.5%;
    left: 13.45%;
    width: 73.1%;
    -webkit-mask: url("../images/thing12-2.png") no-repeat center center;
    mask: url("../images/thing12-2.png") no-repeat center center;
    mask: url("../images/thing12-2.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-1 {
    top: 4%;
    left: 8%;
    width: 62.7%;
}
.offer02-2 {
    top: 58.5%;
    left: 3%;
    width: 88%;
    -webkit-mask: url("../images/thing13-2.png") no-repeat center center;
    mask: url("../images/thing13-2.png") no-repeat center center;
    mask: url("../images/thing13-2.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-2light {
    top: 56.5%;
    left: 5%;
    width: 82.1%;
}
.offer02-3 {
    top: 90%;
    left: 13.45%;
    width: 73.1%;
    -webkit-mask: url("../images/thing13-3.png") no-repeat center center;
    mask: url("../images/thing13-3.png") no-repeat center center;
    mask: url("../images/thing13-3.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-1 {
    top: 1%;
    left: 20%;
    width: 60.1%;
}
.offer03-2 {
    top: 56.5%;
    left: 7.5%;
    width: 84.2%;
    -webkit-mask: url("../images/thing14-2.png") no-repeat center center;
    mask: url("../images/thing14-2.png") no-repeat center center;
    mask: url("../images/thing14-2.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-3 {
    top: 90%;
    left: 13.45%;
    width: 73.1%;
    -webkit-mask: url("../images/thing13-3.png") no-repeat center center;
    mask: url("../images/thing13-3.png") no-repeat center center;
    mask: url("../images/thing13-3.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-1 {
    top: 16%;
    left: 12.5%;
    width: 75%;
}
.offer04-2 {
    top: 75%;
    left: 12.5%;
    width: 84.7%;
    -webkit-mask: url("../images/thing15-2.png") no-repeat center center;
    mask: url("../images/thing15-2.png") no-repeat center center;
    mask: url("../images/thing15-2.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-1 {
    top: 12.5%;
    left: 13.5%;
    width: 72.9%;
}
.offer05-2 {
    top: 47.5%;
    left: 5.5%;
    width: 88.9%;
    height: 10%;
}
.offer05-3 {
    top: 66.5%;
    left: 6.5%;
    width: 88.9%;
    height: 23%;
}