@charset "utf-8";

#contents h2 {
	padding: 13px 20px;
	background-color: #444444;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
}
.g_detail #contents h2 span {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	padding: 1px 1em 0;
	margin-left: 1em;
	background-color: #fff;
	color: #444;
	vertical-align: middle;
}
#contents .outer {
	padding: 0 30px;
}
#contents .outer .desc {
	padding: 10px 0;
}
#contents h3 {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	padding: 5px 20px 5px;
	background-color: #209e55;
}
#index #contents section {
	border: 1px solid #dddddd;
	border-top: none;
	padding: 20px 19px;
	margin-bottom: 30px;
}
#index #contents section.topBanner {
	border: none;
}
@media only screen and (max-width: 960px) { /* for desktop */
	#contents h2 {
		font-size: 16px;
	}
	.g_detail #contents h2 span {
		font-size: 12px;
	}
	#contents .outer {
		padding: 0 20px;
	}
	#contents h3 {
		font-size: 16px;
		padding: 5px 10px;
	}
	#index #contents section {
		padding: 0;
		border: 1px solid #dddddd;
		border-top: none;
	}
}
#contents section dl {
	zoom: 1;
	border-top: 1px solid #dddddd;
}
#contents section dl:after {
	content:"";
	display:block;
	height:0.1px;
	clear:both;
	visibility:hidden;
}
#contents section dl:first-child {
	border: none;
}
#contents section dl dt {
	font-size: 13px;
	font-weight: 700;
	float: left;
	width: 121px;
	padding: 28px 19px;
}
#contents section dl.noDt dt {
	display: none;
}
#contents section dl dd {
	float: left;
	width: 641px;
	padding: 28px 19px;
	border-left: 1px solid #dddddd;
}
#contents section dl.noDt dd {
	border: none;
}
#contents section dl dd li {
	margin-top: 20px;
}
#contents section dl dd li:first-child {
	margin-top: 0px;
}
#contents section dl dd li a {
	font-size: 13px;
	background-image: url(../../common_old/img/icon/arrow_01.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left: 19px;
}
#contents section dl dd li a span {
	font-weight: 13px;
	display: inline-block;
	padding: 0 5px;
	color: #fff;
	line-height: 18px;
}
#contents section dl dd li a span.new {
	background-color: #d13c3c;
}
#contents section dl dd li a span.renew {
	background-color: #ffa60b;
}
@media only screen and (max-width: 960px) { /* for desktop */
	#contents section dl {
		border: none;
		margin-bottom: -1px;
	}
	#contents section dl:last-child {
		margin-bottom: -1px;
	}
	#contents section dl dt {
		font-size: 14px;
		background-color: #edf6f1;
		float: inherit;
		width: auto;
		border: 1px solid #dce7ee;
		background-color: #edf6f1;
		padding: 14px 10px;
		margin: 0 -1px;
		position: relative;
	}
	#contents section dl dt:after {
		content:"";
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -11px;
		width: 22px;
		height: 22px;
		background-image: url(../../common_old/img/icon/icon_minus.png);
		background-size: 22px 22px;
		background-repeat:no-repeat;
		background-position:0 0;
	}
	#contents section dl.close dt:after {
		background-image: url(../../common_old/img/icon/icon_plus.png);
	}
	#contents section dl.open dt:after {
		background-image: url(../../common_old/img/icon/icon_minus.png);
	}
	#contents section dl dd {
		float: inherit;
		width: auto;
		border: none;
		padding: 0;
		overflow: hidden;
	}
	#contents section dl dd li {
		margin: 0;
		border-top: 1px solid #dddddd;
	}
	#contents section dl dd li:first-child {
		border: none;
	}
	#contents section dl dd li a {
		padding: 12px 26px 12px 10px;
		background: none;
		position: relative;
		display: block;
	}
	#contents section dl dd li a:hover {
		text-decoration: none;
	}
	#contents section dl dd li a:after {
		content:"";
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -5px;
		width: 6px;
		height: 10px;
		background-image: url(../../common_old/img/icon/arrow_01.png);
		background-size: 6px 10px;
		background-repeat:no-repeat;
		background-position:0 0;
	}
}
/* localNav
============================================================ */
#contents #localNav .outer {
	padding: 0;
}
#contents #localNav .outer > li {
	float: left;
	width: 188px;
	text-align: center;
	padding: 10px 0 0;
	font-size: 13px;
	font-weight: 700;
	background-color: #eee;
	position: relative;
}
#contents #localNav .outer > li:hover {
	color: #fff;
	background-color: #888888;
}
#contents #localNav .outer > li span {
	display: block;

	width: 187px;
	border-right: 1px solid #d2d2d2;
	padding-bottom: 16px;
	background-image: url(../../common_old/img/icon/arrow_d_01.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	line-height: 1;
	margin-bottom: 10px;
}
#contents #localNav .outer > li > a {
	color: #444;
}
#contents #localNav .outer > li > a:hover {
	color: #fff;
	text-decoration: none;
}
#contents #localNav .outer > li:hover span {
	border-color: #888;
}
#contents #localNav .outer > li.lastChild span {
	width: 188px;
	border-right: 0;
}
#contents #localNav .outer .inner {
	position: absolute;
	top: 49px;
	left: 0;
	padding: 0 15px;
	width: 156px;
	background-color: #FFF;
	border: 1px solid #fff;
	z-index: 1;
	height: 0;
	overflow: hidden;
	-webkit-transition: 0.3s ease-in-out;  
	 -moz-transition: 0.3s ease-in-out;  
		 -o-transition: 0.3s ease-in-out;  
				transition: 0.3s ease-in-out;
}
#contents #localNav .outer li:hover .inner {
	border: 1px solid #d2d2d2;
	border-top: none;
}
#contents #localNav .outer li:hover .inner.num1 { height: 39px; }
#contents #localNav .outer li:hover .inner.num2 { height: 78px; }
#contents #localNav .outer li:hover .inner.num3 { height: 117px; }
#contents #localNav .outer li:hover .inner.num4 { height: 156px; }
#contents #localNav .outer li:hover .inner.num5 { height: 195px; }
#contents #localNav .outer .inner li {
	border-top: 1px solid #d2d2d2;
}
#contents #localNav .outer .inner li:first-child {
	border: none;
}
#contents #localNav .outer .inner li a {
	display: block;
	width: 100%;
	text-align: left;
	padding: 13px 0;
	line-height: 1;
	background-image: url(../../common_old/img/icon/arrow_d_02.png);
	background-repeat: no-repeat;
	background-position: center right;
}
#contents #localNav .outer .inner li a:hover {
	text-decoration: none;
	color: #209e55;
	background-image: url(../../common_old/img/icon/arrow_d_02_on.png);
}
/* banner
============================================================ */
#contents .topBanner {
	text-align: center;
	border: none;
}
#contents .topBanner a img {
	width: 360px
}
@media only screen and (max-width: 400px) { /* for desktop */
	#contents .topBanner a img {
		width: 280px;
	}
}
#contents .bottomBanner {
	text-align: center;
}
#contents .bottomBanner li {
	display: inline-block;
	margin-left: 30px;
}
#contents .bottomBanner li:first-child {
	margin-left: 0;
}
#contents .bottomBanner li img {
	width: 320px;
}
@media only screen and (max-width: 960px) { /* for desktop */
	#contents .bottomBanner li {
		display: block;
		margin: 15px 0;
	}
	#contents .bottomBanner li img {
		width: 280px;
	}
}

/* detail
============================================================ */

.g_detail #contents .outer {
	padding: 30px;
}
.g_detail #contents .jobTitle {
	border: 1px solid #ddd;
	border-top: solid 3px #209e55;
	padding: 26px 19px 30px;
}
.g_detail #contents .jobTitle h3 {
	font-size: 20px;
	font-weight: 700;
	color: #444;
	background-color: #fff;
	padding: 0 0 10px;
}
.g_detail #contents .jobTitle a {
	color: #209e55;
	text-align: left;
	font-size: 14px;
}
.g_detail #contents .jobTitle .date {
	text-align: right;
	font-size: 12px;
	float: right;
	padding: 1px;
	color: #999999;
}
.g_detail #contents .jobTitle .date span + span {
	margin-left: 1em;
}
@media only screen and (max-width: 400px) {
	.g_detail #contents .jobTitle h3 {
		font-size: 16px;
	}
	.g_detail #contents .outer {
		padding: 15px 20px;
	}
	.g_detail #contents .jobTitle {
		padding: 15px 9px;
	}
	.g_detail #contents .jobTitle .date span {
		display: block;
	}
}
.g_detail section {
	margin-top: 30px;
}
.g_detail section h3 {
	font-size: 16px;
	padding: 5px 20px;
}
.g_detail section table {
	border: 1px solid #ddd;
	font-size: 14px;
	width: 100%;
	table-layout: fixed;
}
.g_detail section table th {
	padding: 28px 19px;
	font-weight: 700;
	width: 16%;
	vertical-align: top;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	font-size: 14px;
}
.g_detail section table td {
	padding: 28px 19px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-size: 14px;
}
.g_detail section table tr:first-child th,
.g_detail section table tr:first-child td {
	border-top: none;
}
@media only screen and (max-width: 960px) {
	.g_detail section h3 {
		padding: 5px 10px;
	}
	.g_detail section h3,
	.g_detail section table th,
	.g_detail section table td {
		font-size:14px;
	}
	.g_detail section table tr th,
	.g_detail section table tr td {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		display: block;
		width: 100%;
		padding: 5px 9px;
	}
	.g_detail section table tr td {
		border-left: none;
	}
	.g_detail section table tr:first-child td {
		border-top: 1px solid #ddd;
	}
}
/* bottomBtn
====================================== */
.g_detail .bottomBtn {
	margin-top: 30px;
	text-align: center;
}
.g_detail .bottomBtn a {
	display: inline-block;
	margin: 0 auto 20px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	position: relative;
}
.g_detail .bottomBtn a.subBtn {
	padding: 15px 60px;
	font-size: 20px;
	background-color: #ffa70d;
}
.g_detail .bottomBtn a.subBtn:hover {
	background-color: #ffca6e;
	text-decoration: none;
}
.g_detail .bottomBtn a.subBtn:after {
	content:"";
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -6px;
	width: 8px;
	height: 12px;
	background-image: url(../../common_old/img/icon/arrow_02_r.png);
	background-size: 8px 12px;
	background-repeat:no-repeat;
	background-position:0 0;
}
.g_detail .bottomBtn a.backBtn {
	padding: 12px 60px;
	font-size: 16px;
	background-color: #444444;
}
.g_detail .bottomBtn a.backBtn:hover {
	background-color: #8a8a8a;
	text-decoration: none;
}
.g_detail .bottomBtn a.backBtn:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -6px;
	width: 8px;
	height: 12px;
	background-image: url(../../common_old/img/icon/arrow_02_l.png);
	background-size: 8px 12px;
	background-repeat:no-repeat;
	background-position:0 0;
}
#main {
	position: relative;
}
.g_detail .bottomBtn.top.pcElement {
	position: absolute;
	top: 23px;
	left: 50%;
	margin: 0 0 0 -480px;
	display: block;
	width: 960px;
	text-align: right;
}
.g_detail .bottomBtn.top.pcElement a {
	font-size: 18px;
	padding: 15px 40px 15px 30px;
	z-index: 1;
}
@media only screen and (max-width: 960px) {
	.g_detail .bottomBtn.top {
		margin: 15px 20px;
	}
	.g_detail .bottomBtn.footer {
		position: fixed;
		bottom: -100px;
		left: 0;
		width: 100%;
		background-color: rgba(0,0,0,0.8);
		-webkit-transition: .40s ease-in; 
		 -moz-transition: .40s ease-in; 
			 -o-transition: .40s ease-in; 
					transition: .40s ease-in;
	}
	.g_detail .bottomBtn.footer.active {
		bottom: 0;
	}
	.g_detail .bottomBtn.footer a {
		margin: 10px 20px;
		display: block;
	}
}
@media only screen and (max-width: 400px) {
	.g_detail .bottomBtn a {
		padding: 20px;
		display: block;
	}
	.g_detail .bottomBtn a.subBtn {
		font-size: 16px;
		padding: 15px 18px;
	}
	.g_detail .bottomBtn a.backBtn {
		font-size: 14px;
		padding: 15px;
	}
	.g_detail .bottomBtn a.subBtn:after {
		display: none;
	}
	.g_detail .bottomBtn a.backBtn:after {
		display: none;
	}
	.g_detail .bottomBtn a span {
		display: inline-block;
	}
	.g_detail .bottomBtn a.subBtn span{
		padding-right: 20px;
		background-image: url(../../common_old/img/icon/arrow_02_r.png );
		background-size: 8px 12px;
	background-repeat:no-repeat;
	background-position: right center;
	}
	.g_detail .bottomBtn a.backBtn span {
		padding-left: 20px;
		background-image: url(../../common_old/img/icon/arrow_02_l.png );
		background-size: 8px 12px;
		background-repeat:no-repeat;
		background-position: left center;
	}
	.g_detail footer {
		margin-bottom: 70px;
	}
}
#soudan .jobTitle h3 {
	text-align: center;
}
#soudan .jobTitle p {
	margin-top: 24px;
}
#soudan .jobTitle p,
#soudan .jobTitle li {
	font-size: 14px;
}
#soudan .jobTitle .indent {
	margin-top: 0;
	padding-left: 1em;
	text-indent: -1em;
}
#soudan .jobTitle .consul_type {
	margin-top: 20px;
}
#soudan .jobTitle .consul_type div {
	width: 400px;
}
#soudan .jobTitle .consul_type .leftBox {
	float: left;
}
#soudan .jobTitle .consul_type .rightBox {
	float: right;
}
#soudan .jobTitle .consul_type div p {
	margin-top: 0;
}
#soudan .jobTitle .consul_type div p:first-child {
	margin-bottom: 8px;
}
#soudan .jobTitle .consul_type div img {
	width: 100%;
	height: auto;
}
@media only screen and (max-width: 960px) {
	#soudan .jobTitle h3 {
		text-align: left;
	}
	#soudan .jobTitle .consul_type div {
		width: 47.73%;
	}
}
@media only screen and (max-width: 480px) {
	#soudan .jobTitle .consul_type div {
		width: 100%;
	}
	#soudan .jobTitle .consul_type .leftBox,
	#soudan .jobTitle .consul_type .rightBox {
		float: none;
	}
	#soudan .jobTitle .consul_type .rightBox {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 400px) {
	#soudan .jobTitle h3 {
		text-align: left;
	}
	#soudan .jobTitle p {
		margin-top: 15px;
	}
	#soudan .jobTitle p,
	#soudan .jobTitle li {
		font-size: 14px;
	}
}
#contents .fInfo .fz {
	font-size: 16px;
}
#contents .fInfo .fz + .fz {
	margin-left: 0.5em;
}
#contents .fInfo a {
	display: inline-block;
	padding-left: 16px;
	background-image:url(../../common_old/img/icon/arrow_01.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #209e55;
	vertical-align: middle;
	margin-left: 24px;
}
@media only screen and (max-width: 960px) {
	#contents .fInfo a {
		display: block;
		margin-left: 0px;
	}
}
@media only screen and (max-width: 400px) {
	#contents .fInfo .fz {
		display: block;
	}
	#contents .fInfo .fz + .fz {
		margin-left: 0;
	}
	#contents .fInfo a {
		display: block;
		margin-left: 0px;
	}
	.g_detail section table.fInfo tr th,
	.g_detail section table.fInfo tr td {
		display: table-cell;
	}
	.g_detail section table.fInfo tr th {
		width: 70px;
		padding-right: 0;
		border-right: 1px solid #ddd;
	}
}