@charset 'UTF-8';
/* Icons */
.slick-prev,.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	border: none;
	outline: none;
	cursor: pointer;
	z-index: 2;
	content: "";
	background: #003552;
	transition: 0.3s ease;
	width: 30px;
	height: 30px;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	margin: auto;
}
.slick-next{
	right: 0;
}
.slick-prev::after,.slick-next::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 10px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	transform: rotate(45deg);
}
.slick-prev::after{
	left: 8px;
}
.slick-next::after{
	left: 8px;
}
.slick-prev:hover,.slick-next:hover {
	opacity: 0.7;
}
@media screen and (min-width: 1331px) {
	.slick-prev {
		left: calc(50% - 641px);
	}
	.slick-next {
		right: calc(50% - 641px);
	}
}
@media screen and (max-width: 1330px) and (min-width: 641px) {
	.slick-prev {
		left: 13px;
	}
	.slick-next {
		right: 13px;
	}
}
.slick-prev {
	transform: rotate(180deg);
}

/* Dots */
.slick-dots {
	position: absolute;
	display: flex;
	/*width: 10px;
	height: 130px;*/
	width: 90px;
	height: 10px;
	flex-wrap: wrap;
/*	right: 1170px;
	bottom: 118px;*/
	right: 50px;
	bottom: 10px;
	align-items: flex-start;
	z-index: 5;
/*	gap: 20px 0;*/
	gap: 0 10px;
}
.slick-dots li {
	position: relative;
	display: block;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	display: block;
	width: 10px;
	height: 10px;
	border: 0;
	padding: 0;
	outline: none;
	border-radius: 50%;
	background: #D9D9D9;
	cursor: pointer;
	transition: .25s;
}
.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button {
	outline: none;
	background: #D70051;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}
@media screen and (max-width: 640px) {
	.slick-dots{
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#index_product .slick-dots{
		width: 150px;
		bottom: 0;
	}
	#index_works .slick-dots{
		max-width: unset;
		width: 140px;
		bottom: -20px;
		justify-content: space-between;
	}
	#works_recent ol.works_list ul.slick-dots{
		justify-content: center;
		bottom: -20px;
	}
	#works_recent ol.works_list ul.slick-dots li{
		max-width: unset;
		width: auto;
	}
}