@charset "utf-8";
@media screen and (max-width:1680px) {
	.container {width:70%;}
	.col img {height:20vw;}
	.col2 img {height:15vw;}
}

@media screen and (max-width:1280px) {
	.container {width:100%;}
	.col img {height:30vw;}
	.col2 img {height:20vw;}
	.one {margin-top:0%;}
	.footer {}
}

@media screen and (max-width:1024px) {
    .kv_bg {padding-bottom: 0;}
    .web-kv {display: none;}
    .pad-kv {display: block;}

	.box h5 span {
		font-size:1.2em;
		line-height:50px;
		margin-bottom:2%;padding:0 0 0 1%;}
	
	.box p {font-size:0.9em;padding-top:0;}
	
	h6{font-size:1.3em;padding:0;}
	
	.box .noticelist li {font-size:0.9em;}
	
	.icon,.icon2 {width:45px;height:45px;}

    .box2-kv {width: 80%;}
    .box3-kv {width: 90%;}
    .box4-kv {width: 86%;}
    .box5-kv {width: 60%;}
    .col {
        max-width: 40%;
        width: 40%;
        margin: 2% 0 2% 6%;}
    .col2 {
        max-width: 40%;
        width: 40%;
        margin: 2% 0 2% 6%;}
	
	.col img {height:53vw;}
	
	.col2 img {height:18vw;}

}



@media screen and (max-width:640px) {
    .kv_bg {padding-bottom:53%;}
    .mobile-kv {display: block;}
    .pad-kv {display: none;}
	
	.box{padding:5% 0 0 0;}
	
	.box h5 span {
		font-size:1em;
		line-height:45px;}
	
	.box p {font-size:0.8em;letter-spacing:1px;}
	
	.push{margin:0;}
	
	h6{font-size:1em;padding: 1em;}
	
	.box .noticelist li {font-size:0.9em;}
	
	.icon {width:40px;height:40px;}
	
	.footer {;background-image:none;}
	
	.footer p {font-size: 0.75em;padding:0;}

}



@media screen and (max-width:550px) {
	.col img {height:50vw;box-shadow:6px 6px rgba(255,255,255,0.4);}
	.col2 img {box-shadow:6px 6px rgba(255,255,255,0.4);}
	
}