@charset 'UTF-8';

/* Dots */
.slick-dotted.slick-slider{ margin-bottom: 4rem;}
.slick-dots{ position: absolute; bottom: max(-4.16vw,-50px);  display: block;  width: 100%;  padding: 0;  margin: 0; list-style: none; text-align: center;}
.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: min(0.6vw,0.8rem); height:  min(0.6vw,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: min(0.6vw,0.8rem);	height: min(0.6vw,0.8rem);	content: '';	text-align: center;	border-radius: 50%;	background: var(--c-main-light);}
.slick-dots li.slick-active button:before{background: var(--c-main);}

/* Arrow */
.slick-prev,.slick-next{ font-size: 0;line-height: 0; position: absolute; top: 50%; display: block; width: min( 2.08vw, 25px); height: min( 6.67vw, 80px); 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(-3vw, -40px);}
.slick-prev:before, .slick-prev:after, .slick-next:before, .slick-next:after {content: ""; width: 1px; height: min( 3vw, 35px); 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(-3vw, -40px);}
.slick-next:before{ right: 0; top:50%; transform-origin: right bottom; transform: translate(0, -100%) rotate(-30deg) ; }
.slick-next:after{ right: 0; top:50%; transform-origin: right top; transform: rotate(30deg) ; }

@media (max-width: 889px) {
	.slick-dots{bottom: max(-5vw,-60px);  }
	.slick-prev,.slick-next{top: 50%; display: block;transform: translateY(-50%);  }
	.slick-prev{ left: max(-3vw, -60px);}
	.slick-next{ right: max(-3vw, -60px);}
}

/* dots */
.homVis__infSlider.slick-slider{ margin-bottom: 0;}
.homVis__infSlider .slick-dots{  bottom: inherit; top: 50%; right: min(1.66vw,20px); transform: translate(0,-50%); width: auto; padding: 0;}
.homVis__infSlider .slick-dots li{display: block; margin: 0.4rem 0; }

/* arrows */
.homVis__infSlider .slick-prev,.homVis__infSlider .slick-next{ width:min( 0.83vw, 10px); height:  min( 1.5vw, 18px);}
.homVis__infSlider .slick-prev{ left: min(2.5vw,30px);}
.homVis__infSlider .slick-prev:before, .homVis__infSlider .slick-prev:after, .homVis__infSlider .slick-next:before, .homVis__infSlider .slick-next:after { width: 2px; height: min(0.83vw, 10px); background: var(--c-main);}
.homVis__infSlider .slick-next{ right: min(5vw,60px); transform: translate(100%,-50%);}

@media (max-width: 767px) {
.slick-dots li button{	width: min(1.6vw,0.8rem); height: min(1.6vw,0.8rem);	padding: 0.5rem;}
.slick-dots li button:before{ width: min(1.6vw,0.8rem);	height: min(1.6vw,0.8rem);}
.homVis__infSlider .slick-dots{ right: min(2vw,20px);}
.homVis__infSlider .slick-prev,.homVis__infSlider .slick-next{ width:min(2vw, 10px); height:  min(3.6vw, 18px);}
.homVis__infSlider .slick-prev{ left: min(4vw,30px);}
.homVis__infSlider .slick-prev:before, .homVis__infSlider .slick-prev:after, .homVis__infSlider .slick-next:before, .homVis__infSlider .slick-next:after { width: 2px; height: min(2vw, 10px);}
.homVis__infSlider .slick-next{ right: min(7vw,60px); }

}