.offerBtn {
    transition: all .3s;
}
.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
    top: 6.5%;
    left: 0%;
    width: 100%;
}
.offer01-2 {
    top: 50%;
    left: 0%;
    width: 98.6%;
    -webkit-mask: url("../images/thing_37.png") no-repeat center center;
    mask: url("../images/thing_37.png") no-repeat center center;
    mask: url("../images/thing_37.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer01-3 {
    top: 76%;
    left: 2.95%;
    width: 94.1%;
    -webkit-mask: url("../images/btn_01.png") no-repeat center center;
    mask: url("../images/btn_01.png") no-repeat center center;
    mask: url("../images/btn_01.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer01N-1 {
    top: 38%;
    left: 0%;
    width: 100%;
    -webkit-mask: url("../images/thing_add01.png") no-repeat center center;
    mask: url("../images/thing_add01.png") no-repeat center center;
    mask: url("../images/thing_add01.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer01N-2{
    top: 69%;
    left: 2.95%;
    width: 94.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: 42%;
    left: 0%;
    width: 100%;
    -webkit-mask: url("../images/thing_38.png") no-repeat center center;
    mask: url("../images/thing_38.png") no-repeat center center;
    mask: url("../images/thing_38.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-2{
    top: 72%;
    left: 2.95%;
    width: 94.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;
}
.offer03-1 {
    top: 39%;
    left: 0%;
    width: 98.5%;
    -webkit-mask: url("../images/thing_39.png") no-repeat center center;
    mask: url("../images/thing_39.png") no-repeat center center;
    mask: url("../images/thing_39.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-2{
    top: 69%;
    left: 2.95%;
    width: 94.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;
}
.offer04-1 {
    top: 21%;
    left: 47%;
    width: 49.8%;
    -webkit-mask: url("../images/thing_40.png") no-repeat center center;
    mask: url("../images/thing_40.png") no-repeat center center;
    mask: url("../images/thing_40.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-2{
    top: 66%;
    left: 2.95%;
    width: 94.1%;
    -webkit-mask: url("../images/btn_04.png") no-repeat center center;
    mask: url("../images/btn_04.png") no-repeat center center;
    mask: url("../images/btn_04.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-1 {
    top: 20%;
    left: 47%;
    width: 49.8%;
    -webkit-mask: url("../images/thing_41.png") no-repeat center center;
    mask: url("../images/thing_41.png") no-repeat center center;
    mask: url("../images/thing_41.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-2{
    top: 66%;
    left: 2.95%;
    width: 94.1%;
    -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;
}
.offer05N-2{
    top: 68%;
    left: 2.95%;
    width: 94.1%;
    -webkit-mask: url("../images/btn_add02.png") no-repeat center center;
    mask: url("../images/btn_add02.png") no-repeat center center;
    mask: url("../images/btn_add02.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}