@charset "UTF-8";
/* ******************************************************************

	--detail.css--

	1. Layout setting

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/
.detailBlock {
	padding:9px 30px 24px;
	background:#FFF url(/recruit/img/detail/bg_line01.gif) no-repeat 0 0;
}
.detailBlock .date {
	padding:0 7px 2px 0;
	text-align:right;
}
.detailBlock .date span {
	padding:0 13px;
}
.headGroup .headText {
	padding-bottom:6px;
	color:#000;
	font-size:17px;
}
.tag {
	margin-left:9px;
	font-size:13px;
}
.headGroup h3 {
	padding-bottom:9px;
	color:#E85D66;
	font-size:20px;
}
.detailBlock .detailInner {
	margin-bottom:34px;
}
.detailBlock .detailInner .blockLeft {
	float:left;
	max-width:350px;
	width:41.7%;
	margin-right:4%;
}
.detailBlock .blockLeft .favorites {
	margin-top:11px;
	max-width:345px;
}
.detailBlock .detailInner .blockRight {
	float:left;
	max-width:456px;
	width:54.3%;
	margin:-3px 0 0 0;
	line-height:1.6;
}
.detailBlock .blockInner {
	margin-bottom:60px;
}
.detailBlock .blockInner .interviewList {
	margin:15px -7px;
}
.detailBlock .blockInner .interviewList li {
	float:left;
	width:270px;
	margin:0 7px;
}
.detailBlock .blockInner .interviewList li .interviewText {
	padding-bottom:2px;
	line-height:1.65;
}
.detailBlock .blockInner .interviewLink a {
	color:#067ACB;
	text-decoration:underline;
}
.detailBlock .blockInner .interviewLink a:hover {
	text-decoration:none;
}
.detailBlock .blockInner .imageDetail01 {
	position:relative;
	z-index:10;
	float:right;
	padding:14px 0 0 13px;
	background:#FFF;
	font-size:0;
}
.detailBlock .blockInner .linkText a {
	color:#067ACB;
	text-decoration:underline;
}
.detailBlock .blockInner .linkText a:hover {
	text-decoration:none;
}
.detailBlock .detailList {
}
.detailBlock .detailList > li {
	position:relative;
	border-bottom:1px solid #D8D2C7;
	padding:9px 16px 9px 23%;
	line-height:1.7;
}
.detailBlock .detailList > li .title {
	position:absolute;
	left:0;
	color:#444;
	min-width:100px;
	padding:0 5px 0 13px;
	vertical-align:top;
	width:24%;
}
.detailBlock .detailList > li .detailInfo {
	display:block;
}
.mapImage {
	position:relative;
	width:100%;
	height:0;
	margin-top:20px;
	padding-bottom:47.61%;
}
.mapImage iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.detailBlock .blockInner:last-child {
	margin-bottom:0;
}
.detailBlock .blockLast .tableForm {
	margin:0;
}
@media screen and (max-width:1024px) {
	.detailBlock {
		padding:9px 20px 21px;
	}
	.detailBlock .blockInner .interviewList {
		margin:15px -1%;
	}
	.detailBlock .blockInner .interviewList li {
		float:left;
		width:31.33%;
		margin:0 1%;
	}
	.detailBlock .blockInner .interviewList li img {
		width:100%;
		height:auto;
	}
}
@media screen and (max-width:736px) {
	.detailBlock {
		padding:9px 10px 20px;
		background:#FFF;
	}
	.detailBlock .date {
		padding:0 7px 2px 0;
		font-size:12px;
		text-align:left;
	}
	.headGroup .headText {
		padding-bottom:6px;
		color:#000;
		font-size:15px;
	}
	.tag {
		font-size:12px;
	}
	.detailBlock .blockInner {
		margin-bottom:25px;
	}
	.detailBlock .detailInner .blockLeft {
		float:none;
		max-width:100%;
		width:100%;
		margin:0 0 15px 0;
	}
	.detailBlock .detailInner .blockLeft .imageDetail img {
		width:100%;
		height:auto;
	}
	.detailBlock .detailInner .blockRight {
		float:none;
		max-width:100%;
		width:100%;
		margin:0;
		font-size:15px;
	}
	.detailBlock .detailInner .blockRight p {
		margin:0 6px;
	}
	.detailBlock .blockLeft .favorites {
		max-width:100%;
		margin-top:7px;
	}
	.favorites a {
		padding:20px 10px;
		font-size:20px;
	}
	.favorites a span {
		padding-left:23px;
		-webkit-background-size:16px auto;
		background-size:16px auto;
	}
	.detailBlock .blockInner .interviewList {
		margin:20px 0;
	}
	.detailBlock .blockInner .interviewList li {
		float:none;
		width:100%;
		margin:0 0 20px;
		font-size:15px;
	}
	.detailBlock .blockInner .imageDetail01 {
		float:none;
		border-bottom:1px solid #D8D2C7;
		padding:20px 0;
		text-align:center;
	}
	.detailBlock .blockInner .imageDetail01 img {
		max-width:300px;
		height:auto;
	}
	.detailBlock .detailList > li {
		padding:5px 5px 15px;
	}
	.detailBlock .detailList > li .title {
		position:static;
		width:100%;
		padding:10px 0 6px;
		font-size:12px;
		font-weight:bold;
	}
}