/* main visual */
.mainVisual .swiper-container.mainSlider_001 {background:white; z-index:0; overflow:hidden;}
.mainVisual .swiper-slide {position:relative; overflow:hidden;}
.mainVisual .swiper-slide img {width:100%; height:auto;}

/*copy*/
.copy {position:absolute; z-index:9; width:100%;}
.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-size: 38px;/* font-weight:400; */line-height:normal;color:white;letter-spacing:-1px;}
.copy h3 strong {/* font-weight:400; */}
.copy p.smallp {font-size: 18px;line-height: 29px;padding-top: 40px;}



	@media (min-width:1050px){
		.mainVisual .swiper-container.mainSlider_001 {max-height: 650px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {max-height: 650px;}
		.mainVisual .swiper-slide {max-height: 650px;}
		.mainVisual .swiper-slide img {min-height: 650px;}
	}
	@media (min-width:1400px) and (max-width:1480px){.copy .inner div {padding:0 4%;}}
	@media (min-width:1350px) and (max-width:1399px){.copy .inner div {padding: 0 6%;}}
	@media (min-width:1300px) and (max-width:1349px){.copy .inner div {padding: 0 8%;}}
	@media (min-width:800px) and (max-width:1299px){
		.copy .inner div {padding:0 70px;}
	}

	@media (min-width:800px) and (max-width:1049px){
		.mainVisual .swiper-container.mainSlider_001 {}
		.mainVisual .swiper-slide {height:0; padding-bottom:50%;}
		.mainVisual .swiper-slide img {position:absolute; top:0; left:0; min-height:100%;}

		.copy h3{font-size: 28px;}
		.copy p.smallp {/* font-size: 18px; */}	
	}
	@media (min-width:600px) and (max-width:799px){
		.mainVisual .swiper-container.mainSlider_001 {min-height:250px;}
		.mainVisual .swiper-slide {height:0; padding-bottom:50%;}
		.mainVisual .swiper-slide img {position:absolute; top:0; left:0; min-height:100%;}

		.copy h3 {font-size: 28px;}
		.copy p.smallp {font-size: 17px;padding-top: 30px;}
	}
	@media (max-width:599px){
		.mainVisual .swiper-slide {height:0; padding-bottom:65%;}
		.mainVisual .swiper-slide img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;
									   width:auto; min-width:100%; height:100%; /*transform:scale(1.1); transform-origin:center;*/}

		.copy {background:rgba(000,000,000,0.5); top:unset !important; bottom:0 !important; padding:10px 0 50px;}
		.copy h3 {font-size: 22px;}
		.copy p.smallp{font-size: 15px;line-height: 22px;padding-top: 20px;}
	}

 

/*main swiper*/
div.swiper-pagination-center{position:absolute;bottom: 45px;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.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet{margin-left:5px;width: 40px;border-radius: 0;height: 6px;border: none;background: #9c9288;opacity: 1;}
div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0;}
div.mainVisual .swiper-pagination-bullet-active {background: #f7711c !important;}

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/basic001/img/play.png")no-repeat; text-indent:-9999px;}
div.indicator button.stop{background:url("/sample/template/basic/basic001/img/stop.png")no-repeat; text-indent:-9999px;}

div.mainVisual .swiper-button-next, div.mainVisual .swiper-button-prev {margin-top:-45px !important;width: 75px;height: 75px;background-size: auto;background-color: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.5);
																	-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/basic008/img/slidenext.png);}
div.mainVisual .swiper-button-prev {background-image: url(/sample/template/basic/basic008/img/slideprev.png);opacity: 1;}
	
	@media (max-width:1299px){
		div.mainVisual .swiper-button-next, div.mainVisual .swiper-button-prev {width:50px;height: 50px;background-size: 15px;}
	}

	@media (min-width:600px) and (max-width:1049px){
		div.swiper-pagination-center {bottom:25px;}
	}
	@media (max-width:799px){ 
		div.mainVisual .swiper-button-next, div.mainVisual .swiper-button-prev {display:none;}
	}
	@media (max-width:599px){ 
		div.swiper-pagination-center {bottom:25px;}
		
	}