@charset "utf-8";
/* CSS Document */
.slick-dotted.slick-slider {
	margin-bottom: 0px;
	padding: 0;
}
.slick-dots {
	margin: 3% 0 0;
}
.slick-dots li button:before {
	color: #c4c4c4;
	opacity: 0.6;
	font-size: 10px;
}
.slick-dots li.slick-active button:before {
    color: #0fb8cf;
}
.slick-dots {
	position: static;
}
.slick-prev {
	left: calc(420 / 1920* 100vw);
	z-index: 100;
	opacity: 1;
	width: 0;
	height: 0;
}
.slick-next {
	right: calc(465 / 1920* 100vw);
	opacity: 1;
	width: 0;
	height: 0;
}
.slick-prev:before, .slick-next:before {
	background-position: center;
    background-repeat: no-repeat;
    font-family: initial;
    line-height: 0;
    font-size: calc(50 / 1920* 100vw);
    color: transparent;
    opacity: 1;
}
.slick-prev:before {
	background-image: url(../img/slide-arrow-l.png);
	background-size: calc(50 / 1920* 100vw) calc(50 / 1920* 100vw);
}
.slick-next:before {
	background-image: url(../img/slide-arrow-r.png);
	background-size: calc(50 / 1920* 100vw) calc(50 / 1920* 100vw);
}
.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: 1300px) {
	.slick-prev:before, .slick-next:before {
		font-size: calc(30 / 1300* 100vw);
		background-size: calc(30 / 1300* 100vw) calc(30 / 1300* 100vw);
	}
	.slick-prev {
		left: calc(290 / 1300* 100vw);
	}
	.slick-next {
		right: calc(315 / 1300* 100vw);
	}
}

@media screen and (max-width: 768px) {
	.slick-dots {
		margin: 6% 0 0;
	}
.slick-prev {
	left: calc(30 / 768* 100vw);
}
.slick-next {
	right: calc(85 / 768* 100vw);
}
.slick-prev:before, .slick-next:before {
	font-size: calc(70 / 768* 100vw);
	background-size: calc(60 / 768* 100vw) calc(60 / 768* 100vw);
}
}