.offerBtn {
    transition: all .3s;
}

.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
    top: 13%;
    left: 17.3%;
    width: 61.4%;
}
.offer02-1 {
    top: 46.5%;
    right: 0%;
    width: 37.9%;
}
.offer02-2 {
    top: 15%;
    left: 57.9%;
    width: 34.5%;
    -webkit-mask: url("../images/BG_17_light.png") no-repeat center center;
    mask: url("../images/BG_17_light.png");
    mask: url("../images/BG_17_light.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-3 {
    top: 66%;
    left: 11.25%;
    width: 77.5%;
    -webkit-mask: url("../images/btn-1.png") no-repeat center center;
    mask: url("../images/btn-1.png");
    mask: url("../images/btn-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-1 {
    top: 22.8%;
    right: 4%;
    width: 31.5%;
}
.offer03-2 {
    top: 10%;
    left: 2.7%;
    width: 94.6%;
    -webkit-mask: url("../images/offer_2-1.png") no-repeat center center;
    mask: url("../images/offer_2-1.png");
    mask: url("../images/offer_2-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-3 {
    top: 84.5%;
    left: 11.25%;
    width: 77.5%;
    -webkit-mask: url("../images/btn-1.png") no-repeat center center;
    mask: url("../images/btn-1.png");
    mask: url("../images/btn-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-4 {
    top: 27.8%;
    right: 0%;
    width: 21%;
}
.offer03-5 {
    top: 55.5%;
    left: 15.5%;
    width: 74.7%;
    -webkit-mask: url("../images/offer_2-3.png") no-repeat center center;
    mask: url("../images/offer_2-3.png");
    mask: url("../images/offer_2-3.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-1 {
    top: 14.8%;
    right: 3%;
    width: 32.5%;
}
.offer04-3 {
    top: 81%;
    left: 12.5%;
    width: 75.1%;
    -webkit-mask: url("../images/btn-2.png") no-repeat center center;
    mask: url("../images/btn-02.png");
    mask: url("../images/btn-02.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-2 {
    top: 1%;
    left: 1.3%;
    width: 97.3%;
    -webkit-mask: url("../images/offer_3-1.png") no-repeat center center;
    mask: url("../images/offer_3-1.png");
    mask: url("../images/offer_3-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-5 {
    top: 51.5%;
    left: 15.5%;
    width: 74.7%;
    -webkit-mask: url("../images/offer_3-3.png") no-repeat center center;
    mask: url("../images/offer_3-3.png");
    mask: url("../images/offer_3-3.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-1 {
    top: 16.8%;
    left: 59.1%;
    width: 31.8%;
    -webkit-mask: url("../images/BG_20_light.png") no-repeat center center;
    mask: url("../images/BG_20_light.png");
    mask: url("../images/BG_20_light.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-2 {
    top: 74%;
    left: 6.25%;
    width: 39.5%;
    -webkit-mask: url("../images/btn-03.png") no-repeat center center;
    mask: url("../images/btn-03.png");
    mask: url("../images/btn-03.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-3 {
    top: 74%;
    left: 54.25%;
    width: 39.5%;
    -webkit-mask: url("../images/btn-03.png") no-repeat center center;
    mask: url("../images/btn-03.png");
    mask: url("../images/btn-03.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer06-1 {
    top: 75.5%;
    right: 4.05%;
    width: 91.9%;
}
.offer04-4 {
    top: 11%;
    right: 0%;
    width: 21%;
}
.offer_tel {
    top: 38%;
    right: 0%;
    width: 100%;
    height: 3.5%;
}