@charset "utf-8";
/* maintemplate compound012*/
/* @ latest 2025.04.02 SSJ */


/* MAIN VISUAL LAYOUT */
.mainvalBox {/* max-width:1300px; */margin:0 auto;padding:0px;box-sizing:border-box;position: relative;height: auto;width: 100%;}
.mainvalBox .mainVisual {width:100%; float:left;}
.mainvalBox .mainVisual #templateFix {float:left;width:100%; margin-top:300px;}
.mainvalBox .mainVisual #templateFix .transform_wrap .layout_02_36 {width:100%;}

.layout_wrap .div_wrap.transform_wrap .layout_02:hover .horizontalMoveHandler {display:none !important;}

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

.transform_wrap {-webkit-animation: totopfx 1.5s 1 ease;
                 -o-animation: totopfx 1.5s 1 ease;
                 animation: totopfx 1.5s 1 ease;}
                 
	@media (max-width:1049px){
        .mainvalBox {float:left;}
	}
	@media (min-width:900px){
		.transform_wrap .layout_01 {width:50%;float:left; height:600px !important;}
		.transform_wrap .layout_01 .add_div {line-height:600px;}
		.transform_wrap .inner_layer {width:50%;float:left;}
		.transform_wrap .mainSlider_001 {width:49.5%;margin-right:1%;}
	}
	@media (min-width:600px){
		.transform_wrap .layout_02 {width:100%;}
		.transform_wrap .layout_04 {width:50%;}
		.transform_wrap .layout_height_M {height:250px;}
		.transform_wrap .layout_height_H {height:350px;}
		.transform_wrap .layout_04:last-child {margin-right:0;}
		.transform_wrap .layout_02.layout_height_M {height:250px !important;}
	}



/* BG IMG*/
.mainVisual .mainSlider_001 {background:white;z-index:0; overflow:hidden; margin-left:auto; margin-right:auto; position:relative;}
.mainVisual .mainSlider_001 .slide_wrap {position:relative; overflow:hidden; width:100% !important;}
.mainVisual .mainSlider_001 .slide_wrap img {position:absolute; top:-999px; bottom:-999px; right:-999px; left:-999px; margin:auto;
											width:auto !important; height:auto !important; min-width:100%; min-height:100%;}

/* BG IMG - COPY */
.mainVisual .copy {position:absolute; z-index:9; width:100%; word-break:keep-all; opacity:1 !important; left:0; margin-top:-30px;}
.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-weight:400;line-height:normal;color:#fff;}
.mainVisual .copy .smallp {font-size:15px;line-height:25px;/* letter-spacing:-0.5px; */padding-top:20px;color:white;}

	.mainvalBox .slick-slider {height: 100%;position: relative;}
	.mainvalBox .slick-slider .slick-list {height:100%;}
	.mainvalBox .slick-slider .slick-list .slick-track {height:100%;/* width: 100% !important; */}
	.mainvalBox .slick-slider .slick-list .slick-track .slick-slide {opacity:1 !important;}
	.mainvalBox .slick-slider .slick-list .slick-slide > div {height:100%;}
	.mainvalBox .slick-slider .slick-list .slick-slide > div .slide_wrap {height:100%;}

	@media (min-width:1050px){
		.mainVisual .mainSlider_001 {height:100vh;}
		.mainVisual .mainSlider_001 .slide_wrap {height:100%;}
		.mainVisual .copy .tit {font-size:27px;} 
	}
	@media (max-width:1049px){
		.mainvalBox .mainVisual {position:absolute;height: 100%;}
		.mainVisual .mainSlider_001 {/* height:0; *//* padding-bottom:70%; */height: 100%;}
		.mainVisual .mainSlider_001 .slide_wrap {height:100%;}
	}

	@media (min-width:800px) and (max-width:1049px){
		.mainVisual .copy .tit {font-size:28px;}
	}

	@media (min-width:600px) and (max-width:1399px){
		.mainVisual .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 (max-width:799px){
		.slide_wrap .mainVisual .copy {-webkit-transform:translateY(50px) !important; transform:translateY(50px) !important; top:40px;}						
	}
	@media (min-width:600px) and (max-width:799px){
		.mainVisual .copy .tit {font-size:25px;}
		.mainVisual .copy .smallp {font-size:16px;}
	}
	@media (max-width:599px){
		.mainVisual .copy .tit, .mainVisual .copy .tit * {font-size:19px;color: #fff !important;}
		.mainVisual .copy .smallp, .mainVisual .copy .smallp * {font-size:15px;padding-top:10px;color: #fff !important;}	
	}




/* BG SLIDE BTN SETTING*/
    /* BG SLIDE bullet btn */
    .mainVisual .mainSlider_001 .slick-dots {position:absolute;top: 200px;left: 50%;transform: translateX(-50%);z-index: 1;width:100%;max-width: 1300px;text-align: center;/* display:none !important; *//* padding-left: 40px; */}
    .mainVisual .mainSlider_001 .slick-dots li {margin-left:5px;width: 10px;height: 10px;border:none;opacity:1;display:inline-block;}
    .mainVisual .mainSlider_001 .slick-dots li:first-of-type {margin-left:0;}
    .mainVisual .mainSlider_001 .slick-dots li button {text-indent:-999px;overflow:hidden;width:100%;height:100%;float:left;background:#fff;border:1px solid #333;}
    .mainVisual .mainSlider_001 .slick-dots li.slick-active button {background:#333 !important;border-color: rgba(255,255,255,0.5);}

    /* BG SLIDE PLAY & STOP BTN  */
    .mainVisual .mainSlider_001 .btnbox {/* position:relative; */position:absolute;bottom: 15px;left:50%;transform:translateX(-50%);width:100%;max-width:1300px;height: 0;text-align: left;z-index: 2;padding: 0 15px;box-sizing: border-box;}
    .mainVisual .mainSlider_001 .indicator {z-index:10;display:inline-block; position: absolute; bottom:-5px;}
    .mainVisual .mainSlider_001 .indicator button {width:12px;height:12px;border:0;cursor:pointer;/* opacity:0; */display:inline-block;}
	.mainVisual .mainSlider_001 .indicator button:focus {opacity:1;outline:auto;}
    .mainVisual .mainSlider_001 .indicator button.play{background:url("/sample/img/slide/play.png")no-repeat; text-indent:-9999px;}
    .mainVisual .mainSlider_001 .indicator button.stop{background:url("/sample/img/slide/stop.png")no-repeat; text-indent:-9999px;}
	
    /* BG SLIDE PREV & NEXT BTN  */
    .mainVisual .mainSlider_001 .slick-arrow {position:absolute;top: 50%;transform:translateY(-50%);background-size:auto;text-indent:-999px;overflow:hidden;z-index:1;width: 25px;height:75px;-webkit-transition:background-color 0.5s;transition:background-color 0.5s;background-repeat:no-repeat;background-position:center;display: none !important;}
    .mainVisual .mainSlider_001 .slick-next {background-image:url(/sample/img/slide/slidenext.png); right:0;}
    .mainVisual .mainSlider_001 .slick-prev {background-image:url(/sample/img/slide/slideprev.png);/* opacity:1; */}
      
    @media (max-width:1299px){
      .mainVisual .mainSlider_001 .slick-arrow {width:50px;height:50px;background-size:15px;}
    }






















#templateFix {position:absolute;width:100%;}

	@media (min-width:1050px){
		#templateFix {top:220px;z-index:0;bottom: 50px;}
	}
	@media (min-width:1050px) and (max-width:1300px){
		#templateFix {padding:0 15px;box-sizing:border-box;}
	}
	@media (max-width:1049px){
		#templateFix {position:relative;float:left;margin:200px 0 80px;width:100%;padding:0 15px;box-sizing:border-box;height:auto;/* top:40px; */}
	    .copy.copy_position_ch {top:100px;}
	}
	@media (max-width:899px){
		.inner_layer {padding-top:15px;width:100%;}
	}

	@media (max-width:599px){
		#templateFix {margin: 200px 0 80px;}
		.copy.copy_position_ch {/* top:50px; */}
	}



	

/* MAIN VISUAL BOX */
.mainwidget_slide {width:100%; height:100%; float:left; position:relative; overflow:hidden;}
.mainwidget_slide > div {height:100%;}
.mainwidget_slide .bnr_p {width:100%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box;text-align:left;line-height:normal;}
.mainwidget_slide .bnr_p .bnr_p_wrap {width: 100%;display:inline-block;vertical-align:middle;box-sizing:border-box;line-height:normal;}
.mainwidget_slide .slide_wrap {width:100%; text-align:right;}
.mainwidget_slide .slide_wrap .mv_wrap {width:100%;height:100%;float:left;position:relative;line-height:600px;}
.mainwidget_slide .slide_wrap img {display:inline-block;width:100%;height:100%;}

.mainwidget_slide .bnr_p .mTitle {width:100%; line-height:130%; font-weight:200; letter-spacing:-1px; color:#333;
									white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.mainwidget_slide .bnr_p .bSubContent {line-height:130%; letter-spacing:-1px; display:inline-block; margin-top:3px;
										white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; text-align:inherit;}
.mainwidget_slide .bnr_p .bContent {font-size:17px; color:#838383; line-height:130%; width:auto; display:inline-block;
									position:relative; word-break:keep-all; overflow:hidden; white-space:normal; -webkit-box-orient:vertical;
									display:-webkit-box; opacity:0.9; margin-top:20px;}

	@media (min-width:600px){
		.layout_01 .mainwidget_slide .bnr_p .bContent {-webkit-line-clamp:9; max-height:180px;}
	}
    @media (min-width:800px) and (max-width:899px){
    	.mainwidget_slide {height:600px;}
    }
	@media (min-width:800px){
		.mainwidget_slide .bnr_p .mTitle {font-size:36px;}
		.mainwidget_slide .bnr_p .bSubContent {font-size:36px;}
		.mainwidget_slide .bnr_p .bnr_p_wrap {padding:50px 30px 30px 40px;}
	}

	@media (max-width:799px){
		.mainwidget_slide .bnr_p .mTitle {font-size:25px;}
		.mainwidget_slide .bnr_p .bSubContent {font-size:25px;}
		.mainwidget_slide .bnr_p .bnr_p_wrap {width:70%; padding:20px 20px 25px 15px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.mainwidget_slide {height:500px;}
	}
	@media (max-width:599px){
		.mainwidget_slide {height:450px;}
		.mainwidget_slide .bnr_p {line-height:300px;}
		.mainwidget_slide .bnr_p .bContent {max-height:157px; -webkit-line-clamp:8;}
		.mainwidget_slide .slide_wrap .mv_wrap {line-height:500px;}
		.mainwidget_slide .slide_wrap img {opacity:0.8;}
	}



/* MAIN VISUAL SLIDE BTN SETTING*/
    /* MAIN VISUAL SLIDE bullet btn */
    .mainwidget_slide .slick-dots {position:absolute;bottom: 10px;left:0;z-index: 1;width:100%;text-align: left;/* display:none !important; */padding-left: 40px;}
    .mainwidget_slide .slick-dots li {margin-left:5px;width: 10px;height: 10px;border:none;opacity:1;display:inline-block;}
    .mainwidget_slide .slick-dots li:first-of-type {margin-left:0;}
    .mainwidget_slide .slick-dots li button {text-indent:-999px;overflow:hidden;width:100%;height:100%;float:left;background:#fff;border:1px solid #333;}
    .mainwidget_slide .slick-dots li.slick-active button {background:#333 !important;border-color: rgba(255,255,255,0.5);}

    /* MAIN VISUAL SLIDE PLAY & STOP BTN  */
    .mainwidget_slide .btnbox {/* position:relative; */position:absolute;bottom: 15px;left:50%;transform:translateX(-50%);width:100%;max-width:1300px;height: 0;text-align: left;z-index: 2;padding: 0 15px;box-sizing: border-box;}
    .mainwidget_slide .indicator {z-index:10;display:inline-block; position: absolute; bottom:-5px;}
    .mainwidget_slide .indicator button {width:12px;height:12px;border:0;cursor:pointer;/* opacity:0; */display:inline-block;}
	.mainwidget_slide .indicator button:focus {opacity:1;outline:auto;}
    .mainwidget_slide .indicator button.play{background:url("/sample/img/slide/play.png")no-repeat; text-indent:-9999px;}
    .mainwidget_slide .indicator button.stop{background:url("/sample/img/slide/stop.png")no-repeat; text-indent:-9999px;}
	
    /* MAIN VISUAL SLIDE PREV & NEXT BTN  */
    .mainwidget_slide .slick-arrow {opacity:0; position:absolute;top: 50%;transform:translateY(-50%);background-size:auto;text-indent:-999px;overflow:hidden;z-index:1;width: 25px;height:75px;-webkit-transition:background-color 0.5s;transition:background-color 0.5s;background-repeat:no-repeat;background-position:center;}
    .mainwidget_slide .slick-arrow:focus {opacity:1;outline: auto;}
    .mainwidget_slide:hover .slick-arrow {opacity:1;}
    .mainwidget_slide .slick-next {background-image:url(/sample/img/slide/slidenext.png); right:0;}
    .mainwidget_slide .slick-prev {background-image:url(/sample/img/slide/slideprev.png);/* opacity:1; */}
      
    @media (max-width:1299px){
      .mainwidget_slide .slick-arrow {width:50px;height:50px;background-size:15px;}
    }