.offerBtn {
    transition: all .3s;
}
.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
    top: 6%;
    left: 9.6%;
    width: 80.8%;
}
.offer01-2 {
    top: 19.5%;
    left: 4.6%;
    width: 25.7%;
    -webkit-mask: url("../images/thing_28.png") no-repeat center center;
    mask: url("../images/thing_28.png") no-repeat center center;
    mask: url("../images/thing_28.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer01-3 {
    top: 47%;
    left: 4.85%;
    width: 90.1%;
    -webkit-mask: url("../images/thing_29.png") no-repeat center center;
    mask: url("../images/thing_29.png") no-repeat center center;
    mask: url("../images/thing_29.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer01-4 {
    top: 47%;
    left: 47.85%;
    width: 59.6%;
}
.offer01-5 {
    top: 79.5%;
    left: 11.45%;
    width: 77.1%;
    -webkit-mask: url("../images/btn_02.png") no-repeat center center;
    mask: url("../images/btn_02.png") no-repeat center center;
    mask: url("../images/btn_02.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-1 {
    top: 5.5%;
    left: 4.6%;
    width: 27%;
    -webkit-mask: url("../images/thing_31.png") no-repeat center center;
    mask: url("../images/thing_31.png") no-repeat center center;
    mask: url("../images/thing_31.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-2 {
    top: 43.5%;
    left: 4.85%;
    width: 90.1%;
    -webkit-mask: url("../images/thing_32.png") no-repeat center center;
    mask: url("../images/thing_32.png") no-repeat center center;
    mask: url("../images/thing_32.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-3 {
    top: 36%;
    left: 52.85%;
    width: 56.8%;
}
.offer02-4 {
    top: 76.5%;
    left: 11.45%;
    width: 77.1%;
}
.offer03-1 {
    top: 5.5%;
    left: 9%;
    width: 25.6%;
    -webkit-mask: url("../images/thing_34.png") no-repeat center center;
    mask: url("../images/thing_34.png") no-repeat center center;
    mask: url("../images/thing_34.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-2 {
    top: 18%;
    left: 53.85%;
    width: 54.3%;
    -webkit-mask: url("../images/thing_35.png") no-repeat center center;
    mask: url("../images/thing_35.png") no-repeat center center;
    mask: url("../images/thing_35.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-3 {
    top: 71.5%;
    left: 11.45%;
    width: 77.1%;
}
.offer04-1 {
    top: 0%;
    left: 7%;
    width: 44.8%;
    -webkit-mask: url("../images/thing_36.png") no-repeat center center;
    mask: url("../images/thing_36.png") no-repeat center center;
    mask: url("../images/thing_36.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-2 {
    top: 20%;
    left: 15.6%;
    width: 68.8%;
}
.offer04-3 {
    top: 57.5%;
    left: 18.6%;
    width: 62.8%;
    -webkit-mask: url("../images/btn_05.png") no-repeat center center;
    mask: url("../images/btn_05.png") no-repeat center center;
    mask: url("../images/btn_05.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}