@charset "utf-8";
.interview_modal_overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 110vh;
		background: rgba(0, 0, 0, 0.8);
		display: none;
}
.interview_modal_container {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 9999;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		display: none;
}
.interview_modal_wrap {
		width: 960px;
		margin: 0 auto;
		background: #310140;
		border-left: 2px solid #d000df;
		border-right: 2px solid #d000df;
		box-sizing: border-box;
		padding: 50px 10px 50px 30px;
		position: relative;
		z-index: 10;
}
.interview_modal_hd {
		margin-bottom: 40px;
}
.interview_modal_hd_en {
		font-family: 'Rajdhani', sans-serif;
		font-size: 32px;
		font-weight: 400;
		letter-spacing: 0.02em;
		margin: 0;
}
.interview_modal_hd_jp {
		font-size: 14px;
}
.interview_modal_wrap .modal_close {
		width: 20px;
		height: 20px;
		position: absolute;
		top: 18px;
		right: 18px;
		cursor: pointer;
		z-index: 10;
}
.modal_close::before, .modal_close::after {
		content: '';
		display: block;
		position: absolute;
		top: 10px;
		left: 0;
		width: 20px;
		height: 1px;
		background: #fff;
		pointer-events: none;
}
.modal_close::before {
		transform: rotate(45deg)
}
.modal_close::after {
		transform: rotate(-45deg)
}
@media (hover: hover) {
		.modal_close:hover::before, .modal_close:hover::after {
				background: #ffde00;
		}
}
.interview_modal_cont {
		width: 100%;
		overflow: auto;
		height: calc(100vh - 100px);
		position: relative;
		padding-right: 20px;
		box-sizing: border-box;
}
.interview_hdr_flex {
		display: flex;
		margin: 0 0 50px;
}
.interview_hdr_flex_left {
		box-sizing: border-box;
		margin-right: 50px;
		width: 380px;
}
.interview_hdr_figure {
		padding: 10px;
		border: 1px solid #d000df;
		position: relative;
}
.interview_hdr_figure .frame_top {
		position: absolute;
		top: 0;
		width: 100%;
		left: 0;
}
.interview_hdr_figure .frame_bottom {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
}
.interview_hdr_figure img {
		width: 100%;
		height: auto;
}
.interview_hdr_flex_right {
		flex: 1;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
}
.interview_hdr_catch {
		font-size: 26px;
		font-weight: 500;
		line-height: 1.8;
}
.interview_hdr_flex_right_gr {
		font-family: 'Rajdhani', sans-serif;
		font-weight: 400;
		letter-spacing: 0.02em;
		margin: 0;
		line-height: 1;
}
.iinterview_hdr_name {
		font-size: 26px;
		margin: 0 0 10px
}
.interview_hdr_job {
		display: flex;
		align-items: center;
}
.interview_hdr_job li {
		list-style: none;
		position: relative;
		font-size: 16px;
		margin-right: 15px;
		padding-left: 12px;
}
.interview_hdr_job li::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 2px);
		left: 0;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background: #FFDE00;
}
.interview_article_hd {
		font-size: 22px;
		font-weight: 500;
		padding-bottom: 14px;
		margin: 0 0 20px;
		border-bottom: 1px solid #d000df;
}
.interview_article_hd + p {
		line-height: 2.0;
		margin: 0 0 60px;
}
@media(max-width: 1300px) {
		.interview_modal_wrap {
				width: calc(100% - 80px);
		}
		.interview_hdr_flex_left {
				margin-right: 30px;
				width: 50%;
		}
}
@media(max-width: 1194px) {
		.interview_modal_wrap {
				padding-top: 50px;
		}
}
@media(max-width: 840px) {
		.interview_scroll_cont {
				overflow: auto;
				height: calc(100vh - 50px)
		}
		.interview_modal_container {
				padding-top: 0;
		}
		.interview_modal_wrap {
				padding: 50px 20px 60px 30px;
		}
		.interview_hdr_catch {
				font-size: 22px;
		}
		.interview_article {
				padding-bottom: 80px;
		}
}
@media(max-width: 767px) {
		.interview_modal_wrap {
				width: calc(100% - 30px);
		}
		.interview_modal_wrap {
				padding: 50px 0 40px 20px;
		}
		.interview_hdr_flex {
				display: block;
				margin: 0 0 20px;
		}
		.interview_hdr_flex_left {
				width: 100%;
				margin: 0 0 15px;
		}
		.interview_hdr_flex_right {
				display: flex;
				flex-direction: column-reverse;
		}
		.interview_hdr_catch {
				font-size: 20px;
				margin: 0;
		}
		.interview_hdr_flex_right_gr {
				margin: 0 0 20px;
		}
		.iinterview_hdr_name {
				font-size: 20px;
				margin: 0 0 10px
		}
		.interview_hdr_job li {
				font-size: 14px;
				margin-right: 15px;
				padding-left: 12px;
		}
		.interview_hdr_job li::before {
				content: '';
				display: block;
				position: absolute;
				top: calc(50% - 2px);
				left: 0;
				width: 5px;
				height: 5px;
				border-radius: 50%;
				background: #FFDE00;
		}
		.interview_article_hd {
				font-size: 20px;
				font-weight: 500;
				padding-bottom: 14px;
				margin: 0 0 15px;
		}
		.interview_article_hd + p {
				line-height: 1.7;
				margin: 0 0 45px;
		}
}