.offerBtn {
    transition: all .3s;
}
.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
    top: 1%;
    left: 0.45%;
    width: 99.1%;
}
.offer01-2 {
    top: 45.5%;
    left: 1%;
    width: 100%;
    -webkit-mask: url("../images/thing_44.png") no-repeat center center;
    mask: url("../images/thing_44.png") no-repeat center center;
    mask: url("../images/thing_44.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer01-3 {
    top: 71%;
    left: 2.25%;
    width: 95.5%;
    -webkit-mask: url("../images/thing_45.png") no-repeat center center;
    mask: url("../images/thing_45.png") no-repeat center center;
    mask: url("../images/thing_45.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-2 {
    top: 41.5%;
    left: 1%;
    width: 100%;
    -webkit-mask: url("../images/thing_46.png") no-repeat center center;
    mask: url("../images/thing_46.png") no-repeat center center;
    mask: url("../images/thing_46.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-3 {
    top: 73%;
    left: 2.25%;
    width: 95.5%;
    -webkit-mask: url("../images/thing_47.png") no-repeat center center;
    mask: url("../images/thing_47.png") no-repeat center center;
    mask: url("../images/thing_47.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-2 {
    top: 42%;
    left: 12.64%;
    width: 74.6%;
    -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-3 {
    top: 71%;
    left: 2.25%;
    width: 95.5%;
    -webkit-mask: url("../images/thing_49.png") no-repeat center center;
    mask: url("../images/thing_49.png") no-repeat center center;
    mask: url("../images/thing_49.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-2 {
    top: 42%;
    left: 12.64%;
    width: 74.6%;
    -webkit-mask: url("../images/thing_51.png") no-repeat center center;
    mask: url("../images/thing_51.png") no-repeat center center;
    mask: url("../images/thing_51.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-3 {
    top: 69%;
    left: 2.25%;
    width: 95.5%;
    -webkit-mask: url("../images/thing_50.png") no-repeat center center;
    mask: url("../images/thing_50.png") no-repeat center center;
    mask: url("../images/thing_50.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-1 {
    top: 41%;
    left: 2.25%;
    width: 95.5%;
    height: 4%;
}