@charset 'utf-8';

#mainArea .textR {
	float: right;
	text-align:right;
	margin: 0 27px 20px 200px;
}

#mainArea {
	padding: 0 25px;
}


/*ttl画像関連ここに追加
-------------------------------------------------- */
#mainArea .ttl {
	position:relative;
	}

#mainArea h3 {
	padding: 1px 0px 7px;
	margin: 0px 0 30px;
	background:none;
	border:none;
	line-height:1;
	}
	
	
/*ttl画像関連ここまで
-------------------------------------------------- */

#mainArea p {
	margin: 0px 0 20px;
}

#mainArea p.bottom5 {
	margin: 0px 27px 5px;
}

#mainArea .imgC { text-align: center;}

#mainArea .imgL {
	float: left;
	margin: 0 50px 30px 0;
}

#mainArea .imgR {
	float: right;
	margin: 0 0 20px 50px;
}



#mainArea .article p {
	line-height:195%;
}

#mainArea .article span.qtxt {
	background: transparent url(/company/interviewer/img/ico_q.png) 0 0 no-repeat;
	position: relative;
	*zoom: 1;
	font-weight: bold;
	overflow: hidden;
}



#mainArea .article span.a2txt {
	background: transparent url(/company/interviewer/img/ico_a2.png) 0 0 no-repeat;
	position: relative;
	*zoom: 1;
	overflow: hidden;
}

#mainArea .article span.a2txt.orange {
	background: transparent url(/company/interviewer/img/ico_a2_orange.png) 0 0 no-repeat;
	position: relative;
	*zoom: 1;
	overflow: hidden;
}



#mainArea .txtL span.qtxt ,
#mainArea .txtL span.a2txt {
	margin-left: -40px;
	padding-left: 40px;
	padding-top:3px;
	padding-bottom:7px;
}

#mainArea .txtL span.ln { left: 40px; }


#mainArea .txtR span.qtxt ,
#mainArea .txtR span.a2txt {
	margin-left: -40px;
	padding-left: 40px;
	left: 40px;
	padding-top:3px;
	padding-bottom:7px;
}

#mainArea .article .flow {
	width:600px;
}

#mainArea .article .flow .imgL {
	margin-left:-30px;
}

#mainArea .article .flow .imgR {
	margin-right:-30px;
}


/*interviewNavigation
-------------------------------------------------- */

#mainAreaNavigation {
	width: 625px;
	padding: 17px 0px 0px;
	margin: 0px auto;
	text-align: left;
	font-size: 100%;
	border:1px solid #cecece;
}

#mainAreaNavigation p {
	margin: 0px 32px 0px 32px;
	font-weight:bold;
}

#mainAreaNavigation ul.link {
	padding: 0px;
	margin: 0px 32px 15px;
}

#mainAreaNavigation ul.link li {
	padding: 2px 8px 5px 0px;
	margin: 0px 8px 0px 0px;
	border-right: 1px solid #ccc;
	float: left;
	line-height: 1;
	background:none;
	display:block;
}

#mainAreaNavigation li.lastChild {
	border-right: none;
}


/* arrowBox_local
-------------------------------------------------- */

#mainArea .arrowBox_local {
	margin: 10px 27px 11px 27px;
}

#mainArea .arrowBox_local .arrow_L2l {
	width: 155px;
	min-height: 37px;
	height: auto !important;
	height: 37px;
	margin: 0px;
	padding: 0px;
	background: url(/shared/img/arrow_box_030.gif) 0px 0px no-repeat;
}

#mainArea .arrowBox_local .arrow_L2l {
		width: 120px;
		padding: 10px 6px 10px 29px;
		float: left;
}

#mainArea .arrowBox_local .arrow_L2l a {
			margin: 0px;
			padding: 0px;
			text-align: left;
}

#mainArea .arrowBox_local .arrow_R2l {
	width: 155px;
	min-height: 37px;
	height: auto !important;
	height: 37px;
	margin: 0px;
	padding: 0px;
	background: url(/shared/img/next_arrow_box_020.gif) 0px 0px no-repeat;
}

#mainArea .arrowBox_local .arrow_R2l {
		width: 115px;
		padding: 10px 20px 10px 20px;
		float: right;
}

#mainArea .arrowBox_local .arrow_R2l a {
			margin: 0px;
			padding: 0px;
			text-align: right;
}


/* bnr_link
-------------------------------------------------- */

#mainArea div.BnrAreaInterview ul {
	margin: 0 auto 30px;
	width: 640px;
}

#mainArea div.BnrAreaInterview ul li {
	float:left;
	width: 300px;
	background: none;
	margin: 0;
	padding: 0;
}
#mainArea div.BnrAreaInterview ul li.right {
	float:right;
}
#mainArea div.BnrAreaInterview ul li a {
	display: block; 
}
/* no.40180143 2021.03.15 ここから修正 */

/* bnr_link
-------------------------------------------------- */
/* h3 */
#interviewArea section h3 {
	width: 100%;
	font-weight: normal;
}
#interviewArea section:not(.message) h3 {
	color: #43a8a7;
	font-size: 28px;
	position: relative;
	padding: 2px 0 0 20px;
	margin-bottom: 30px;
}
#interviewArea section:not(.message) h3::before {
  content: '';
  width: 5px;
  height: 30px;
  background: linear-gradient( #f7a5a4, #f9fbb2, #b1e0de);
  position: absolute;
  top: 0;
  left: 0;
}
#interviewArea section:not(.message) h3 span {
	font-size: 95%
}
#interviewArea .message div h3 {
	font-size: 20px;
	background: url("/company/interviewer/img/ico_message.png") no-repeat left 2px;
	border-bottom: 1px solid #f26968;
	padding: 5px 0 15px 50px;
	margin-bottom: 15px;
	box-sizing: border-box;
}
/* - - - */
#interviewArea {
	margin-bottom: 60px;
}
#interviewArea section {
	margin-top: 60px;
}
#interviewArea section p:not(.message) {
	font-size: 15px;
}
#interviewArea section:not(.message) {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#interviewArea section:not(.message) > div {
	width: 310px;
}
#interviewArea section:not(.message) > p:last-child {
	margin-bottom: 0;
}
#interviewArea .message {
	background: #fdf5f2;
	padding: 10px;
}
#interviewArea .message div {
	margin: 10px 15px 0;
}
#interviewArea .message div p {
	font-size: 14px;
}
/* no.40180143 2021.03.15 ここまで修正 */