@charset "utf-8";

/* ↓↓↓ .interview_fv ↓↓↓ */
.interview_fv {
	background: url(../img/interview/interview-fv-bg_pc.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
	padding: min(6.588579795vw, 90px) 0 0;
	margin-top: min(6.588579795vw, 90px);
}

@media (max-width: 768px) {
	.interview_fv {
		padding: 60px 0 0;
		margin-top: 0;
		background: url(../img/interview/interview-fv-bg_sp.jpg) no-repeat;
		background-size: cover;
		background-position: center top;
	}
}

.interview_fv .sec_inner .uvance-logo {
	width: min(11.273792093704vw, 154px);
	height: max-content;
	top: max(-3.66032210834cqw, -50px);
	right: max(-7.68667642752vw, -105px);
	left: unset;
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .uvance-logo {
		width: 100px;
		top: 32px;
		right: -15px;
	}
}

.interview_fv .sec_inner .sec_ttl {
	position: relative;
	padding-bottom: min(1.7569546120058vw, 24px);
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .sec_ttl {
		padding-bottom: 30px;
		padding-top: 96px;
	}
}

.interview_fv .sec_inner .sec_ttl .title {
	font-family: var(--text-fif);
	font-size: min(3.07467057101vw, 4.2rem);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	color: #fff;
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .sec_ttl .title {
		font-size: 3.2rem;
	}
}

.interview_fv .sec_inner .sec_ttl .cap {
	font-size: min(1.024890190336vw, 1.4rem);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	color: #fff;
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .sec_ttl .cap {
		font-size: 1.4rem;
	}
}

.interview_fv .sec_inner .sec_ttl::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #00db00;
	background: linear-gradient(
		90deg,
		rgba(0, 219, 0, 1) 0%,
		rgba(0, 233, 240, 1) 50%
	);
}

.interview_fv .sec_inner .interview_read {
	font-size: min(1.6837481698389vw, 2.3rem);
	color: #fff;
	font-weight: 700;
	margin-top: min(1.756954612005vw, 24px);
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .interview_read {
		font-size: 1.6rem;
		letter-spacing: 0.05em;
		margin-top: 15px;
		line-height: 2;
	}
}

.interview_fv .sec_inner .interview_conts {
	display: flex;
	column-gap: min(4.39238653001vw, 60px);
	width: 100%;
	margin-top: min(5.270863836017vw, 72px);
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .interview_conts {
		flex-direction: column-reverse;
		row-gap: 28px;
		margin-top: 42px;
	}
}

.interview_fv .sec_inner .interview_conts .text_wrap {
	width: min(32.57686676427vw, 445px);
	margin-top: min(7.686676427525vw, 105px);
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .interview_conts .text_wrap {
		width: 100%;
		margin-top: 0;
	}
}

.interview_fv .sec_inner .interview_conts .text_wrap .conts_head {
	font-size: min(2.1961932650073vw, 3rem);
	font-weight: 900;
	letter-spacing: 0;
	background: linear-gradient(
		90deg,
		rgba(0, 219, 0, 1) 0%,
		rgba(0, 233, 240, 1) 30%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .interview_conts .text_wrap .conts_head {
		font-size: 2rem;
	}
}

.interview_fv .sec_inner .interview_conts .text_wrap .conts_pos {
	font-size: min(1.17130307467vw, 1.6rem);
	font-weight: 700;
	color: #fff;
	margin-top: min(6.588579795021vw, 90px);
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .interview_conts .text_wrap .conts_pos {
		font-size: 1.2rem;
		margin-top: 45px;
		letter-spacing: 0;
	}
}

.interview_fv .sec_inner .interview_conts .text_wrap .conts_name {
	font-size: min(1.8301610541727vw, 2.5rem);
	font-weight: 700;
	margin-top: min(0.8784773060029vw, 12px);
	color: #fff;
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .interview_conts .text_wrap .conts_name {
		font-size: 1.7rem;
		margin-top: 10px;
	}
}

.interview_fv .sec_inner .interview_conts .text_wrap .conts_name .en {
	font-family: var(--text-fif);
	font-size: min(1.2445095168374vw, 1.7rem);
	font-weight: 400;
	margin-left: min(0.7320644216691vw, 10px);
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .interview_conts .text_wrap .conts_name .en {
		font-size: 1rem;
		margin-left: 10px;
	}
}

.interview_fv .sec_inner .interview_conts .text_wrap .conts_text {
	font-size: min(1.0980966325036vw, 1.5rem);
	font-weight: 400;
	line-height: 2.2;
	letter-spacing: 0.01em;
	color: #fff;
	margin-top: min(1.7569546120058vw, 24px);
	text-align: justify;
	word-wrap: break-word;
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .interview_conts .text_wrap .conts_text {
		font-size: 1rem;
		margin-top: 20px;
		letter-spacing: 0.05em;
	}
}

.interview_fv .sec_inner .interview_conts .conts_image {
	width: min(43.265007320644vw, 591px);
	height: max-content;
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .interview_conts .conts_image {
		width: 100%;
		height: max-content;
	}
}

.interview_fv .sec_inner .interview_intro {
	position: relative;
	margin: min(8.784773060029vw, 120px) 0 min(3.6603221083455vw, 50px);
	padding: min(6.222547584187vw, 85px) min(10.907759882869vw, 149px);
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .interview_intro {
		position: relative;
		margin: 50px 0 75px;
		padding: 40px 0;
	}
}

.interview_fv .sec_inner .interview_intro::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
}

.interview_fv .sec_inner .interview_intro::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
}

.interview_fv .sec_inner .interview_intro .intro_text {
	font-size: min(1.2445095168374vw, 1.7rem);
	letter-spacing: 0.04em;
	line-height: 2.47;
	color: #fff;
	text-align: justify;
	word-break: break-all;
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .interview_intro .intro_text {
		font-size: 1.2rem;
	}
}

.interview_fv .sec_inner .interview_intro .intro_text + .intro_text {
	margin-top: min(2.9282576866764vw, 40px);
}

@media (max-width: 768px) {
	.interview_fv .sec_inner .interview_intro .intro_text + .intro_text {
		margin-top: 35px;
	}
}
/* ↑↑↑ .interview_fv ↑↑↑ */

/* ↓↓↓ interview_container ↓↓↓ */
.interview_container {
	padding: min(4.685212298682vw, 64px) 0 min(10.980966325036vw, 150px);
	background-color: #000;
}

@media (max-width: 768px) {
	.interview_container {
		padding: 0;
		background-color: #000;
	}
}

@media (max-width: 768px) {
	.interview_container .sec_inner {
		width: 100%;
	}
}

.interview_container .interview_block {
	position: relative;
	background-color: #f9f9f9;
}

.interview_container .interview_block + .interview_block {
	margin-top: min(3.6603221083455vw, 50px);
}

@media (max-width: 768px) {
	.interview_container .interview_block + .interview_block {
		margin-top: 25px;
	}
}

.interview_container .interview_block.block01 {
	width: min(66.25183016105vw, 905px);
	padding: min(8.41874084919vw, 115px) min(15.0805270863836vw, 206px)
		min(7.320644216691vw, 100px) min(4.685212298682vw, 64px);
}

.interview_container .interview_block.block02 {
	width: min(66.10541727672vw, 903px);
	padding: min(8.41874084919vw, 115px) min(7.320644216691vw, 100px)
		min(7.320644216691vw, 100px) min(12.29868228404vw, 168px);
	margin-left: auto;
}

.interview_container .interview_block.block03 {
	width: min(80.527086383601vw, 1100px);
	padding: min(5.490483162518vw, 75px) min(7.320644216691vw, 100px)
		min(6.588579795021vw, 90px) min(4.758418740849vw, 65px);
}

.interview_container .interview_block.block04 {
	width: min(66.25183016105vw, 905px);
	padding: min(6.588579795021vw, 90px) min(15.0805270863836vw, 206px)
		min(6.588579795021vw, 90px) min(4.685212298682vw, 64px);
}

.interview_container .interview_block.block05 {
	width: min(58.784773060029vw, 803px);
	padding: min(6.588579795021vw, 90px) min(7.320644216691vw, 100px)
		min(6.222547584187vw, 85px) min(4.978038067349vw, 68px);
	margin-left: auto;
}

.interview_container .interview_block.block05.interview02,
.interview_container .interview_block.block05.interview03,
.interview_container .interview_block.block05.interview04 {
	width: min(66.10541727672vw, 903px);
	padding: min(8.41874084919vw, 115px) min(7.320644216691vw, 100px)
		min(7.320644216691vw, 100px) min(12.29868228404vw, 168px);
	margin-left: auto;
}

@media (max-width: 768px) {
	.interview_container .interview_block.block01,
	.interview_container .interview_block.block02,
	.interview_container .interview_block.block03,
	.interview_container .interview_block.block04,
	.interview_container .interview_block.block05,
	.interview_container .interview_block.block05.interview02,
	.interview_container .interview_block.block05.interview03,
	.interview_container .interview_block.block05.interview04 {
		width: 100%;
		padding: 70px 31px 75px;
	}
}

.interview_container .interview_block .interview_wrap {
	padding-left: min(2.562225475841vw, 35px);
	margin-top: min(6.95461200585vw, 95px);
}

@media (max-width: 768px) {
	.interview_container .interview_block .interview_wrap {
		padding-left: 25px;
		margin-top: 50px;
	}
}

.interview_container .interview_block .interview_wrap:first-of-type {
	margin-top: 0;
}

.interview_container .interview_block .interview_wrap .interview_q {
	position: relative;
	font-size: min(1.2445095168374vw, 1.7rem);
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0;
}

@media (max-width: 768px) {
	.interview_container .interview_block .interview_wrap .interview_q {
		font-size: 1.2rem;
	}
}

.interview_container .interview_block .interview_wrap .interview_q::after {
	content: "Q";
	position: absolute;
	top: 0;
	left: max(-2.781844802342606vw, -38px);
	font-family: var(--text-fif);
	font-size: min(2.562225475841874vw, 35px);
	font-weight: 400;
	background: linear-gradient(
		90deg,
		rgba(69, 176, 53, 1) 0%,
		rgba(0, 64, 152, 1) 100%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	line-height: 1;
}

@media (max-width: 768px) {
	.interview_container .interview_block .interview_wrap .interview_q::after {
		top: 0;
		left: -30px;
		font-size: 2.6rem;
	}
}

.interview_container .interview_block .interview_wrap .interview_a {
	position: relative;
	font-size: min(1.2445095168374vw, 1.7rem);
	line-height: 2.47;
	letter-spacing: 0.05em;
	margin-top: min(1.171303074670571vw, 16px);
	text-align: justify;
	word-break: break-all;
}

@media (max-width: 768px) {
	.interview_container .interview_block .interview_wrap .interview_a {
		font-size: 1.2rem;
		margin-top: 25px;
	}
}

.interview_container .interview_block .interview_wrap .interview_a::after {
	content: "A";
	position: absolute;
	top: min(0.36603221083455345vw, 5px);
	left: max(-2.562225475841874vw, -35px);
	font-family: var(--text-fif);
	font-size: min(2.562225475841874vw, 35px);
	font-weight: 400;
	background: linear-gradient(
		90deg,
		rgba(69, 176, 53, 1) 0%,
		rgba(0, 64, 152, 1) 100%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	line-height: 1;
}

@media (max-width: 768px) {
	.interview_container .interview_block .interview_wrap .interview_a::after {
		top: 4px;
		left: -28px;
		font-size: 2.6rem;
	}
}

.interview_container .interview_block .interview_image01 {
	position: absolute;
	top: min(12.591508052708vw, 172px);
	right: max(-24.011713030746vw, -328px);
	width: min(34.84626647144vw, 476px);
	height: max-content;
}

.interview_container .interview_block .interview_image01.interview03 {
	top: min(14.6412884333821vw, 200px);
}

.interview_container .interview_block .interview_image01.interview04 {
	top: min(15.3733528550512vw, 210px);
}

@media (max-width: 768px) {
	.interview_container .interview_block .interview_image01,
	.interview_container .interview_block .interview_image01.interview03,
	.interview_container .interview_block .interview_image01.interview04 {
		position: relative;
		top: unset;
		right: unset;
		width: 99.0415335463%;
		margin: 27px 0 0 auto;
	}
}

.interview_container .interview_block .interview_image02 {
	position: absolute;
	top: min(8.931185944363vw, 122px);
	left: max(-14.421669106881vw, -197px);
	width: min(23.79209370424vw, 325px);
	height: max-content;
}

@media (max-width: 768px) {
	.interview_container .interview_block .interview_image02 {
		position: relative;
		top: unset;
		left: unset;
		width: 47.24%;
		margin-top: 27px;
	}
}

.interview_container .interview_block .interview_image03 {
	position: absolute;
	bottom: min(8.05270863836vw, 110px);
	left: max(-7.174231332357vw, -98px);
	width: min(19.106881405563vw, 261px);
	height: max-content;
}

.interview_container .interview_block .interview_image03.interview02 {
	bottom: min(46.0468521229868vw, 629px);
	left: max(-9.663250366032vw, -132px);
}

.interview_container .interview_block .interview_image03.interview04 {
	bottom: min(55.19765739385vw, 754px);
	left: max(-9.663250366032vw, -132px);
}

@media (max-width: 768px) {
	.interview_container .interview_block .interview_image03,
	.interview_container .interview_block .interview_image03.interview02,
	.interview_container .interview_block .interview_image03.interview04 {
		position: relative;
		bottom: unset;
		left: unset;
		width: 56.978%;
		margin: 27px 0 0 auto;
	}
}

.interview_container .interview_block .interview_image04 {
	position: absolute;
	top: min(16.1054172767203vw, 220px);
	right: max(-14.494875549048vw, -198px);
	width: min(25.47584187408vw, 348px);
	height: max-content;
}

.interview_container .interview_block .interview_image04.interview02,
.interview_container .interview_block .interview_image04.interview03,
.interview_container .interview_block .interview_image04.interview04 {
	top: min(7.32064421669106vw, 100px);
}

@media (max-width: 768px) {
	.interview_container .interview_block .interview_image04,
	.interview_container .interview_block .interview_image04.interview02,
	.interview_container .interview_block .interview_image04.interview03,
	.interview_container .interview_block .interview_image04.interview04 {
		position: relative;
		top: unset;
		right: unset;
		width: 99.0415335463%;
		margin: 27px 0 0 auto;
	}
}

.interview_container .interview_block .interview_image05 {
	position: absolute;
	top: min(13.836017569546119vw, 189px);
	left: max(-31.771595900439vw, -434px);
	width: min(33.60175695461vw, 459px);
	height: max-content;
}

.interview_container .interview_block .interview_image05.interview02,
.interview_container .interview_block .interview_image05.interview03,
.interview_container .interview_block .interview_image05.interview04 {
	top: min(9.150805270863vw, 125px);
	left: max(-24.450951683748vw, -334px);
}

@media (max-width: 768px) {
	.interview_container .interview_block .interview_image05,
	.interview_container .interview_block .interview_image05.interview02,
	.interview_container .interview_block .interview_image05.interview03,
	.interview_container .interview_block .interview_image05.interview04 {
		position: relative;
		top: unset;
		left: unset;
		width: 99.0415335463%;
		margin: 27px 0 0 auto;
	}
}
/* ↑↑↑ interview_container ↑↑↑ */

/* ↓↓↓ other ↓↓↓ */
.other {
	padding: min(10.54172767203514vw, 144px) 0 min(11.71303074670571vw, 160px);
	background: url(../img/interview/other-bg_pc.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

@media (max-width: 768px) {
	.other {
		padding: 75px 0 90px;
		background: url(../img/interview/other-bg_sp.jpg) no-repeat;
	}
}

.other .sec_lead {
	font-size: min(1.46413vw, 2rem);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 2.25;
	margin-top: min(2.342606149341142vw, 32px);
}

@media (max-width: 768px) {
	.other .sec_lead {
		margin-top: 43px;
		font-size: 1.6rem;
		line-height: 2.1;
	}
}

.other .interview_list {
	display: flex;
	flex-wrap: wrap;
	gap: 0 min(2.9282576866764276vw, 40px);
	margin-top: min(2.5622254758418vw, 35px);
}

@media (max-width: 768px) {
	.other .interview_list {
		gap: 40px;
		margin-top: 38px;
	}
}

.other .interview_list .list_item {
	width: calc((100% - min(6.076134699853587vw, 83px)) / 3);
	background-color: #000;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

@media (max-width: 768px) {
	.other .interview_list .list_item {
		width: 100%;
	}
}

.other .interview_list .item_img {
	width: 100%;
	display: block;
}

@media (max-width: 768px) {
	.other .interview_list .item_img {
		width: 100%;
	}
}

.other .interview_list .txt_group {
	flex: 1;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding: min(1.7569546120058566vw, 24px) 0 min(1.7569546120058566vw, 24px)
		min(1.7569546120058566vw, 24px);
}

@media (max-width: 768px) {
	.other .interview_list .txt_group {
		padding: 23px;
	}
}

.other .interview_list .item_head {
	font-size: min(1.3177159590043925vw, 1.8rem);
	font-weight: 700;
	line-height: 1.7;
	letter-spacing: 0;
	color: #fff;
}

@media (max-width: 768px) {
	.other .interview_list .item_head {
		font-size: 1.6rem;
	}
}

.other .interview_list .item_info {
	color: #fff;
	margin-top: min(1.830161054172767vw, 25px);
	margin-bottom: min(1.4641vw, 20px);
}

@media (max-width: 768px) {
	.other .interview_list .item_info {
		margin-top: 25px;
		margin-bottom: 18px;
	}
}

.other .interview_list .item_info .name {
	font-size: min(1.2445095168374818vw, 1.7rem);
	font-weight: 700;
	letter-spacing: 0;
}

@media (max-width: 768px) {
	.other .interview_list .item_info .name {
		font-size: 1.6rem;
	}
}

.other .interview_list .item_info .post {
	font-size: min(0.951683748169839vw, 1.3rem);
	font-weight: 700;
	letter-spacing: 0;
	margin-top: min(0.5856515373352855vw, 8px);
}

@media (max-width: 768px) {
	.other .interview_list .item_info .post {
		margin-top: 9px;
		font-size: 1.2rem;
	}
}

.other .interview_list .link_btn {
	width: min(14.494875549048317vw, 198px);
	height: min(2.4158125915080526vw, 33px);
	font-size: min(1.0248901903367496vw, 1.4rem);
	font-weight: 700;
	letter-spacing: 0.06em;
	border-radius: 9999px;
	display: flex;
	align-items: center;
	gap: min(0.29282576866764276vw, 4px);
	background-color: #fff;
	transition: opacity ease 0.3s;
	padding: min(0.7320644216691069vw, 10px) min(1.4641288433382138vw, 20px);
	padding-right: 5px;
	margin-top: auto;
}

@media (min-width: 769px) {
	.other .interview_list .link_btn:hover {
		opacity: 0.7;
	}
}

@media (max-width: 768px) {
	.other .interview_list .link_btn {
		width: 178px;
		height: 30px;
		font-size: 1.3rem;
		gap: 5px;
		padding: 9px 14px;
	}
}

.other .interview_list .link_btn .arrow {
	width: min(1.7569546120058566vw, 24px);
	display: block;
	line-height: 1;
	translate: 0 -4px;
}

@media (max-width: 768px) {
	.other .interview_list .link_btn .arrow {
		width: 20px;
	}
}
/* ↑↑↑ other ↑↑↑ */
/* ↓↓↓ common ↓↓↓ */
/* ↑↑↑ common ↑↑↑ */

/* ↓↓↓ common ↓↓↓ */
/* ↑↑↑ common ↑↑↑ */

/* ↓↓↓ common ↓↓↓ */
/* ↑↑↑ common ↑↑↑ */
