/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 29 2024 | 10:39:37 */
.slick-prev {
    left: 18.8%;
    z-index: 9999;
}
.slick-next {
    right: 18.8%;
    z-index: 9999;
}
.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 40px;
    line-height: 1;
    opacity: 100;
    color: #04A1B2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li button:before {
    font-size: 14px;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #04A1B2;
}

.slick-arrow:before{
	content:""!important;
}


.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}

.slick-next:before{
    background: url(https://sakudesign.jp/wp-content/uploads/2024/07/ico_arrow_right.svg)!important;
    background-size: contain!important;
}

.slick-prev:before{
    background: url(https://sakudesign.jp/wp-content/uploads/2024/07/ico_arrow_left.svg)!important;
    background-size: contain!important;
}

.slick-arrow{
    z-index:2!important;
    width:40px!important;
    height:40px!important;
}


@media (max-width: 833px) {
	.slick-prev {
    left: 3%;
}
.slick-next {
    right: 6%;
}
	.slick-arrow{
    z-index:2!important;
    width:30px!important;
    height:30px!important;
}
}