@charset "UTF-8";
#mainvis {
	background:no-repeat url(../images/employment_mainvis_bg.jpg);
	background-size: cover;
	margin-top: 70px;
	padding: 138px 0 73px;
}
#mainvis h2 {
	font-size: 40px;
	font-weight: bold;
	color: #00196e;
	text-align: center;
	position: relative;
}
#mainvis h2:before {
	content: '';
	width: 129px;
	height: 19px;
	position: absolute;
	top: -140px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background:no-repeat url(../images/employment_tit.png);
	background-size: 100%;
}
#mainvis h2:after {
	content: '';
	width: 20px;
	height: 3px;
	position: absolute;
	top: -83px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #75b3e0;
}
.introduction {
	background: #00196e;
	padding: 53px 0 40px;
}
.introduction p {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 2.5;
	text-align: center;
	margin-bottom: 30px;
}
.introduction a {
	max-width: 280px;
	display: block;
	background: url(../images/employment_navi.png) no-repeat #fff calc(100% - 37px);
	background-size: auto 100%;
	height: 70px;
	line-height: 70px;
	font-size: 20px;
	font-weight: bold;
	color: #00196d;
	padding-left: 50px;
	box-sizing: border-box;
	border-radius: 3px;
	margin: 0 auto 11px;
}
.introduction a span.external_link {
	position: relative;
}
.introduction a span.external_link:after {
	content: '';
	width: 17px;
	height: 17px;
	background-image: url(../images/external_link_icon.gif);
	background-size: 100%;
	position: absolute;
	top: -4px;
	bottom: 0;
	right: 0;
	left: 10px;
	margin: auto;
}
.cf:after {
	content: '';
	display: block;
	clear: both;
}
.container {
	background: rgb(220,230,240);
	background: linear-gradient(90deg, rgba(220,230,240,1) 0%, rgba(220,230,240,1) 50%, rgba(117,179,224,1) 50%, rgba(117,179,224,1) 100%);
	padding-bottom: 25px;
}
.employment_cont {
	float: left;
	width: 50%;
	min-height: 200px;
}
.employment_cont .inner {
	width: 409px;
}
.employment_cont h3 {
	font-size: 30px;
	font-weight: bold;
	color: #00196e;
	text-align: center;
	margin-top: 38px;
	margin-bottom: 37px;
}
.employment_cont a {
	max-width: 409px;
	display: block;
	background: url(../images/employment_navi.png) no-repeat #fff calc(100% - 37px);
	background-size: auto 100%;
	height: 70px;
	font-size: 20px;
	font-weight: bold;
	color: #00196d;
	padding-top: 25px;
	padding-left: 50px;
	box-sizing: border-box;
	border-radius: 3px;
	margin: 0 auto 11px;
}
.employment_cont a.two_line {
	line-height: 25px;
	padding-top: 14px;
}
.employment_cont a span.external_link {
	position: relative;
}
.employment_cont a span.external_link:after {
	content: '';
	width: 17px;
	height: 17px;
	background-image: url(../images/external_link_icon.gif);
	background-size: 100%;
	position: absolute;
	top: -4px;
	bottom: 0;
	right: 0;
	left: 10px;
	margin: auto;
}
.new_graduate {
	background: #dce6f0;
}
.new_graduate .inner {
	margin: 0 0 0 auto;
	padding-right: 46px;
}
.career {
	background: #75b3e0;
}
.career .inner {
	padding-left: 46px;
}
@media (max-width: 980px) {
	#mainvis {
		margin-top: 55px;
		padding: 80px 0 30px;
	}
	#mainvis h2 {
		font-size: 25px;
	}
	#mainvis h2:before {
		width: 85px;
		height: 14.5px;
		top: -89px;
	}
	#mainvis h2:after {
		width: 13px;
		height: 2px;
		top: -55px;
	}
	.introduction {
		padding: 45px 0 55px;
	}
	.introduction p {
		font-size: 14px;
		line-height: 2;
		text-align: left;
		margin: 0 35px 20px;
	}
	.introduction a {
		max-width: none;
		background: url(../images/employment_navi.png) no-repeat #fff calc(100% - 30px);
		height: 62.5px;
		font-size: 15px;
		padding-left: 25px;
		margin: 0 35px 14px;
	}
	.introduction a span.external_link {
		position: relative;
	}
	.container {
		background: transparent;
		padding-bottom: 0;
	}
	.employment_cont {
		float: none;
		width: auto;
		min-height: auto;
		padding: 53px 0 50px;
	}
	.employment_cont .inner {
		width: auto;
		margin: 0 35px;
	}
	.employment_cont h3 {
		font-size: 24px;
		margin-top: 0;
		margin-bottom: 40px;
	}
	.employment_cont a {
		max-width: none;
		background: url(../images/employment_navi.png) no-repeat #fff calc(100% - 30px);
		height: 62.5px;
		font-size: 15px;
		padding-top: 21px;
		padding-left: 25px;
		margin: 0 auto 14px;
	}
	.employment_cont a span.external_link {
		position: relative;
	}
	.employment_cont a.two_line {
		line-height: 21px;
		padding-top: 14px;
	}
	.new_graduate .inner {
		margin: 0 35px;
		padding-right: 0;
	}
	.career .inner {
		padding-left: 0;
	}
}
@media (max-width: 320px) {
	.employment_cont a {
		background: url(../images/employment_navi.png) no-repeat #fff calc(100% - 14px);
		height: 50.5px;
		font-size: 13px;
		padding-left: 15px;
		line-height: 13px;
	}
	.employment_cont a.two_line {
		line-height: 14px;
	}
}