@charset "utf-8";
/* CSS Document */
.slick-slider div {
	transition: none;
}
.slider li > div{
	width: 100%;
	height: 100vh;
	display: block;
	background-size: cover;
	background-position: center bottom;
	position: relative;
}
.slider li > div::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 1;
}
.slider li > div::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:#000000;
	z-index: 2;
	transition: .7s ease 1s;
}
.slider li.slick-active > div::after{
	width: 0%;
}
.fade{
	opacity: 0;
	margin-top: 30px;
	transition: .75s ease;
}
.fade.fadeIn{
	opacity: 1;
	margin: 0;
}

@media screen and (max-width: 750px){
}