@charset "utf-8";

/*-- swiper -------------------------------------------------------------*/
#mv { margin-top: 0px; position: relative; }
#mv .swiper-wrapper-loop { transition-timing-function: linear; }

#mv .mainCopy { position: absolute; top: 25%; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); -ms-transform: translate(-50%); z-index: 100; background: #24778c; 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 { height: 300px; overflow-y: hidden; }
	#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) {
	#mv { height: 550px; overflow-y: hidden; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	#mv { height: 380px; overflow-y: hidden; }
	#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 { height: 500px; overflow-y: hidden; }
	#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 { height: 550px; overflow-y: hidden; }
	#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 { height: 550px; overflow-y: hidden; }
	#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) {
	#mv { height: 550px; overflow-y: hidden; }
	#mv .swiper-pagination { bottom: 20px;}
}