@charset "utf-8";
#careers #mainColumnInnerBottom img{
	width: 100%;
}

#careers #mainColumnInnerBottom a{
	display: block;
}

#careers #mainColumnInnerBottom p{
	margin-bottom: 0;
}

/* タイトル
-------------------------------- */
.image_title.careers{
	width: 202px;
	padding-left: 11px;
}
.image_title{
	padding: 0;
	margin: 0;
}
.image_title.company{ width: 255px; }
.image_title.career1{ width: 305px; }
.image_title.career2{ width: 194px; }
.image_title.contact{ width: 260px; }


.career_lead{
	padding: 0 10px;
}

.career_contents{
	padding: 0 18px;
	margin-top: 68px;
}

.career_contents .com_text{
	margin-top: 25px;
}

/* 会社紹介動画
-------------------------------- */
.company_movie iframe{
	width: 100%;
	margin-top: 25px;
}

/* 新卒採用
-------------------------------- */
.career1{
	margin-top: 70px;
}
.career1 .rikunabi{
	width: 280px;
	margin-top: 25px;
}

/* 中途採用
-------------------------------- */
.career2{
	margin-top: 70px;
}
.career2 .bosyu_list{
	margin-top: 30px;
}

.career2 .bosyu_list li .list_title{
	background-color: rgba(30, 134, 198, 0.2);
	padding: 15px 15px;
	border-bottom: none;
	color: #333;
	margin: 0;
	font-size: 13px;
	font-weight: normal;
}

.career2 .bosyu_list > li:nth-child(n + 2){
	margin-top: 50px;
} 

.career2 .bosyu_list li .detail_list li{
	display: flex;
	border-bottom: 1px dotted #1e86c6;
}

.career2 .bosyu_list li .detail_list li .title{
	width: 123px;
	flex-shrink: 0;
	height: auto;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
}

.career2 .bosyu_list li > .detail_list li .content{
	padding: 19px 15px 19px 30px;
	line-height: 2;
}

.career2 .bosyu_list li > .detail_list li .content .gyoumu{
	display: flex;
}

.career2 .bosyu_list li > .detail_list li .content .gyoumu span{
	display: block;
	flex-shrink: 0;
}

/* お問い合わせ先
-------------------------------- */
.contact{
	margin-top: 70px;
}
.contact .text{
	margin-top: 25px;
}
#careers #mainColumnInnerBottom .contact .text a{
	display: inline;
	color: #333;
	text-decoration: none;
}


/* 社員対談
-------------------------------- */
.career_contents.discussion{
	margin-top: 35px;
}
/* 一覧 */
.discussion_list{
	display: flex;
	gap: 20px;
	margin-bottom: 30px;
}

.discussion_list .text{
	margin-top: 25px;
	color: #008cb4;
}

/* 詳細 */
.career_contents.discussion.detail{
	padding-bottom: 40px;
}
.career_contents.discussion .profile{
	display: flex;
	align-items: flex-end;
}

.career_contents.discussion .profile h2{
	font-size: 18px;
	letter-spacing: 0.07em;
	margin-bottom: 0;
	padding: 0 0 0 50px;
}

.career_contents.discussion .profile h2 span{
	display: block;
	font-size: 14px;
	letter-spacing: 0;
	text-indent: -8px;
	margin-top: 2px;
}

#careers #mainColumnInnerBottom .career_contents.discussion .profile img{
	width: 360px;
}
.discussion_detail_list{
	margin-top: 50px;
	
}

.discussion_detail_list li:nth-child(n + 2){
	margin-top: 45px;
}

.discussion_detail_list li .title{
	background-color: rgba(30, 134, 198, 0.2);
	color: #333;
	padding: 15px 25px;
	border-bottom: none;
	font-size: 13px;
	font-weight: normal;
}

.discussion_detail_list li .textarea{
	margin-top: 22px;
}

.discussion_detail_list li .textarea p{
	display: flex;
	line-height: 2;
}

.discussion_detail_list li .textarea p span{
	display: block;
	width: 30px;
	position: relative;
	flex-shrink: 0;
}

.discussion_detail_list li .textarea span:after{
	content: '：';
	position: absolute;
	top: 0;
	right: 3px;
}

.career_contents.discussion .back_btn{
	width: 97px;
	margin: 50px auto 0;
}