/* maintemplate -wide15
  2019.12.03 ssj */

.maintem_wide {position:relative;}
.mainVisual .mainSlider_001 {background:white;z-index:0;overflow:hidden;margin-left: auto;margin-right: auto;position: relative;}
.mainVisual .swiper-slide {position:relative;overflow:hidden;width: 100% !important;}
.mainVisual .swiper-slide img {width:100%; height:auto;}

/*copy*/
.copy {position:absolute;z-index:9;width:100%;word-break:keep-all;opacity: 1 !important;left: 0;}
.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:normal;color: #fff;}
.copy p.smallp {font-size: 14px;line-height: 25px;/* letter-spacing:-0.5px; */padding-top: 10px;color: white;}



	@media (min-width:1050px){
		.mainVisual .mainSlider_001 {max-height:710px;}
		.mainVisual .mainSlider_001 .swiper-wrapper {max-height:710px;}
		.mainVisual .swiper-slide {max-height:710px;}
		.mainVisual .swiper-slide img {min-height:710px;}
		.copy .inner {margin-top:30px;}
		.copy h3 {font-size: 33px;} 
	}
	@media (max-width:1049px){
		.maintem_wide {width:100%; float:left;}
		.mainVisual {position:absolute; width:100%; height:100%;}
		.mainVisual .mainSlider_001 {height:100%;}
		.mainVisual .swiper-slide {height:100%;}
	}

	@media (min-width:800px) and (max-width:1049px){
		.copy .inner {/*margin-top:30px;*/}
		.copy h3 {font-size: 28px;}
	}

	@media (min-width:600px) and (max-width:1399px){
		.copy .inner div {padding:0 60px;}
		.copy.copy_position_lh .inner div,
		.copy.copy_position_lm .inner div,
		.copy.copy_position_ll .inner div {padding-left:15px;}
		.copy.copy_position_rh .inner div,
		.copy.copy_position_rm .inner div,
		.copy.copy_position_rl .inner div {padding-right:60px; padding-left:15px;}
	}

	@media (max-width:799px){
		.swiper-slide .copy {-webkit-transform: translateY(50px) !important; transform: translateY(50px) !important; top:40px;}
		.swiper-slide.swiper-slide-active .copy {-webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; top:40px;}

		.mainVisual .swiper-slide img {width:auto !important; min-width:100%; /*height:auto !important;*/ min-height:100%;
									   position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;}							
	}

	@media (min-width:600px) and (max-width:799px){
		.copy h3 {font-size:25px;}
		.copy p.smallp {font-size:14px;}
	}

	@media (max-width:599px){
		.copy h3, .copy h3 font {font-size:19px; line-height:25px; color:#333 !important;}
		.copy p.smallp,.copy p.smallp font {font-size:13px; line-height:20px; padding-top:10px; color:#333 !important;}	
	}




.inner_layer {position:absolute; width:100%;}

	@media (min-width:1050px){
		.inner_layer {top:220px; z-index:0;}
	}
	@media (min-width:1050px) and (max-width:1300px){
		.inner_layer .layout_wrap .div_wrap {padding:0 15px;}
	}
	@media (max-width:1049px){
		.inner_layer {position:relative; float:left; margin:200px 0 30px; width:100%; padding:0 15px; box-sizing:border-box; height:auto;}
	}
	@media (max-width:599px){
		.inner_layer {margin:140px 0 30px;}
	}





/* slide btn */
.mainVisual div.swiper-pagination-center {position:absolute; z-index:10; text-align:center; border-radius:4px;}
.mainVisual div.swiper-pagination-center div.swiper-pagination {display:inline-block; text-align:center; position:relative; box-sizing:border-box;}
.mainVisual .swiper-pagination-bullet {width:10px; height:10px; border:1px solid rgba(255,255,255,0.8); background:rgba(0,0,0,0.5); opacity:1; box-sizing:border-box;}
.mainVisual .swiper-pagination-bullet-active {width:10px; height:10px; background:#fff !important; border:1px solid rgba(0,0,0,0.5) !important;}

.mainVisual .swiper-button-next, 
.mainVisual .swiper-button-prev {display:none;}

.mainVisual div.indicator {z-index:10; display:inline-block; vertical-align:middle;}
.mainVisual div.indicator button {width:12px; height:12px; border:0; cursor:pointer; vertical-align:top;}
.mainVisual div.indicator button.play {background:url("/sample/template/wide/wide004/img/play.png")no-repeat; text-indent:-9999px;}
.mainVisual div.indicator button.stop {background:url("/sample/template/wide/wide004/img/stop.png")no-repeat; text-indent:-9999px;}
.mainVisual div.indicator button:focus {outline:thin dotted;}

	@media (min-width:600px){
		.mainVisual div.swiper-pagination-center {right:0px; top:16%; width:10px; transform:translate(-50%,-50%); padding:0 10px;}

		.mainVisual .swiper-pagination-bullet {margin:0 0 5px !important;}
		.mainVisual .swiper-pagination-bullet-active {height:20px;}
	}
	@media (min-width:600px) and (max-width:1049px){
		.mainVisual div.swiper-pagination-center {top:10%;}
	}
	@media (max-width:599px){
		.mainVisual div.swiper-pagination-center {top:115px; left:50%; width:auto; padding:2px 15px; transform:translateX(-50%); background:rgba(255, 255, 255, 0.2); }
		.mainVisual div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet {margin-left:5px;}
		.mainVisual .swiper-pagination-bullet-active {width:20px; border-radius:3px;}
	
		.mainVisual div.indicator {margin-left:5px;}
	}