@charset "utf-8";

#title {
	text-align:center;
	position:relative;
	padding:25px 0 35px 0;
}
	@media(max-width:979px) {
		#title {
			padding:18px 0 25px 0;
		}
	}

#title > img {
	width:68px;
	margin-bottom:15px;
}
	@media(max-width:979px) {
		#title > img {
			width:46px;
			margin-bottom:10px;
		}
	}
	@media(max-width:479px) {
		#title > img {
			width:34px;
		}
	}

#title > h1 {
	font-family: "Zen Maru Gothic";
	font-weight:bold;
	font-size:60px;
	color:#F2875B;
}
	@media(max-width:1439px) {
		#title > h1 {
			font-size:40px;
		}
	}
	@media(max-width:959px) {
		#title > h1 {
			font-size:30px;
		}
	}

#jobList {
	padding-top:150px;
	max-width:1180px;
	margin:0 auto;
}
	@media(max-width:959px) {
		#jobList {
			padding-top:75px;
		}
	}
	@media(max-width:479px) {
		#jobList {
			padding-top:50px;
		}
	}

#jobList > div.wrap {
	padding-bottom:120px;
}

#jobList header {
	text-align:center;
	margin-bottom:35px;
	background:url(../images/line.png) center center repeat-x;
}
	@media(max-width:767px) {
		#jobList header {
			margin-bottom:25px;
		}
	}

#jobList header > h2 {
	line-height:1.3;
	display:inline-block;
	background-color:#FFF;
	padding:0 35px;
	font-family: "Zen Maru Gothic";
	font-weight:bold;
	font-size:40px;
	color:#F2875B;
}
	@media(max-width:1439px) {
		#jobList header > h2 {
			font-size:32px;
		}
	}
	@media(max-width:767px) {
		#jobList header > h2 {
			font-size:24px;
			padding:0 20px;
		}
	}

#jobList > div > p {
	text-align:center;
	line-height:1.6;
	margin-bottom:30px;
}
#jobList > div > h3, #jobList > div > div {
	max-width:850px;
	margin:0 75px 25px 75px;
	padding:25px 120px 15px 120px;
	text-align:center;
	display:block;
	border-radius:30px;
	line-height:1.3;
	background-color:#F2875B;
}
	@media(max-width:1239px) {
		#jobList > div > h3, #jobList > div > div {
			margin:0 auto 20px auto;
		}
	}
	@media(max-width:767px) {
		#jobList > div > h3, #jobList > div > div {
			padding:18px 85px 10px 85px;
		}
	}
	@media(max-width:639px) {
		#jobList > div > h3, #jobList > div > div {
			padding:18px 85px 10px 15px;
		}
	}
	@media(max-width:479px) {
		#jobList > div > h3 {
			padding:12px 60px 8px 15px;;
		}
		#jobList > div > div {
			padding:12px 15px 8px 15px;;
		}
	}

#jobList > div > h3 {
	cursor: pointer;
	background:url(../images/arrow3.png);
	background-position: center right 45px;
	background-repeat:no-repeat;
	background-color:#F2875B;
	background-size:65px auto;
}
	@media(max-width:767px) {
		#jobList > div > h3 {
			background-size:51px auto;
			background-position:center right 30px;
		}
	}
	@media(max-width:479px) {
		#jobList > div > h3 {
			background-size:32px auto;
			background-position:center right 22px;
		}
	}
#jobList > div > h3:hover {
	background-color:#C7714E;
}

#jobList > div > h3 strong, #jobList > div > div strong {
	display:block;
	color:#FFF;
	font-family: "Zen Maru Gothic";
	font-weight:bold;
	font-size:35px;
	margin-bottom:5px;
	letter-spacing:5px;
}
	@media(max-width:959px) {
		#jobList > div > h3 strong, #jobList > div > div strong {
			font-size:28px;
		}
	}
	@media(max-width:767px) {
		#jobList > div > h3 strong, #jobList > div > div strong {
			font-size:24px;
		}
	}
	@media(max-width:479px) {
		#jobList > div > h3 strong, #jobList > div > div strong {
			font-size:20px;
		}
	}

#jobList > div > h3 span, #jobList > div > div span {
	color:#FFF;
	display:block;
	font-size:22px;
}
	@media(max-width:959px) {
		#jobList > div > h3 span, #jobList > div > div span {
			font-size:18px;
		}
	}
	@media(max-width:767px) {
		#jobList > div > h3 span, #jobList > div > div span {
			font-size:16px;
		}
	}

#jobList > div > article {
	display:none;
	max-width:940px;
	margin:0 auto 80px auto;
	padding-top:15px;
	padding:0 15px;
}

#jobList > div > article > table {
	width:100%;
	border-top:1px solid #707070;
	margin-bottom:45px;
}
#jobList > div > article > table th {
	vertical-align:middle;
	background-color:#EFEFEF;
}
#jobList > div > article > table th, #jobList > div > article > table td {
	padding:25px 30px;
	line-height:1.8;
	border-bottom:1px solid #707070;
}
	@media(max-width:767px) {
		#jobList > div > article > table th, #jobList > div > article > table td {
			padding:18px 21px;
		}
	}

#jobList > div > article > table td hr {
	border:none;
	border-bottom:1px solid #707070;
	padding:0.5em 0 0 0;
	margin:0 0 0.5em 0;
}
#jobList > div > article > div.link {
	text-align:center;
}
#jobList > div > article > div.link > a {
	display:inline-block;
	background-color:#FFDA0C;
	background-image:url(../images/arrow5.png);
	background-position: center right 15px;
	background-repeat: no-repeat;
	background-size:56px auto;
	border-radius:20px;
	line-height:1.6em;
	padding:20px 3.6em;
	color:#F2875B;
	font-family: "Zen Maru Gothic";
	font-weight:bold;
	font-size:25px;
}
	@media(max-width:767px) {
		#jobList > div > article > div.link > a {
			background-size:28px auto;
			font-size:22px;
			padding:15px 56px 15px 30px;
		}
	}
	@media(max-width:639px) {
		#jobList > div > article > div.link > a {
			background-size:28px auto;
			font-size:20px;
			padding:12px 50px 12px 15px;
		}
	}