.offerBtn {
    transition: all .3s;
}
.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
    top: 13%;
    left: -2%;
    width: 98%;
}
.offer01-2 {
    top: 23%;
    left: 4.55%;
    width: 90.9%;
}
.offer01-3 {
    top: 28%;
    left: 8%;
    width: 23.8%;
}
.offer01-4 {
    top: 75.5%;
    left: 4.56%;
    width: 90.8%;
}
.offer02-1 {
    top: 62%;
    left: 13.05%;
    width: 73.8%;
    -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;
}
.offer03-1 {
    top: 51%;
    left: 13.05%;
    width: 73.8%;
    -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;
}
.offer04-1 {
    top: 5%;
    left: 4.95%;
    width: 90.1%;
}
.offer04-2 {
    top: 14%;
    left: 8%;
    width: 24.1%;
}
.offer04-3 {
    top: 73%;
    left: 4.56%;
    width: 90.8%;
}
.offer05-1 {
    top: 64%;
    left: 13.05%;
    width: 73.8%;
    -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;
}
.offer06-1 {
    top: 55%;
    left: 13.05%;
    width: 73.8%;
    -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;
}
.offer07-1 {
    top: 7%;
    left: 11.35%;
    width: 77.3%;
}
.offer07-2 {
    top: 18%;
    left: 8%;
    width: 32.3%;
}
.offer07-3 {
    top: 70%;
    left: 4.56%;
    width: 90.8%;
}
.offer08-1 {
    top: 42%;
    left: 4.6%;
    width: 90.8%;
    -webkit-mask: url("../images/btn_06.png") no-repeat center center;
    mask: url("../images/btn_06.png") no-repeat center center;
    mask: url("../images/btn_06.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer08-2 {
    top: 90%;
    left: 58%;
    width: 28.8%;
}