.offerBtn {
    transition: all .3s;
}

.offerBtn:hover {
    opacity: 0.8;
    transform: translateY(5px);
}

.pc_offer01 {
    width: 88.2%;
    left: 6%;
    /* bottom: 11%; */
    bottom: 44%;
    animation: bounce 1.25s infinite ease-in-out;
    -webkit-mask: url("../images/btn-01.png") no-repeat center center;
    mask: url("../images/btn-01.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.pc_offer02 {
    width: 88.2%;
    left: 6%;
    bottom: 42.5%;
    animation: bounce 1.25s infinite ease-in-out;
    -webkit-mask: url("../images/btn-02.png") no-repeat center center;
    mask: url("../images/btn-02.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.pc_offer03 {
    width: 88.2%;
    left: 6%;
    bottom: 11%;
    -webkit-mask: url("../images/btn-03.png") no-repeat center center;
    mask: url("../images/btn-03.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.pc_offer04 {
    width: 88.2%;
    left: 6%;
    bottom: 11%;
    -webkit-mask: url("../images/btn-03.png") no-repeat center center;
    mask: url("../images/btn-03.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* SP */
.thing27-1{
    width: 34.2%;
    left: 5%;
    top: 2%;
    animation: bounce 1.25s infinite ease-in-out;

}
.thing27-2{
    width: 16%;
    left: 5%;
    top: 0%;
    mix-blend-mode: screen;
    animation: bounce 1.25s infinite ease-in-out;

}
.offer01 {
    width: 88.2%;
    left: 6%;
    /* bottom: 11%; */
    bottom: 44%;
    animation: bounce 1.25s infinite ease-in-out;
    -webkit-mask: url("../images/btn-01.png") no-repeat center center;
    mask: url("../images/btn-01.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer02 {
    width: 88.2%;
    left: 6%;
    bottom: 42.5%;
    animation: bounce 1.25s infinite ease-in-out;
    -webkit-mask: url("../images/btn-02.png") no-repeat center center;
    mask: url("../images/btn-02.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer03 {
    width: 88.2%;
    left: 6%;
    bottom: 11%;
    -webkit-mask: url("../images/btn-03.png") no-repeat center center;
    mask: url("../images/btn-03.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer04 {
    width: 88.2%;
    left: 6%;
    bottom: 11%;
    -webkit-mask: url("../images/btn-03.png") no-repeat center center;
    mask: url("../images/btn-03.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}