/*@latest 2024.02.21 YHY */

/* 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 .swiper-container.mainSlider_001 {width:74.7%;}
		.mainvalBox .mainVisual #templateFix .layout_04 {height: 350px !important;}
        .mainvalBox .mainVisual #templateFix .layout_04.layout_height_L {height:150px !important;}
	}
	@media (max-width:599px){
        
	}

/* main visual */
.mainVisual .swiper-container.mainSlider_001 {background:white;z-index:0;overflow:hidden;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.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;filter: brightness(80%);}
.mainVisual .swiper-container.mainSlider_001:after {content:'';display:block;position:absolute;bottom: -30px;left: 0;background:url('/sample/template/compound/compound019_m_school/img/ptn_wave.png') no-repeat;width: 974px;height: 200px;background-size: cover;z-index: 1;}

.layout_01 .quick005_2 .qlink_5 .q5link00 .icon {transition: all 0.5s;}
.layout_01 .quick005_2 .qlink_5 .q5link00 .icon:hover {padding: 10px; border-radius: 15px; transition: all 0.5s;}
.layout_01 .quick005_2 .qlink_5 .q5link00 > a:hover p span {font-weight:600;}

/*copy*/
.copy {position:absolute;z-index:9;width:100%;word-break:keep-all;}
.copy .inner {width:100%; max-width:1300px; padding:20px 0 20px; margin:0 auto; box-sizing:border-box;}
.copy .inner div {padding:0 15px;}
.copy h3 {font-size: 18px;line-height:normal;letter-spacing:-0.5px;color: white;font-weight: 300;}
.copy h3 strong {font-weight:400;}
.copy h3 .stxt {font-size: 18px;font-weight: 300;color: #FFF;letter-spacing: 2px;opacity: 0.8;}
.copy p.smallp {display: inline-block; margin-top: 20px;font-size: 36px;color: #fff;line-height: 1.3em;}


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

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

	@media (min-width:800px) and (max-width:1049px){
		.mainVisual .swiper-container.mainSlider_001 {min-height:250px;}
		.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 .inner div {padding:0 45px;}
		.copy h3 {font-size:25px;}

		.mainvalBox .inner_layer .layout_wrap {width:33.333%;}
	}
	@media (min-width:600px) and (max-width:799px){
		.mainVisual .swiper-container.mainSlider_001 {min-height:250px;}
		.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 .inner div {padding:0 40px;}
		.copy h3 {font-size:23px;}
	}
	@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 {top:10px!important; /*background:rgba(0,0,0,0.2);*/}
		.copy h3 .stxt {font-size:14px;}
		.copy p.smallp {margin-top:10px; font-size:17px;}

		.board140 .imgbox img {max-height:70px!important;}

	}






/* slide btn */
.mainSlider_001 div.swiper-pagination-center {position: absolute;bottom:15px;left: 0;z-index:10;text-align: center;padding: 0;border-radius: 3px;width: 100%;box-sizing: border-box;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination {display:inline-block;text-align:center;position:relative;display: flex;justify-content: center;align-items: center;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet {margin-left: 15px;background: #333;opacity: 1;border-color: rgba(0,0,0,0.5);transition-duration: 0.2s;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #096ab7;border-color: #096ab7;border-radius: 100%;width: 15px;height: 15px;}
/* .mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {content:'';display: inline-block;border:1px solid #333;padding: 12px;box-sizing: border-box;border-radius: 100%;display: flex; top: 0;left: 0;display: block;transform: translate(-9px, -9px);} */

.mainSlider_001 div.indicator {display:none!important;}
/* .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/compound/compound019_m_school/img/play.png")no-repeat; text-indent:-9999px;}
.mainSlider_001 div.indicator button.stop{background:url("/sample/template/compound/compound019_m_school/img/stop.png")no-repeat; text-indent:-9999px;} */


.mainVisual .swiper-container.mainSlider_001 .swiper-button-next,
.mainVisual .swiper-container.mainSlider_001 .swiper-button-prev {position: absolute;top: unset!important;bottom: -1px;left: 0;background-image:none!important;display: flex;align-items: center;}
.mainVisual .swiper-container.mainSlider_001 .swiper-button-prev:after {content:'\f177';font-family: FontAwesome;font-size: 18px; color:#333;}
.mainVisual .swiper-container.mainSlider_001 .swiper-button-next {left: 75px;opacity:1;}
.mainVisual .swiper-container.mainSlider_001 .swiper-button-next:after {content:'\f178';font-family: FontAwesome;font-size: 18px; color:#333;}
.mainVisual .swiper-container.mainSlider_001 .swiper-button-prev {left: 0; opacity:1;}
/* .mainVisual .swiper-container.mainSlider_001 .swiper-button-next:hover,
.mainVisual .swiper-container.mainSlider_001 .swiper-button-prev:hover {background-color:rgba(0,0,0,0.8); -webkit-transition:background-color 1s; transition:background-color 1s;}														  */

	@media (max-width:599px){
		/* .mainVisual .swiper-container.mainSlider_001 .swiper-button-next, 
		.mainVisual .swiper-container.mainSlider_001 .swiper-button-prev {display:none;} */
	}

/* Indicator Number */
.mainSlider_001 div.bnrindicator_number {position: absolute;bottom: 10px;left: 30px;z-index: 2;font-size: 16px;font-weight: 600;color:#bbb;}
.mainSlider_001 div.bnrindicator_number .this_count{color:#333; font-size:20px;}



/* template special style */

@media (min-width:991px){
	.contents {padding-top:40px;}
}

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