/*@ latest 2020.07.09 OSY */

.mx1300 {width:100%; max-width:1300px; margin:0 auto;}

/* main visual -float widget */
.mainvalBox {margin:0 auto;padding:0px;box-sizing:border-box;}
.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;}

.transform_wrap {-webkit-animation: totopfx 1.5s 1 ease;
                 -o-animation: totopfx 1.5s 1 ease;
                 animation: totopfx 1.5s 1 ease;}


	@media (min-width:900px){
		.transform_wrap .layout_01 {width:50%;float:left;}
		.transform_wrap .layout_01 .add_div {line-height:600px;}
		.transform_wrap .inner_layer {/* width:50%; *//* float:left; */}
		.transform_wrap .swiper-container.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;}
	}



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

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

	@media (min-width:1050px){
		.mainVisual .mainSlider_001 {height:1300px;}
		.mainVisual .mainSlider_001 .swiper-wrapper {height:100%;}
		.mainVisual .swiper-slide {height:100%;}
		.mainVisual .swiper-slide img {height:100%;position:absolute; top:-999px; bottom:-999px; right:-999px; left:-999px; margin:auto; 
									   width:auto !important; height:auto !important;min-width:100%;min-height:100%;}
		.copy h3 {font-size:27px;} 
	}
	@media (max-width:1049px){
		.maintem_wide {width:100%; float:left;}
		.mainVisual {position:absolute; width:100%; height:100%;}
		.mainVisual .mainSlider_001 {height:100%;}
		.mainVisual .swiper-slide {height:100%;}
	}

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

	@media (min-width:600px) and (max-width:1399px){
		.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){
		.swiper-slide .copy {-webkit-transform:translateY(50px) !important; transform:translateY(50px) !important; top:40px;}
		.swiper-slide.swiper-slide-active .copy {-webkit-transform:translateY(0px) !important;transform:translateY(0px) !important;/* top:40px; */}

		.mainVisual .swiper-slide img {width:auto !important; min-width:100%; height:auto !important; min-height:100%;
									   position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;}							
	}
	@media (min-width:600px) and (max-width:799px){
		.copy h3 {font-size:25px;}
		.copy p.smallp {font-size:14px;}
	}
	@media (max-width:599px){
		.copy h3, .copy h3 font {font-size:19px;line-height:25px;/* color:#333 !important; */}
		.copy p.smallp,.copy p.smallp font {font-size:13px; line-height:20px; padding-top:10px; color:#333 !important;}	
	}



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

	@media (min-width:1050px){
		#templateFix {top:100px; z-index:0;}
	}
	@media (min-width:1050px) and (max-width:1300px){
		#templateFix {padding:0 15px; box-sizing:border-box;}
		.contents .inner {top:10px; margin-bottom:-330px;}
	}
	@media (max-width:1049px){
		#templateFix {position:relative;float:left; margin:50px 0 50px;width:100%;padding:0 15px;box-sizing:border-box;height:auto;}
	    .copy.copy_position_ch {top:100px;}
	}

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



/* main slide */
.mainwidget_slide {width:49.5%; margin-right:1%; height:100%; max-height:460px; float:left; position:relative; overflow:hidden; z-index:1; border-radius:15px; box-shadow:5px 5px 15px 0 rgba(0,0,0,0.65);}
.mainwidget_slide .swiper-container {height:100%;}
.mainwidget_slide .bnr_p {width:100%; height:100% ;position:absolute; top:0; left:0; z-index: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 .swiper-slide {width:100%; text-align:right;}
.mainwidget_slide .swiper-slide>a {width:100%;height:100%;float:left;position:relative;line-height:600px; background:#005ec2;}
.mainwidget_slide .swiper-slide img {display:block; width:100%;height:100%; min-height:460px; transition: transform 0.8s;}
.mainwidget_slide .swiper-slide:hover img {transform: scale(1.2);}

/* main slide - text */
.mainwidget_slide .bnr_p strong {display:inline-block; overflow:hidden; margin-top:3px; box-sizing:border-box; 
								line-height:130%; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-1px; color:#fff; font-weight:normal; text-align:inherit;}
.mainwidget_slide .bnr_p h4 {width:100%; line-height:130%; font-weight:400; letter-spacing:-1px; color:#fff;
							white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.mainwidget_slide .bnr_p p {font-size:17px; color:#fff; 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;}
						   
.mainwidget_slide + .layout_wrap {border-radius:0 0 15px 15px; z-index:0; height:auto; background:rgba(0,57,117,0.65);}



    @media (max-width:599px){
		.mainwidget_slide {height:400px;}
		.mainwidget_slide .bnr_p {line-height:300px;}
		.mainwidget_slide .bnr_p p {max-height:157px; -webkit-line-clamp:8;}
		.mainwidget_slide .swiper-slide>a {line-height:500px;}
		.mainwidget_slide .swiper-slide img {opacity:1; height:100%; width:auto;}
	}
	@media (min-width:600px){
		.layout_01 .mainwidget_slide .bnr_p p {-webkit-line-clamp:9; max-height:180px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.mainwidget_slide {height:500px;}
	}
	@media (max-width:799px){
		.mainwidget_slide .bnr_p h4 {font-size:38px;}
		.mainwidget_slide .bnr_p strong {font-size:24px;}
		.mainwidget_slide .bnr_p .bnr_p_wrap {width:70%; padding:20px;}
	}
	@media (min-width:800px){
		.mainwidget_slide .bnr_p h4 {font-size:58px;}
		.mainwidget_slide .bnr_p strong {font-size:34px;}
		.mainwidget_slide .bnr_p .bnr_p_wrap {padding:30px;}
	}
    @media (max-width:899px){
    	.mainwidget_slide {width:100%; margin-bottom:20px; }
    	.mainwidget_slide + .layout_wrap {/*padding:20px;*/ border-radius:15px;}
    	.transform_wrap {float:left; height:auto;}
    	
    }
	@media (min-width:900px){
    	.mainwidget_slide + .layout_wrap {height: 190px; margin-top: -75px; width: calc(100% - 80px); float: right;}
    }

	
/* main slide - btn */
.mainwidget_slide .btnbox {width:100%; float:left; position:absolute; left:30px; bottom:30px; text-align:left; box-sizing:border-box;}
.mainwidget_slide:hover .btnbox {display:block;}

.mainwidget_slide .swiper-pagination {display:inline-block;position:relative;margin-left:10px;vertical-align:middle;}
.mainwidget_slide .swiper-pagination .swiper-pagination-bullet {width:15px;height:15px;margin-right:6px;background:#fff;opacity:1;border:0px; border-radius:100%;}
.mainwidget_slide .swiper-pagination .swiper-pagination-bullet:focus {outline:thin dotted;}
.mainwidget_slide .swiper-pagination .swiper-pagination-bullet-active {width:40px; background:#003975; opacity:1; border-radius:20px;}

.mainwidget_slide .slide-controll {display:inline-block; width:auto;}
.mainwidget_slide .swiper-button-next,
.mainwidget_slide .swiper-button-prev {overflow:hidden; text-indent:-9999px; width:30px; height:30px; background-color:#333 !important;
								  		position:relative; margin-top:0; display:inline-block; top:auto; margin-right:10px; left:auto;
								  		vertical-align:middle; pointer-events:auto !important;}
.mainwidget_slide .swiper-button-prev {background:url(/sample/template/compound/compound013/img/arrow.png) no-repeat 4px 3px;}
.mainwidget_slide .swiper-button-next {background:url(/sample/template/compound/compound013/img/arrow.png) no-repeat -57px 4px;margin-left:6px;}
.mainwidget_slide .swiper-button-next:hover,
.mainwidget_slide .swiper-button-prev:hover {cursor:pointer; }
.mainwidget_slide .swiper-button-next:focus,
.mainwidget_slide .swiper-button-prev:focus {outline:thin dotted;}

.mainwidget_slide .swiper-button-next.swiper-button-disabled, 
.mainwidget_slide .swiper-button-prev.swiper-button-disabled {opacity:1;}

.mainwidget_slide div.indicator {z-index:10;display:inline-block;margin-left:-13px;position:relative;}
.mainwidget_slide div.indicator button {outline:none;cursor:pointer;text-indent:-9999px;background-color:#333 !important;width:30px;height:30px;display:inline-block;margin-right:5px;}
.mainwidget_slide div.indicator button.play {}
.mainwidget_slide div.indicator button.play {background:url(/sample/template/compound/compound013/img/arrow.png) no-repeat -82px 4px;}
.mainwidget_slide div.indicator button.stop {background:url(/sample/template/compound/compound013/img/arrow.png) no-repeat -26px 3px;}
.mainwidget_slide div.indicator button:focus {outline:thin dotted;}



.div_wrap .visual_slide {position:absolute; z-index:50; max-height:463px; border-radius:10px; background-color: rgb(0, 94, 194); box-shadow: 8px 8px 15px 0px rgba(0,0,0,0.65);}
.div_wrap .visual_right {position:absolute; bottom:0; margin-bottom:-180px; right:0; z-index:1; width:52.7%; height:450px;}
.div_wrap .visual_right .layout_02 {width:100%; height:100%;}
.layout_wrap .div_wrap > div.visual_right .horizontalMoveHandler {display:none !important;}
.inner_layer .visual_bg {position:absolute; bottom:0; width:100%; height:187px; background-color:rgba(0,57,117,0.65); border-radius: 0 0 10px 10px;}

@media (max-width:899px){
	.div_wrap .visual_slide {position:relative;}
	.div_wrap .visual_right {position:relative; width:100%; height:auto; margin-bottom:0;}
	.div_wrap .visual_right .r_cont_area {top:50px; right:0; width:100%; height:100%;}
}


.div_wrap > div {border-radius:15px;}


/*  */

.contents .mainvalBox + .inner {position:relative; top:-550px; margin-bottom:-550px;}

@media (max-width:599px){
	.contents .mainvalBox + .inner {top:-50px; margin-bottom:-50px;}
}
@media (max-width:1049px){
	.contents .mainvalBox + .inner {top:0px; margin-bottom:0;}
}



/* wiget - logo_slide005 - CSS */
.logo_slide005 .btnbox .swiper-button-prev {width:50px; height:100%; background:url(/sample/template/compound/compound013/img/arrow.png) no-repeat 50% 50%; border:0; top:22.5px;}
.logo_slide005 .btnbox .swiper-button-next {width:50px; height:100%; background:url(/sample/template/compound/compound013/img/arrow.png) no-repeat 50% 50%; border:0; top:22.5px; transform: rotate(-180deg);}
.logo_slide005 .swiper-container .swiper-wrapper .swiper-slide {border:none !important;}


/* widget - thesis01 - CSS */
.visual_right .thesis01 .schrBox .imgbox {max-width:none;}
.visual_right .thesis01 .schrBox .imgbox img {border:1px solid #282828 !important;}
.visual_right .thesis01 .schrBox:hover .imgbox img {border:1px solid #fff !important; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.8) !important;}
.visual_right .thesis01 .schrBox:hover .btnbox a {border:1px solid #fff; color:#000; background:#fff;}
.visual_right .thesis01 .schrBox .tit {color:#fff;}
.visual_right .thesis01 .swiper-container .swiper-wrapper {}
.visual_right .thesis01 .schrBox .btnbox {margin-top:-20px;}
.visual_right .thesis01 .schrBox .btnbox > div {display:inline-block; border: 1px solid #eaeaea;background:#eaeaea;min-width:auto;margin:0 5px;line-height:normal;}
.visual_right .thesis01 .schrBox .btnbox > div a {display:block; background: transparent;}
.visual_right .thesis01 .schrBox .btnbox a:hover {border:1px solid #333; color:#fff; background:#333;}
.visual_right .thesis01 .swiper-button-prev {background: url(/sample/template/compound/compound013/img/arrow_prev.png) no-repeat;}
.visual_right .thesis01 .swiper-button-next {background: url(/sample/template/compound/compound013/img/arrow_next.png) no-repeat;}

.layout_wrap .div_wrap > div.visual_right:hover .horizontalMoveHandler {display:none !important;}

	@media (max-width:1200px){
		.div_wrap .visual_right {padding: 20px 0;}
		.div_wrap .visual_right .thesis01 .schrBox .imgbox {height:200px !important;}
	}

	@media (min-width:900px){
		.visual_right .thesis01 .schrBox .tit {position:relative; top:-25px;}
		.visual_right .thesis01 .schrBox .imgbox {height:320px !important; padding: 0 20px 20px 0; margin: 0 -20px -20px 0;}
	}
	@media (max-width:990px){
		.visual_right .horizontalMoveHandler {display:none !important;}
	}
	@media (max-width:900px){
	    .div_wrap .visual_right .thesis01 .schrBox .btnbox {margin-top:0; box-sizing:border-box;}
	}

	@media (max-width:800px){
	    .visual_right .thesis01 .swiper-button-prev {background: url(/sample/template/compound/compound013/img/arrow_prev.png) no-repeat 5px;}
	    .visual_right .thesis01 .swiper-button-next {background: url(/sample/template/compound/compound013/img/arrow_next.png) no-repeat -8px;}
	}