@charset "utf-8";
/*@latest 2020.08.21 yhy */
/* @ latest 2021.07.12 OSY */
/* @ latest 2025.04.02 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_04 {width:100%;}

.mainvalBox .inner_layer .horizontalMoveHandler {display:none;}

	@media (min-width:1050px){
		.mainvalBox .inner_layer {width:25%; float:left;}
		.mainVisual .mainSlider_001 {width:74.7%;}
		.mainvalBox .mainVisual #templateFix .layout_04 {height:150px !important;}
	}
	@media (max-width:599px){
		.mainvalBox .mainVisual #templateFix .layout_04 {height:150px !important;}
	}

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

.mainVisual .layout_wrap .div_wrap > div.mainSlider_001 .axeboxContents {display:none !important;}

/*copy*/
.mainVisual .copy {position:absolute; z-index:9; width:100%; word-break:keep-all;}
.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 .tit {font-size: 35px;line-height:normal;letter-spacing:-0.5px;color: white;}
.mainVisual .copy .tit strong {font-weight:400;}
.mainVisual .copy p.smallp {font-size: 16px;line-height: 22px;padding-top: 30px;color: white;}


	@media (min-width:1050px){
		.mainVisual .mainSlider_001 {max-height: 450px;}
		.mainVisual .mainSlider_001 .swiper-wrapper {max-height: 450px;}
		.mainVisual .mainSlider_001 .slide_wrap {max-height: 450px;}
		.mainVisual .mainSlider_001 .slide_wrap img {min-height: 450px;}

		.mainVisual .copy .inner div {padding:0 50px;}
	}
	@media (max-width:1049px){
		.mainvalBox .inner_layer {width:100%!important; position:relative; z-index:0;}
		.mainVisual .mainSlider_001 {width:100%;}
		
	}

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

		.mainVisual .copy .inner div {padding:0 45px;}
		.mainVisual .copy .tit {font-size:25px;}

		.mainvalBox .inner_layer .layout_wrap {width:33.333%;}
	}
	@media (min-width:600px) and (max-width:799px){
		.mainVisual .mainSlider_001 {min-height:250px;}
		.mainVisual .mainSlider_001 .slide_wrap {height:0; padding-bottom:50%;}
		.mainVisual .mainSlider_001 .slide_wrap img {position:absolute; top:0; left:0; min-height:100%;}

		.mainVisual .copy .inner div {padding:0 40px;}
		.mainVisual .copy .tit {font-size:23px;}
	}
	@media (max-width:599px){
		.mainVisual .mainSlider_001 .slide_wrap {height:0; padding-bottom:65%;}
		.mainVisual .mainSlider_001 .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(255,255,255,0.5); top:unset !important; bottom:0 !important; height:100%; padding: 10px 0 45px; box-sizing:border-box;}
		.mainVisual .copy .tit {font-size:18px !important;}
		.mainVisual .copy p.smallp {font-size:13px !important; line-height:1.3em; padding-top:10px;}

	}

	






/*SLIDE BTN SETTING*/
    /* MAIN SLIDE bullet btn */
    .mainVisual .swiper-pagination {display:none !important;} /* before */
    .mainVisual .mainSlider_001 .slick-dots {display:block !important; vertical-align: middle;}
    .mainVisual .mainSlider_001 .slick-dots {position:absolute; bottom:27px; left:50%; z-index:10; width:auto; max-width:1300px; transform:translateX(-50%); -webkit-transform:translateX(-50%); text-align:left; padding:0 36px; box-sizing: border-box;}
    .mainVisual .mainSlider_001 .slick-dots li {display:inline-block; position:relative; margin-left:7px; width:13px; height:13px; text-align:center; vertical-align:middle; float:left;}
    .mainVisual .mainSlider_001 .slick-dots li:first-of-type {margin-left:0;}
    .mainVisual .mainSlider_001 .slick-dots li.slick-active {width:26px;}
    .mainVisual .mainSlider_001 .slick-dots li.slick-active button {background:#096ab7; border:1px solid #fff;}
    .mainVisual .mainSlider_001 .slick-dots li button {text-indent:-999px; overflow:hidden; width:100%; height:100%; box-sizing: border-box; border-radius:13px; border:1px solid #999; background:rgba(255,255,255,1); vertical-align:middle; float:left;}
    .mainVisual .mainSlider_001 .slick-dots li button:focus {outline:auto;}

    /* MAIN SLIDE PLAY and STOP BTN  */
    .mainVisual .swiper-pagination-center {position:relative; bottom:0px; left:0;}
    .mainVisual .mainSlider_001 .slick-dots + .mainSlider_001 div.indicator {display:inline-block !important;}
    .mainVisual .mainSlider_001 div.indicator {z-index:10; display:none; vertical-align:middle; position:absolute; width:100%;max-width:1300px;box-sizing:border-box;}
    .mainVisual .mainSlider_001 div.indicator button {width:12px; height:12px; border:0; cursor:pointer; position:absolute;}
    .mainVisual .mainSlider_001 div.indicator button.play{background:url("/sample/img/slide/play.png")no-repeat; text-indent:-9999px;}
    .mainVisual .mainSlider_001 div.indicator button.stop{background:url("/sample/img/slide/stop.png")no-repeat; text-indent:-9999px;}
    .mainVisual .mainSlider_001 div.indicator button:focus {outline:auto;}
    
    /* MAIN SLIDE PREV and NEXT BTN  */
    .mainVisual .swiper-button-next, .mainVisual .swiper-button-prev {display:none !important;} /* before */
	.mainVisual .mainSlider_001 .slick-arrow {width:32px; height:110px; box-sizing:border-box; background-size:contain; background-color:rgba(0,0,0,0.3);
                                            position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:1; background-repeat:no-repeat; text-indent:-999px; overflow:hidden;}
	.mainVisual .mainSlider_001 .slick-arrow:hover {background-color:rgba(255,255,255,0.5); transition:ease all .3s;}
	.mainVisual .mainSlider_001 .slick-prev {background-image: url(/sample/img/slide/slideprev3.png); background-position:center; background-size:10px; left:0px;}
    .mainVisual .mainSlider_001 .slick-prev:hover {background-image: url(/sample/img/slide/slideprev2.png);}
    .mainVisual .mainSlider_001 .slick-next {background-image: url(/sample/img/slide/slidenext3.png); background-position:center; background-size:10px; right:0px;}
    .mainVisual .mainSlider_001 .slick-next:hover {background-image: url(/sample/img/slide/slidenext2.png);}
    

    @media (max-width:799px){
        .mainVisual .mainSlider_001 .slick-dots {display:none !important;}
        .mainVisual .mainSlider_001 div.indicator {bottom:13px;}
        .mainVisual .mainSlider_001 div.indicator button {opacity:0;}
        .mainVisual .mainSlider_001 div.indicator button:focus {opacity:1;}
        .mainVisual .mainSlider_001 .slick-arrow {display:none !important;}
    }



/* template special style */

@media (min-width:991px){
	.contents {padding-top:40px;}
	.mainVisual:hover .mainSlider_001 .wigetController {top:110px !important;}
}

.div_wrap div div {border-radius:0;}