@charset "utf-8";
.interview_section {
		width: 160vh;
		min-width: 160vh;
		position: relative;
}
@media(max-height: 900px) and (min-width: 1195px) {
		.interview_section {
				width: 1900px;
				min-width: 1900px;
		}
}
.interview_section_inner {
		padding-top: 13.3vh;
		padding-left: 20vh;
		position: relative;
		z-index: 5;
		display: flex
}
.inteview_hd {
		width: 37vh;
		margin-bottom: 15px;
}
.interview_section .title_hd_lead {
		margin-bottom: 6.8vh;
}
.interview_flex {
		display: flex;
		position: relative;
}
.interview_section .crew_item_caption h5 {
		position: relative;
}
.interview_section .crew_item_caption h5::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 14px);
		right: 0;
		width: 6px;
		height: 12px;
		background: url("../images/interview_link_arw.svg") no-repeat center center;
		background-size: 100%;
}
.interview_flex .welfare_mission {
		position: absolute;
		width: 14vh;
		bottom: -4vh;
		left: -22vh;
}
.welfare_mission img {
		width: 100%;
		height: auto;
}
@media(max-width: 1194px) {
		.interview_section {
				width: 100%;
				min-width: 100%;
				box-sizing: border-box;
				padding: 0 20px 25vw;
		}
		.interview_section::after {
				content: '';
				display: block;
				position: absolute;
				top: 40vw;
				left: 0;
				width: 100%;
				height: 84vw;
				pointer-events: none;
				background: url("../images/interview_bg_sp.png") no-repeat right top;
				background-size: 100%;
		}
		.interview_section_inner {
				padding-top: 0;
				padding-left: 0;
				max-width: 680px;
				margin: 0 auto;
		}
		.inteview_hd {
				width: 48vw;
				width: 48%;
		}
		.interview_flex {
				display: flex;
				justify-content: space-between;
		}
		.interview_flex .welfare_mission {
				width: 140px;
				bottom: inherit;
				left: inherit;
				top: -39vw;
				right: 15vw;
		}
		.verLandscape .interview_flex .welfare_mission {
				width: 140px;
				bottom: inherit;
				left: inherit;
				top: -24vw;
				right: 15vw;
		}
}
@media(max-width: 840px) {
		.verLandscape .interview_flex {
				display: flex;
				justify-content: center;
		}
}
@media(max-width: 767px) {
		.interview_section::after {
				top: 65vw;
		}
		.interview_section .title_hd_lead {
				margin-bottom: 30px;
		}
		.interview_flex .welfare_mission {
				width: 80px;
				top: -56vw;
				right: 10vw;
		}
		.verLandscape .interview_flex .welfare_mission {
				width: 80px;
				top: -29vw;
				right: 15vw;
		}
}
/* ==================== */
.interview_section_inner_left {
		position: relative;
}
.interview_section_inner_left .interview_mission {
		position: absolute;
		width: 180px;
		top: 0;
		right: -240px;
}
.interview_section_inner_left .interview_alien {
		position: absolute;
		bottom: 0;
		right: -370px;
		width: 330px;
		transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1);
		cursor: pointer;
}
.interview_alien img {
		width: 100%;
		height: auto;
}
.interview_alien .interview_alien_figure_caption {
		position: absolute;
		top: 35px;
		left: 35px;
		width: 140px;
		height: 140px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
}
.interview_alien_figure_caption p {
		text-align: center;
		line-height: 1.8;
		font-size: 15px;
}
.interview_alien_figure_caption p span {
		opacity: 0;
		position: relative;
		transition: opacity 0.03s;
		display: inline-block;
}
.alienActionActive .interview_alien_figure_caption p span {
		opacity: 1;
}
@media(max-height: 900px) and (min-width: 1195px) {
		.interview_section_inner {
				width: 900px;
		}
		.interview_section_inner_left .interview_alien {
				right: -290px;
				width: 260px;
		}
		.interview_alien .interview_alien_figure_caption {
				top: 21px;
				left: 24px;
				width: 120px;
				height: 120px;
		}
		.interview_alien_figure_caption p {
				font-size: 14px;
				line-height: 1.6;
		}
}
@media(max-width: 1194px) {
		.interview_section_inner_left .interview_mission {
				position: static;
				width: 180px;
				top: 0;
				right: inherit;
				margin-top: 30px;
		}
		.interview_section_inner {
				width: auto;
		}
		.interview_alien_center {
				display: flex;
				justify-content: center;
		}
		.interview_section_inner_left .interview_alien {
				position: static;
				position: relative;
				top: inherit;
				right: inherit;
				width: 260px;
				transform: translateX(100px);
		}
		.interview_alien .interview_alien_figure_caption {
				top: 21px;
				left: 24px;
				width: 120px;
				height: 120px;
		}
}
@media(max-width: 767px) {
		.interview_section_inner_left .interview_mission {
				width: 100px;
		}
		.interview_section_inner_left .interview_alien {
				width: 230px;
				transform: translateX(15px);
		}
		.interview_alien .interview_alien_figure_caption {
				top: 21px;
				left: 24px;
				width: 100px;
				height: 100px;
		}
		.interview_alien_figure_caption p {
				font-size: 13px;
		}
}
.interview_alien_figure_caption p span:nth-of-type(1) {
		transition-delay: 0.03s;
}
.interview_alien_figure_caption p span:nth-of-type(2) {
		transition-delay: 0.06s;
}
.interview_alien_figure_caption p span:nth-of-type(3) {
		transition-delay: 0.09s;
}
.interview_alien_figure_caption p span:nth-of-type(4) {
		transition-delay: 0.12s;
}
.interview_alien_figure_caption p span:nth-of-type(5) {
		transition-delay: 0.15s;
}
.interview_alien_figure_caption p span:nth-of-type(6) {
		transition-delay: 0.18s;
}
.interview_alien_figure_caption p span:nth-of-type(7) {
		transition-delay: 0.21s;
}
.interview_alien_figure_caption p span:nth-of-type(8) {
		transition-delay: 0.24s;
}
.interview_alien_figure_caption p span:nth-of-type(9) {
		transition-delay: 0.27s;
}
.interview_alien_figure_caption p span:nth-of-type(10) {
		transition-delay: 0.3s;
}
.interview_alien_figure_caption p span:nth-of-type(11) {
		transition-delay: 0.33s;
}
.interview_alien_figure_caption p span:nth-of-type(12) {
		transition-delay: 0.34s;
}
.interview_alien_figure_caption p span:nth-of-type(13) {
		transition-delay: 0.37s;
}
.interview_alien_figure_caption p span:nth-of-type(14) {
		transition-delay: 0.40s;
}
.interview_alien_figure_caption p span:nth-of-type(15) {
		transition-delay: 0.43s;
}
.interview_alien_figure_caption p span:nth-of-type(16) {
		transition-delay: 0.46s;
}
.interview_alien_figure_caption p span:nth-of-type(17) {
		transition-delay: 0.49s;
}
.interview_alien_figure_caption p span:nth-of-type(18) {
		transition-delay: 0.52s;
}
.interview_alien_figure_caption p span:nth-of-type(19) {
		transition-delay: 0.55s;
}
.interview_alien_figure_caption p span:nth-of-type(20) {
		transition-delay: 0.58s;
}
.interview_alien_figure_caption p span:nth-of-type(21) {
		transition-delay: 0.61s;
}
.interview_alien_figure_caption p span:nth-of-type(22) {
		transition-delay: 0.64s;
}
.interview_alien_figure_caption p span:nth-of-type(23) {
		transition-delay: 0.67s;
}
.interview_alien_figure_caption p span:nth-of-type(24) {
		transition-delay: 0.7s;
}
.interview_alien_figure_caption p span:nth-of-type(25) {
		transition-delay: 0.73s;
}
/* ==================== */
.interview_section .interview_planet {
		position: absolute;
		width: 40vh;
		right: -80vh;
		top: calc(50% - 20vh);
		transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
		transform: scale(0.1);
		opacity: 0;
}
.interview_section .interview_planet.earthActive {
		transform: scale(1);
		opacity: 1;
}
.interview_planet img {
		width: 100%;
		height: auto;
}
@media(max-height: 900px) and (min-width: 1195px) {
		.interview_section .interview_planet {
				width: 400px;
				right: -1000px;
				top: calc(50% - 200px);
		}
}
@media(max-width: 1194px) {
		.interview_section .interview_planet {
				position: static;
		}
		.interview_planet_center {
				display: flex;
				justify-content: center;
				padding: 25vw 0 0;
		}
		.interview_section .interview_planet {
				max-width: 400px;
				width: 55vw;
		}
}