@charset "UTF-8";


/* !interview
---------------------------------------------------------- */
.page-header {
	display: flex;
	align-items: center;
}
.page-header-title {
	margin-left: -2.2em;
}
.page-header-inner {
	padding: 5% 0 3% 9.6%;
}
.interview_04 .page-header-inner {
	padding: 5% 0 3% 8.6%;
}
.page-header-img {
	width: 60.5%;
}
.page-header-txt {
	width: 39.5%;
}
@media screen and (max-width: 1024px) {
	.page-header-img {
		width: 55%;
	}
	.page-header-img img {
		width: 100%;
		height: 45vw;
		object-fit: cover;
		border-radius: 0 1.875em 1.875em 0;
	}
	.page-header-txt {
		width: 45%;
	}
}
@media screen and (max-width: 540px) {
	.page-header {
		display: block;
	}
	.page-header-img {
		width: 90%;
	}
	.page-header-txt {
		width: 100%;
	}
	.page-header-img img {
		width: 100%;
		height: auto;
		object-fit: inherit;
		border-radius: 0;
	}
	.page-header-title {
		margin-left: 0;
		padding: 0 0 0 7%;
		margin-top: -15vw;
	}
	.page-header-inner {
		padding: 0 7%;
	}
	.interview_04 .page-header-inner {
		padding: 0 7%;
	}
}


/* !パンくずリスト -------------------------------------------------------------- */
.breadcrumb {
	padding: 4em 2% 3.1em;
}
.breadcrumb li {
	display: inline-block;
}
.breadcrumb li::after {
	content: "＞";
	font-size: 62.5%;
	margin-left: .5em;
	margin-right: .5em;
}
.breadcrumb li:last-child::after {
	content: none;
}
.breadcrumb li a {
	color: #000;
}
.breadcrumb li a:hover {
}
.breadcrumb li:last-child {
	color: var(--orange);
}
.breadcrumb li a br {
	display: none;
}
@media screen and (max-width: 540px) {
	.breadcrumb {
		padding: 2em 3% 2em 0;
	}
}


/* !contents -------------------------------------------------------------- */

.interview_01 .color {
	color: var(--pink);
}
.interview_01 .bg_color {
	background: var(--pink);
}
.interview_01 .bg_lcolor {
	background: var(--lpink);
}
.interview_02 .color {
	color: var(--green);
}
.interview_02 .bg_color {
	background: var(--green);
}
.interview_02 .bg_lcolor {
	background: var(--lgreen);
}
.interview_03 .color {
	color: var(--yellow);
}
.interview_03 .bg_color {
	background: var(--yellow);
}
.interview_03 .bg_lcolor {
	background: var(--lyellow);
}
.interview_04 .color {
	color: var(--blue);
}
.interview_04 .bg_color {
	background: var(--blue);
}
.interview_04 .bg_lcolor {
	background: var(--lblue);
}
.career {
	display: flex;
	flex-wrap: wrap;
}
.career dt {
	width: 42%;
	text-align: right;
	line-height: 1.5;
	position: relative;
	padding: 0 2.75em 2.2em 0;
}
.career dt::before,
.career dt::after {
	position: absolute;
	content: "";
	display: inline-block;
	top: .5em;
}
.career dt::before {
	border-left: 2px dotted #7c7c7c;
	right: 1.4em;
	width: 2px;
	height: 100%;
}
.career dt:last-of-type::before {
	content: none;
}
.career dt::after {
	width: 1em;
	height: 1em;
	border-radius: 50%;
	right: 1em;
}
.interview_01 .career dt::after {
	background: var(--pink);
}
.interview_02 .career dt::after {
	background: var(--green);
}
.interview_03 .career dt::after {
	background: var(--yellow);
}
.interview_04 .career dt::after {
	background: var(--blue);
}
.career dd {
	width: 58%;
	padding: 0 10% 2.5em 0;
}
.career dd:last-of-type {
	padding: 0 10% 0 0;
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 540px) {
	.career dt {
		width: 100%;
		text-align: left;
		line-height: 1.5;
		position: relative;
		padding: 0 2.75em 0 10%;
	}
	.career dd {
		width: 100%;
		padding: 1% 4% 6% 10%;
		position: relative;
	}
	.career dt::before {
		right: inherit;
		left: 1.4em;
		border-left: 1px dotted #7c7c7c;
		width: 1px;
	}
	.career dd::before {
		position: absolute;
		content: "";
		display: inline-block;
		top: .4em;
		border-left: 1px dotted #7c7c7c;
		width: 1px;
		height: 100%;
		left: 1.4em;
	}
	.career dd:last-of-type::before {
		content: none;
	}
	.career dt::after {
		width: 1em;
		height: 1em;
		border-radius: 50%;
		right: inherit;
		left: 3.5%;
	}
	.career dd:last-of-type {
		padding: 1% 4% 0 10%;
	}
	.career dt br {
		display: none;
	}
}


.q-a {
	display: flex;
	align-items: center;
}
.q-a dt {
	margin-bottom: .7em;
}
.q-a dd + dt {
	margin-top: 3em;
}
.q-a figure {
	width: 46.25%;
}
.q-a-inner {
	width: 53.75%;
	padding: 0 6.5% 0 8.333%;
}
.q-a-q {
	padding: .02em .3em .08em .4em;
	margin-right: .55em;
}
.q-a-right figure {
	order: 2;
}
.q-a-right .q-a-inner {
	order: 1;
}
@media screen and (max-width: 1024px) {
	.q-a-inner {
		padding: 0 5% 0 6%;
	}
}
@media screen and (max-width: 540px) {
	.q-a {
		display: block;
	}
	.q-a figure {
		width: 94%;
	}
	.q-a-inner {
		width: 100%;
		margin-top: 6vw;
	}
	.q-a dd + dt {
		margin-top: 6vw;
	}
	.q-a-right figure {
		margin-left: auto;
		margin-right: 0;
	}
}

.bg_movie2 {
	background: url(../images/bg_movie2.webp) no-repeat;
	background-size: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 66.5625em;
	padding: 13.25% 32.5%;
}
@media screen and (max-width: 1024px) {
	.bg_movie2 {
		height: 88.75vw;
	}
}
@media screen and (max-width: 540px) {
	.bg_movie2 {
		background-image: url(../images/bg_movie2_sp.webp);
		height: 130.5vw;
		padding: 18.75% 24%;
	}
}



.bg_entry2 {
	background: url(../images/bg_entry2.webp) no-repeat;
	background-size: 100%;
	height: 46.3125em;
	padding-bottom: 5%;
}
@media screen and (max-width: 540px) {
	.bg_entry2 {
		background-image: url(../images/bg_entry_sp.webp);
		background-position: bottom;
		height: 100vw;
	}
}

.icon_05 {
	background: url(../images/icon_05.png) no-repeat;
	background-size: 100%;
	width: 14.9375em;
	height: 1.875em;
	display: inline-block;
}
@media screen and (max-width: 540px) {
	.icon_05 {
		width: 11.95em;
		height: 1.5em;
	}
}