@charset "utf-8";
/* CSS Document */
.slick-dotted.slick-slider {
	margin-bottom: 0px;
	padding: 0;
}
.slick-dots {
	margin: 4% 0 0;
}
.slick-dots li button:before {
	color: #d6d6d6;
	opacity: 0.6;
	font-size: 10px;
}
.slick-dots li.slick-active button:before {
    color: #30a4d4;
}
.slick-dots {
	position: static;
}
.slick-prev {
	left: 10px;
	z-index: 100;
	opacity: 1;
}
.slick-next {
	right: 40px;
	opacity: 1;
}
.slick-prev:before, .slick-next:before {
	background-position: center;
    background-repeat: no-repeat;
    font-family: initial;
    line-height: 0;
    font-size: 50px;
    color: transparent;
    opacity: 1;
}
.slick-prev:before {
	background-image: url(../img/slide_arrow_l.png);
    background-size: 40px 50px;
}
.slick-next:before {
	background-image: url(../img/slide_arrow_r.png);
    background-size: 40px 50px;
}
.slick-slide:not(.slick-center) {
    -webkit-filter: opacity(50%);
    -moz-filter: opacity(50%);
    -o-filter: opacity(50%);
    -ms-filter: opacity(50%);
    filter: opacity(50%);
    transition: 0.2s linear;
}

@media screen and (max-width: 650px) {
.slick-prev {
	left: 0px;
}
.slick-next {
	right: 30px;
}
.slick-prev:before, .slick-next:before {
	background-size: 30px 30px;
}
}