@charset "utf-8";

/****************************** all ******************************/
/*----------------------------- layout -----------------------------*/
.slick_parent_table{
	table-layout:fixed;
}

.slick-slider{
	width:100%;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	box-sizing:border-box;
	user-select:none;
	-webkit-touch-callout:none;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent;
}
/*----------------------------- /layout -----------------------------*/

/*----------------------------- slide_item -----------------------------*/
.slick-slide:last-child{
	margin-right:0;
}

.slick-list{
	margin:0 auto;
	position:relative;
	display:block;
	overflow:hidden;
}

.slick-list:focus{
	outline:none;
}

.slick-list.dragging{
	cursor:pointer;
	cursor:hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
	transform:translate3d(0, 0, 0);
}

.slick-track{
	margin:0 auto 0 0;
	position:relative;
	top:0;
	left:0;
	display:block;
}

.slick-track::before,
.slick-track::after{
	content:"";
}

.slick-track::after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.slick-loading .slick-track{
	visibility:hidden;
}

.slick-slide{
	height:100%;
	min-height:1px;
	display:none;
	float:left;
}

[dir='rtl'] .slick-slide{
	float:right;
}

.slick-slide.slick-loading img{
	display:none;
}

.slick-slide.dragging img{
	pointer-events:none;
}

.slick-initialized .slick-slide{
	display:block;
}

.slick-loading .slick-slide{
	visibility:hidden;
}

.slick-vertical .slick-slide{
	height:auto;
	border:1px solid transparent;
	display:block;
}
/*----------------------------- /slide_item -----------------------------*/

/*----------------------------- navi -----------------------------*/
.slick-arrow.slick-hidden{
	display:none;
}

.slick-prev,
.slick-next{
	font-size:0;
	border:none;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
}

.slick-prev::after, 
.slick-next::after{
	content:"";
	aspect-ratio:1;
	border-top:solid #444 1px;
	display:inline-block;
}

.slick-prev::after{
	border-left:solid #444 1px;
	transform:rotate(-45deg);
}

.slick-next::after{
	border-right:solid #444 1px;
	transform:rotate(45deg);
}
/*----------------------------- /navi -----------------------------*/

/*----------------------------- dots -----------------------------*/
.slick-dots{
	width:100%;
	margin-inline:auto;
	display:block;
	text-align:center;
}

.slick-dots li{
	aspect-ratio:1;
	display:inline-block;
}

.slick-dots li > button{
	font-size:0;
	vertical-align:middle;
	width:100%;
	aspect-ratio:1;
	background:#cacaca;
	border:none;
	border-radius:50%;
	cursor:pointer;
}
.slick-dots li.slick-active > button{
	background:#c24343;
}
/*----------------------------- /dots -----------------------------*/
/****************************** /all ******************************/

/****************************** pc ******************************/
@media screen and (min-width:1280px){
	/*----------------------------- slide_item -----------------------------*/
	.slick-slide{
		margin:0 5px;
	}
	
	.slick-list{
		width:calc(100% - 50px);
	}
	/*----------------------------- /slide_item -----------------------------*/
	
	/*----------------------------- navi -----------------------------*/
	.slick-prev::after, 
	.slick-next::after{
		width:9px;
	}
	/*----------------------------- /navi -----------------------------*/
	
	/*----------------------------- dots -----------------------------*/
	.slick-dots{
		padding-block:8px;
	}
	
	.slick-dots li{
		width:14px;
		margin:8px;
	}
	/*----------------------------- /dots -----------------------------*/
}
/****************************** /pc ******************************/

/****************************** tablet ******************************/
@media screen and (min-width:768px) and (max-width:1280px){
	/*----------------------------- slide_item -----------------------------*/
	.slick-slide{
		margin:0 0.5vw;
	}
	
	.slick-list{
		width:90%;
	}
	/*----------------------------- /slide_item -----------------------------*/
	
	/*----------------------------- navi -----------------------------*/
	.slick-prev::after, 
	.slick-next::after{
		width:2vw;
	}
	/*----------------------------- /navi -----------------------------*/
	
	/*----------------------------- dots -----------------------------*/
	.slick-dots{
		padding-block:0.6vw;
	}
	
	.slick-dots li{
		width:1.4vw;
		margin:0.6vw;
	}
	/*----------------------------- /dots -----------------------------*/
}
/****************************** /tablet ******************************/

/****************************** sp ******************************/
@media screen and (max-width:768px){
	/*----------------------------- slide_item -----------------------------*/
	.slick-slide{
		margin:0 1.0vw;
	}
	
	.slick-list{
		width:90%;
	}
	/*----------------------------- /slide_item -----------------------------*/
	
	/*----------------------------- navi -----------------------------*/
	.slick-prev::after, 
	.slick-next::after{
		width:2vw;
	}
	/*----------------------------- /navi -----------------------------*/
	
	/*----------------------------- dots -----------------------------*/
	.slick-dots{
		padding-block:0.75vw;
	}
	
	.slick-dots li{
		width:2.5vw;
		margin:1vw;
	}
	/*----------------------------- /dots -----------------------------*/
}
/****************************** /sp ******************************/