@charset "utf-8";
.banner117.custom {border-radius:20px;}



/* 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;padding-top: 20px;}
.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: 40px;font-weight: 400;line-height: 150%; color:#fff;}
.copy h3 strong {font-weight: 400;}
.copy p.smallp {font-size: 21px;line-height:160%;padding-top: 20px;color:white;}

.copy.copy_position_ll {bottom:23%;}
.copy.copy_position_cl {bottom:23%;}
.copy.copy_position_rl {bottom:23%;}

.contents > .inner {transition:margin-top 1s;}

	@media (min-width:1300px){
		.mainVisual .swiper-container.mainSlider_001 {max-height: 800px;}
		.mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {max-height: 800px;}
		.mainVisual .swiper-slide {max-height: 800px;}
		.mainVisual .swiper-slide img {min-height: 800px;}


		.contents > .wide08_mainbox {}
		.contents > .inner {margin-top: -505px;max-width:none;}
	}
	@media (min-width:800px) and (max-width:1299px){
		.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;}
		.copy p.smallp {padding-top: 20px;font-size: 18px;}
		.contents > .wide08_mainbox {}
	}

	@media (min-width:1050px) and (max-width:1299px){
		.contents > .inner {margin-top: -40%;}
	}
	@media (min-width:800px) and (max-width:1049px){
		.contents > .inner {margin-top: -30%;}
	}

	@media (min-width:600px) and (max-width:1299px){
		.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){
		.contents > .inner {margin-top: -10px;}
		.mainVisual .swiper-slide {height:0;padding-bottom: 38%;}
		.mainVisual .swiper-slide img {position:absolute;top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;
									   width:auto !important; min-width:100%; height:100%;}

		.copy h3 {font-size: 25px;}
		.copy p.smallp {font-size: 17px;padding-top: 10px;}
	}



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

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




/* slide btn */
.mainVisual .swiper-container-horizontal .swiper-pagination-bullets {text-align:left;/* padding-left:30px; */box-sizing:border-box;}
.mainVisual .swiper-pagination-clickable .swiper-pagination-bullet {opacity:1; margin-left:5px; width:10px; height:10px; background:#333; border:1px solid rgba(255,255,255,0.5); border-radius:0;}
.mainVisual .swiper-pagination-clickable .swiper-pagination-bullet:first-child {margin-left:0;}
.mainVisual .swiper-pagination-bullet-active {width:9px; height:9px; opacity:1 !important; background:#fff !important; border:1px solid rgba(0,0,0,0.5) !important;}
.mainVisual .swiper-pagination-clickable .swiper-pagination-bullet-active {background:#fff; border-color:#333;}


/*main swiper*/
div.swiper-pagination-center{position:absolute; bottom:65px;left: 0;z-index:10;width: 100%;/* margin-left: -90px; */display: table;text-align: center;/* background: rgba(255, 255, 255, 0.5); *//* padding: 5px 10px; *//* border-radius:  10px; */}
div.swiper-pagination-center div.swiper-pagination {display:inline-block;text-align:center;position:relative;}


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

div.mainVisual .swiper-button-next, 
div.mainVisual .swiper-button-prev {margin-top:-45px !important; width:50px;height:50px; background-size:15px; background-color: rgba(255,255,255,0.1);
									-webkit-transition:background-color 0.5s; transition:background-color 0.5s;}
div.mainVisual .swiper-button-next:hover, div.mainVisual .swiper-button-prev:hover {background-color:rgba(255,255,255,0.2); }
div.mainVisual .swiper-button-next {background-image: url(/sample/template/wide/wide010/img/slidenext.png); right:0; }
div.mainVisual .swiper-button-prev {background-image: url(/sample/template/wide/wide010/img/slideprev.png); opacity:1; left:0;}
	
	@media (max-width:1299px){
		div.mainVisual .swiper-button-next, div.mainVisual .swiper-button-prev {width:50px;height: 50px;background-size: 15px;}
	}
	@media (min-width:1050px) and (max-width:1380px){
		.copy .inner {padding:0 50px;}
	}
	@media (max-width:1049px){
		div.mainVisual .swiper-button-next, div.mainVisual .swiper-button-prev {display:none;}
	}
	
	@media (max-width:799px){ 
		div.swiper-pagination-center {bottom:10px;display: none;}
	}
	@media (max-width:599px){ 
		
	}






	#template00 .layout_wrap:first-child {}
	#template00 .layout_wrap:first-child > .div_wrap {}
	#template00 .layout_wrap:first-child > .div_wrap .layout_01 {}

@media (min-width:800px) and (max-width:1350px){
	#template00 .layout_wrap:first-child > .div_wrap .layout_01 {padding:0 30px;}
}
@media (max-width:799px){ 
	#template00 .layout_wrap:first-child > .div_wrap .layout_01 {padding:0 20px;}
	.roll_img125.custom {max-width: 100%;}
}



/* .project01.custom {background:transparent;}
.project01.custom>ul {padding: 35px 30px;border-radius: 25px;background: #fff;}
.project01.custom>ul>li {width: 31.333%;margin-right: 3% !important;background: #fff;border-radius: 20px;}
.project01.custom>ul>li:nth-child(3n) {margin-right: 0 !important;}
.project01.custom>ul>li:nth-child(3n+1) {clear:both;}
.project01.custom ul li:nth-child(2n+1) {clear:none;}
.project01.custom ul li .imgbox {width: 100%;height: 0;padding-bottom: 60%;border-radius: 15px;}
.project01.custom ul li .cobox {width: 100%;padding: 20px 0 0;}
.project01.custom ul li .prjTit {font-size:20px;line-height: 130%;margin: 5px 0 20px;-webkit-line-clamp: 2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal;}
.project01.custom .prjCo ul li {font-size: 16.5px; margin-bottom: 5px !important; padding-left: 10px;}
.project01.custom .prjCo ul li:before {content: "";width: 3px;height: 3px;background: #333;position: absolute;top: 9px;left: 0;} */

.widequick124.custom .wqwrap .titbox h3 {font-size:40px;}
.widequick124.custom .wqwrap .titbox span {font-size:18px;}
.widequick136.custom .wq136 .innerbox > div {width: 30.666%;margin-right: 4%;margin-bottom: 50px;box-shadow: 5px 2px 9px 0 rgb(0 0 0 / 13%);}
.widequick136.custom .wq136 .titbox .qmTitle {font-size:40px;}
.widequick124.custom .wq124 .qbox {border-radius:20px;}
.widequick124.custom .wq124 .qbox:nth-child(3) ~ div {margin-top: 30px;}
.widequick124.custom .wq124 .qbox div.img {height: 70px;line-height:70px;}
.widequick124.custom .wq124 .qbox div.img p {font-size:19px;letter-spacing:-0.5px;display: inline-block;line-height: 130%;width: 100%;padding: 0 10px;box-sizing: border-box;vertical-align: middle;}

.board128.custom .boardtit {font-size: 40px;}
.board128.custom ul {border-top-width: 3px; padding-top: 20px;}
.board128.custom ul li .tit {font-size: 17px;}
.board128.custom ul li .date {font-size: 16px;}
.board128.custom .more_btnbox {width: auto;bottom: auto;top: 30px;right: 15px;left: auto;}
.board128.custom .more_btnbox .more_btn {font-size: 16px;height: 38px;line-height: 38px;font-weight: 600;}

.layout_height_H .banner117.custom .bnr17imgbox {height:320px;border-radius: 10px;}

.mvp120.custom .titbox .txttit {font-size: 40px;padding-bottom: 20px;}
.mvp120.custom .titbox .subtit {padding-bottom: 40px;}
.mvp120.custom ul li {border-radius: 20px;overflow: hidden;box-shadow: -1px 2px 5px rgb(0 0 0 / 10%);}
.mvp120.custom ul li .cobox {padding: 30px 20px;background: #fff;}
.mvp120.custom ul li .boardtxt {display: none;}


.roll_img125.custom .swiper-container {border-radius: 25px;background: #fff;border: 4px solid #aebece;padding: 35px 0 50px;box-shadow: none;}
.roll_img125.custom .swiper-container .swiper-wrapper .swiper-slide {box-shadow:none;}
.roll_img125.custom .swiper-container .swiper-wrapper .swiper-slide:hover {margin-top:0;}
.roll_img125.custom .imgbox {height: 0;padding-bottom: 60%;border-radius: 15px;overflow: hidden;}
.roll_img125.custom .imgbox img {position: absolute;top: -999px;bottom: -999px;left: -999px;right: -999px;margin: auto;min-height: 100%;min-width: 100%;transition: all 0.5s;}
.roll_img125.custom .imgbox:hover img {transform:scale(1.1);}
.roll_img125.custom .txtbox {position: relative;background: #fff !important;padding: 20px 0;}
.roll_img125.custom .txtbox .tit {font-size: 20px;line-height: 130%;margin: 5px 0 20px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;white-space: normal;color: #333;font-weight: 600;}
.roll_img125.custom .txtbox .tit:after {display:none;}
.roll_img125.custom .txtbox .tit + p {font-size: 16.5px;color: #838383;line-height: 150%;}

.roll_img125.custom .swiper-button-next,
.roll_img125.custom .swiper-button-prev {width: 58px; height: 58px; border-radius: 100%;}
.roll_img125.custom .swiper-button-next {background: #fff;right: 60px;}
.roll_img125.custom .swiper-button-prev {background: #AFBECE;left: 60px !important;}
.roll_img125.custom .swiper-button-prev:before,
.roll_img125.custom .swiper-button-next:before {width:11px;height:20px;display:inline-block;margin-top: 6px;}
.roll_img125.custom .swiper-button-prev:before {content:""; background:url(/sample/template/wide/wide010/img/mvArrowL.png);}
.roll_img125.custom .swiper-button-next:before {content:""; background:url(/sample/template/wide/wide010/img/mvArrowR.png);}


@media (min-width:800px){
	.roll_img125.custom .swiper-container .swiper-wrapper .swiper-slide {padding: 0 20px;}
	.roll_img125.custom .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {padding: 0 5px 0 35px;}
	.roll_img125.custom .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next + .swiper-slide {padding: 0 35px 0 5px;}
}
@media (max-width:1570px){
	.roll_img125.custom .swiper-button-next {right: 0px;border: 2px solid #AFBECE;}
	.roll_img125.custom .swiper-button-prev {left: 0px !important;}
}

@media (min-width:800px) and (max-width:1050px){
	.board128.custom .boardtit,
	.mvp120.custom .titbox .txttit,
	.widequick136.custom .wq136 .titbox .qmTitle,
	.widequick124.custom .wqwrap .titbox h3 {font-size:28px;}
}

@media (max-width:990px){
	.widequick136.custom .wq136 .innerbox > div {margin-right: 4% !important;}
	.widequick136.custom .wq136 .innerbox > div:nth-child(3n+1) {margin-right: 0 !important;}
	.widequick136.custom .wq136 .titbox {text-align:left;}
	.widequick136.custom .wq136 .titbox .qmTitle br,
	.widequick136.custom .wq136 .titbox .qContent br {display:none;}
	.widequick136.custom .wq136 .titbox .qContent,
	.widequick124.custom .wqwrap .titbox span{font-size:16px;margin-top: 20px !important;}
}

@media (max-width:799px){
	.board128.custom .boardtit,
	.mvp120.custom .titbox .txttit,
	.widequick136.custom .wq136 .titbox .qmTitle,
	.widequick124.custom .wqwrap .titbox h3 {font-size: 25px;}

	.mvp120.custom .titbox div {text-align: left !important;}
	.mvp120.custom .titbox .subtit {padding-bottom:10px;}


	.mvp120.custom ul li .imgbox {padding-bottom: 40% !important;}
	.mvp120.custom ul li .cobox {padding:15px 20px;}
	.mvp120.custom ul li .date {margin-top: 10px !important;}

	.roll_img125.custom .swiper-container {padding-bottom:10px;}
	.roll_img125.custom .swiper-container .swiper-wrapper .swiper-slide {padding:0 30px;}
	.roll_img125.custom .swiper-button-next, .roll_img125.custom .swiper-button-prev {width:40px;height:40px;top: 63%;}
	.roll_img125.custom .swiper-button-prev:before, .roll_img125.custom .swiper-button-next:before {width: 8px;background-size: 100%;background-repeat: no-repeat;margin-top: 11px;}
	.widequick136.custom .wq136 .innerbox > div {height: 100px !important;margin-bottom: 20px !important;}

	.widequick124.custom .wq124 .qbox div.img p {font-size:17px;}
}