@media screen and (max-width: 1430px) {
    .width1400 {
        padding: 0 15px;
    }
}

@media screen and (max-width: 1130px) {
    .width1100 {
        padding: 0 15px;
    }
}

@media screen and (max-width: 1030px) {
    .width1000 {
        padding: 0 15px;
    }
}

@media screen and (max-width: 830px) {
    .width800 {
        padding: 0 15px;
    }
}










@media screen and (max-width: 1350px) {
	.header-menu > li a {
	    padding: 0 30px;
	}
	
	section.slider:before {
	    width: 300px;
		height: 300px;
		bottom: -30px;
		left: 80px;
	}
	
	h2.h2type01 {
		font-size: 3rem;
	}
	
	.hlBox.newsTit span.hlEng {
		font-size: 2rem;
	}
	
	.hlBox.newsTit {
	    width: 30%;
	}
	
	section#news {
	    background-size: 350px;
	}
	
	.plctxt {
	    width: 45%;
	    left: 3vw;
	    padding: 20px 30px;
	}
	
	.plctxt:before {
	    width: 250px;
        height: 250px;
        top: 35%;
	}
	
	.plcImg:after {
	    width: 250px;
	    height: 250px;
		bottom: -30px;
		right: -50px;
	}
	
	.philoItems {
		width: 32%;
	}
	
	section#life {
	    background-size: 700px, 500px, 500px, 100px, 300px, 300px;
	    background-position: 0 100%, 105% 30%, 0 60%, 95% 10%, 3% 2%, 97% 2%;
	}
	
	section#admission {
        background-size: 100px, 175px, auto;
        background-position: 1% 90%, 0% 100%, 0 0;
        padding-bottom: 175px;
    }
	
	section#overview {
		background-size: 150px, 300px, 300px, 50px;
		background-position: 0 0, 2% 98%, 98% 98%, 82% 88%;
	}
	
	section#contact {
	    background-size: 350px, 350px, 250px;
    	background-position: 0% 100%, 100% 100%, 100% 0%;
	}
	
	.menu-image-title {
	    font-size: 1.2rem;
	}

}


@media screen and (max-width: 1100px) {
	.header-menu > li a {
	    padding: 0 25px;
	}
	
    .plctxt:before {
        width: 200px;
        height: 200px;
        top: 50%;
    }
	
	.plcImg:after {
        width: 200px;
        height: 200px;
        bottom: -45px;
        right: -45px;
    }
	
}



@media screen and (max-width: 1024px) {
	
	.news-wrap.flex {
		display: block;
	}
	
	.hlBox.newsTit {
		width: 100%;
		background-color: transparent;
		padding: 0;
		border-radius: 0;
		box-shadow: none;
	}
	
	.hlBox.newsTit h2.h2type01 {
		color: #524439;
	}
	
	.hlBox.newsTit span.hlEng {
		color: #39e180;
	}
	
	.news-wrap.flex .newsTit a {
		display: none;
	}
	
	.newsBox {
        width: 100%;
        max-width: 800px;
        margin: auto;
    }
	
	section#news {
	    background-size: 250px;
		padding-bottom: 80px;
	}
	
	.n2-padding {
		padding: 0;
	}
	
	section.slider:before {
        width: 250px;
        height: 250px;
        bottom: -20px;
        left: 30px;
    }
	
	.plctxt {
        width: 95%;
        margin: auto;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        border-radius: 30px;
    }
	
	.policyBox.flex {
		position: relative;
		width: 100%;
		max-width: 800px;
		margin: auto;
		flex-direction: column-reverse;
		gap: 30px 0;
	}
	
	.plctxt:before {
        width: 150px;
        height: 150px;
        top: unset;
        bottom: -45px;
    }
	
	.plcImg {
        width: 95%;
        max-width: 600px;
        margin: auto;
    }
	
	.plcImg:after {
        width: 150px;
        height: 150px;
        bottom: -25px;
        right: -25px;
    }
	
	.philoItems {
        width: 48%;
    }
	
	.philosophyBox {
		gap: 30px 0;
		justify-content: space-around;
	}
	
	section#policy {
		background-position: 0 101%, 100% 35%, 100% 100%;
		background-size: 200px, 500px, 500px;
		padding-bottom: 125px;
	}
	
	span.f-no {
		font-size: 5rem;
		top: -25px;
		left: 25px;
	}
	
	section#feature {
	    background-size: 200px, auto;
	}
	
	section#life {
	    background-size: 500px, 500px, 500px, 100px, 300px, 300px;
	}
	
	.ovItems {
		width: 100%;
		max-width: 850px;
		margin: auto;
	}
	
	section#overview {
        background-size: 150px, 200px, 200px, 50px;
        background-position: 0 0, 2% 98%, 98% 98%, 82% 94%;
    }
	
    section#contact {
        background-size: 250px, 250px, 200px;
    }
	
	section#recruit-page {
	    background-size: 1900px;
	}
	
	.sp-header02 {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        background-color: transparent;
    }
	
	div#n2-ss-2 .n2-ss-slider-2 {
		border-radius: 0;
	}
	
	a.nsacBtn {
		display: block;
	}
	
	.header-content {
		padding: 0;
	}
	
	.logo {
	    max-width: 250px;
	}
	
	.sp-header02 {
        padding: 0;
    }
	
	a.prtBtn {
	    max-width: 275px;
	    font-size: 1.8rem;
	}
	
	
}



@media screen and (max-width:800px) {
	
	section#news {
        background-size: 150px;
        padding-bottom: 50px;
    }
	
	h2.h2type01 {
        font-size: 2.5rem;
        background-size: 250px;
    }
	
	span.hlEng {
	    font-size: 1.6rem;
	}
	
	.plcImg:after {
        width: 100px;
        height: 100px;
        bottom: -10px;
        right: -10px;
    }
	
    .plctxt:before {
        width: 100px;
        height: 100px;
        bottom: -15px;
        left: -15px;
    }
	
	span.hlEng {
	    background-size: 40px;
	    padding-top: 50px;
	}
	
	.ftImg:before {
	    width: 100px;
    	height: 100px;
	    bottom: -20px;
    	left: -20px;
	}
	
	.ftImg:after {
	    width: 100px;
    	height: 100px;
	    bottom: -20px;
    	right: -20px;
	}
	
	h3.h3type01 {
	    font-size: 1.7rem;
	}
	
	h3.h3type02 {
	    font-size: 1.7rem;
	}
	
	section#life {
        background-size: 500px, 500px, 500px, 75px, 200px, 200px;
    }
	
	h1.logo.o-hover a img {
		max-width: 200px !important;
	}
	
}





@media screen and (max-width:600px) {
	
	.philoTxt {
	    margin-top: 15px;
	}
	
	.philoItems {
        width: 100%;
    }
	
	section#policy {
        background-position: 0 100%, 100% 35%, 100% 100%;
        background-size: 150px, 500px, 300px;
    }
	
	section#feature {
        background-size: 150px, auto;
        padding-bottom: 125px;
    }

	section#life {
        background-size: 300px, 500px, 500px, 75px, 150px, 150px;
        background-position: 0 100%, 105% 30%, 0 60%, 97% 5%, 3% 2%, 97% 2%;
    }
	
	section#admission {
        background-size: 75px, 175px, auto;
        background-position: 2% 85%, 0% 100%, 0 0;
        padding-bottom: 175px;
    }
	
	section#overview {
        background-size: 150px, 150px, 150px, 50px;
        background-position: 0 0, 2% 98%, 98% 98%, 82% 94%;
        padding-bottom: 150px;
    }
	
	section#contact {
        background-size: 150px, 150px, 125px;
    }
	
    section.slider:before {
        width: 175px;
        height: 175px;
        bottom: -10px;
        left: 15px;
    }
	
	.n2-padding {
        padding: 0;
    }
	
	div#n2-ss-2 .n2-ss-slider-2 {
		border-radius: 0;
	}
	
    h1.logo.o-hover a img {
        max-width: 150px !important;
    }
	
}




@media screen and (max-width:550px) {
	
	.featureItems {
		width: 100%;
		max-width: 400px;
	}
	
	
	
	
	
}












@media screen and (max-width: 1400px) {
    .header-inner.flex, .header-box01, .header-box02 {
        padding: 0;
    }
}