/*====================
interview
====================*/



.interviewMain{
	background-color: #fff;
	position: relative;
	height: 460px;
}

.interviewMainBg{
	width: 70%;
	right:0;
	top: 0;
	background: url(../../shared/img/interview/181022/top_interveiw.jpg) right;
	background-size: cover;
	position: absolute;
	height: 460px;
}

.interviewMain .inner{
	margin: 0 auto;
	position: absolute;
	left: 5%;
	top: 10%;
}

.thinkTxt{ padding: 3% 10%; background-color: #fff;}
.thinkTxt p{font-size: 16px; line-height: 1.8em;}

.interviewMain h2{ font-size: 11px; padding-bottom: 1em;}
.interviewMain h3{ font-size: 40px; padding-bottom: 0.6em; letter-spacing: 1px;}
.interviewMain h4{ font-size: 13px; border-bottom: solid 2px #1e6b95; display: inline-block;  margin-bottom: 1em;}
.interviewMain p.nameKana{ font-size: 11px; padding-bottom: 0em;}
.interviewMain p.name{ font-size: 33px; padding-bottom: 0.1em;}
.interviewMain p.name span{ font-size: 17px;}
.interviewMain p.prof{ font-size: 12px; padding-bottom: 2em;}
.interviewMain p.more{ font-size: 14px; display: inline-block; background-color: #1e6b95; padding: 10px; color: #fff;}

.interviewMain a{
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 100;
	left: 0;
	top: 0;
}

.interviewMain a:hover{
	background-color: #fff;opacity: 0.4;
}

@media only screen and (max-width: 688px) {
	.thinkTxt{ padding: 3%; background-color: #fff;}
	.thinkTxt p{font-size: 14px; line-height: 1.8em;}
	.interviewMain{ height: auto;}
	.interviewMainBg{ position: inherit; top:auto; left: auto; width: 100%; height: 260px; background-image: url(../../shared/img/interview/181022/top_interveiw_sp.jpg);
	background-position: center;;}
	
	.interviewMain .inner{ position: inherit; top:auto; left: auto; padding: 5%;}
	.interviewMain h3{ font-size: 34px;}
}/*688px*/


.profile{
	background-color: #e5e5e5;
	padding: 20px 0;
}

.profile .inner{
	margin: 0 auto;
	max-width: 960px;
	clear: both;
	display: table;
}

.profile .inner:after{
	display: block;
	content: "";
	clear: both;
}

.profile h3{
	display: table-cell;
	width: 12%;
	vertical-align: middle;
	font-size: 12px;
	text-align: left;
}
.profile .profBoxleft{
	display: table-cell;
	width: 44%;
	vertical-align: top;
}
.profile .profBoxright{
	display: table-cell;
	width: 44%;
	vertical-align: top;
}

.profile .profBoxleft,
.profile .profBoxright{}

.profile .profBoxleft li{
	padding-bottom: 30px;
	clear: both;
	width: 100%;
}
.profile .profBoxleft li span,
.profile .profBoxright li span {
	box-sizing: border-box;
	display: inline-block;
	float: left;
	text-align: center;
	width: 22%;
	font-size: 12px;
	background-color: #fff;
	margin-right: 3%;
}
.profile .profBoxleft li p,
.profile .profBoxright li p{
	width: 75%;
	box-sizing: border-box;
	float: left;
	font-size: 12px;
	text-align: left;
}

.profile .profBoxright b{
	font-weight: bold;
}

.profile .profBoxright a{
	text-decoration: underline;
}


@media only screen and (max-width: 688px) {
	.profile{
		padding: 20px 3%;
		display: block;
	}
	.profile .inner{
		display: block;
		width: 100%;
	}
	.profile h3,
	.profile .profBoxleft,
	.profile .profBoxright{
		display: block;
		width: 100%;
	}
	
	.profile h3{
		text-align: center;
		padding-bottom: 15px;
	}
	
	.profile .profBoxleft{
		padding-bottom: 15px;
	}
}/*688px*/


.intTxt01{
	padding: 80px 0 50px 0;
	position: relative;
}
.intTxt03{
	padding: 40px 0 50px 0;
	position: relative;
}

.intTxt02{
	padding: 0 0 0  0;
	position: relative;
	height: auto;
	background: none;
	background-repeat: no-repeat;
}


.intTxt01 figure.ph1{
	width: 50%;
	position: absolute;
	left: 0;
	height: 500px;
	background: url(../../shared/img/interview/181022/01.jpg) center;
	background-size: cover;
}

.intTxt01 figure.ph2{
	width: 50%;
	position: absolute;
	left: 0;
	top: 600px;
	height: 500px;
	background: url(../../shared/img/interview/181022/02.jpg) center;
	background-size: cover;
	background-position: top
}

.intTxt01 figure.ph2txt{
	width: 50%;
	height: auto;
	position: absolute;
	left: 0;
	top: 1100px;
	padding: 15px;
	background:  rgba(0,0,0,0.2);
}
.intTxt01 figure.ph2txt b{
	font-weight: bold;
}


.intTxt02 figure.ph1{
	width: 48%;
	position: absolute;
	right: 0;
	top: 0px;
	height: 500px;
	background: url(../../shared/img/interview/181022/02.jpg) center;
	background-size: cover;
}

.intTxt02 figure.ph2{
	width: 48%;
	position: absolute;
	right: 0;
	top: 550px;
	height: 500px;
	background: url(../../shared/img/interview/181022/03.jpg) center;
	background-size: cover;
}
.intTxt02 figure.ph2txt{
	width: 48%;
	position: absolute;
	right: 0;
	top: 1050px;
	padding: 15px;
	background:  rgba(0,0,0,0.2);
}

.intTxt02 figure.ph2txt b{
	font-weight: bold;
}

.intTxt03 figure{
	width: 50%;
	position: absolute;
	left: 0;
	top: 200px;
	height: 580px;
	background: url(../../shared/img/interview/181022/04.jpg) center;
	background-size: cover;
}

.intTxt01Box{
	max-width: 450px;
	margin:0 0 0 55%;
}
.intTxt02Box{
	max-width:50%;
	margin:0 50% 0 0 ;
	padding: 5%;
	background-color: #fff;

}

.intTxt03Box{
	max-width: 450px;
	margin:0 0 0 55%;
}

.intTxt01Box h3,
.intTxt02Box h3,
.intTxt03Box h3{ font-size: 30px; padding-bottom: 0.8em; letter-spacing: 0.05em;}
.intTxt01Box p,
.intTxt02Box p,
.intTxt03Box p{ font-size: 13px; color: #666666; padding-bottom: 2em; line-height: 2em;}
.intTxt01Box p.talk,
.intTxt02Box p.talk,
.intTxt03Box p.talk{ color: #000;}



@media only screen and (max-width: 688px) {

	.intTxt01,
	.intTxt02,
	.intTxt03{
		padding: 0;
	}
	
	.intTxt01 figure.ph1,
	.intTxt01 figure.ph2,
	.intTxt01 figure.ph2txt,
	.intTxt02 figure.ph1,
	.intTxt02 figure.ph2,
	.intTxt02 figure.ph2txt,
	.intTxt02 figure.bg,
	.intTxt03 figure,
	.intTxt01Box,
	.intTxt02Box,
	.intTxt03Box{
		width: 100%;
		max-width: 100%;
		position: static;
		margin: 0;
		padding: 0;
	}
	
	.intTxt01 figure.ph1,
	.intTxt01 figure.ph2,
	.intTxt02 figure.ph1,
	.intTxt02 figure.ph2,
	.intTxt03 figure{
		height: 260px;
	}
	
	
	.intTxt01 figure.ph2{
		height: 360px;
		background-position: top;
	}
	.intTxt01 figure.ph2txt{
		padding: 15px;
	}
	.intTxt02 figure.ph2txt{
		padding: 15px;
	}
	
	.intTxt01Box,
	.intTxt02Box,
	.intTxt03Box{
		padding: 3%;
	}
	
	.intTxt02{
		background-image: none;
	}
	
	.intTxt01Box h3,
.intTxt02Box h3,
	.intTxt03Box h3{
		font-size: 22px;
	}

}/*688px*/

.intQa{
	padding: 50px 0;
}

.intQa .inner{
	background-color: #fff;
	max-width: 800px;
	margin: 0 auto;
	padding: 50px 5%;
}
.intQa .inner h3{
	text-align: center;
	font-size: 24px;
	padding-bottom: 1em;
}

.intQa .inner li:after{
	clear: both;
	display: block;
	content: "";
}
.intQa .inner li{
	clear: both;
padding-bottom: 20px;}

.intQa .inner li:nth-child(2),
.intQa .inner li:nth-child(4),
.intQa .inner li:nth-child(6){
	border-bottom: solid 1px #aaa;
}

.intQa .inner li:nth-child(1),
.intQa .inner li:nth-child(3),
.intQa .inner li:nth-child(5),
.intQa .inner li:nth-child(7){
	padding-top: 20px;
}

.intQa .inner li span {
	box-sizing: border-box;
	display: block;
	float: left;
	width: 5%;
	font-size: 13px;
	color: #4d4d4d;
}
.intQa .inner li p{
	width: 95%;
	box-sizing: border-box;
	float: left;
	font-size: 13px;
	text-align: left;
	color: #4d4d4d;
}
.intQa .inner li:nth-child(2) span,
.intQa .inner li:nth-child(4) span,
.intQa .inner li:nth-child(6) span,
.intQa .inner li:nth-child(8) span{
	color: #1e6b95;
}

.intQa .inner li:nth-child(2) p,
.intQa .inner li:nth-child(4) p,
.intQa .inner li:nth-child(6) p,
.intQa .inner li:nth-child(8) p{
	color: #000;
}

@media only screen and (max-width: 688px) {
	.intQa{
	padding: 0;
}
	.intQa .inner h3{ font-size: 20px;}
}/*688px*/


.intGraf{
	background-color: #fff;
	padding: 70px 3%;
}

.intGraf figure{
	max-width: 800px;
	margin: 0 auto;
}

.intDay{
	background-color: #ededed;
	padding: 70px 3%;
}
.intDay figure{
	max-width: 595px;
	margin: 0 auto;
}


.intGraf h3,
.intDay h3{
	font-size: 28px;
	text-align: center;
	padding-bottom: 2em;
}

@media only screen and (max-width: 688px) {
	
	.intGraf,
	.intDay{
		padding: 30px 3%;
	}
	
	.intGraf figure img,
.intDay figure img{
	width: 100%;
	height: auto;
}
	
	
	.intGraf h3,
.intDay h3{
	font-size: 20px;
	}
}/*688px*/