@charset "utf-8";


/**/
#index{position:absolute;overflow:hidden;margin-top: 0;height: calc(100% - 0px);background: #333;width: 100%;height: 100%;}
#index .titbox{margin-bottom: 50px;text-align: left;}
#index .titbox .tit{position:relative;display: inline-block;margin: 15px 0 15px 0;line-height: 40px;font-size: 36px;font-weight: 600;color: #111;letter-spacing: -1px;}
#index .titbox .tit:after{content: '';position: relative;display: inline-block;margin: 5px 0;width: 8px;height: 8px;margin-left: 5px;border-radius: 50%;background: #003399;vertical-align: bottom;}

.main-visual {clear: both;height: 100%;}
.main-visual .imgBox.mVisual-1 { background: url(/theme/mechatron/img/main-v-1.jpg) center no-repeat; background-size: cover;height: 100%;}
.main-visual .imgBox.mVisual-2 { background: url(/theme/mechatron/img/main-v-2.jpg) center no-repeat; background-size: cover;height: 100%;}
.main-visual .imgBox.mVisual-3 { background: url(/theme/mechatron/img/main-v-3.jpg) center no-repeat; background-size: cover;height: 100%;}

.main-visual .mainTxt { position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%); }
.main-visual .mainTxt p { display: block;text-align: center;line-height: 150%;color: #fff;}
.main-visual .mainTxt p:nth-child(1) { letter-spacing: 10px; text-transform: uppercase;}
.main-visual .mainTxt p:nth-child(2) { font-size: 36px; width: 90%;display: inline-block;line-height: 120%; margin-top: 30px;font-family: 'ONE-Mobile-Regular';background: rgba(0, 0, 0, 0.3); padding: 20px 30px;border-radius: 15px;}
.main-visual .mainTxt p:nth-child(2) span {font-family: 'ONE-Mobile-Title';color: rgba(255,255,255,0.8);}

.swiper-container {	width: 100%;height: 100%; }
.swiper-slide {	text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;	-webkit-box-align: center;
-ms-flex-align: center;	-webkit-align-items: center;	align-items: center;}


.swiper-pagination.main-pagination { position: absolute;  left: 50%; top: 94%; transform: translate(-50%, -50%);}	
.swiper-pagination.main-pagination .swiper-pagination-bullet-active { background: #00f6ff !important;}
.swiper-pagination.main-pagination .swiper-pagination-bullet { width: 130px;border-radius: 3px;margin: 0 5px;}
.swiper-pagination.main-pagination .swiper-pagination-bullet {background: #fff;opacity: 1;}
	
	

@media all and (max-width:747px) {

	.main-visual .mainTxt p:nth-child(2) { font-size: 24px;padding: 20px 15px;width: 500px;}
	.swiper-pagination.main-pagination .swiper-pagination-bullet { width: 30px;}


	
}



@media all and (max-width:650px) {

	.main-visual .mainTxt p:nth-child(2) { font-size: 18px;padding: 20px 15px;width: 100%;line-height: 140%;width: 180%;  margin-left: -40%;}

}


#hd_pop{position:absolute;z-index:90000}
#hd_pop h2{display:none}
#hd_pop .hd_pops{position:absolute}
#hd_pop .hd_pops img{display:block}
#hd_pop .hd_pops_con{overflow:hidden;box-shadow:3px 3px 5px rgba(0,0,0,0.15)}
#hd_pop .hd_pops_footer{padding:5px 20px;background:#000}
#hd_pop .hd_pops_footer button{font-size:13px;color:#fff;line-height:28px;background:none}
#hd_pop .hd_pops_footer .hd_pops_close{float:right}
#hd_pop .hd_pops_footer .hd_pops_close span{position:relative;top:-3px}

#hd_pop .hd_pops_footer .hd_pops_close i{position:relative;top:2px;font-size:24px}