@charset 'UTF-8';
/* Arrows */
.slick-prev,
.slick-next{
    display: block;
	width: 50px;
	height: 50px;
	border:0;
    padding: 0;
    overflow:hidden;
    white-space:nowrap;
    text-indent:101%;
    line-height:0;
    font-size:0.1em;
    cursor: pointer !important;
    outline: none;
	
    position: absolute;
    top:0;
	margin-top: calc(60/1100 * 100%);
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled{visibility: hidden;}
.slick-prev{left:-5px;}
.slick-next{right:-5px;}

.slick-prev::before,
.slick-prev::after,
.slick-next::before,
.slick-next::after{
	content: "";
    display:block;
    width:100%;
    height:100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
    overflow:hidden;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	transition: opacity .3s;
}
.slick-prev::before,
.slick-next::before{z-index: 5;}
.slick-prev::after,
.slick-next::after{z-index: 4;}

.slick-prev::before{background-image: url("prev.svg");}
.slick-prev::after{background-image: url("prev_ov.svg");}
.slick-next::before{background-image: url("next.svg");}
.slick-next::after{background-image: url("next_ov.svg");}

.slick-prev:hover::before,
.slick-next:hover::before{opacity: 0;}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}

@media screen and (max-width : 767px) {	
	
	/* Arrows */
	.slick-prev,
	.slick-next{
		width: 20px;
		height: 70px;
		margin-top: calc(80/610 * 100%);
	}
	.slick-prev{left:0;}
	.slick-next{right:0;}
	.slick-prev::before{background-image: url("prev_sp.svg");}
	.slick-prev::after{background-image: url("prev_sp.svg");}
	.slick-next::before{background-image: url("next_sp.svg");}
	.slick-next::after{background-image: url("next_sp.svg");}
}