@charset "UTF-8";

/*****************************************
	intv.css
	インタビューページで共通使用
******************************************/

/*******************************
	KV
*******************************/
#secInterview.secInterview {
	margin-top: 30px;
}
.secInterview .figure > div:nth-child(1) {
	width: 500px;
}
.secInterview .figure > div:nth-child(2) {
	max-width: 50%;
	padding: 40px 5px 30px 20px;
}
.secInterview .figure > div {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.secInterview #intv01 .figure > div.exec01 {
	background-image: url(../interview01/img/kv_exec01_pc.jpg);
}
.secInterview #intv02 .figure > div.exec02 {
	background-image: url(../interview02/img/kv_exec02_pc.jpg);
}
.secInterview #intv03 .figure > div.exec03 {
	background-image: url(../interview03/img/kv_exec03_pc.jpg);
}
.secInterview .figure h3 {
	font-size: 39px;
	font-weight: normal;
	line-height: 1.4;
	/*word-break: keep-all;*/
	overflow-wrap: break-word;
	word-wrap:break-word;
	margin-bottom: 40px;
}
.secInterview .figure h3 span {
	display: block;
}
/*******************************
	インタビュー本文
*******************************/
.secInterview .txt h4 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 0.3em;
	display: inline-block;
}
/****** 前職 ******/
.secFormerjob {
	margin: 40px 20px 30px;
}
.secFormerjob h4,
.secFormerjob h5,
.secSteps h4 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 0.3em;
}
.secFormerjob h4,
.secSteps h4 {
	color: #009c88;
	padding-bottom: 30px;
}
.secFormerjob div.txt {
	border: 2px solid #009c88;
	border-width: 2px 0;
	padding: 15px 20px 20px;
	box-sizing: border-box;
}
.secFormerjob.col2 > div {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 40px);
	margin-right: 40px;
}
.secFormerjob.col2 > div:last-child{
	margin-right: 0;
}
.secInterview #intv02 .secFormerjob.col2 > div.txt p {
	min-height: 7.2em;
}
.secInterview .txt.phoR img {
	float: right;
	margin: 10px 0 5px 30px;
}
.secInterview .txt.phoL img {
	float: left;
	margin: 8px 30px 5px 0;
}
.secInterview .contentBtn {
	margin-top: 50px;
}

/****** 入社から現在まで ******/
.secSteps {
	margin: 60px auto;
}
.secSteps ul {
	text-align: center;
	font-size: 0;
}
.secSteps li {
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 150px) / 4);
	margin-right: 50px;
	padding: 10px;
	border: 4px solid #009c88;
	box-sizing: border-box;
	position: relative;
}
.secSteps li:after {
	content: url(../img/icn_arrow.png);
	position: absolute;
	right: -45px;
	top: 50%; margin-top: -14px;
	display: block;
	width: 31px;
	height: 28px;
}
.secSteps li:last-child { margin-right: 0; }
.secSteps li:last-child:after { content: none; }
.secSteps li em {
	font-weight: bold;
	line-height: 1.5;
	min-height: 3em;
	display: inline-block;
}
.secSteps li em span { display: inline-block; }
.secSteps li p {
	font-size: 14px;
	line-height: 1.8;
	text-align: left;
	margin-top: 5px;
	min-height: 7.2em;
}
/* 3人目のみ */
#intv03 .secSteps li {
	width: calc((100% - 100px) / 3);
}
#intv03 .secSteps li em {
	min-height: initial; min-height: auto;
}
#intv03 .secSteps li p {
	min-height: 5.4em;
}

/****** 支店長インタビュー リンク ******/
#secIntvExec {
	padding-bottom: 20px;
}

/****** ページ下部 ******/
.btnBox {
	margin: 40px auto 100px;
}
.btnBox .contentBtn {
	max-width: 470px;
	margin: 0 auto;
}
.pagetopWrap img {
	/*bottom: 15px;*/
}

/*************************************/
@media screen and (max-width: 1030px) {
	.secInterview .figure h3 span {
		display: inline-block;
	}
}
@media screen and (max-width: 900px) and (min-width: 741px) {
	.secInterview .figure h3 {
		font-size: 36px;
	}
	.secInterview #intv02 .secFormerjob.col2 > div.txt p {
		min-height: 9em;
	}
	.secSteps li,
	#intv03 .secSteps li {
		width: calc((100% - 100px) / 2);
	}
	.secSteps li:nth-child(-n+2) {
		margin-bottom: 30px;
	}
	.secSteps li:last-child {
		 margin-right: 50px;
	}
	/* 3人目のみ */
}
@media screen and (max-width: 900px) {
	.secSteps li em,
	.secSteps li p,
	#intv03 .secSteps li p {
		min-height: initial; min-height: auto;
	}
}
/*************************************/
@media screen and (max-width: 740px) {
	#secInterview.secInterview {
		margin-top: 0;
		padding-bottom: 40px;
	}
	.secInterview .inner,
	.btnBox {
		padding: 0 15px;
	}
	.secInterview .figure > div:nth-child(1) {
		width: 100%; height: auto;
		padding-top: 57%;
	}
	.secInterview #intv01 .figure > div.exec01 {
		background-image: url(../interview01/img/kv_exec01_sp.jpg);
	}
	.secInterview #intv02 .figure > div.exec02 {
		background-image: url(../interview02/img/kv_exec02_sp.jpg);
	}
	.secInterview #intv03 .figure > div.exec03 {
		background-image: url(../interview03/img/kv_exec03_sp.jpg);
	}
	.secInterview .figure > div:nth-child(2) {
		width: 100%; max-width: 100%;
		max-width: initial; max-width: auto;
		padding: 25px 10px 25px 20px;
	}
	.secInterview .figure h3 {
		font-size: 30px;
		margin-bottom: 0.3em;
	}
	.secInterview .figure p {
		font-size: 18px;
	}
	.secInterview .txt {
		padding-left: 0;
		padding-right: 0;
	}
	.secInterview .txt h4 {
		text-align: center;
		display: block;
	}
	.secInterview .txt.phoR img,
	.secInterview .txt.phoL img {
		float: none;
		width: 100%;
		margin: 10px 0 20px;
	}
	.secInterview .txt p {
		font-size: 14px;
	}
	.secInterview #intv02 .secFormerjob.col2 > div.txt p {
		min-height: initial; min-height: auto;
	}
	.secInterview .contentBtn {
		width: 100%;
		margin-top: 30px;
	}
	/****** 前職 ******/
	.secFormerjob {
		margin: 40px 0 30px;
	}
	.secFormerjob div.txt {
		padding: 20px 8px;
		margin-bottom: 25px;
	}
	.secFormerjob h4,
	.secSteps h4 {
		padding-bottom: 20px;
	}
	.secFormerjob.col2 > div {
		width: 100%;
		margin-right: 0;
	}
	/****** 入社から現在まで ******/
	.secSteps li,
	#intv03 .secSteps li {
		font-size: 18px;
		display: block;
		width: 100%;
		margin: 0 0 50px 0;
	}
	.secSteps li:after {
		right: 50%;
		top: initial; top: auto;
		bottom: -45px;
		margin-top: 0;
		margin-right: -15px;
		transform: rotate(90deg);
	}

	/****** ページ下部 ******/
	/*.pagetopWrap img {
		bottom: 70px;
	}*/
	/*************************************/
	@media screen and (max-width: 480px) {
		.secInterview .figure {
			margin-bottom: 20px;
		}
		.secInterview .txt h4 {
			line-height: 1.6;
		}
		.secInterview .figure > div:nth-child(2) {
			padding: 15px 10px 15px 15px;
		}
		.secInterview .figure h3 {
			font-size: 24px;
		}
		.secInterview .figure p {
			font-size: 16px;
		}
		.secFormerjob div.txt {
			padding: 15px 8px;
		}
	}

	@media screen and (max-width: 360px) {
		.secInterview .figure > div:nth-child(2) {
			padding: 10px 10px 10px 15px;
		}
		.secInterview .figure h3 {
			font-size: 21px;
		}
		.secInterview .figure p {
			font-size: 14px;
		}
	}

}
/*-----------------------------*/
.contentBtn a {
    background: #0aad8a url(/jobfind-pc/original/images/icon_btn_arrow_pc.png) no-repeat center right 11px;
    background-size: 8px 15px;
}
.tbox .contentBtn a {
    background: #fdca31 url(/jobfind-pc/original/images/icon2_btn_arrow_pc.png) no-repeat center right 11px;
    background-size: 9px 15px;
}