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



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

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

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

.interviewMain h3{ font-size: 6.0em;line-height: 1.2em; padding-bottom: 0.6em; letter-spacing: 1px;}
.interviewMain p{ font-size: 2.0em; padding-bottom: 1em;}

.thinkTxt{ padding: 3%; background-color: #e5e5e5;
display: flex;
justify-content: center;}
.thinkTxt p{
	font-size: 1.7em; line-height: 2.1em; max-width: 600px;
	flex: 1;
	padding: 0 50px 0 0;
}

@media only screen and (max-width: 688px) {
	.thinkTxt{ padding: 3%; flex-direction: column; }
	.thinkTxt p{font-size: 14px; line-height: 1.8em; padding: 0 0 1em 0;}
	.interviewMain{ height: auto;}
	.interviewMainBg{ position: inherit; top:auto; left: auto; width: 100%; height: 260px; 
	background-position: center;;}
	
	.interviewMain .inner{ position: inherit; top:auto; left: auto; padding: 5%;}
	.interviewMain h3{ font-size: 34px;}
}/*688px*/


.profile{
	max-width: 500px;
	padding: 0 3%;
	border-left: solid 1px #000;
}

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

.profile h4{
	font-size: 2.4em;
}

.profile p{
	font-size: 1.4em;
	padding: 0 0 1em 0;
}


@media only screen and (max-width: 688px) {
	.profile{
		padding: 20px 0 0 0;
		display: block;
		border: none;
		border-top: solid 1px #000;
	}
	.profile .inner{
		display: block;
		width: 100%;
	}
	.profile .inner div{
		width: 100%;
	}
	
	.profile h4{
	font-size: 2.0em;
}

}/*688px*/


.intTxt01{
	padding: 80px 0 50px 0;
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
}

.intTxt02{
	padding: 0 0 0  0;
	position: relative;
	height: auto;
	background: none;
	background-repeat: no-repeat;
	max-width: 1600px;
	margin: 0 auto;
}

.intTxt03{
	padding: 100px 0 50px 0;
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
}

.intTxt04{
	padding: 0 0 0  0;
	position: relative;
	height: auto;
	background: none;
	background-repeat: no-repeat;
	max-width: 1600px;
	margin: 0 auto;
}

.intTxt05{
	padding: 100px 0 50px 0;
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
}


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

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

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

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

.intTxt02 figure.ph2{
	width: 48%;
	position: absolute;
	right: 0;
	top: 450px;
	height: 400px;
	background: url(../../shared/img/interview/230328/04.jpg) center;
	background-size: cover;
	background-position: center;
}


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

.intTxt03 figure.ph2{
	width: 50%;
	position: absolute;
	left: 0;
	top: 650px;
	height: 400px;
	background: url(../../shared/img/interview/230328/06.jpg) center;
	background-size: cover;
}

.intTxt04 figure.ph1{
	width: 48%;
	position: absolute;
	right: 0;
	top: 0px;
	height: 400px;
	background: url(../../shared/img/interview/230328/07.jpg) center;
	background-size: cover;
	background-position: center;
}

.intTxt04 figure.ph2{
	width: 48%;
	position: absolute;
	right: 0;
	top: 450px;
	height: 400px;
	background: url(../../shared/img/interview/230328/08.jpg) center;
	background-size: cover;
	background-position: center;
}

.intTxt05 figure{
	width: 50%;
	position: absolute;
	left: 0;
	top: 200px;
	height: 400px;
	background: url(../../shared/img/interview/230328/09.jpg) center;
	background-size: cover;
}



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

}

.intTxt03Box{
	max-width:50%;
	padding: 0 5%;
	margin:0 0 0 50%;
}

.intTxt04Box{
	max-width:50%;
	margin:0 50% 0 0 ;
	padding: 5%;
	background-color: #fff;

}

.intTxt05Box{
	max-width:50%;
	padding: 0 5%;
	margin:0 0 0 50%;
}

.intTxt01Box h3,
.intTxt02Box h3,
.intTxt03Box h3,
.intTxt04Box h3,
.intTxt05Box h3{ font-size: 32px; padding-bottom: 0.8em; letter-spacing: 0.05em;}
.intTxt01Box p,
.intTxt02Box p,
.intTxt03Box p,
.intTxt04Box p,
.intTxt05Box p{ font-size: 14px; color: #666666; padding-bottom: 2em; line-height: 2em;}
.intTxt01Box p.talk,
.intTxt02Box p.talk,
.intTxt03Box p.talk,
.intTxt04Box p.talk,
.intTxt05Box p.talk{ color: #000;}
.intTxt01Box p.note,
.intTxt02Box p.note,
.intTxt03Box p.note,
.intTxt04Box p.note,
.intTxt05Box p.note,
.intTxt01Box p span,
.intTxt02Box p span,
.intTxt03Box p span,
.intTxt04Box p span,
.intTxt05Box p span,
.intTxt01Box sup,
.intTxt02Box sup,
.intTxt03Box sup,
.intTxt04Box sup,
.intTxt05Box sup{ color: #00458F;}
.intTxt01Box p b,
.intTxt02Box p b,
.intTxt03Box p b,
.intTxt04Box p b,
.intTxt05Box p b{ font-weight: bold!important; color: #000; font-family: 'Noto Sans JP', sans-serif;}
.intTxt01Box ul,
.intTxt02Box ul,
.intTxt03Box ul,
.intTxt04Box ul,
.intTxt05Box ul{ padding-bottom: 2em;}
.intTxt01Box li,
.intTxt02Box li,
.intTxt03Box li,
.intTxt04Box li,
.intTxt05Box li{ font-size: 13px; color: #000; text-indent: -1em; padding-left: 1em; line-height: 2em;}



.intTxt03Box figure.graph{
	position: relative;
	background: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 15px 0;
	top: auto;
	left: auto;
}
.intTxt03Box figure.graph img{
	width: 100%;
	height: auto;
}


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

	.intTxt01,
	.intTxt02,
	.intTxt03,
	.intTxt04,
	.intTxt05{
		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.ph1,
	.intTxt03 figure.ph2,
	.intTxt04 figure.ph1,
	.intTxt04 figure.ph2,
	.intTxt05 figure,
	.intTxt01Box,
	.intTxt02Box,
	.intTxt03Box,
	.intTxt04Box,
	.intTxt05Box{
		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.ph1,
	.intTxt03 figure.ph2,
	.intTxt04 figure.ph1,
	.intTxt04 figure.ph2,
	.intTxt05 figure{
		height: 260px;
	}
	
	
	
	.intTxt01 figure.ph2txt{
		padding: 15px;
	}
	.intTxt02 figure.ph2txt{
		padding: 15px;
	}
	
	.intTxt01Box,
	.intTxt02Box,
	.intTxt03Box,
	.intTxt04Box,
	.intTxt05Box{
		padding: 3%;
	}
	
	.intTxt02{
		background-position: top;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	
	.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 p{
	width: 95%;
	box-sizing: border-box;
	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;
}

.intDay table{
	max-width: 600px;
	margin: 0 auto;
}
.intDay table tr{
	border-bottom: solid 1px #ccc;
}
.intDay table tr:last-child{
	border: none;
}
.intDay table th,
.intDay table td{
	text-align: left;
	font-size: 1.4em;
}

.intDay table th{
	white-space: nowrap;
	padding: 15px 15px 15px 0;
}
.intDay table td{
	padding: 15px 0px 15px 0;
}
.intDay table td a{
	letter-spacing: 0;
}

@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*/

.talk a{
	text-decoration: underline;
	color: #000;
}

.chu{
	font-size: 12px; color: #fff;
	padding: 15px;
	background-color: #1e6b95;
	margin: 0 0 15px 0;
}
.chu a{
	color: #fff;
	text-decoration: underline;
}


.enq{
	background-color: #1e6b95;
}
.enq .inner{
	max-width: 800px;
	margin: 0 auto;
	padding: 60px 3%;
}
.enq p{
	font-size: 1.4em;
	color: #fff;
}
.enq h3{
	font-size: 2.0em;
	text-align: center;
	padding: 0 0 1em 0;
	font-weight: bold;
	color: #fff;
}
.enq h4{
	font-size: 1.6em;
	padding: 3em 0 0 0;
	color: #fff;
	font-weight: bold;
	border-bottom: solid 1px #fff;
	margin: 0 0 1em 0;
}
.enq h5{
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 0 0.6em 0;
	color: #fff;
}
.enq div.ans{
	font-size: 1.4em;
	background: #fff;
	padding: 30px;
	margin: 0 0 15px 0;
}
.enq div.ans a{
	text-decoration: underline;
}
.enq div.ans b{
	font-weight: bold;
}



.enq .hyouki{
	padding: 60px 0 0 0;
}




.comment{
	background: #fff;
	border-radius: 10px;
	padding: 30px;
	display: flex;
	align-items: flex-end;
	margin: 0 0 30px 0;
}
.comment h4{
	font-size: 1.8em;
	padding: 0 0 10px 0;
}
.comment p{
	padding: 0;
	margin: 0;
}
.comment img{
	width: 160px;
	height: auto;
}

@media only screen and (max-width: 688px) {
	.comment{
		flex-direction: column;
		padding: 15px 15px 0 15px;
		justify-content: center;
		align-items: center;
	}
}

.intTxt02 figure{
	padding: 0 0 30px 0;
}
.intTxt02 figure img{
	width: 100%;
	height: auto;
}

.member{
	background: #eee;
	padding: 50px 3%;
}

.member .inner{
	max-width: 800px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}
.member h3{
	font-size: 3.2em;
	text-align: center;
	padding: 0 0 1em 0;
}
.member h4{
	font-size: 2.2em;
	padding: 0 0 0.5em 0;
}
.member p{
	font-size: 1.5em;
	padding: 0 0 2em 0;
}
.member img{
	width: 100%;
}


@media only screen and (max-width: 688px) {
	.member h3{
	font-size: 2.2em;
	}
	.member h4{
		font-size: 1.6em;}
	.member p{
		font-size: 1.4em;}
}