.prev-arrow, .next-arrow {
    position: absolute;
    z-index: 9999;
    bottom: 20px;
}
.prev-arrow {
    left: 20px;
}
.next-arrow {
    right: 20px;
}

.slick-dots li button:before {
    position: absolute;
    z-index: 9999;
    font-size: 4.0rem;
    top: -1vw;
}
.slick-dots {
    bottom: -5px;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
@media (max-width: 600px){
    .prev-arrow, .next-arrow {
        bottom: 16px;
    }
    .slick-dots {
        bottom: -2px;
    }
    .slick-dots li button:before {
        position: absolute;
        z-index: 9999;
        font-size: 2.0rem;
        /* top: -1vw; */
    }
}