@charset "utf-8";


/* 
career.php
--------------------------------------------------------*/
#career .content {
	padding-top: 80px;
}
#career #mainimage {
	height: 200px;
	background: url(../../img/career/bg_career_main.jpg) center;
	background-size: cover;
}
	#career #mainimage h1 {
		padding: 70px 0;
	}
@media screen and (max-width: 767px) {
	#career .content {
		padding-top: 56px;
	}
	#career #mainimage {
		height: 100px;
	background: url(../../img/career/bg_career_main.jpg) left center;
	background-size: cover;
	}
		#career #mainimage h1 {
			padding: 35px 0 0 10px;
		}
		#career #mainimage h1 img {
			width: 84px;
		}
}


#entry {
	padding: 0 0 70px;
}
	#entry h1 {
		margin: 0 0 15px;
	}
	#entry h2 {
		background: #009bd8;
		padding: 13px 25px 10px;
		color: #fff;
		font-size: 123%;
		line-height: 1;
		margin: 20px 0 0;
	}
	#entry table {
		width: 100%; 
	}
	#entry table th,
	#entry table td {
		padding: 10px 25px;
		border-bottom: 1px solid #a2d9f5;
	}
	#entry table th {
		border-right: 1px dashed #a2d9f5;
		width: 150px;
	}
	#entry table td p {
		margin: 0 0 10px;
	}
@media screen and (max-width: 767px) {
	#entry {
		padding: 30px 0;
	}
		#entry h1 {
			margin: 0 10px 5px;
		}
			#entry h1 img {
				width: 121px;
			}
	#entry h2 {
		background: #009bd8;
		padding: 13px 10px 10px;
		font-size: 13px;
		margin: 10px 0 0;
	}
	#entry table th,
	#entry table td {
		padding: 10px;
		font-size: 12px;
	}
	#entry table th {
		width: 5em;
	}
}

#welfare {
	background: #d5ecf3;
	padding: 70px 0 100px;
}
	#welfare h1 {
		margin: 0 0 15px;
	}
	#welfare table {
		width: 100%;
		background: #fff;
	}
	#welfare table th,
	#welfare table td {
		padding: 10px 25px;
		border-bottom: 1px solid #d5ecf3;
	}
	#welfare table th {
		border-right: 1px dashed #d5ecf3;
		width: 150px;
	}
@media screen and (max-width: 767px) {
	#welfare {
		margin: 0;
		padding: 30px 0 70px;
	}
		#welfare h1 {
			padding: 0 10px;
		}
			#welfare h1 img {
				width: 56px;
			}
	#welfare table {
		margin: 0 3%;
		width: 94%;
	}
	#welfare table th,
	#welfare table td {
		padding: 10px;
		font-size: 12px;
	}
	#welfare table th {
		width: 5em;
	}
}


#contact {
	padding: 70px 0;
}
	#contact h1 {
		margin: 0 0 15px;
	}
@media screen and (max-width: 767px) {
	#contact {
		padding: 30px 0;
	}
		#contact h1 {
			margin: 0 10px 5px;
		}
			#contact h1 img {
				width: 42px;
			}
		#contact > p {
			font-size: 12px;
			line-height: 1.5;
			margin: 10px;
		}
}