@charset "utf-8";
.swipe-carousel { position: relative;}
.swipe-carousel .visual-mark { position: absolute; top: 30px; left: 30px; z-index:10; width: 22%; }
.swipe-carousel .visual-mark img { width: 100%; }
#banner { display: block;  position:absolute; z-index:2;  top: calc((100% ) / 2); padding: 0 10px; width: 100%; transform: translateY(-50%); }    
#banner .slogun { }
#banner .slogun img {  width: 100%; max-width: 797px;}
#banner .slogun img.pc {}
#banner .slogun img.mobile { display: none;}



@media (max-width:576px){
	.swipe-carousel .visual-mark  { width: 26%;} 
    #banner .slogun img.pc { display: none;}
    #banner .slogun img.mobile { display: block;}
}