@charset 'UTF-8';

/* Dots */
.slick-dotted.slick-slider{ margin-bottom: 3rem;}
.slick-dots{ position: absolute; bottom:0;  display: block;  width: 100%;  padding: 0;  margin: 0; list-style: none; text-align: center;transform: translateY(100%);}
.slick-dots li{position: relative;display: inline-block;width: 0.8rem; height:  0.8rem; margin: 0 0.4rem; padding: 0;cursor: pointer;}
.slick-dots li button{	font-size: 0;	line-height: 0;	display: block;	width: 0.8rem;height: 0.8rem;	padding: 0.5rem;	cursor: pointer;	color: transparent;	border: 0;	outline: none;	background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{ opacity: 1;}
.slick-dots li button:before{ position: absolute;	top: 0;	left: 0;	width: 0.8rem;	height: 0.8rem;	content: '';	text-align: center;	border-radius: 50%;	background: #fff;}
.slick-dots li.slick-active button:before{background: #0570be;}

/* Arrow */
.slick-prev,.slick-next{ font-size: 0;line-height: 0; position: absolute; top: 50%; display: block; width: min(1.66vw, 20px); padding: 0; transform: translate(0, -50%);  cursor: pointer;  color: transparent; border: none; outline: none; background:  transparent;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{ color: transparent; outline: none; background: transparent;}
.slick-prev:before,.slick-next:before{  color: black;}

.slick-prev{ left: max(-2.5vw, -30px);top:40%;}
.slick-prev:before, .slick-prev:after, .slick-next:before, .slick-next:after {content: ""; width: 1px; height: min( 3.3vw, 40px); position: absolute; background: #333;}
.slick-prev:before{ left: 0; top:50%; transform-origin: left bottom; transform: translate(0, -100%) rotate(30deg) ; }
.slick-prev:after{ left: 0; top:50%; transform-origin: left top; transform: rotate(-30deg) ; }

.slick-next{ right: max(-2.5vw, -30px);}
.slick-next:before{ right: 0; top:55%; transform: translate(0, -100%) rotate(-30deg) ; }
.slick-next:after{ right: 0; top:50%; transform-origin: right top; transform: rotate(30deg) ; }


@media (max-width: 767px) {

}