@charset "utf-8";

/*-- swiper -------------------------------------------------------------*/
#mv {  position: relative; z-index: 0; }
#mv .swiper-air .swiper-slide { /*opacity: 0.5;*/ }
#mv .swiper-air .swiper-slide-active { opacity: 1.0; z-index: 10;  }
#mv .swiper-air .swiper-slide-prev { /*opacity: 0.5;*/ }
#mv .swiper-air .swiper-slide-air img { width: 100%; }
#mv .swiper-air .swiper-slide-air div { margin-bottom: 10px; }
#mv .swiper-air .swiper-slide-air p.txt { border-left: 3px solid var(--base-color); padding: 5px 15px; font-size: 0.9em; }
@media screen and (max-width: 599px) {
	#mv .swiper-air {  width:90%; margin: 0 auto 5vh; overflow:visible;  }
	#mv .swiper-slide-air { position: relative; }	
	#mv .swiper-pagination { bottom: -20px; }
	
	#mv .mvTtl { position: absolute; bottom: 30px; left: 4%; z-index: 10; color: #fff; font-size: 1.25em; font-weight: 500; line-height: 2.0; }
	#mv .mvTtl span.bgGreen { background:rgba(30,107,55,0.9); padding: 5px 10px;  }
}
@media screen and (min-width: 600px) {
	#mv { width: 100%; margin-bottom: 5vh; }
	#mv .swiper-air { overflow:visible;  }
	#mv .swiper-slide-air { position: relative; }	
	#mv .swiper-pagination { bottom: -20px; }
	
	#mv .mvTtl { position: absolute; bottom: 50px; left: 20%; z-index: 10; color: #fff; font-size: 2.4em; font-weight: 500; line-height: 1.8; }
	#mv .mvTtl span.bgGreen { background:rgba(30,107,55,0.9); padding: 5px 20px;  }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	#mv .swiper-air {  width:90%; margin: 0 auto ; }
	#mv .mvTtl { position: absolute; bottom: 50px; left: 4%; } 
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
	#mv .swiper-air { width:90%; margin: 0 auto; }
	#mv .mvTtl { position: absolute; bottom: 50px; left: 4%; } 
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
	#mv .swiper-air { width:960px; margin: 0 auto; }
	#mv .mvTtl { position: absolute; bottom: 50px; left: 4%; } 
}
@media screen and (min-width: 1200px) and (max-width: 1479px) {
	#mv .swiper-air { margin: 0 2%; }
	#mv .mvTtl { position: absolute; bottom: 50px; left: 10%; } 
}
@media screen and (min-width: 1480px) {
	#mv .swiper-air { margin: 0 2%; }
	#mv .mvTtl { position: absolute; bottom: 50px; left: 10%; } 
}

#mv .swiper-pagination-bullet { border-radius: 0px; width: 30px; height: 2px; background: var(--base-color); margin: 0px 0; }

@media screen and (min-width: 1080px) {	
	#mv .swiper-pagination { position: absolute; bottom: -30px; }
}

#mv .swiper-button-prev:after {
    content: 'prev';
    color: rgba(155,155,155,0.9);
    border-radius: 25px;
    font-size: 1rem;
}
#mv .swiper-button-next:after {
    content: 'next';
    color: rgba(155,155,155,0.9);
    border-radius: 25px;
    font-size: 1rem;
}

#mv .swiper-button-prev,#mv .swiper-button-next {
    width: 50px;
	height: 50px;
	border-radius: 25px;
	background: rgba(187,187,187,0.5);
}

@media screen and (max-width: 599px) {
	#mv .swiper-button-prev,#mv .swiper-button-next { width: 30px; height: 30px; border-radius: 15px; }
	#mv .swiper-button-prev:after,#mv .swiper-button-next:after { font-size: 0.7rem; }
	
	#mv .swiper-button-prev { left: -15px;}
	#mv .swiper-button-next { right: -15px;}
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	#mv .swiper-button-prev,#mv .swiper-button-next { width: 40px; height: 40px; border-radius: 20px; }
	#mv .swiper-button-prev { left: -30px;}
	#mv .swiper-button-next { right: -30px;}
}
@media screen and (min-width: 1025px) and (max-width: 1259px)  {
	#mv .swiper-button-prev,#mv .swiper-button-next { width: 45px; height: 45px; border-radius: 22.5px;}
	#mv .swiper-button-prev { left: -40px;}
	#mv .swiper-button-next { right: -40px;}
}
@media screen and (min-width: 1260px) and (max-width: 1479px)  {
	#mv .swiper-button-prev { left: -25px;}
	#mv .swiper-button-next { right: -25px;}
}
@media screen and (min-width: 1480px) {
	#mv .swiper-button-prev { left: -25px;}
	#mv .swiper-button-next { right: -25px;}
}