/* --------------- Interview --------------- */

.bg_pagettl.interview {
	background-image: url(../img/interview/bg_pagettl.jpg);
	background-repeat: no-repeat;
}
@media screen and (max-width: 850px) {
	.bg_pagettl.interview {
		background-image: url(../img/interview/sp/bg_pagettl.jpg);
		background-repeat: no-repeat;
	}
}
.bg_gray1 {
	margin: 0;
	padding: 0 0 1px;
	background-color: #ebebec;
}
@media screen and (min-width: 701px) {
	.list_anchor_interview { display: none; }
}
@media screen and (max-width: 700px) {
	.list_anchor_interview {
		width: 90%;
		max-width: 500px;
		margin: 0 auto;
		padding: 50px 0 25px;
		display: flex;
		flex-wrap: wrap;
	}
	.list_anchor_interview a {
		width: 47.7%;
		margin: 0 4.6% 4.6% 0;
		padding: 0.8em 0 1.5em;
		color: #1f2a67;
		font-weight: 500;
		text-align: center;
		line-height: 1.3;
		background-color: #fff;
		border: solid 2px #1f2a67;
		border-radius: 5em;
		display: block;
		position: relative;
		z-index: 0;
	}
	.list_anchor_interview a:nth-child(even) { margin-right: 0; }
	.list_anchor_interview a::before {
		content: "";
		margin: 0;
		padding: 0;
		border-top: solid 5px #1f2a67;
		border-left: solid 5px rgba(255,255,255,0);
		border-right: solid 5px rgba(255,255,255,0);
		position: absolute;
		top: 3.9em;
		left: calc( 50% - 5px );
	}
}
@media screen and (max-width: 500px) {
	.list_anchor_interview { padding: 10vw 0 5vw; }
}
.wrap_interview {
	margin: 0;
	padding: 0;
}
.bg_interview {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto 100px;
	padding: 0 0 95px;
}
@media screen and (max-width: 700px) {
	.bg_interview {
		margin: 0 auto 80px;
		padding: 0 0 60px;
	}
}
@media screen and (max-width: 700px) {
	.bg_interview {
		margin: 0 auto 14vw;
		padding: 0 0 12.5vw;
	}
}
.col_interview {
	width: 94%;
	margin: 0 0 0 auto;
	padding: 95px 0 90px;
	position: relative;
	z-index: 0;
}
.bg_interview:nth-child(even) .col_interview { margin: 0; }
.col_interview::before {
	content: "";
	width: 100vw;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #1f2a67;
	position: absolute;
	top: 95px;
	right: 6%;
	z-index: -2;
}
.bg_interview:nth-child(even) .col_interview::before {
	right: auto;
	left: 6%;
}
.col_interview::after {
	content: "";
	width: 100vw;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.bg_interview:nth-child(even) .col_interview::after {
	left: auto;
	right: 0;
}
@media screen and (max-width: 700px) {
	.col_interview { padding: 60px 0 50px; }
	.col_interview::before { top: 60px; }
}
@media screen and (max-width: 500px) {
	.col_interview { padding: 12.5vw 0 10vw; }
	.col_interview::before { top: 12.5vw; }
}
.col_interview .inner_interview1 {
	margin: 0;
	padding: 0;
}
.col_interview .inner_interview1 .area_readmore { display: none; }
@media screen and (max-width: 700px) {
	.col_interview .inner_interview1 {
		height: 140vw;
		transition: height 1s;
		overflow: hidden;
		position: relative;
		z-index: 0;
	}
	.col_interview .inner_interview1.open { height: 100%; }
	.col_interview .inner_interview1 .area_readmore {
		width: 100%;
		height: 40vw;
		margin: 0;
		padding: 0;
		background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60% );
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.inner_interview1 .area_readmore .btn_readmore {
		width: 12em;
		margin: 0 auto;
		padding: 0.7em 0.5em 0.8em;
		text-align: center;
		background-color: #fff;
		border: solid 1px #000;
		border-radius: 4em;
		box-sizing: border-box;
		position: absolute;
		left: calc( 50% - 6em );
		bottom: 15px;
	}
	.area_readmore .btn_readmore span {
		margin: 0;
		padding: 0 20px 0 0;
		display: inline-block;
		position: relative;
	}
	.area_readmore .btn_readmore span::before {
		content: "";
		margin: 0;
		padding: 0;
		border-top: solid 5px #000;
		border-left: solid 5px rgba(255,255,255,0);
		border-right: solid 5px rgba(255,255,255,0);
		position: absolute;
		top: 50%;
		right: 0;
	}
}
.cont_interview1 {
	width: 90%;
	max-width: 1005px;
	margin: 0 auto 40px;
	padding: 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
@media screen and (max-width: 850px) {
	.cont_interview1 { display: block; }
}
.cont_interview1 .img_interview1 {
	width: 38.84%;
	margin: 0;
	padding: 0;
	transition: opacity 1s;
	opacity: 0;
	position: relative;
	z-index: 0;
}
.cont_interview1 .img_interview1.active { opacity: 1; }
@media screen and (min-width: 851px) {
	.cont_interview1 .img_interview1 .sp { display: none; }
}
@media screen and (max-width: 850px) {
	.cont_interview1 .img_interview1 {
		width: 100%;
		max-width: 540px;
		margin: 0 auto 20px;
	}
	.cont_interview1 .img_interview1 .pc { display: none; }
}

.cont_interview1 .img_interview1 dl.name_interview1 {
	width: 92%;
	margin: 0;
	padding: 0;
	color: #1f2a67;
	position: absolute;
	left: 4%;
	bottom: 4%;
}
.cont_interview1 .img_interview1 dl.name_interview1 dt {
	margin: 0 0 8px;
	padding: 0;
	font-size: min( 2.12vw, 22px );
	font-weight: 500;
	line-height: 1.2;
}
.cont_interview1 .img_interview1 dl.name_interview1 dt .small { font-size: 0.64em; }
@media screen and (max-width: 850px) {
	.cont_interview1 .img_interview1 dl.name_interview1 dt { font-size: min(4.88vw, 22px); }
}
.cont_interview1 .img_interview1 dl.name_interview1 dd {
	margin: 0;
	padding: 0;
	font-size: min(1.7vw, 18px);
	font-weight: 500;
	line-height: 1.5;
}
@media screen and (max-width: 850px) {
	.cont_interview1 .img_interview1 dl.name_interview1 dd { font-size: min(4vw, 18px); }
}
.cont_interview1 .img_interview1 dl.name_interview1 .bg {
	margin: 0;
	padding: 5px 12px;
	background-color: #fff;
	display: inline-block;
	position: relative;
	z-index: 0;
}
.cont_interview1 .img_interview1 dl.name_interview1 .bg::before {
	content: "";
	width: calc( 100% - 4px );
	height: calc( 100% - 4px );
	margin: 0;
	padding: 0;
	border: solid 1px #1f2a67;
	box-sizing: border-box;
	position: absolute;
	top: 2px;
	left: 2px;
}
.cont_interview1 dl.txt_interview1 {
	width: 58.56%;
	margin: 0;
	padding: 0;
}
.bg_interview:nth-child(even) .cont_interview1 dl.txt_interview1 {
	width: 61.16%;
	padding: 0;
	box-sizing: border-box;
	order: -1;
}

@media screen and (max-width: 850px) {
	.cont_interview1 dl.txt_interview1,
	.bg_interview:nth-child(even) .cont_interview1 dl.txt_interview1 {
		width: 100%;
	}
}
dl.txt_interview1 dt {
	margin: 0 0 16px;
	padding: 0.1em 18px 0.3em 14px;
	color: #1f2a67;
	font-size: min(5.4vw, 23px);
	font-weight: 500;
	line-height: 1.4;
	border-left: solid 4px #1f2a67;
	border-bottom: solid 1px #1f2a67;
	box-sizing: border-box;
	transition: all 1s;
	opacity: 0;
	position: relative;
	top: 20px;
}
dl.txt_interview1.active dt {
	opacity: 1;
	top: 0;
}
dl.txt_interview1 dd {
	margin: 0;
	padding: 0 18px;
	text-align: justify;
	transition: all 1s;
	transition-delay: .3s;
	opacity: 0;
	position: relative;
	top: 20px;
}
dl.txt_interview1.active dd {
	opacity: 1;
	top: 0;
}
.bg_interview:nth-child(even) .cont_interview1 dl.txt_interview1 dd { padding: 0 calc( 3.5% + 18px ) 0 18px; }
@media screen and (max-width: 850px) {
	dl.txt_interview1 dt {
		margin: 0 0 12px;
		padding: 0.1em 12px 0.3em 8px;
	}
	dl.txt_interview1 dd,
	.bg_interview:nth-child(even) .cont_interview1 dl.txt_interview1 dd { padding: 0 12px; }
}
dl.txt_interview1 dd p { margin: 0 0 0.6em; }
dl.txt_interview1 dd p:last-child { margin: 0; }

.cont_interview2 {
	width: 90%;
	max-width: 1005px;
	margin: 0 auto 40px;
	padding: 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.cont_interview2:last-child { margin-bottom: 0; }
@media screen and (max-width: 850px) {
	.cont_interview2 { display: block; }
}
.cont_interview2 dl.txt_interview1 {
	width: 69.25%;
	margin: 0;
	padding: 0;
}
.cont_interview2 dl.txt_interview1 dd { padding: 0 8% 0 18px; }
.cont_interview2.imgleft dl.txt_interview1 {
	width: 66.37%;
	order: 1;
}
.cont_interview2.imgleft dl.txt_interview1 dd { padding: 0 18px; }
@media screen and (max-width: 850px) {
	.cont_interview2 dl.txt_interview1,
	.cont_interview2.imgleft dl.txt_interview1 {
		width: 100%;
		margin: 0 0 20px;
	}
	.cont_interview2 dl.txt_interview1 dd,
	.cont_interview2.imgleft dl.txt_interview1 dd { padding: 0 12px; }
}
.cont_interview2 .img_interview2 {
	width: 30.75%;
	margin: 0;
	padding: 0;
	transition: opacity 1s;
	opacity: 0;
}
.cont_interview2 .img_interview2.active { opacity: 1; }
@media screen and (max-width: 850px) {
	.cont_interview2 .img_interview2 {
		width: 100%;
		max-width: 540px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 851px) {
	.cont_interview2 .img_interview2 .sp { display: none; }
}
@media screen and (max-width: 850px) {
	.cont_interview2 .img_interview2 .pc { display: none; }
}
.cont_interview3 {
	width: 90%;
	max-width: 1005px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
@media screen and (max-width: 850px) {
	.cont_interview3 { display: block; }
}
.cont_interview3 dl.txt_interview1 {
	width: calc( 96.4% - 368px );
	margin: 0;
	padding: 0;
}
.cont_interview3.scheduleleft dl.txt_interview1 {
	width: calc( 96.4% - 302px );
	order: 1;
}
@media screen and (max-width: 850px) {
	.cont_interview3 dl.txt_interview1,
	.cont_interview3.scheduleleft dl.txt_interview1 {
		width: 100%;
		margin: 0 0 40px;
	}
}
@media screen and (max-width: 700px) {
	.cont_interview3 dl.txt_interview1 { margin: 0 0 25px; }
}
.cont_interview3 .cont_schedule_interview {
	width: 368px;
	margin: 0;
	padding: 0;
	display: flex;
}
.cont_interview3.scheduleleft .cont_schedule_interview {
	width: 302px;
	padding: 0 0 0 10px;
	box-sizing: border-box;
}
@media screen and (max-width: 850px) {
	.cont_interview3 .cont_schedule_interview,
	.cont_interview3.scheduleleft .cont_schedule_interview {
		width: 100%;
		max-width: 370px;
		margin: 0 auto;
		padding: 0;
	}
}
@media screen and (max-width: 450px) {
	.cont_interview3 .cont_schedule_interview { display: block; }
}
.cont_interview3 .cont_schedule_interview .mds {
	margin: 0 12px 0 0;
	padding: 0.3em 0;
	color: #1f2a67;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	line-height: 1.5;
	letter-spacing: -0.04em;
	writing-mode: vertical-rl;
	background-color: #dad4e0;
	transition: all 1s;
	opacity: 0;
	position: relative;
	top: 20px;
}
.cont_interview3 .cont_schedule_interview.active .mds {
	opacity: 1;
	top: 0;
}
@media screen and (max-width: 450px) {
	.cont_interview3 .cont_schedule_interview .mds {
		margin: 0 0 10px;
		padding: 0 0.5em;
		writing-mode: horizontal-tb;
		display: inline-block;
	}
}
.cont_schedule_interview ul.list_schedule {
	margin: 0;
	padding: 0;
}
.cont_schedule_interview ul.list_schedule li {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #1f2a67;
	font-weight: 500;
	line-height: 1.6;
	display: flex;
	transition: all 1s;
	opacity: 0;
	position: relative;
	top: 20px;
}
.cont_schedule_interview.active ul.list_schedule li {
	opacity: 1;
	top: 0;
}
.cont_schedule_interview.active ul.list_schedule li:nth-child(2) { transition-delay: .2s; }
.cont_schedule_interview.active ul.list_schedule li:nth-child(3) { transition-delay: .4s; }
.cont_schedule_interview.active ul.list_schedule li:nth-child(4) { transition-delay: .6s; }
.cont_schedule_interview.active ul.list_schedule li:nth-child(5) { transition-delay: .8s; }
.cont_schedule_interview ul.list_schedule li .time {
	width: 70px;
	margin: 0;
	padding: 0 30px 0 0;
	text-align: right;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}
.cont_schedule_interview ul.list_schedule li .time::before {
	content: "";
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	background-color: #1f2a67;
	border-radius: 50%;
	box-sizing: border-box;
	position: absolute;
	top: 8px;
	right: 4px;
}
.cont_schedule_interview ul.list_schedule li:first-child .time::before,
.cont_schedule_interview ul.list_schedule li:last-child .time::before {
	width: 18px;
	height: 18px;
	background-color: #fff;
	border: solid 2px #1f2a67;
	top: 3px;
	right: 0;
}
.cont_schedule_interview ul.list_schedule li .time::after {
	content: "";
	width: 2px;
	height: 0;
	margin: 0;
	padding: 0;
	background-color: #1f2a67;
	transition: height .8s;
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: -1;
}
.cont_schedule_interview ul.list_schedule li:last-child .time::after { content: none; }
.cont_schedule_interview.active ul.list_schedule li .time::after {
	height: 100%;
}
.cont_schedule_interview ul.list_schedule li:nth-child(2) .time::after { transition-delay: .3s; }
.cont_schedule_interview ul.list_schedule li:nth-child(3) .time::after { transition-delay: .5s; }
.cont_schedule_interview ul.list_schedule li:nth-child(4) .time::after { transition-delay: .7s; }
.cont_schedule_interview ul.list_schedule li:nth-child(5) .time::after { transition-delay: .9s; }

.cont_schedule_interview ul.list_schedule li .txt {
	width: calc(100% - 70px);
	margin: 0;
	padding: 0 0 1em 12px;
	box-sizing: border-box;
}
.cont_schedule_interview ul.list_schedule li:last-child .txt { padding-bottom: 0; }
.cont_schedule_interview ul.list_schedule li .txt .marker {
	background: linear-gradient( 180deg, rgba(255,255,255,0) calc( 100% - 6px ), rgba(218,212,224,1) calc(100% - 5px ) );
}