/* 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;}
.wide08_mainbox {position:relative;}


/*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-size:27px; font-weight:400; line-height:140%;}
.copy h3 strong {font-weight:600; font-family:inherit; font-size:inherit; color:inherit;}
.copy p.smallp {font-size:16px; line-height:140%; letter-spacing:-0.5px; padding-bottom:20px; color:white;}


	@media (min-width:1050px){
		.mainVisual .swiper-container.mainSlider_001 {/* max-height:800px; */height:calc(100vh - 80px); min-height:800px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {max-height:100%;}
		.mainVisual .swiper-slide {/* max-height:800px; */}
		.mainVisual .swiper-slide img {min-height:calc(100vh - 80px);}

		.copy {/*transform:translateY(-70%) !important;*/ top:35% !important;}
		.copy>div {transform:translateY(-70%) !important;}
	}
	@media (min-width:600px) and (max-width:1049px){
		.copy {transform:translateY(-60%) !important; top:50% !important;}
	}
	@media (min-width:800px) and (max-width:1049px){
		.mainVisual .swiper-slide {height:0; padding-bottom:60%;}
		.mainVisual .swiper-slide img {position:absolute; top:0; left:0; min-height:100%;}

		.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 {padding-left:15px;}
		.copy.copy_position_rh .inner div {padding-right:60px; padding-left:15px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.mainVisual .swiper-slide {height:0; padding-bottom:60%;}
		.mainVisual .swiper-slide img {position:absolute; top:0; left:0; min-height:100%;}

		.copy h3 {font-size:25px;}
		.copy p.smallp {font-size:14px;}
	}
	@media (max-width:599px){
		.mainVisual .swiper-slide {height:0; padding-bottom:75%;}
		.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(0,0,0,0.5); top:unset !important; bottom:0 !important; padding:10px 0 50px;}
		.copy h3 {font-size:19px; line-height:25px; color:#fff !important;}
		.copy p.smallp {font-size:13px; line-height:20px; padding-top:20px; color:#fff !important;}
	}




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

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





/*main swiper*/
.mainVisual div.swiper-pagination-center {position:absolute; bottom:320px; left:50%; z-index:1; text-align:center; box-sizing:border-box;}
.mainVisual div.swiper-pagination-center div.swiper-pagination {display:none;}


.mainVisual div.indicator {z-index:1;/* display:inline-block; */ width:30px; height:30px; background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.5);box-sizing:border-box;}
.mainVisual div.indicator button {border:0;outline:none;cursor:pointer;vertical-align:middle; width:100%; height:100%;}
.mainVisual div.indicator button.play {background:url("/sample/template/wide/wide013/img/play.png")no-repeat; text-indent:-9999px; background-size:22px; background-position:center;}
.mainVisual div.indicator button.stop {background:url("/sample/template/wide/wide013/img/stop.png")no-repeat; text-indent:-9999px; background-size:22px; background-position:center;}


.mainVisual .swiper-button-next,
.mainVisual .swiper-button-prev {border:1px solid rgba(255,255,255,0.5); box-sizing:border-box; 
								position:absolute !important; top:auto !important; left:50% !important;}
.mainVisual .swiper-button-next {background:url("/sample/template/wide/wide013/img/mainSwiperarRight.png") no-repeat rgba(0,0,0,0.3) !important;
								bottom:320px;background-size:22px !important; background-position:center !important; opacity:1 !important;} 
.mainVisual .swiper-button-prev {background:url("/sample/template/wide/wide013/img/mainSwiperarLeft.png") no-repeat rgba(0,0,0,0.3) !important;
								bottom:320px; opacity:1 !important; background-size:22px !important; background-position:center !important;}


.mainVisual div.indecator_number {float:left; color:rgba(255,255,255,0.8); letter-spacing:-0.5px;  font-size:12px; 
								  box-sizing:border-box; /*background:rgba(0,0,0,0.3);*/ background:none; position:absolute; top:0;}
.mainVisual div.indecator_number span {}
.mainVisual div.indecator_number span:first-child {font-weight:600; }




	@media (min-width:600px){
		.mainVisual .swiper-button-next, 
		.mainVisual .swiper-button-prev {width:30px !important; height:30px !important;}
		.mainVisual .swiper-button-next {margin-left:6px;}
		.mainVisual .swiper-button-prev {margin-left:-76px;}

		.mainVisual div.indicator {margin-left:-35px;}
		.mainVisual div.indecator_number {width:30px; height:30px; line-height:30px; border:1px solid rgba(255,255,255,0.3); margin-left:47px;}
	}
	@media (min-width:600px) and (max-width:1049px){
		.mainVisual .swiper-button-next, .mainVisual .swiper-button-prev,
		.mainVisual div.swiper-pagination-center {bottom:30px;}
	}

	@media (max-width:599px){
		.mainVisual .swiper-button-next {bottom:11px; width:20px !important; height:20px !important; margin-left:5px;} 
		.mainVisual .swiper-button-prev {bottom:11px; width:20px !important; height:20px !important; margin-left:-46px;}
		.mainVisual div.swiper-pagination-center {bottom:11px;}
		.mainVisual div.indicator {width:20px; height:20px; margin-left:-20px;}
		.mainVisual div.indecator_number {width:30px; height:20px; line-height:22px; margin-left:29px;}
	}