/*@ latest 2019.05.22 ssj */

/* main visual + right widget */
.mainvalBox {max-width:1300px; margin:0 auto; padding:0px; box-sizing:border-box;}
.mainvalBox .mainVisual {width:100%; float:left;}
.mainvalBox .mainVisual #templateFix {float:left; width:100%;}
.mainvalBox .mainVisual #templateFix .layout_01 {width:100%;}
.mainvalBox .mainVisual #templateFix .layout_04 {width:100%;}

	@media (min-width:900px){
		.mainvalBox .inner_layer {width:25%; float:left;}
		.mainVisual .swiper-container.mainSlider_001 {width:74%; margin-right:1%;}
	}
	@media (min-width:600px){
		.mainvalBox .mainVisual #templateFix .layout_01 {height:150px !important;}
		.mainvalBox .mainVisual #templateFix .layout_04.layout_height_H {height:350px !important;}
		.mainvalBox .mainVisual #templateFix .layout_04.layout_height_L {height:150px !important;}
	}

/* main visual */
.mainVisual .swiper-container.mainSlider_001 {background:white; z-index:0; overflow:hidden;}
.mainVisual .swiper-container.mainSlider_001 .swiper-slide {position:relative; overflow:hidden;}
.mainVisual .swiper-container.mainSlider_001 .swiper-slide img {width:100%; height:auto; vertical-align:top;}

/*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:30px; font-weight:400; line-height:130%; letter-spacing:-0.5px;}
.copy h3 strong {font-weight:400;}
.copy p.smallp {font-size:14px; line-height:22px; padding-top:20px;}




	@media (min-width:900px){
		.mainVisual .swiper-container.mainSlider_001 {max-height:5000px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {max-height:5000px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-slide {max-height:500px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-slide img { min-height:500px;}
	}
	@media (max-width:899px){
		.mainvalBox .inner_layer {width:100%; position:relative; z-index:0;}
		.mainVisual .swiper-container.mainSlider_001 {width:100%; margin-bottom:15px;}
	}

	@media (min-width:800px) and (max-width:899px){
		.copy h3 {font-size:25px;}
	}
	@media (min-width:600px) and (max-width:899px){
		.mainVisual .swiper-container.mainSlider_001 .swiper-slide {height:0; padding-bottom:50%;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-slide img {position:absolute; top:0; left:0; min-height:100%;}

		.copy h3 {font-size:24px;}
	}
	@media (max-width:599px){
		.mainVisual .swiper-container.mainSlider_001 .swiper-slide {height:0; padding-bottom:65%;}
		.mainVisual .swiper-container.mainSlider_001 .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(255,255,255,0.4);top:unset !important; bottom:0 !important; padding: 10px 0 45px;}
		.copy h3 {font-size:18px; line-height:22px; color:#333;}
		.copy p.smallp {font-size:13px; color:#333; line-height:18px;}
	}




/*main swiper*/
.mainVisual .mainSlider_001 div.swiper-pagination-center {position:absolute;
															bottom: 15px;
															left:50%;
															z-index:10;
															width:160px;
															display:table;
															text-align:center;
															background:rgba(0,0,0,0.05);
															padding: 5px 15px;
															border-radius:5px;
															transform: translate(-50%,0);
															}
.mainVisual .mainSlider_001 div.swiper-pagination-center div.swiper-pagination {display:inline-block;text-align:center;position:relative;/* padding: 5px 20px; */}
.mainVisual .mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet {margin-left:5px;}
.mainVisual .mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}

.mainSlider_001 div.indicator {z-index:10; display:inline-block; margin-left:5px;}
.mainSlider_001 div.indicator button{width:12px; height:12px;border:0;  outline:none; cursor:pointer; vertical-align:top;}
.mainSlider_001 div.indicator button.play{background:url("/sample/template/wide/wide002/img/play.png")no-repeat; text-indent:-9999px;}
.mainSlider_001 div.indicator button.stop{background:url("/sample/template/wide/wide002/img/stop.png")no-repeat; text-indent:-9999px;}

.mainVisual .mainSlider_001 .swiper-pagination-bullet-active {background:white; border-color:white; width:8px;}

.mainVisual .mainSlider_001 .swiper-button-next {
	background:url("/sample/template/compound/compound009/img/slidenext.png") no-repeat !important;
	width: 10px !important;
	height: 10px !important;
	bottom: 16px;
	top: auto;
	/* right: 30px !important; */
	position:absolute !important;
	position: relative;
	background-size: 5px !important;
	/* float: left; */
	right: 50%;
	transform: translate(50%,-50%);
	margin-right: -87px;
	}
.mainVisual .mainSlider_001 .swiper-button-prev {
	background:url("/sample/template/compound/compound009/img/slideprev.png") no-repeat !important;
	width: 10px !important;
	height: 10px !important;
	top: auto;
	bottom: 16px;
	left: 30px;
	/* position:absolute !important; */
	background-size: 5px !important;
	opacity: 1 !important;
	left: 50%;
	transform: translate(50%,-50%);
	margin-left: -90px;
	}


	@media (min-width:991px){
			.contents {padding-top:40px;}
		}
	@media (max-width:599px){
		.mainSlider_001 div.swiper-pagination-center {bottom:7px;}
	}