.offerBtn {
    transition: all .3s;
}
.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
    top: 23%;
    left: 12%;
    width: 50.1%;
}
.offer01-2 {
    top: 23%;
    left: 67%;
    width: 30%;
}
.offer01-3 {
    top: 89%;
    left: 2.6%;
    width: 94.8%;
}
.offer02-1 {
    top: 4%;
    left: 22.9%;
    width: 54.2%;
}
.offer02-2 {
    top: 21%;
    left: 57%;
    width: 30%;
}
.offer02-3 {
    top: 79%;
    left: 2.6%;
    width: 94.8%;
}
.offer03-1 {
    top: 4.9%;
    left: 27.8%;
    width: 10%;
}
.offer03-2 {
    top: 4.9%;
    left: 52.5%;
    width: 10.1%;
}
.offer03-3 {
    top: 3%;
    left: 67.5%;
    width: 30.4%;
}
.offer03-5 {
    top: 30.5%;
    left: 0.5%;
    width: 45.8%;
    -webkit-mask: url("../images/thing_48.png") no-repeat center center;
    mask: url("../images/thing_48.png") no-repeat center center;
    mask: url("../images/thing_48.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-6 {
    top: 45%;
    left: 2.6%;
    width: 94.8%;
}
.offer04-1 {
    top: 54.8%;
    left: 27.8%;
    width: 10%;
}
.offer04-2 {
    top: 54.7%;
    left: 52.5%;
    width: 10.1%;
}
.offer04-3 {
    top: 53%;
    left: 67.5%;
    width: 30.4%;
}
.offer04-4 {
    top: 49%;
    left: 63.5%;
    width: 32.3%;
}
.offer04-5 {
    top: 80.5%;
    left: 5.5%;
    width: 36.8%;
    -webkit-mask: url("../images/thing_53.png") no-repeat center center;
    mask: url("../images/thing_53.png") no-repeat center center;
    mask: url("../images/thing_53.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-6 {
    top: 94.5%;
    left: 2.6%;
    width: 94.8%;
}
.offer05-1 {
    top: 5.5%;
    left: 27%;
    width: 10%;
}
.offer05-2 {
    top: 5.5%;
    left: 52.5%;
    width: 9.1%;
}
.offer05-3 {
    top: 3%;
    left: 67.5%;
    width: 30.4%;
}
.offer05-5 {
    top: 36%;
    left: 67.5%;
    width: 23.7%;
    -webkit-mask: url("../images/thing_58.png") no-repeat center center;
    mask: url("../images/thing_58.png") no-repeat center center;
    mask: url("../images/thing_58.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-6 {
    top: 53%;
    left: 2.6%;
    width: 94.8%;
}
.offer06-1 {
    top: 96.5%;
    left: 5.5%;
    width: 41.3%;
}
.offer06-2 {
    top: 96.5%;
    left: 53.5%;
    width: 41.3%;
}
.offer07-1 {
    top: 14%;
    left: 11.35%;
    width: 78.3%;
}
.offer07-2 {
    top: 57%;
    left: 15.75%;
    width: 68.5%;
}
.offer07-3 {
    top: 78.5%;
    left: 2.65%;
    width: 94.7%;
}