@media screen and (max-width: 1200px) {
	section#news {
		background-size: 45% auto;
	}
	section#overview {
		background-position: 0% -4%, 0% 102%;
	}
}

@media screen and (max-width: 1024px) {
	.logo {
		width: 300px;
		max-width: 300px;
	}
	section#about {
		background-position: 99% 0%,2% 30%,95% 75%,2% 100%;
		background-size: 30% auto,20% auto,35% auto,35% auto;
	}
}

@media screen and (max-width:820px) {
	section#about {
		background-position: 99% 0%,2% 15%,100% 55%,2% 100%;
		background-size: 35% auto,25% auto,40% auto,40% auto;
	}
	section#overview {
		background-position: 0% -2.5%, 0% 101.5%;
		background-size: 100% auto;
	}
}

@media screen and (max-width:600px) {
	section#about {
		background-position: 99% 0%,2% 14%,100% 55%,2% 100%;
		background-size: 40% auto,30% auto,50% auto,70% auto;
	}
	section#recruit {
		background-position: 100% 0%, 0% 80%;
		background-size: 60% auto, 40% auto;
	}
	section#overview {
		background-position: 0% -1%, 0% 100.5%;
		background-size: 100% auto;
	}
	.com-list03>li {
		width: 100%;
		margin-bottom: 30px;
	}
}