@charset "utf-8";
.interviewPost{position:relative;}
.interviewPost figcaption{
	position:relative;
	border:solid #f5f5f5;
	background-color:#fff;
	text-align:left;
	z-index:1;
}
.interviewPost .postFg{
	display:block;
	margin-left:auto;
}
.interviewPost .postTitle{line-height:1.666;}
.interviewPost .jobYear{
	display:block;
	line-height:1.0;
}
.interviewPost .jobName{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	line-height:1.0;
}
.interviewPost .jobName > *{display:block;}
#interviewMV{
	width:100%;
	position:relative;
}
#interviewMV .doubleTtl{
	position:absolute;
	bottom:0;
	left:0;
	background-color:#fff;
	text-align:left;
}
#interviewMV .doubleTtl strong{line-height:1.5;}
#interviewMV .jobGr{
	position:absolute;
	display:inline-flex;
	justify-content:space-between;
	align-items:center;
	background-color:var(--dark-color);
	color:#fff;
	line-height:1.0;
}
#interviewMV .jobGr > *{display:block;}
.interviewTitle{
	display:flex;
	align-items:center;
}
.interviewTitle strong{color:var(--pale-color);}
.interviewTitle strong:before{content:"#";}
.singleInterview #gMain{text-align:left;}
.interviewTitle{line-height:2.2;}
.interviewSttl{
	line-height:1.333;
	color:var(--black-color);
}
#timeSchedule{
	width:100%;
	position:relative;
	background-color:#f5f5f5;
	overflow:hidden;
}
.timeTitle{position:relative;}
.timeTitle > *{
	display:block;
	line-height:1.0;
}
.timeTitle strong{
	position:absolute;
	z-index:0;
	color:#f0eadb;
	white-space:nowrap;
	transform:translateX(-100%);
	transition:opacity 1.2s cubic-bezier(0.215,0.61,0.355,1),transform 1.2s cubic-bezier(0.215,0.61,0.355,1);
}
.timeTitle.show strong{transform:translateX(0);}
.timeTitle span{
	position:relative;
	z-index:1;
}
.timeScheduleList{border-top:2px solid #939393;}
.timeScheduleList li{
	display:grid;
	grid-template-rows:auto auto;
	border-bottom:2px solid #939393;
}
.timeScheduleList li > *{display:block;}
.timeScheduleList time{
	grid-column:1 / 2;
	grid-row:1 / 3;
	align-self:center;
	line-height:1.0;
	color:var(--black-color);
}
.timeScheduleList .timeCol{
	grid-column:2 / 3;
	grid-row:1 / 2;
	line-height:1.6;
}
.timeScheduleList .timeTxt{
	grid-column:2 / 3;
	grid-row:2 / 3;
}
.interviewLink .boxBtn{margin:0 auto;}
@media screen and (max-width:767.98px){/*390px*/
	.interviewList{
		margin-top:8.2051vw;
		padding-right:5.1282vw;
		padding-left:5.1282vw;
	}
	.interviewPost+.interviewPost{margin-top:8.2051vw;}
	.interviewPost .postFg{width:97.4285%;}
	.interviewPost figcaption{
		width:95.1428%;
		margin-top:-8.2857%;
		padding:3.3333vw 4.1026vw 5.8974vw;
		border-width:0.5128vw;
	}
	.interviewPost .postTitle{font-size:1.1667rem;}
	.interviewPost .jobYear{margin-top:2.5641vw;}
	.interviewPost .jobName{margin-top:3.8462vw;}
	.interviewPost .jobYear,
	.interviewPost .jobName span{font-size:1.0rem;}
	.interviewPost .jobName strong{
		margin-left:5.641vw;
		font-size:1.3333rem;
	}
	#interviewMV{margin-bottom:14.8718vw;}
	#interviewMV > img{
		width:100%;
		height:75.384vw;
		object-fit:cover;
		object-position:center center;
	}
	#interviewMV .doubleTtl{
		width:86.666%;
		padding:4.6154vw 4.6154vw 4.359vw 5.1282vw;
	}
	#interviewMV .doubleTtl small{font-size:0.8333rem;}
	#interviewMV .doubleTtl strong{
		margin-top:2.0513vw;
		font-size:1.6667rem;
	}
	#interviewMV .jobGr{
		left:0;
		top:100%;
		padding:2.3077vw 5.1282vw;
	}
	#interviewMV .jobPos{font-size:0.8333rem;}
	#interviewMV .jobName{
		margin:0 1.5385vw;
		font-size:1.1667rem;
	}
	#interviewMV .jobYear{font-size:0.8333rem;}
	.singleInterview #breadcrumbs,
	.singleInterview #gMain > *{
		padding-right:5.1282vw;
		padding-left:5.1282vw;
	}
	.singleInterview #breadcrumbs{padding-bottom:14.8718vw;}
	.interviewSgl+.interviewSgl{margin-top:1.0256vw;}
	.interviewTitle strong{
		width:25.641vw;
		font-size:4.5833rem;
	}
	.interviewTitle strong:before{font-size:3.8333rem;}
	.interviewTitle span{
		margin-left:-5.8974vw;
		font-size:1.1667rem;
	}
	.interviewSttl{
		margin-top:-2.5vw;
		font-size:1.5rem;
	}
	.interviewSgl p{margin-top:4.6154vw;}
	.interviewLargeFg{margin:16.9231vw auto 0;}
	.interviewLargeFg img{
		width:100%;
		height:51.282vw;
		object-fit:cover;
		object-position:center center;
	}
	#timeSchedule{
		margin-top:20.5128vw;
		padding-top:18.9744vw;
		padding-bottom:17.4359vw;
	}
	.timeTitle strong{
		top:-20vw;
		left:-5.1282vw;
		font-size:3.5833rem;
	}
	.timeTitle span{font-size:1.9167rem;}
	#timeSchedule .timeScheduleList{margin-top:11.7949vw;}
	.timeScheduleList li{
		grid-template-columns:22% 78%;
		padding:2.8746vw 0 4.1026vw;
	}
	.timeScheduleList time{font-size:1.5rem;}
	.timeScheduleList .timeCol{font-size:1.333rem;}
	.timeScheduleList .timeTxt{
		margin-top:1.3105vw;
		line-height:1.6;
	}
	.interviewLink{margin-top:10.2564vw;}
	.interviewLink .boxBtn{
		width:71.7949vw;
		height:15.3846vw;
		padding:4.1026vw 2.3077vw;
		font-size:1.3333rem;
	}
	.interviewLink .boxBtn span{padding-left:6.4103vw;}
	#jobDescription{margin-top:32.0513vw;}
}
@media screen and (min-width:768px){
	.interviewList{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.interviewPost{width:48%;}
	.interviewPost .postFg{width:96.875%;}
	.interviewPost figcaption{
		width:90.277%;
		margin-top:-6.9444%;
	}
	.interviewPost .postTitle{font-size:1.5rem;}
	.interviewPost .jobYear,
	.interviewPost .jobName span{font-size:0.875rem;}
	.interviewPost .jobName strong{font-size:1.25rem;}
	#mainMenu+#interviewMV{margin-top:0;}
	#interviewMV .doubleTtl{
		width:50%;
		padding:2.536vw 2.536vw 2.7536vw;
	}
	#interviewMV .doubleTtl small{font-size:1.25rem;}
	#interviewMV .doubleTtl strong{
		margin-top:1.4167vw;
		font-size:2.5rem;
	}
	#interviewMV .jobGr{
		bottom:0;
		right:0;
		padding:2vw 2.5vw;
	}
	#interviewMV .jobPos{font-size:1.125rem;}
	#interviewMV .jobName{
		margin:0 2.1667vw 0 4.3333vw;
		font-size:1.875rem;
	}
	#interviewMV .jobYear{font-size:1.125rem;}
	.interviewTitle strong{font-size:5.1875rem;}
	.interviewTitle strong:before{font-size:4.375rem;}
	.interviewTitle span{font-size:1.125rem;}
	.interviewSttl{font-size:1.875rem;}
	#timeSchedule{
		display:grid;
		grid-template-rows:auto;
		grid-template-columns:34% 66%;
	}
	#timeSchedule .timeTitle{grid-column:1 / 2;}
	.timeTitle strong{font-size:7.5rem;}
	.timeTitle span{font-size:2.5rem;}
	#timeSchedule .timeScheduleList{grid-column:2 / 3;}
	.timeScheduleList li{
		grid-template-columns:126px calc(100% - 130px);
		padding:19px 0 17px;
	}
	.timeScheduleList time{
		width:126px;
		font-size:2.0rem;
	}
	.timeScheduleList .timeCol{font-size:1.5rem;}
	.timeScheduleList .timeTxt{line-height:2.0;}
	.interviewLink .boxBtn{font-size:1.25rem;}
}
@media screen and (min-width:768px) and (max-width:1219.98px){
	.interviewList{
		padding-right:2vw;
		padding-left:2vw;
		margin-top:7.8333vw;
	}
	.interviewPost:nth-child(n+3){margin-top:8.1667vw;}
	.interviewPost figcaption{
		padding:1.3333vw 1.8333vw 2.9167vw;
		border-width:0.6667vw;
	}
	.interviewPost .jobYear{margin-top:1.25vw;}
	.interviewPost .jobName{margin-top:1.8333vw;}
	.interviewPost .jobName strong{margin-left:2vw;}
	.singleInterview #breadcrumbs,
	.singleInterview #gMain > *{
		padding-right:2vw;
		padding-left:2vw;
	}
	.singleInterview #breadcrumbs{padding-bottom:3.3333vw;}
	.interviewSgl+.interviewSgl{margin-top:-0.4167vw;}
	.interviewTitle strong{width:12.5vw;}
	.interviewTitle span{margin-left:-2.9167vw;}
	.interviewLargeFg{margin:12.6667vw auto 0.75vw;}
	.interviewSttl{margin-top:-2.1667vw;}
	.interviewSgl p{margin-top:1.1667vw;}
	#timeSchedule{
		margin-top:15.5vw;
		padding-top:10.3333vw;
		padding-bottom:11vw;
	}
	.timeTitle strong{
		top:-11vw;
		left:-12.1667vw;
	}
	.interviewLink{margin-top:4.1667vw;}
	.interviewLink .boxBtn{
		width:33.3333vw;
		height:6.1667vw;
		padding:1.6667vw 1.5vw;
	}
	.interviewLink .boxBtn span{padding-left:2.5vw;}
}
@media screen and (min-width:768px) and (max-width:1399.98px){
	#interviewMV{margin-bottom:7.8333vw;}
}
@media screen and (min-width:1220px){
	.interviewList{
		padding-right:calc(50% - 600px);
		padding-left:calc(50% - 600px);
		margin-top:94px;
	}
	.interviewPost:nth-child(n+3){margin-top:98px;}
	.interviewPost figcaption{
		padding:16px 22px 35px;
		border-width:8px;
	}
	.interviewPost .jobYear{margin-top:15px;}
	.interviewPost .jobName{margin-top:22px;}
	.interviewPost .jobName strong{margin-left:24px;}
	.singleInterview #breadcrumbs,
	.singleInterview #gMain > *{
		padding-right:calc(50% - 550px);
		padding-left:calc(50% - 550px);
	}
	.singleInterview #breadcrumbs{padding-bottom:40px;}
	.interviewSgl+.interviewSgl{margin-top:-5px;}
	.interviewTitle strong{width:150px;}
	.interviewTitle span{margin-left:-35px;}
	.interviewLargeFg{margin:152px auto 9px;}
	.interviewSttl{margin-top:-26px;}
	.interviewSgl p{margin-top:14px;}
	#timeSchedule{
		margin-top:186px;
		padding-top:124px;
		padding-bottom:132px;
	}
	.timeTitle strong{
		top:-132px;
		left:-146px;
	}
	.interviewLink{margin-top:50px;}
	.interviewLink .boxBtn{
		width:400px;
		height:74px;
		padding:20px 18px;
	}
	.interviewLink .boxBtn span{padding-left:30px;}
}
@media screen and (min-width:1400px){
	#interviewMV{margin-bottom:64px;}
}