/* maintemplate -wide020
  2020.06.29 ssj */

.mainVisual .swiper-container.mainSlider_001 {background:white; z-index:0; overflow:hidden;}
.mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {max-height:100%;}
.mainVisual .swiper-slide {position:relative; overflow:hidden;}
.mainVisual .swiper-slide img {position:absolute; left: -9999px; right:-9999px; margin: auto;
								width: auto !important; min-width:100%; height: auto !important; min-height: 100% !important;}
.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: 35px;font-weight:400;line-height:140%;color: #333;}
.copy h3 strong {font-weight:600; font-family:inherit; font-size:inherit; color:inherit;}
.copy p.smallp {font-size:17px;line-height:140%;letter-spacing:-0.5px;padding-top:20px;color: #333;}
.copy .more_btn {height:40px; line-height:40px; font-size:14px; color:#fff; border:1px solid #fff; padding:0 90px; box-sizing:border-box;
				display:inline-block; margin-top:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:90%;
				-webkit-transition:background 0.5s, color 0.5s, border-color 0.5s; transition:background 0.5s, color 0.5s, border-color 0.5s;}
.copy .more_btn:hover {background:rgba(255,255,255,0.9) !important; color:#333 !important; border-color:rgba(0,0,0,0.5); font-weight:600;}


	@media (min-width:600px){
		.mainVisual .swiper-slide img {/* height:auto !important; */}
	}
	@media (min-width:991px){
		.mainVisual .swiper-container.mainSlider_001,
		.mainVisual .swiper-slide {height: 490px;}

		.copy {top: 50% !important;}
		.copy>div {transform:translateY(-50%) !important;}
		.contents > .inner {margin-top: -70px;max-width:none;}
	}
	@media (min-width:600px) and (max-width:990px){
		.contents > .inner {/* padding-top:20px; */}
	}
	@media (min-width:800px) and (max-width:990px){
		.copy {transform:translateY(-60%) !important;top: 45% !important;}
	}
	@media (min-width:600px) and (max-width:799px){
		.copy {transform: translateY(-50%) !important;top: 50% !important;}
	}
	@media (min-width:800px) and (max-width:990px){
		.mainVisual .swiper-container.mainSlider_001,
		.mainVisual .swiper-slide {height:450px;}
		/*.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;}
		.contents > .inner {margin-top:-100px;}
	}

	@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:50%;}
		.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){
		.contents > .inner {/* padding-top:20px; */margin-top: -30px;}
		.mainVisual .swiper-slide {height:0; padding-bottom:60%;}
		.mainVisual .swiper-slide img {}

		.copy {
				background:rgba(0,0,0,0.5);
				top:unset !important;
				bottom:0 !important;
				padding: 10px 0 50px;
				-webkit-transform: translateY(50px) !important;
				transform: translateY(50px) !important;
				}
		.copy h3 {font-size: 20px;line-height:25px;color:#fff !important;}
		.copy p.smallp {font-size: 16px;line-height: 150%;padding-top: 15px;color:#fff !important;}
		.copy .more_btn {height:34px; line-height:34px; padding:0 20px; margin-top:20px; border-color:rgba(255,255,255,0.5) !important; color:#fff !important;}
		.swiper-slide.swiper-slide-active .copy {-webkit-transform:translateY(0px) !important; transform:translateY(0px) !important;}

		.div_wrap {max-width:93%;}
		.div_wrap > div {margin:7px 0 !important;}
		.div_wrap > div:last-child {margin-bottom:7px !important;}
		.div_wrap > div:only-child {margin:0 !important;}
		.mobile-wm100 {max-width:100% !important;}
	}




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

.div_wrap.border-radius.br20 > div {border-radius:20px;}
.div_wrap > div {border-radius:20px;} /*2020.06.29*/

	@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 .swiper-controller {display:block; width:1300px; margin:0 auto; clear:both; height:200px;}

.mainVisual div.swiper-pagination-center {position:absolute;top:50%;left:50%;margin-top:40px;z-index:1;text-align:center;box-sizing:border-box;display: none;}
.mainVisual div.swiper-pagination-center div.swiper-pagination {display:inline-block; position:relative;}
.mainVisual .swiper-pagination-bullet {text-indent:-9999px; margin-right:5px; opacity:1; border:1px solid rgba(255,255,255,0.6);}
.mainVisual .swiper-pagination-bullet:focus {outline:1px dotted #fff;}
.mainVisual .swiper-pagination-bullet:last-child {margin-right:0;}
.mainVisual .swiper-pagination-bullet-active {background:#f18201; border-radius:3px; border-color:rgba(0,0,0,0.5);}

.mainVisual div.indicator {width:15px;height:25px;float:left;}
.mainVisual div.indicator button {border:0;outline:none;cursor:pointer;vertical-align:middle; width:100%; height:100%;}
.mainVisual div.indicator button:focus {outline:thin dotted;}
.mainVisual div.indicator button.play {background: url("/sample/template/wide/wide020/img/arrow.png")no-repeat;text-indent:-9999px;/* background-size:22px; */background-position: -112px 2px;}
.mainVisual div.indicator button.stop {background:url("/sample/template/wide/wide020/img/arrow.png")no-repeat;text-indent:-9999px;background-position: -94px 2px;}


.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:50% !important;
								border-radius:100%;
								text-indent:-9999px;
								}
.mainVisual .swiper-button-next:focus,
.mainVisual .swiper-button-prev:focus {outline:thin dotted;}
.mainVisual .swiper-button-next {
								background: url("/sample/template/wide/wide020/img/arrowR.png") no-repeat rgba(255,255,255,0.5) !important;
								background-position: 50% center !important;
								opacity:1 !important;
								} 
.mainVisual .swiper-button-prev {
								background: url("/sample/template/wide/wide020/img/arrowL.png") no-repeat rgba(255,255,255,0.5) !important;
								bottom:auto;
								/* border-color:#333; */
								opacity:1 !important;
								background-position: 43% center !important;
								}


.mainVisual div.indecator_number {float:left; letter-spacing:-0.5px; font-size:12px; box-sizing:border-box;}
.mainVisual div.indecator_number span {}
.mainVisual div.indecator_number span:first-child {font-weight:600; }

	
	@media (min-width:800px){
		.mainVisual .swiper-button-next, 
		.mainVisual .swiper-button-prev {width: 70px !important;height: 70px !important;}
		.mainVisual .swiper-button-prev {/* margin-top:-90px; */}
	}
	@media (min-width:1440px){
		.mainVisual .swiper-button-next, 
		.mainVisual .swiper-button-prev {/* left:50% !important; *//* margin-left:650px; */}
		.mainVisual div.swiper-pagination-center {margin-left:655px;}
	}

	@media (min-width:800px) and (max-width:1439px){
		.copy.copy_position_lh .inner div {padding-right:70px;}
		.copy.copy_position_ch .inner div {padding:0 70px;}
		.copy.copy_position_rh .inner div {padding-right:70px;}

		.mainVisual .swiper-button-next, .mainVisual .swiper-button-prev {/* left:100% !important; *//* margin-left:-60px; */}
		.mainVisual div.swiper-pagination-center {left:100%; margin-left:-55px;}
	}

	@media (min-width:600px){
		.mainVisual div.indecator_number {width:30px; height:25px; line-height:25px;}
		.mainVisual div.swiper-pagination-center div.swiper-pagination {display:none;}
	}

	@media (max-width:799px){
		.mainVisual .swiper-button-next, 
		.mainVisual .swiper-button-prev {width:40px !important; height:40px !important;}
		.mainVisual .swiper-button-next {/* background-position: 10px 13px !important; */background-size: 10px !important;margin-top: 30px;}
		.mainVisual .swiper-button-prev {/* background-position: -26px 11px !important; */background-size: 10px !important;/* margin-top: -70px; */right:10px !important;left:auto;}
	}

	@media (min-width:600px) and (max-width:799px){
		.mainVisual div.swiper-pagination-center {left:auto;right:5px;/* margin-top:25px; */width:50px;}
	}


	@media (max-width:599px){
		.mainVisual .swiper-button-next,
		.mainVisual .swiper-button-prev {display:none;}

		.mainVisual div.swiper-pagination-center {width:100%; bottom:10px; left:0; top:auto; text-align:center; margin-top:0;}

		.mainVisual div.indicator {width:auto; display:inline-block; float:none;}
		.mainVisual div.indecator_number {display:none;}
		.mainVisual div.indicator button.play {background-position:-110px -18px; width:20px;}
		.mainVisual div.indicator button.stop {background-position:-92px -18px; width:20px;}
		.mainVisual div.indicator button:focus {outline:1px dotted #fff;}
	}