@charset "utf-8";

/* main visual */
.mainVisual .mainSlider_001 {position:relative; background:white; z-index:0; overflow:hidden;}
.mainVisual .slide_wrap {position:relative; overflow:hidden;}
.mainVisual .slide_wrap img {width:100%; height:auto;}

/*copy*/
.mainVisual .copy {position:absolute; z-index:9; width:100%;}
.mainVisual .copy .inner {width:100%; max-width:1300px; padding:0; margin:0 auto; box-sizing:border-box;}
.mainVisual .copy .inner div {padding: 0 15px;}
.mainVisual .copy h3 {/* font-weight:400; */line-height:normal;}
.mainVisual .copy h3 strong {/* font-weight:400; */color: white;}
.mainVisual .copy h3 strong strong {font-weight:600;line-height: 50px;}
.mainVisual .copy p.smallp {font-size: 19px;line-height: 27px;padding-top: 30px;color: white;}


	@media (min-width:600px){
		.mainVisual .copy.copy_position_rh .inner > div,
		.mainVisual .copy.copy_position_rm .inner > div,
		.mainVisual .copy.copy_position_rl .inner > div {padding-right:45px;}
	}
	@media (min-width:991px){
		.wrap_left_template #top {padding-top:30px;}
		.wrap_left_template .contents {padding-top:30px;}
	}
	@media (min-width:1300px){
		.mainVisual .mainSlider_001 {max-height: 650px;}
		.mainVisual .mainSlider_001 .wzwg-slide-data {max-height: 650px;}
		.mainVisual .slide_wrap {max-height: 650px;}
		.mainVisual .slide_wrap img {min-height: 650px;}

		.mainVisual .copy .inner div {padding:0 65px;}
		.mainVisual .copy h3 {font-size: 39px;}
	}
	@media (min-width:991px) and (max-width:1299px){
		.mainVisual .mainSlider_001 {max-height: 550px;}
		.mainVisual .mainSlider_001 .wzwg-slide-data {max-height: 550px;}
		.mainVisual .slide_wrap {max-height: 550px;}
		.mainVisual .slide_wrap img {min-height: 550px;}

		.mainVisual .copy .inner div {padding:0 65px;}
		.mainVisual .copy h3 {font-size: 33px;}
	}

	@media (min-width:800px) and (max-width:990px){
		.mainVisual .slide_wrap {height:0;padding-bottom: 55%;}
		.mainVisual .slide_wrap img {position:absolute; top:0; left:0; min-height:100%;}

		.mainVisual .copy .inner div {padding:0 45px;}
		.mainVisual .copy h3 {font-size: 29px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.mainVisual .slide_wrap {height:0;padding-bottom: 60%;}
		.mainVisual .slide_wrap img {position:absolute; top:0; left:0; min-height:100%;}

		.mainVisual .copy .inner div {padding:0 40px;}
		.mainVisual .copy h3 {font-size:27px;}
	}
	@media (max-width:599px){
		.mainVisual .slide_wrap {height:0;padding-bottom: 70%;}
		.mainVisual .slide_wrap 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 .copy {background: rgba(0,0,0,0.5);top:unset !important;bottom:0 !important;padding:10px 0 40px;}
		.mainVisual .copy h3 {font-size:18px;}
		.mainVisual .copy h3 strong strong {line-height:30px;}
		.mainVisual .copy p.smallp {font-size:13px;line-height: 22px;padding-top: 20px;}
	}





/* slide btn */
.mainVisual .slick-arrow {width: 30px !important;height: 40px !important;top: 50%;position:absolute !important;background-size:20px !important;opacity: 1 !important;margin-top: -20px !important;text-indent: -999px;overflow: hidden;}
.mainVisual .slick-next {background:url("/sample/template/left/left07/img/slidenext.png") no-repeat !important; right:30px !important; margin-right:-9px; }
.mainVisual .slick-prev {background:url("/sample/template/left/left07/img/slideprev.png") no-repeat !important;left:30px; z-index: 1;}

.mainVisual .slick-dots {position:absolute;z-index:10;text-align:center;bottom: 15px;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,0.5);padding: 5px 20px;border-radius: 10px;}
.mainVisual .slick-dots li {display: inline-block;}
.mainVisual .slick-dots li button {width: 10px;height: 10px;text-indent: -999px;overflow: hidden;border:1px solid rgba(255,255,255,0.8);background:rgba(0,0,0,0.1);opacity:1;box-sizing:border-box;margin:0 3px;}
.mainVisual .slick-dots li.slick-active button {background:#fff !important;border:1px solid rgba(0,0,0,0.5) !important;width:20px;height: 12px;}


	@media (min-width:800px) and (max-width:990px){
		div.mainVisual .swiper-button-next {right:15px !important;} 
		div.mainVisual .swiper-button-prev {left:15px;}
	}
	@media (min-width:600px) and (max-width:799px){
		div.mainVisual .swiper-button-next {right:5px !important;} 
		div.mainVisual .swiper-button-prev {left:5px;}
	}
	@media (max-width:599px){
		.mainVisual .slick-arrow {display:none !important;}
	}