/*@ latest 2020.11.26 OSY */
/*@ latest 2021.01.08.SSJ */

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

@media (max-width:1300px){
    .inner .layout_wrap {padding:0 15px;}
}

/* main visual -float widget */
.contents:not(#contents) {background:#b9d87b;}
.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; height:600px !important;}
		.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; 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:1.3em; color:#333;}
.copy p.smallp {margin-top:10px; font-size:20px; line-height:1.4em; color:#666;}

	@media (min-width:1050px){
		.mainVisual .mainSlider_001 {height:620px;}
		.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:34px;}
	}
	
	@media (max-width:1049px){
		.copy {margin-top:0px;}
		.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:990px){			
	    .copy {margin-top:-30px;}			
	}

	@media (min-width:600px) and (max-width:799px){
		.copy h3 {font-size:25px;}
		.copy p.smallp {font-size:14px;}
	}

	@media (max-width:599px){
		.div_wrap > div {border-radius:15px;}
		.copy {margin-top:-20px;}
		.copy h3, .copy h3 font {font-size:19px; line-height:25px;}
		.copy p.smallp,.copy p.smallp font {font-size:13px; line-height:20px; color:#333 !important;}	
	}



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

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

	@media (max-width:899px){
		.inner_layer {padding-top:0px; width:100%;}

	}

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





/* widget style */
.school_meals04 .datebox {border-radius:15px 15px 0 0;}
.school_meals04 .cntbox {border-radius:0 0 15px 15px;}
.calendar009 .dd_box table {border-radius:15px !important;}
.calendar009 .dd_box table thead th:first-child {border-radius:15px 0 0 0;}
.calendar009 .dd_box table thead th:last-child {border-radius:0 15px 0 0;}
.login003 .login .innerbox > div input,
.login003 .login a {border-radius:5px;}
.layout_height_H.layout_04.layout_04ml .board139 ul li:before {background:#8ac640 !important;}
.etc006 .etc006cont .contBox .txtBox {height:80% !important; border-radius:15px;}
.gallery123 .innerbox ul li div.imgbox {border-radius:15px;}