@charset 'UTF-8';

/* Dots */
.slick-dotted.slick-slider{ margin-bottom: min(4.16vw,50px);}
.slick-dots{ position: absolute; left:50%; bottom: max(-0.4vw,-5px); padding: 0;  margin: 0 auto ; list-style: none; text-align: center; transform: translate(-50%,100%); display: inline-block;}
.slick-dots li{position: relative; display: inline-block; width:6px; aspect-ratio:1/1; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button{	font-size: 0;	line-height: 0;	display: block;	width:6px; aspect-ratio:1/1;	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: 50%;  	left: 0; width:6px; aspect-ratio:1/1;	content: '';	text-align: center;	border-radius: 50%;	background: #c0c0c0; transform:translate(0,-50%);}
.slick-dots li.slick-active button:before{background:#e8380d;}


@media screen and (max-width: 768px) {
 .slick-dotted.slick-slider{margin-bottom: min(5vw,50px);}
 .slick-dots{  padding: 0; bottom:0;}
 .slick-dots li button:before{}
}