@charset "UTF-8";

/* !ページタイトル -------------------------------------------------------------- */
.page_title {
	padding-left: 6.77%;
	position: relative;
	min-height: 280px;
}
.page_title::after {
	position: absolute;
	content: "";
	display: block;
	background: var(--red);
	clip-path: polygon(0 0, 100% 0, 36.5% 100%, 0 100%);
	top: 0;
	left: 0;
	width: 151px;
	height: 280px;
}
.page_title_txt {
	position: absolute;
	width: 30%;
	width: 100%;
	padding-top: 8.65%;
}
.page_title_txt.p-inherit {
	position: inherit;
	width: 100%;
	padding-top: 9.25%;
	padding-top: 8.65%;
}
.page_title_txt p {
}
.page_title_txt .h1 {
	padding-top: .3em;
}
.page_title_img {
	width: 74.5%;
	margin-left: auto;
	margin-right: 0;
	text-align: right;
	padding-top: 4.68%;
}
@media screen and (min-width: 1921px) {
	.page_title::before {
		position: absolute;
		content: "";
		display: block;
		background: var(--red);
		top: 0;
		left: 0;
		width: 100%;
		height: 280px;
		transform: translateX(-99%);
		z-index: -1;
	}
}
@media screen and (max-width: 1920px) {
	.page_title {
		min-height: 14.583vw;
	}
	.page_title::after {
		width: 7.865vw;
		height: 14.583vw;
	}
	.page_title .fz80 { font-size: 4.167vw; }
}
@media screen and (max-width: 1024px) {
	.page_title {
		min-height: 18vw;
	}
	.page_title_txt {
		width: 40%;
	}
	.page_title_img {
		width: 64%;
	}
	.page_title_img img {
		width: 100%;
	}
	.page_title .fz80 { font-size: 5.8vw; }
}
@media screen and (max-width: 540px) {
	.page_title {
		padding-left: 0;
		min-height: 27.5vw;
	}
	.page_title::after {
		width: 12.583vw;
		height: 23.333vw;
	}
	.page_title_txt {
		position: inherit;
		width: 100%;
		padding-left: 12.5%;
	}
	.page_title_img {
		width: 87.5%;
		margin: 0 0 5vw auto;
		padding-top: 3%;
	}
	.page_title .fz80 { font-size: 9.7vw; }
}

.single-interview .page_title_img {
	position: relative;
	top: 0;
	right: 0;
	width: 84.4%;
	width: 1510px;
	width: 100%;
	padding-top: 0;
}
.page_title_interview_img {
	display: flex;
	justify-content: flex-end;
	align-items: start;
	width: 50%;
	max-height: 93vh;
	max-height: calc(100vh - 97px);
	min-height: 750px;
}
.page_title_interview_img img {
	width: 100%;
	max-height: 93vh;
	max-height: calc(100vh - 97px);
	object-fit: cover;
	min-height: 750px;
}
.page_title_img .slide_inner_eiji {
	position: inherit;
	background: none;
	padding: .35em .2em 0 0;
	letter-spacing: 0.03em;
}
.page_title_interview_txt {
	text-align: left;
	width: 50%;
	padding-bottom: 5%;
	padding-left: 8%;
}
.page_title_interview_img .fz45 { font-size: 45px; }
.page_title_interview_txt .fz38 { font-size: 38px; }
.page_title_interview_txt .fz32 { font-size: 32px; }
.page_title_interview_txt .fz18 { font-size: 18px; }
@media screen and (max-width: 1920px) {
.page_title_interview_txt .fz38 { font-size: 1.979vw; }
}
@media screen and (max-width: 1750px) {
	.page_title_interview_img {
		min-height: 42.857vw;
		max-height: calc(100vh - 5.389vw);
	}
	.page_title_interview_img img {
		min-height: 42.857vw;
		max-height: calc(100vh - 5.389vw);
	}
	.single-interview .page_title_img {
	}
	.page_title_interview_img .fz45 { font-size: 2.571vw; }
	.page_title_interview_txt .fz32 { font-size: 1.829vw; }
	.page_title_interview_txt .fz18 { font-size: 1.029vw; }
}
@media screen and (max-width: 1024px) {
	.page_title_interview_img {
		min-height: 52vw;
		max-height: inherit;
	}
	.page_title_interview_img img {
		min-height: 52vw;
		max-height: inherit;
	}
	.single-interview .page_title_img {
	}
	.page_title_interview_img .fz45 { font-size: 2.8vw; }
	.page_title_interview_txt .fz38 { font-size: 2.4vw; }
	.page_title_interview_txt .fz32 { font-size: 2.3vw; }
	.page_title_interview_txt .fz18 { font-size: 1.4vw; }
	.page_title_interview_img {
	}
	.page_title_interview_txt {
		padding-left: 0;
	}
}
@media screen and (max-width: 540px) {
	.page_title_interview_img {
		min-height: 52vw;
		max-height: inherit;
		padding-top: 8vw;
	}
	.page_title_interview_img img {
		min-height: 52vw;
		max-height: inherit;
	}
	.single-interview .page_title_img {
		width: 94.5%;
	}
	.page_title_interview_img .fz45 { font-size: 4.5vw; }
	.page_title_interview_txt .fz38 {
		font-size: 4.9vw;
		line-height: 1.6;
		padding: 1.1em 0 .5em;
	}
	.page_title_interview_txt .fz32 { font-size: 4.923vw; }
	.page_title_interview_txt .fz18 { font-size: 3vw; }
	.page_title_interview_img {
		width: 100%;
		padding-left: 10.5%;
		padding-right: 15%;
	}
	.page_title_interview_txt {
		width: 100%;
		padding-bottom: 0;
	}
}


/* !パンくずリスト -------------------------------------------------------------- */
.breadcrumb {
	width: 89.2%;
	max-width: 1180px;
	font-weight: 500;
	padding: .9em 0;
	margin: 0 auto;
}
.breadcrumb ul {
	font-size: 15px;
}
.breadcrumb li {
	display: inline;
	line-height: 1.2;
}
.breadcrumb li::after {
	content: ">";
	margin-left: 0.4em;
	margin-right: 0.3em;
}
.breadcrumb li:last-child::after {
	content: none;
}
.breadcrumb li a {
}
.breadcrumb li a:hover {
	color: var(--red);
}
.breadcrumb li a br {
	display: none;
}
.entry .breadcrumb {
	padding: .9em 0;
}
@media screen and (max-width: 1300px) {
	.breadcrumb li {
		font-size: 1.154vw;
	}
}
@media screen and (max-width: 1024px) {
	.breadcrumb li {
		font-size: 1.5vw;
	}
}
@media screen and (max-width: 540px) {
	.breadcrumb {
		padding: 2vw 0;
	}
	.breadcrumb li {
		font-size: 3vw;
	}
}


/* !contents -------------------------------------------------------------- */
.icon-entrycheck {
	position: relative;
	display: inline-block;
}
.icon-entrycheck::before {
	position: absolute;
	content: "";
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	background: url(../images/icon-entrycheck.png) no-repeat;
	background-size: contain;
	width: 59px;
	height: 59px;
	top: -72px;
}
@media screen and (max-width: 1300px) {
	.icon-entrycheck::before {
		width: 4.538vw;
		height: 4.538vw;
		top: -5.538vw;
	}
}
@media screen and (max-width: 1024px) {
	.icon-entrycheck::before {
		width: 5.762vw;
		height: 5.762vw;
		top: -7.031vw;
	}
}
@media screen and (max-width: 540px) {
	.icon-entrycheck::before {
		width: 9.833vw;
		height: 9.833vw;
		top: -12vw;
	}
	.entry .mt15 {
		margin-top: 7vw;
	}
}


#interview_top .slide_inner_wrap {
	display: block;
	width: 28.92%;
	margin-right: 6.5%;
}
#interview_top .slide_inner_wrap a {
	width: 100%;
}

@media screen and (min-width: 541px) {
	#interview_top .slide_inner_wrap:nth-child(3n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 540px) {
	#interview_top .slide_inner_wrap {
		width: 47.5%;
		margin-right: 5%;
	}
	#interview_top .slide_inner_wrap:nth-child(2n) {
		margin-right: 0;
	}
	#interview_top .slide_inner {
		height: 56.4vw;
	}
	#interview_top .slide_inner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.interview_question {
	position: relative;
	padding-left: 96px;
}
.interview_question::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	content: "";
	background: var(--red);
	width: 64px;
	height: 64px;
}
.interview_question::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	content: "Q";
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #fff;
	line-height: 1;
	font-size: 30px;
	left: 21px;
}
@media screen and (max-width: 1300px) {
	.interview_question {
		padding-left: 7.385vw;
	}
	.interview_question::before {
		width: 4.923vw;
		height: 4.923vw;
	}
	.interview_question::after {
		font-size: 2.308vw;
		left: 1.615vw;
	}
}
@media screen and (max-width: 1024px) {
	.interview_question {
		padding-left: 7vw;
	}
	.interview_question::before {
		width: 5.333vw;
		height: 5.333vw;
	}
	.interview_question::after {
		font-size: 2.5vw;
		left: 1.75vw;
	}
}
@media screen and (max-width: 540px) {
	.interview_question {
		padding-left: 10vw;
		line-height: 1.6;
		margin-right: -1vw;
	}
	.interview_question br {
		/*display: none;*/
	}
	.interview_question::before {
		width: 9.143vw;
		height: 9.143vw;
		top: 1vw;
		transform: none;
		left: -2vw;
	}
	.interview_question::after {
		font-size: 4.286vw;
		left: 1vw;
		top: 3.3vw;
		transform: none;
	}
	.interview_detail p {
		line-height: 2;
		margin-top: .5em;
	}
	.interview_detail img {
		margin-bottom: 5vw;
	}
}






@media screen and (max-width: 1300px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 540px) {
}