@charset "UTF-8";

/*--------------------------------------------------------------------
employment.html
employment.css
--------------------------------------------------------------------*/

/*------------HNav------------*/
div#InHeader div#HNav ul li:nth-child(6) a { color: #c30d23; }

/*------------Title------------------------*/
div#Title { background-image: url(../../img/title/employment.jpg); }

/*------------InBox------------------------*/
div.InBox h2 { color: #bf821b; }
div.InBox h2 span { background: url(../../img/parts/title_icon02.png) no-repeat left center; }


/*------------employment------------------------*/
div#employment dl dt {
	margin-bottom: 40px;
	text-align: center;
	line-height: 1.2;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, Arial, Roboto, Verdana, "Droid Sans",  sans-serif;
	font-size: 2.25rem;
	font-weight: bold;
}
div#employment dl dd {
	line-height: 2;
	text-align: center;
}
div#employment table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #b5b5b6;
}
div#employment table tr th,
div#employment table tr td {
	width: auto;
	padding: 20px 30px;
	border-bottom: 1px solid #b5b5b6;
	text-align: left;
	vertical-align: top;
	font-size: 1rem;
}
div#employment table tr th { width: 23.5%; }
div#employment table tr th span {
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, Arial, Roboto, Verdana, "Droid Sans",  sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
}
div#employment table tr td { background-color: #f0ebc8; }
div#employment table tr td ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#employment table tr td ul.List01 li {
	padding-left: 1.3em;
	text-indent: -1.3em;
	line-height: 2;
}
div#employment table tr td ul.List01 li:before {
	padding-right: 0.3em;
	content: "\0030fb";
}
div#employment table tr td ul.List02 li { float: left; }
div#employment table tr td ul.List02 li:after { content: "\003001"; }
div#employment table tr td ul.List02 li:nth-last-of-type(1):after { content: ""; }
div#employment table table {
	width: auto;
	border: 0 none;
}
div#employment table table tr th,
div#employment table table tr td {
	width: auto;
	border: 0 none;
	padding: 0;
	line-height: 2;
}
div#employment table table tr th { width: 5.5em; }


/*------------entry------------------------*/
div#entry strong{ color: #c30d23; }
div#entry table {
	width: 100%;
	border-collapse: collapse;
}
div#entry table tr th,
div#entry table tr td {
	width: auto;
	padding: 20px 0;
	text-align: left;
	vertical-align: top;
	font-size: 1rem;
}
div#entry table tr th { width: 24.5%; }
div#entry table tr th span {
	display: inline-block;
	float: right;
}
div#entry table tr th ul {
	list-style: none;
	margin-left: 1em;
}
div#entry table tr th ul li {
	padding-left: 1.3em;
	text-indent: -1.3em;
	line-height: 2;
}
div#entry table tr th ul li:before {
	padding-right: 0.3em;
	content: "\0030fb";
}
div#entry table tr td { padding-left: 20px; }
div#entry table tr td ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#entry table tr td ul li {
	float: left;
	margin-right: 5em;
}
div#entry table tr td ul li:nth-last-of-type(1) { margin-right: 0; }
div#entry table tr td .Inp01 {
	width: 100%;
	height: 8.5em;
}
div#entry table tr td .Inp02 {
	width: 100%;
	height: 3.5em;
}
div#entry table tr td input[type="text"],
div#entry table tr td input[type="tel"],
div#entry table tr td input[type="email"],
div#entry table tr td textarea {
	padding: 0.4em;
	transition: 0.3s;
	background-color: #f5f5da;
	border: 0 none;
	outline: none;
}
div#entry table tr td input[type="text"]:focus,
div#entry table tr td input[type="tel"]:focus,
div#entry table tr td input[type="email"]:focus,
div#entry table tr td textarea:focus { border: 1px solid #ff6900; }
div#entry table tr td textarea { height: 330px; }
div#entry div#SubmitBtn {
	margin: 20px auto 0;
	text-align: center;
}
div#entry div#SubmitBtn input {
	width: 250px;
	padding: 1em 2em;
	background-color: #bf821b;
	border: 0 none;
	outline: none;
	cursor: pointer;
	line-height: 1;
	font-size: 1rem;
	color: #fff;
}
div#entry div#SubmitBtn input:hover { background-color: #c30d23; }
div#entry div#SubmitBtn a {
	display: inline-block;
	width: 250px;
	margin-top: 1px;
	margin-left: 3em;
	padding: 1.1em 2em 1em;
	background-color: #c9caca;
	border: 0 none;
	outline: none;
	cursor: pointer;
	line-height: 1;
	font-size: 1rem;
	color: #fff;
}
div#entry div#SubmitBtn a:hover {
	text-decoration: none;
	background-color: #9fa0a0;
}