@charset "UTF-8";
#hometop { width: 100%; position: relative; background: url("../images/hometop2-bg.jpg") center center / cover;}
	#hometop h1 { display: block; height: 100px; padding:30px 20px 0 20px; margin: auto; text-align: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

#business { padding:40px 0;}
	#business  h2 { max-width: 720px; padding: 10px 0; margin: 0 auto; text-align: center;}
	#business p { padding: 10px 0; margin: 0 auto;}
	#business ul { display: flex; justify-content:center; flex-wrap: wrap; padding: 40px 0;  margin: 0 auto; }
		#business ul li { width: 210px; padding:5px 0; text-align: center;}
			#business ul li a img { opacity: 1; transition: all .3s;}
			#business ul li a:hover img { opacity: .7;}

#homenav { padding:40px 0;}
.homenav { width: 100%; padding: 10px 0; }
	.homenav::before { display: flex; justify-content:left; align-items: center; background: no-repeat center / cover;}
		#recruit::before { content:url("../images/recruit-pt.png");}
			#recruit::before { background-image: url("../images/recruit-bg.jpg");}
		#aboutus::before { content:url("../images/aboutus-pt.png");}
			#aboutus::before { background-image: url("../images/aboutus-bg.jpg");}
	.homenav-info { background: #004363; color:#FFF; text-align: left;}
		.homenav-info h2 { font-size:14px;}
		.homenav-info p { font-size:14px;}
			.homenav-info p.btn {text-align: center;}

@media all and (min-width:320px) {
	/* 320px+ settings */
	#hometop { height: 480px;}
	#business {}
		#business p { text-align: left;}
		#business ul li { width: 48%;}
	.homenav {display: block; }
		.homenav::before { box-sizing: border-box; padding:40px 20px; width: 100%; }
		.homenav-info {width:100%; padding:20px 0 20px 0; }
			.homenav-info h2 { padding:20px;}
			.homenav-info p { padding:20px;}
}

@media all and (min-width:640px) {
	/* 640px+ settings */
	#hometop { height: 600px;}
	#business {}
		#business p { text-align: center;}
		#business ul li { width:210px;}
	.homenav {display: block; }
		.homenav::before { box-sizing: border-box; padding:50px; width: 100%; }
		.homenav-info h2 { padding:20px 50px;}
		.homenav-info p { padding:20px 50px;}
}

@media all and (min-width:960px) {
	/* 960px+ settings */
	#hometop { height: 850px;}
	.homenav { display: flex; justify-content: space-between;}
		.homenav::before { box-sizing: border-box; padding:0 0 0 50px; width: 58%; }
		.homenav-info {width:calc(42% - 20px); padding:50px 0 20px 0; }
		.homenav-info h2 { padding:30px 50px;}
		.homenav-info p { padding:30px 50px;}
}

@media all and (min-width:1200px) {
	/* 1200px+ settings */
}