.mn_slider .visual {position:relative;}
.mn_slider .visual div {position:absolute; top:50%; width:100%; margin-top:-12vh}
.mn_slider .visual span {position:relative; display:inline-block; width:90%; max-width:1200px; text-align:left; }
.mn_slider .visual div.txt1 {}

.mn_slider li {width:100vw; height:91vh;}

.mn_slider .visual_n1 {background:url('/images/main/main_visual_n1.jpg') no-repeat center; background-size:cover}
.mn_slider .visual_n2 {background:url('/images/main/main_visual_n2.jpg') no-repeat center; background-size:cover}
.mn_slider .visual_n3 {background:url('/images/main/main_visual_n3.jpg') no-repeat center; background-size:cover}
.mn_slider .visual_n4 {background:url('/images/main/main_visual_n4.jpg') no-repeat center; background-size:cover}


@media all and (min-width:1300px){
	.mn_slider .visual div {left:40px}
}


@media all and (max-width:1200px){   
    .mn_slider .visual span img {width:40%}	
}


@media all and (max-width:800px){   
.mn_slider .visual span img {width:80%}	
.mn_slider .visual div.txt1 {top:25% !important; width:100%; margin-top:-12vh}	
.mn_slider .visual_n1 {background:url('/images/main/main_visual_n1_m.jpg') no-repeat center; background-size:cover}
.mn_slider .visual_n2 {background:url('/images/main/main_visual_n2_m.jpg') no-repeat center; background-size:cover}
.mn_slider .visual_n3 {background:url('/images/main/main_visual_n3_m.jpg') no-repeat center; background-size:cover}
.mn_slider .visual_n4 {background:url('/images/main/main_visual_n4_m.jpg') no-repeat center; background-size:cover}
}