@charset "UTF-8";
/*---------------------------------------------------------
	COMMON
---------------------------------------------------------*/
#interview_ttl_wrap .section_inner,
#interview_head_wrap .section_inner{
	padding: 0 var(--base-150);
}
#interview_main_wrap .section_inner{
	padding: var(--base-75) var(--base-150) 0;
}
#interview_main_wrap .section_inner:first-of-type{
	padding-top: 0;
}
@media screen and (max-width: 768px) {
	#interview_ttl_wrap .section_inner,
	#interview_head_wrap .section_inner{
		padding: var(--base-40) var(--base-40) 0;
	}
	#interview_main_wrap .section_inner{
		padding: var(--base-75) var(--base-40) 0;
	}
}
@media screen and (max-width: 670px) {
	#interview_head_wrap .section_inner{
		margin-bottom: 25vw;
	}
}
@media screen and (max-width: 576px) {
	#interview_head_wrap .section_inner{
		margin-bottom: max(35vw, 200px);
	}
}

/*---------------------------------------------------------
	INTERVIEW
---------------------------------------------------------*/
#interview_ttl_wrap{
	margin-bottom: var(--base-55);
	padding-top: var(--base-150);
}
#interview_head_wrap{
	overflow: visible;
}
.interview_head{
	position: relative;
	height: min(25.78125vw, 330px);
}
.interview_head h1{
	padding-top: var(--base-70);
	font-size: var(--base-28);
	font-weight: 600;
	line-height: var(--base-45);
	color: var(--base-color-white);
}
.interview_prof_wrap{
	position: absolute;
	left: min(18.75vw, 240px);
	bottom: calc( var(--base-50) * -1);
	padding: var(--base-20);
	background: rgba(255, 255, 0, .8);
	width: min(25.390625vw, 325px);
}
.prof_name{
	font-size: var(--base-28);
	margin-bottom: var(--base-20);
}
.prof_dep,
.prof_his{
	font-size: var(--base-14);
}
.prof_dep{
	margin-bottom: var(--base-10);
}
.interview_head figure{
	position: absolute;
	right: var(--base-150);
	bottom: calc( var(--base-50) * -1);
}
.interview_head figure img{
	width: auto;
	height: min(46.875vw, 600px);
}
#interview_main_wrap{
	margin-top: min(10.9375vw, 140px);
	margin-bottom: var(--base-110);
}
.que_wrap{
	padding: 0 var(--base-90);
}
.que_no{
	margin: 0 auto;
	width: var(--base-60);
	height: var(--base-60); 
	font-size: var(--base-28);
	font-weight: 600;
	color: var(--base-color-white);
	background: var(--base-color-green);
	text-align: center;
	padding-top: var(--base-15);
}
.que_wrap h2{
	margin: var(--base-35) 0;
	font-size: var(--base-28);
	font-weight: 600;
}
.que_wrap p{
	font-size: var(--base-18);
	line-height: var(--base-35);
}
.que_img{
	margin-top: var(--base-50);
}
/* schedule */
.sch_wrap{
	margin-top: var(--base-25);
}
.sch_detail_wrap{
	width: 50%;
	padding: 0;
	background: #f2f2f2;
}
.sch_detail{
	position: relative;
	margin: var(--base-40) var(--base-30) var(--base-40) var(--base-90);
}
.sch_detail:after{
	content: "";
	width: min(0.078125vw, 1px);
	border-left: min(0.078125vw, 1px) solid var(--base-color-green);
	position: absolute;
	top: var(--base-20);
	bottom: min(1.015625vw, 13px);
	left: var(--base-60);
}
.sch_detail dl {
	overflow: hidden;
}
.sch_detail dt{
	position: relative;
	width: var(--base-40); 
	top: min(1.015625vw, 13px);
	font-size: var(--base-14);
	text-align: right;
}
.sch_detail dd {
	position: relative;
	font-size: var(--base-14);
	margin-top: calc( min(0.078125vw, 1px) * -1);
	margin-left: var(--base-60); 
	padding-left: var(--base-20);
	padding-bottom: min(0.46875vw, 6px);
} 
.sch_detail dd:before {
	display: block;
	content: "";
	width: min(0.546875vw, 7px);
	height: min(0.546875vw, 7px);
	border-radius: 50%;
	background: var(--base-color-green);
	position: absolute;
	top: min(0.2343753vw, 3px);
	left: calc( min(0.2343753vw, 3px) * -1);
}
.sch_img{
	width: 50%;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (max-width: 768px) {
	#interview_ttl_wrap{
		padding-top: var(--base-200);
	}
	.interview_head h1{
		padding-top: 0;
	}
	.interview_prof_wrap{
		left: var(--base-40);
		bottom:  calc( var(--base-100) * -1);
		width: 45%;
	}
	.interview_head figure{
		bottom: calc( var(--base-100) * -1);
		right: var(--base-100);
	}
	#interview_main_wrap{
		margin-top: var(--base-200);
	}
	.que_wrap{
		padding: 0 var(--base-45);
	}
	.sch_detail{
		margin: var(--base-40) var(--base-30) var(--base-40) var(--base-30);
	}
	.sch_detail:after{
		left: var(--base-100);
	}
	.sch_detail dt {
		width: var(--base-80);
		font-size: var(--base-18);
	}
	.sch_detail dd {
		font-size: var(--base-18);
		margin-top: calc( min(0.859375vw, 11px) * -1);
		margin-left: var(--base-100); 
	}
	.sch_detail dd:before {
		top: min(0.546875vw, 7px);
		width: min(0.703125vw, 9px);
		height: min(0.703125vw, 9px);
	}
}
@media screen and (max-width: 670px) {
	.interview_prof_sp_wrap{
		position: relative;
		top: 15vw;
	}
	.interview_head figure {
        right: var(--base-30);
    }
}
@media screen and (max-width: 576px) {
	.sch_detail_wrap,
	.sch_img{
		width: 100%;
	}
	.sch_img{
		height: 60vw;
	}
	#interview_ttl_wrap{
		padding-top: min(19.53125vw, 250px);
	}
	.interview_prof_sp_wrap{
		position: relative;
		top: 15vw;
	}
	.interview_prof_wrap{
		position: relative;
		left: 0;
		bottom: 0;
		width: 55%;	
	}
	.interview_head{
		height: clamp(150px, 25.78125vw, 330px);
	}
	.prof_his span{
		display: block;
	}
	.interview_head figure{
		right: 0;
		bottom: 0;
	}
	.que_wrap {
		padding: 0;
	}
	.sch_detail{
		margin-bottom: 0;
		padding: var(--base-25) 0;
	}
	.sch_detail:after{
		top: var(--base-30);
		bottom: var(--base-40);
		left: clamp(66px, 9.53125vw, 122px);
	}
	.sch_detail dt {
		width: var(--base-80);
		font-size: var(--base-18);
	}
	.sch_detail dd {
		font-size: var(--base-18);
		margin-top: calc( var(--base-12) * -1);
		margin-left: var(--base-120); 
		padding-bottom: var(--base-10);
	} 
	.sch_detail dd:before {
		top: min(1.015625vw, 13px);
		width: 7px;
		height: 7px;
	}
}
@media screen and (max-width: 400px) {
	.interview_head h1 br{
		display: none;
	}
}
/*---------------------------------------------------------
	CROSS INTERVIEW
---------------------------------------------------------*/
.crossinterview_head{}
.crossinterview_ttl_wrap{
	position: relative;
	margin-bottom: var(--base-40); 
}
.crossinterview_ttl_wrap .top_ttl{
	font-size: var(--base-15);
	color: var(--base-color-green);
	letter-spacing: 0.1vw;
}
.crossinterview_ttl_wrap h1{
	margin: var(--base-20) 0 var(--base-30);
	font-size: min(5vw, 64px);
}
.crossinterview_ttl_wrap h2{
	margin-bottom: var(--base-40);
	font-size: var(--base-30);
}
.crossinterview_ttl_wrap p{
	padding-right: var(--base-70);
	font-size: var(--base-18);
	line-height: var(--base-30);
}
.crossinterview_ttl{
	width: min(38.671875vw, 495px);
}
.crossinterview_ttl_wrap figure{
	width: min(37.109375vw, 475px);
}
.crossinterview_sub_wrap{

}
.crossinterview_sub{
	padding: var(--base-20);
	width: min(36.71875vw, 470px);
	background: #f2f2f2;
}
.crossinterview_sub figure{
	width: var(--base-120);
	padding-right: var(--base-20);
}
.crossinterview_prof_wrap .prof_dep{
	font-size: inherit;
}
.crossinterview_prof_wrap .prof_name{}
.crossinterview_prof_wrap .prof_his{
	line-height: var(--base-20);
}
.que_cross_r,
.que_cross_l{
	margin-bottom: var(--base-50);
}
.que_cross_img{
	position: relative;
	width: var(--base-120);
}
.que_cross_r .que_cross_img{
	margin-right: var(--base-50);
}
.que_cross_img::before{
	position: absolute;
	top: var(--base-50);
	content: "";
	width: min(0.46875vw, 6px);
	height: var(--base-80);
	background: var(--base-color-green);
	border-radius: min(0.46875vw, 6px);
}
.que_cross_r .que_cross_img::before{
	right: calc( var(--base-45) * -1);
	transform: rotate(-45deg);
}
.que_cross_l .que_cross_img::before{
	left: calc( var(--base-45) * -1);
	transform: rotate(45deg);
}
.que_cross_l .que_cross_img{
	margin-left: var(--base-50);
}
.que_cross_img figure{
	width: var(--base-120);
	height: var(--base-120);
	border-radius: 50%;
	overflow: hidden;
	background: #c6e8cb;
}
.que_cross_img p{
	margin-top: var(--base-14);
	font-size: var(--base-18);
}
.que_cross_img span{
	font-size: var(--base-14);
}
.que_cross_txt_wrap{
	position: relative;
	width: calc( 100% - min(13.28125vw, 170px));
	background: var(--base-color-green);
	/*border-radius: var(--base-20);*/
	--radius-padding: min(0.46875vw, 6px);
	--radius-inner-size: var(--base-14);
	padding: var(--radius-padding);
	border-radius: calc( var(--radius-padding) + var(--radius-inner-size));
	overflow: hidden;
}
.que_cross_r .que_cross_txt_wrap::before {
	content: "";
	top: 0;
	right: 0;
	border-bottom: var(--base-80) solid transparent;
	border-right: var(--base-80) solid var(--base-color-yellow);
	position: absolute;
	z-index: 20;
}
.que_cross_l .que_cross_txt_wrap::before {
	content: "";
	top: 0;
	left: 0;
	border-bottom: var(--base-80) solid transparent;
	border-left: var(--base-80) solid var(--base-color-yellow);
	position: absolute;
	z-index: 20;
}
.que_cross_txt{
	position: relative;
	z-index: 30;
	/*margin: min(0.46875vw, 6px);*/
	padding: var(--base-40);
	background: var(--base-color-white);
	/*border-radius: var(--base-14);*/
	border-radius: var(--radius-inner-size);
	font-size: var(--base-18);
	line-height: var(--base-30);
}
.que_cross_in_txt{
	width: calc( 100% - min(23.4375vw, 300px));
}
.que_cross_in_img{
	width: min(23.4375vw, 300px);
}
.que_cross_in_img img{
	width: min(21.09375vw, 270px);
}
@media screen and (max-width: 768px) {
	.crossinterview_ttl{
		width: 60%;
	}
	.crossinterview_sub{
		width: 49%;
	}
	.crossinterview_sub figure{
		width: 28%;		
	}
}
@media screen and (max-width: 576px) {
	.crossinterview_ttl,
	.crossinterview_sub,
	.que_cross_in_txt,
	.que_cross_in_img,
	.que_cross_in_img img{
		width: 100%;
	}
	.crossinterview_ttl_wrap figure{
		width: 100%;
		margin: var(--base-45) 0;
		text-align: center;
	}
	.crossinterview_ttl_wrap figure img{
		width: 70%;
	}
	.crossinterview_sub:first-of-type{
		margin-bottom: var(--base-25);
	}
}