/*左右の矢印の色を変える*/
.slide-wrapper .slick-prev:before,
.slide-wrapper .slick-next:before {
    color: #FFF;
	font-size: 55px;
}
/*左右の矢印の位置を変える*/
.slide-wrapper .slick-next {
    right: 15%;
    z-index: 99; 
}
.slide-wrapper .slick-prev {
     left: 12%;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slide-wrapper .slick-dots div.slick-active button:before,
.slide-wrapper .slick-dots div button:before {
    color: #fff;
		font-size:36px !important;
}

@media screen and (max-width: 767px) {

.slide-wrapper .slick-next {
    right: 10%;
    z-index: 99; 
}
.slide-wrapper .slick-prev {
     left: 7%;
    z-index: 100;
}
}