@charset "UTF-8";
/* CSS Document */
.slider_banner .slick-arrow{
	z-index: 1;
	background: #42bfec;
	width: clamp(30px, 4vw, 40px);
	height: clamp(30px, 4vw, 40px);
	top: calc(100% + 1rem);
	transform: none;
}
.slider_banner .slick-arrow:before{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.slider_banner .slick-arrow.slick-prev{
	left: 0;
}
.slider_banner .slick-arrow.slick-prev:before{
	transform: rotate(135deg);
	left: 4px;
}
.slider_banner .slick-arrow.slick-next{
	right: 0;
}
.slider_banner .slick-arrow.slick-next:before{
	transform: rotate(-45deg);
	right: 4px;
}
.slider_banner .slick-dots{
	bottom: -4.5rem;
}
.slider_banner .slick-dots li{
	width: 10px;
	height: 10px;
	margin: 0;
}
.slider_banner .slick-dots li:not(:last-child){
	margin-right: 2rem;
}
.slider_banner .slick-dots li button{
	width: 10px;
	height: 10px;
	padding: 0;
	background: #ccc;
	border-radius: 50%;
}
.slider_banner .slick-dots li.slick-active button{
	background: #42bfec;
}
.slider_banner .slick-dots li button:before{
	content: none;
}