@charset "utf-8";

/*-- swiper -------------------------------------------------------------*/
#mv { z-index: 0; }
#mv .swiper-air .swiper-slide { opacity: 0.5; background: rgba(255,255,255,0.9); }
#mv .swiper-air .swiper-slide-active { opacity: 1.0; z-index: 10; background: rgba(255,255,255,0.95); }
#mv .swiper-air .swiper-slide-prev { opacity: 0.5; background: rgba(255,255,255,0.9); }
#mv .swiper-air .swiper-slide-air img { width: 100%; }

@media screen and (max-width: 599px) {
	#mv .swiper-air { width:80%; margin: 0 auto 0px; overflow:visible;  }
	#mv .swiper-slide-air { position: relative; }	
	#mv .swiper-pagination { bottom: -10px; }
	#mv .swiper-air .swiper-slide-active { opacity: 1.0; z-index: 10; background: rgba(255,255,255,0.9); }
}
@media screen and (min-width: 600px) {
	#mv { width: 100%;}
	#mv .in-mv { position: relative; }
	#mv .swiper-air { overflow:visible;  }
	#mv .swiper-slide-air { position: relative; }	
	.mv-wrapper { position: relative; }
	.mv-wrapper .solor { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);}
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	#mv .swiper-air {  width:90%; margin: 0 auto ; }
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
	#mv .swiper-air { width:90%; margin: 0 auto; }
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
	#mv .swiper-air { width:960px; margin: 0 auto; }
}
@media screen and (min-width: 1200px) and (max-width: 1479px) {
	#mv .swiper-air { width:1100px; margin: 0 auto; }
}
@media screen and (min-width: 1480px) {
	#mv .swiper-air { width:1200px; margin: 0 auto; }
}


#mv .mainCopy { position: absolute; top: 25%; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); -ms-transform: translate(-50%); z-index: 10; background: #1b7990; padding: 2% 4%; }
#mv .mainCopy h2 { text-align: center; color: #fff; }
#mv .mainCopy h3 { text-align: center; color: #fff; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size: 1.2rem; opacity: 0.1; margin-bottom: 10px; }
#mv .mainCopy .border-solid { border-bottom: 1px solid #fff; margin-bottom: 10px; }
#mv .mainCopy p { text-align: center; color: #fff; margin-bottom: 0px; font-size: 0.9rem; }

@media screen and (max-width: 599px) {
	#mv .mainCopy { position: absolute; top: 40%; padding: 4% 6%; }
	#mv .mainCopy h2 { width: 80px; margin: 0 auto; }
	#mv .mainCopy h3 { font-size: 0.7rem; margin-bottom: 5px; }
	#mv .mainCopy p { font-size: 0.5em; }
}
@media screen and (min-width: 600px) {
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	#mv { max-height: 350px; height: 100%; }
	#mv .mainCopy { position: absolute; top: 25%; padding: 2% 4%; }
	#mv .mainCopy h2 { width: 100px; margin: 0 auto; }
	#mv .mainCopy h3 { font-size: 0.8rem; margin-bottom: 5px; }
	#mv .mainCopy p { font-size: 0.7rem; }
}
@media screen and (min-width: 900px) and (max-width: 1079px) {
	#mv { max-height: 450px; height: 100%; }
	#mv .mainCopy { position: absolute; top: 25%; padding: 2% 2%; }
	#mv .mainCopy h2 { width: 120px; margin: 0 auto; }
	#mv .mainCopy h3 { font-size: 0.9rem; margin-bottom: 5px; }
	#mv .mainCopy p { font-size: 0.8rem; }
}
@media screen and (min-width: 1080px) and (max-width: 1199px) {
	#mv .mainCopy { position: absolute; top: 25%; padding: 2% 2%; }
	#mv .mainCopy h2 { width: 200px; margin: 0 auto; }
	#mv .mainCopy h3 { font-size: 1.0rem; margin-bottom: 5px; }
	#mv .mainCopy p { font-size: 0.9rem; }
}
@media screen and (min-width: 1200px) and (max-width: 1479px) {
	#mv .mainCopy { position: absolute; top: 25%; padding: 2% 2%; }
	#mv .mainCopy h2 { width: 200px; margin: 0 auto; }
	#mv .mainCopy h3 { font-size: 1.0rem; margin-bottom: 5px; }
	#mv .mainCopy p { font-size: 0.9rem; }
}
@media screen and (min-width: 1480px) {
}