@charset "utf-8";
/*@latest 2020.04.17 */

/* main visual */
.mainVisual .swiper-container.mainSlider_001 {height:100vh; background:white; z-index:0; overflow:hidden;}
.mainVisual .swiper-slide {position:relative; overflow:hidden;}
.mainVisual .swiper-slide>a {width:100%; height:100%; display:block; position:relative;}
.mainVisual .swiper-slide > a > img {min-width:100%; min-height:100%; position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px; margin:auto;}


/*popimg*/
.popImgbox {width:100%; margin:0 auto;position:absolute;
			animation:tempMVmotion 2s ease-in-out 0s infinite normal forwards;
			-webkit-animation:tempMVmotion 2s ease-in-out 0s infinite normal forwards;
		    -moz-animation:tempMVmotion 2s ease-in-out 0s infinite normal forwards;
		    -ms-animation:tempMVmotion 2s ease-in-out 0s infinite normal forwards;
		    -o-animation:tempMVmotion 2s ease-in-out 0s infinite normal forwards;
		    animation:tempMVmotion 2s ease-in-out 0s infinite normal forwards;}
.popImgbox .imgbox {width:100%; max-width:1300px; margin:0 auto;}
.popImgbox .imgbox img {transform:none; animation:none; max-width:100%;}
	.copy_position_lh + .popImgbox {text-align:right;}
	.copy_position_ch + .popImgbox {text-align:center;}
	.copy_position_rh + .popImgbox {text-align:left;}
	

@-webkit-keyframes tempMVmotion {
  from {bottom:0;}
  55% {bottom:10px;}
  to {bottom:0;}
}
@-moz-keyframes tempMVmotion {
  from {bottom:0;}
  55% {bottom:10px;}
  to {bottom:0;}
}



/*copy*/
.copy {position:absolute; z-index:9; width:100%; word-break:keep-all;}
.copy .inner {width:100%; max-width:1300px; padding:0; margin:0 auto; box-sizing:border-box;}
.copy .inner div {/* padding:0 15px; */}
.copy h3 {font-weight:400;line-height:120%;color:#fff;}
.copy h3 strong {font-weight:600; line-height:150%;}
.copy p.smallp {font-size:18px;line-height:150%;padding-top:40px;color:white;font-weight:400;}


	@media (min-width:1300px) and (max-width:1400px){.copy .inner {padding:0 50px;}}
	@media (min-width:1300px){
		.mainVisual .swiper-container.mainSlider_001 {min-height:900px;}
		.popImgbox {bottom:0;}
		.popImgbox .imgbox {display:block;}

		.copy h3 {font-size:54px;}
		.copy_position_lh + .popImgbox .imgbox img {margin-right:-200px;}
		.copy_position_rh + .popImgbox .imgbox img {margin-left:-200px;}
	}



	@media (min-width:991px) and (max-width:1299px){
		.mainVisual .swiper-container.mainSlider_001 {min-height:700px;}
		.popImgbox {bottom:50%; transform:translateY(-30%);}
		.popImgbox .imgbox {max-width:50%; display:inline-block;}

		.copy .inner {padding:0 15px;}
		.copy h3 {font-size:45px;}
	}
	@media (min-width:800px) and (max-width:990px){
		.mainVisual .swiper-container.mainSlider_001 {height:90vh; min-height:600px;}
		.popImgbox {bottom:50%; transform:translateY(-50%);}
		.popImgbox .imgbox {max-width:50%; display:inline-block;}

		.copy .inner {padding:0 15px;}
		.copy h3 {font-size:35px;}
		.copy p.smallp {font-size:17px;}
	}



	@media (max-width:799px){
		.mainVisual .swiper-container.mainSlider_001 {min-height:600px;}
		.popImgbox .imgbox {text-align:center;}
		
		.copy {top:10% !important;}
		.copy .inner {padding:0 10px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.mainVisual .swiper-container.mainSlider_001 {height:95vh;}
		.popImgbox .imgbox img {max-width:70%;}
		
		.copy h3 {font-size:28px;}
		.copy p.smallp {font-size:16px; padding-top:20px;}
	}
	@media (max-width:599px){
		.mainVisual .swiper-container.mainSlider_001 {}
		.popImgbox .imgbox img {max-width:85%;}
		
		.copy h3 {font-size:25px; color:#fff !important;}
		.copy p.smallp {font-size:15px; padding-top:20px; color:#fff !important;}
	}








.inner_layer {position:absolute; width:100%; z-index:0;}

	@media (min-width:1050px){
		.inner_layer {bottom:0;}
	}
	@media (max-width:1049px){
		.inner_layer {position:relative; float:left; background:rgba(0,0,0,0.5);}
	}




/* slide btn */
.mainVisual .swiper-container-horizontal .swiper-pagination-bullets {text-align:left;/* padding-left:30px; */box-sizing:border-box;}
.mainVisual .swiper-pagination-clickable .swiper-pagination-bullet {opacity:1;margin-left:5px;width:50px;height:5px;background:rgba(0,0,0,0.0);border:1px solid rgba(255,255,255,0.7);border-radius:0;}
.mainVisual .swiper-pagination-clickable .swiper-pagination-bullet:first-child {margin-left:0;}
.mainVisual .swiper-pagination-bullet-active {width:9px; height:9px; opacity:1 !important; background:#fff !important; border:1px solid rgba(0,0,0,0.5) !important;}
.mainVisual .swiper-pagination-clickable .swiper-pagination-bullet-active {background:#fff !important;/* border-color:#333; */}


/*main swiper*/
div.swiper-pagination-center{position:absolute;bottom:20px;left:0;z-index:10;width:100%;/* margin-left:-90px; */display:table;text-align:center;/* background:rgba(255, 255, 255, 0.5); *//* padding:5px 10px; *//* border-radius: 10px; */}
div.swiper-pagination-center div.swiper-pagination {display:inline-block;text-align:center;position:relative;}


div.indicator {z-index:10;display:inline-block;margin-left:5px;display:none;}
div.indicator button{width:12px; height:12px;border:0;  outline:none; cursor:pointer; vertical-align:top;}
div.indicator button.play{background:url("/sample/template/basic/basic009/img/play.png")no-repeat; text-indent:-9999px;}
div.indicator button.stop{background:url("/sample/template/basic/basic009/img/stop.png")no-repeat; text-indent:-9999px;}

div.mainVisual .swiper-button-next, 
div.mainVisual .swiper-button-prev {margin-top:-45px !important; width:50px;height:50px; background-size:15px; /*background-color:rgba(255,255,255,0.1);*/
									-webkit-transition:background-color 0.5s; transition:background-color 0.5s;}
div.mainVisual .swiper-button-next:hover, div.mainVisual .swiper-button-prev:hover {background-color:rgba(255,255,255,0.2); }
div.mainVisual .swiper-button-next {background-image:url(/sample/template/basic/basic009/img/slidenext.png); right:0; }
div.mainVisual .swiper-button-prev {background-image:url(/sample/template/basic/basic009/img/slideprev.png); opacity:1; left:0;}
	
	@media (max-width:1299px){
		div.mainVisual .swiper-button-next, 
		div.mainVisual .swiper-button-prev {display:none;}
	}
	
	@media (max-width:799px){ 
		div.swiper-pagination-center {bottom:10px;}
	}
	@media (max-width:599px){ 
		
	}