/* 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%;padding:0 15px;margin:0 auto;box-sizing:border-box;}
.copy .inner > div {padding:0;}
.copy h3 {font-size: 28px;line-height:normal;letter-spacing: -0.5px;color: #fff;}
.copy p.smallp {font-size:14px;line-height:20px;padding-bottom: 25px;}

.copy.copy_position_ll {bottom:20%;}
.copy.copy_position_cl {bottom:20%;}
.copy.copy_position_rl {bottom:20%;}



	@media (min-width:1300px){
		.mainVisual .swiper-container.mainSlider_001 {max-height: 300px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {max-height: 300px;}
		.mainVisual .swiper-slide {max-height: 300px;}
		.mainVisual .swiper-slide img {min-height: 300px;}

		.copy .inner {padding: 0px 70px; /*margin-top:-30px;*/}
		.copy h3 {line-height: 130%;}
	}
	@media (min-width:1050px) and (max-width:1299px){
		.mainVisual .swiper-container.mainSlider_001 {max-height: 300px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {max-height: 300px;}
		.mainVisual .swiper-slide {max-height: 300px;}
		.mainVisual .swiper-slide img {min-height: 300px;}

		.copy .inner {padding: 0 30px;/* max-width:600px; */margin-top:-20px;}
		.copy h3 {line-height:40px;}
	}

	@media (min-width:1050px){
		.contents > .inner {margin-top:-57px; max-width:none;}
	}

	@media (min-width:800px) and (max-width:1049px){
		.mainVisual .swiper-container.mainSlider_001 {}
		.mainVisual .swiper-slide {height:0;padding-bottom: 33%;}
		.mainVisual .swiper-slide img {position:absolute; top:0; left:0; min-height:100%;}

		.copy h3 {font-size:23px;}
		.copy p.smallp {font-size:14px;}

		.contents > .inner {margin-top:-57px;}
	}
	@media (max-width:1049px){
		.copy .inner {border:none !important;}
	}
	@media (min-width:600px) and (max-width:799px){
		.mainVisual .swiper-container.mainSlider_001 {min-height:250px;}
		.mainVisual .swiper-slide {height:0;padding-bottom: 45%;}
		.mainVisual .swiper-slide img {position:absolute; top:0; left:0; min-height:100%;}

		.copy .inner {padding:0 70px;}
		.copy h3 {font-size:23px;}
		.copy p.smallp {font-size:14px;}

		.contents > .inner {margin-top:-44px;}
	}
	@media (max-width:599px){
		.mainVisual .swiper-slide {height:0;padding-bottom:78%;}
		.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;*/}

		.mainVisual .swiper-button-next,
		.mainVisual .swiper-button-prev {display:none;}

		.copy {background: rgba(0,0,0,0.7);top:unset !important;bottom:0 !important;padding: 25px 0 90px;}
		.copy .inner {padding:0 10px;}
		.copy h3 {font-size: 20px;font-weight: 400;line-height: 130%;}
		.copy p.smallp{font-size: 13px;letter-spacing: -0.5;padding-bottom: 20px;}

		.contents > .inner {margin-top:-44px;}
	}


 








/*main swiper*/
.mainVisual div.swiper-pagination-center{
							/* display: none; */
							position:absolute;
							bottom: 70px;
							left: 50%;
							z-index:10;
							width:160px;
							margin-left: -90px;
							/* display: table; */
							text-align: center;
							}
.mainVisual div.swiper-pagination-center div.swiper-pagination{display:inline-block;text-align:center;position:relative;}
.mainVisual div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet {margin-left:5px;background: rgba(0,0,0,0.5);border: 1px solid rgba(255,255,255,0.5);opacity:1 !important;border-radius: 0;width: 20px;height: 6px;box-sizing: border-box;}
.mainVisual div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0;}

.mainVisual div.indicator {z-index:10; display:inline-block;margin-left: 5px;}
.mainVisual div.indicator button{width:12px; height:12px;border:0;  outline:none; cursor:pointer; vertical-align:middle;}
.mainVisual div.indicator button.play{background:url("/sample/template/basic/basic011/img/play.png")no-repeat; text-indent:-9999px;}
.mainVisual div.indicator button.stop{background:url("/sample/template/basic/basic011/img/stop.png")no-repeat; text-indent:-9999px;}

.mainVisual .swiper-button-next,
.mainVisual .swiper-button-prev {width:55px; height:55px; background-size:contain; margin-top:-65px; opacity:1 !important;}
.mainVisual .swiper-button-next {background-image: url(/sample/template/basic/basic011/img/slidenext.png);background-position:right;background-size:14px;}
.mainVisual .swiper-button-prev {background-image: url(/sample/template/basic/basic011/img/slideprev.png);background-position:left;background-size:14px;}

.mainVisual .swiper-pagination-bullet-active {width: 37px !important;background:#0046a5;background: #fff !important;border: 1px solid rgba(0,0,0,0.5) !important;}

	@media (min-width:1500px){
		.mainVisual .swiper-button-next {right:3% !important;}
		.mainVisual .swiper-button-prev {left:3% !important;}
	}
	@media (min-width:600px) and (max-width:799px){
		.mainVisual div.swiper-pagination-center {bottom:55px !important;}
		.mainVisual .swiper-button-next, .mainVisual .swiper-button-prev {margin-top:-45px;}
	}
	@media (max-width:599px){
		.mainVisual div.swiper-pagination-center {bottom:60px !important;}
	}