@charset 'UTF-8';
/* Slider */

/*-----------------------------
 for all slider
-----------------------------*/

.slick-prev::before,
.slick-next::before
 {
    content: none;
}

/*-----------------------------
 for .slider01 
-----------------------------*/

.slider01 .slick-prev,
.slider01 .slick-next
{
	width: 18px;
	height: 32px;
}

.slider01 .slick-prev
{
    left: 16px;
	background:url("../../img/ico_prev02.png");
}

.slider01 .slick-next
{
    right: 16px;
	background:url("../../img/ico_next02.png")
}

.slider01 .slick-prev:hover,
.slider01 .slick-prev:focus 
{
		background:url("../../img/ico_prev02.png");
		opacity: 0.8;
	}
	
.slider01 .slick-next:hover,
.slider01 .slick-next:focus
{
	background:url("../../img/ico_next02.png");
		opacity: 0.8;
}

/*-----------------------------
 for .slider02
-----------------------------*/
.slider02 .slick-prev,
.slider02 .slick-next {
    width: 8px;
    height: 20px;
}

.slider02 .ul_slide01.other.slick-slider .slick-track {
	width: 1020px;
	padding-left: 50px;
}

.slider02 .slick-prev
{
    left: 0px;
	background:url("../../img/ico_prev01.png");
}

.slider02 .slick-next
{
    right: 0px;
	background:url("../../img/ico_next01.png");
}

/*-----------------------------
 for .slider03
-----------------------------*/

.slider03 .slick-prev,
.slider03 .slick-next {
		z-index: 100;
		width:30px !important;
		height: 60px !important;
		top:45%;
		}

.slider03 .slick-prev {
	left: 10px;
	}
	
.slider03 .slick-next {
    right: 10px;
	}

.slider03 .slick-prev::before,
.slider03 .slick-next::before {
	font-family: FontAwesome ;
	display: inline-block;
	font-size: 40px;
	}

.slider03 .slick-prev::before {
	content: "\f104" !important;
	}

.slider03 .slick-next::before {
	content: "\f105"!important;
	}


@media screen and (max-width: 768px) {
	
/*-----------------------------
 for .slider02
-----------------------------*/
.slider02 .ul_slide01.other.slick-slider .slick-track {
	width: 165%;
	padding: 0px;
}

.slider02 .slick-prev {
	display: none !important;
}

.slider02 .slick-next {
	display: none !important;
}

/*-----------------------------
 for .slider03
-----------------------------*/

.slider03 .slick-prev,
.slider03 .slick-next {
		top:43%;
		}

.slider03 .slick-prev {
	left: 2px;
	}
	
.slider03 .slick-next {
    right: 2px;
	}

.slider03 .slick-prev::before,
.slider03 .slick-next::before {
	font-size: 30px;
	}


	}