@charset "utf-8";
@media screen and (max-width: 768px) {
  /*=============================
　　　　firstview
===============================*/
/*slider*/
#slider{
  	display: block;
	width: 100%;
	max-height: 160vw;
}
#slider.slick-initialized{
 	display: block; 
}
#slider p{
	content:"";
	width: 100%;
    min-height: 110vw;
    height: 100vh;
}
#slider p:nth-child(1)::before{
	background: url("../images/mainvisual_img_sp_1.jpg") no-repeat top left;
	background-size: 100% auto;
}
#slider p:nth-child(2)::before{
	background: url("../images/mainvisual_img_sp_2.jpg") no-repeat top left;
	background-size: 100% auto;
}
#slider p:nth-child(3)::before{
	background: url("../images/mainvisual_img_sp_3.jpg") no-repeat top left;
	background-size: 100% auto;
}
#slider p:nth-child(4)::before{
	background: url("../images/mainvisual_img_sp_4.jpg") no-repeat top left;
	background-size: 100% auto;
}
#slider p:nth-child(5)::before{
	background: url("../images/mainvisual_img_sp_5.jpg") no-repeat top left;
	background-size: 100% auto;
}
#slider p:nth-child(6)::before{
	background: url("../images/mainvisual_img_sp_6.jpg") no-repeat top left;
	background-size: 100% auto;
}
    
    
}