.u-indexInterview__inr {
	padding: calc((120 - 17) * var(--rs)) 0 calc(120 * var(--rs));
}
.u-indexInterview__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: calc(120 * var(--rs)) calc(48 * var(--rs));
	opacity: 0;
}
.u-indexInterview__list.is-active {
	animation-name: fadeInAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 1;
}
.u-indexInterview__list .u-interviewItem__img img {
	aspect-ratio: 368 / 490;
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.u-indexInterview__list .u-interviewItem__info {
		margin-top: calc(16 * var(--rs));
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.u-indexInterview__inr {
		padding: calc(80 * var(--rs)) 0 calc(100 * var(--rs));
	}
	.u-indexInterview__list {
		grid-template-columns: minmax(0, 1fr);
		gap: calc(80 * var(--rs));
	}
	.u-indexInterview__list .u-interviewItem__img img {
		aspect-ratio: 325 / 370;
	}
}


.u-interviewItem__inr {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
	transition: opacity 0.3s ease-in;
}
.u-interviewItem__img {
	border-radius: calc(8 * var(--rs));
	overflow: hidden;
	position: relative;
}
.u-interviewItem__img img {
	object-fit: cover;
}
.u-interviewItem__col {
	margin-top: calc(20 * var(--rs));
	padding: 0 calc(20 * var(--rs));
}
.u-interviewItem__ttl {
	font-weight: bold;
	font-size: calc(24 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.u-interviewItem__info {
	margin-top: calc(8 * var(--rs));
}
.u-interviewItem__info p {
	display: inline;
	font-weight: 500;
	font-size: calc(14 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.u-interviewItem__name {
	color: var(--font-color-main);
	font-family: var(--font-montserrat);
}
.u-interviewItem__data {
	margin-top: calc(8 * var(--rs));
	display: flex;
}
.u-interviewItem__label {
	position: relative;
	padding-left: calc(14 * var(--rs));
}
.u-interviewItem__label::before {
	content: "";
	position: absolute;
	top: calc(7 * var(--rs));
	left: 0;
	width: calc(6 * var(--rs));
	height: calc(6 * var(--rs));
	border-radius: 50%;
	background-color: var(--font-color-main);
}
.u-interviewItem__txt {
	flex-shrink: 0;
	position: relative;
	margin-left: calc(8 * var(--rs));
	padding-left: calc(8 * var(--rs));
}
.u-interviewItem__txt::before {
	content: "";
	position: absolute;
	top: calc(4 * var(--rs));
	left: 0;
	width: 1px;
	height: calc(12 * var(--rs));
	background-color: #a9aebd;
}
@media (any-hover: hover) {
	.u-interviewItem__inr:hover {
		opacity: 0.7;
	}
	.u-interviewItem__inr:hover img {
		opacity: 1;
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.u-interviewItem__img img {
		object-position: top center;
	}
	.u-interviewItem__col {
		margin-top: calc(16 * var(--rs));
		padding: 0 calc(16 * var(--rs));
	}
	.u-interviewItem__ttl {
		font-size: calc(20 * var(--rs));
	}
}


.u-dtlIdx {
	container-type: inline-size;
}
.u-dtlIdx__inr {
	padding: calc(20 * var(--rs)) 0 calc((60 - 17) * var(--rs));
}
.u-dtlIdx__row {
	margin: 0 var(--negative-margin);
	padding: calc(180 * var(--rs)) calc(abs(var(--negative-margin)) + 80 * var(--rs));
	min-height: calc(740 * var(--rs));
	position: relative;
	border-radius: calc(16 * var(--rs));
	overflow: hidden;
	z-index: 0;
}
.u-dtlIdx__col {
	color: #fff;
}
.u-dtlIdx__main {
	display: flex;
	flex-direction: column;
	gap: calc(16 * var(--rs)) 0;
	line-height: 1.5;
}
.u-dtlIdx__en {
	font-family: var(--font-montserrat);
	font-size: calc(18 * var(--rs));
	letter-spacing: 0.04em;
}
.u-dtlIdx__jp {
	font-weight: bold;
	font-size: calc(32 * var(--rs));
	letter-spacing: 0.04em;
}
.u-dtlIdx__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.u-dtlIdx__img img {
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
.u-dtlIdx__info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: calc(4 * var(--rs)) calc(20 * var(--rs));
	margin-top: calc(24 * var(--rs));
}
.u-dtlIdx__name {
	font-family: var(--font-montserrat);
	font-weight: 500;
	font-size: calc(20 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.u-dtlIdx__data {
	font-size: 0;
	display: flex;
}
.u-dtlIdx__data > p {
	font-weight: 500;
	font-size: calc(16 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.u-dtlIdx__label {
	flex-shrink: 0;
	position: relative;
	padding-left: calc(16 * var(--rs));
}
.u-dtlIdx__label::before {
	content: "";
	position: absolute;
	top: calc(8 * var(--rs));
	left: 0;
	width: calc(8 * var(--rs));
	height: calc(8 * var(--rs));
	border-radius: 50%;
	background-color: currentColor;
}
.u-dtlIdx__txt {
	position: relative;
	margin-left: calc(8 * var(--rs));
	padding-left: calc(8 * var(--rs));
}
.u-dtlIdx__txt::before {
	content: "";
	position: absolute;
	top: calc(6 * var(--rs));
	left: 0;
	width: 1px;
	height: calc(15 * var(--rs));
	background-color: currentColor;
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.u-dtlIdx__inr {
		padding: calc(40 * var(--rs)) 0 calc((40 - 26) * var(--rs));
	}
	.u-dtlIdx__row {
		display: flex;
		flex-direction: column;
		justify-content: end;
		margin: 0 calc(-25 * var(--rs));
		padding: calc(32 * var(--rs)) calc(25 * var(--rs));
		min-height: calc(340 * var(--rs));
		border-radius: initial;
	}
	.u-dtlIdx__col {
		color: #fff;
	}
	.u-dtlIdx__main {
		gap: calc(4 * var(--rs)) 0;
	}
	.u-dtlIdx__en {
		padding: 0 calc(6 * var(--rs));
		font-size: calc(14 * var(--rs));
	}
	.u-dtlIdx__jp {
		font-size: calc(24 * var(--rs));
	}
	.u-dtlIdx__info {
		margin-top: calc(5 * var(--rs));
	}
	.u-dtlIdx__name {
		font-size: calc(16 * var(--rs));
	}
	.u-dtlIdx__data > p {
		font-size: calc(14 * var(--rs));
	}
	.u-dtlIdx__label {
		padding-left: calc(15 * var(--rs));
	}
	.u-dtlIdx__label::before {
		top: calc(7 * var(--rs));
		width: calc(7 * var(--rs));
		height: calc(7 * var(--rs));
	}
	.u-dtlIdx__txt::before {
		top: calc(4 * var(--rs));
		height: calc(12 * var(--rs));
	}
}



.u-dtlCts {
	margin-top: calc((120 - 17) * var(--rs));
}
.u-dtlCts__imgWrap {
	display: grid;
	grid-template-columns: 800fr 580fr;
	gap: calc(20 * var(--rs));
	margin: 0 calc(-100 * var(--rs));
}
.u-dtlCts__imgWrap + * {
	margin-top: calc(64 * var(--rs));
}
.u-dtlCts__img {
	display: block;
	border-radius: calc(16 * var(--rs));
	overflow: hidden;
}
.u-dtlCts .u-dtlCts__imgLine {
	margin: calc(160 * var(--rs)) 0;
}

.u-dtlItem:not(:first-of-type) {
	margin-top: calc(120 * var(--rs));
}
.u-dtlItem:not(:has(.u-dtlItem__row)) + * {
	margin-top: calc(80 * var(--rs));
}
.u-dtlItem__ttl {
	position: relative;
	padding-left: calc(21 * var(--rs));
	color: var(--font-color-main);
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.u-dtlItem__ttl::before {
	content: "";
	position: absolute;
	top: calc(10 * var(--rs));
	left: 0;
	width: calc(12 * var(--rs));
	height: calc(4 * var(--rs));
	border-radius: calc(200 * var(--rs));
	background-color: currentColor;
}
.u-dtlItem .u-dtlItem__ttl + * {
	margin-top: calc(24 * var(--rs));
}
.u-dtlItem__lead {
	font-weight: bold;
	font-size: calc(28 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.u-dtlItem__txt {
	margin-top: calc(16 * var(--rs));
	line-height: 1.8;
	letter-spacing: 0.04em;
}
.u-dtlItem__row {
	display: flex;
	align-items: center;
	gap: 0 calc(63 * var(--rs));
}
.u-dtlItem__col > *:first-child {
	margin-top: 0;
}
.u-dtlItem__block {
	margin-top: calc(56 * var(--rs));
}
.u-dtlItem__img {
	border-radius: calc(16 * var(--rs));
	overflow: hidden;
}
.u-dtlItem:not(.--col-reverse) .u-dtlItem__row .u-dtlItem__img.--over {
	margin-right: calc(-360 * var(--rs));
	border-radius: calc(16 * var(--rs)) 0 0 calc(16 * var(--rs));
}
.u-dtlItem.--col-reverse .u-dtlItem__row {
	flex-direction: row-reverse;
}
.u-dtlItem.--col-reverse .u-dtlItem__row .u-dtlItem__img.--over {
	margin-left: calc(-360 * var(--rs));
	border-radius: 0 calc(16 * var(--rs)) calc(16 * var(--rs)) 0;
}

.u-dtlItem.--full .u-dtlItem__col {
	max-width: calc(694 * var(--rs));
	padding: calc(56 * var(--rs));
	border-radius: calc(16 * var(--rs));
	background-color: #fff;
}
@media screen and (min-width: 1921px) {
	.u-dtlItem:not(.--col-reverse) .u-dtlItem__row .u-dtlItem__img.--over,
	.u-dtlItem.--col-reverse .u-dtlItem__row .u-dtlItem__img.--over {
		border-radius: calc(16 * var(--rs));
	}
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.u-dtlCts__imgLine:not(.--col-reverse) .u-dtlCts__img {
		margin-left: var(--negative-margin);
		border-radius: 0 calc(16 * var(--rs)) calc(16 * var(--rs)) 0;
	}
	.u-dtlCts__imgLine.--col-reverse .u-dtlCts__img {
		margin-right: var(--negative-margin);
		border-radius: calc(16 * var(--rs)) 0 0 calc(16 * var(--rs));
	}

	.u-dtlItem__col {
		flex: 1;
	}
	.u-dtlItem__img {
		flex-basis: calc(560 * var(--rs));
	}
	.u-dtlItem__img.--over {
		flex-basis: calc(914 * var(--rs));
	}
	.u-dtlItem__img.--pc-size-s {
		flex-basis: calc(480 * var(--rs));
	}
	.u-dtlItem__img.--pc-size-l {
		flex-basis: calc(782 * var(--rs));
	}

	.u-dtlItem:not(.--col-reverse) .u-dtlItem__row .u-dtlItem__img {
		margin-right: calc(-80 * var(--rs));
	}
	.u-dtlItem:not(.--col-reverse) .u-dtlItem__row .u-dtlItem__img.--pc-size-s {
		margin-right: 0;
	}
	.u-dtlItem:not(.--col-reverse) .u-dtlItem__row .u-dtlItem__img.--pc-size-l {
		margin-right: calc(-228 * var(--rs));
	}

	.u-dtlItem.--col-reverse .u-dtlItem__row .u-dtlItem__img {
		margin-left: calc(-80 * var(--rs));
	}
	.u-dtlItem.--col-reverse .u-dtlItem__row .u-dtlItem__img.--pc-size-s {
		margin-left: 0;
	}
	.u-dtlItem.--col-reverse .u-dtlItem__row .u-dtlItem__img.--pc-size-l {
		margin-left: calc(-228 * var(--rs));
	}

	.u-dtlItem.--full {
		position: relative;
		min-height: calc(680 * var(--rs));
		margin: calc(160 * var(--rs)) var(--negative-margin) 0;
		padding: calc(120 * var(--rs)) abs(var(--negative-margin));
		z-index: 0;
	}
	.u-dtlItem.--full .u-dtlItem__img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: initial;
		z-index: -1;
	}
	.u-dtlItem.--full .u-dtlItem__img img {
		height: 100%;
		object-fit: cover;
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.u-dtlCts {
		margin-top: calc(80 * var(--rs));
	}
	.u-dtlCts__imgWrap {
		grid-template-columns: 183fr 133fr;
		gap: calc(8 * var(--rs));
		margin: 0;
	}
	.u-dtlCts__imgWrap + * {
		margin-top: calc(24 * var(--rs));
	}
	.u-dtlCts__img {
		border-radius: calc(8 * var(--rs));
	}
	.u-dtlCts .u-dtlCts__imgLine {
		margin: calc(80 * var(--rs)) 0;
	}
	.u-dtlCts__imgLine .u-dtlCts__img {
		margin: 0 calc(-25 * var(--rs));
		border-radius: initial;
	}

	.u-dtlItem:not(:first-of-type) {
		margin-top: calc(80 * var(--rs));
	}
	.u-dtlItem__col {
		margin-top: calc(24 * var(--rs));
	}
	.u-dtlItem__ttl {
		font-size: calc(15 * var(--rs));
	}
	.u-dtlItem__ttl::before {
		top: calc(9 * var(--rs));
	}
	.u-dtlItem .u-dtlItem__ttl + * {
		margin-top: calc(16 * var(--rs));
	}
	.u-dtlItem__lead {
		font-size: calc(24 * var(--rs));
	}
	.u-dtlItem__row {
		flex-direction: column;
		align-items: start;
		gap: 0;
	}
	.u-dtlItem__block {
		margin-top: calc(80 * var(--rs));
	}
	.u-dtlItem__img {
		border-radius: calc(8 * var(--rs));
	}

	.u-dtlItem:not(.--col-reverse) .u-dtlItem__row .u-dtlItem__img {
		order: -1;
	}

	.u-dtlItem:not(.--col-reverse):not(:has(.u-dtlItem__block))  .u-dtlItem__row .u-dtlItem__col {
		display: contents;
	}
	.u-dtlItem:not(.--col-reverse):not(:has(.u-dtlItem__block)) .u-dtlItem__row .u-dtlItem__ttl,
	.u-dtlItem:not(.--col-reverse):not(:has(.u-dtlItem__block)) .u-dtlItem__row .u-dtlItem__lead {
		order: -1;
	}
	.u-dtlItem:not(.--col-reverse):not(:has(.u-dtlItem__block)) .u-dtlItem__row .u-dtlItem__txt {
		margin-top: calc(24 * var(--rs));
	}
	.u-dtlItem:not(.--col-reverse):not(:has(.u-dtlItem__block))  .u-dtlItem__row .u-dtlItem__img {
		margin-top: calc(24 * var(--rs));
	}
	.u-dtlItem:not(.--col-reverse) .u-dtlItem__row .u-dtlItem__img.--over {
		margin-right: calc(-25 * var(--rs));
		border-radius: calc(8 * var(--rs)) 0 0 calc(8 * var(--rs));
	}
	
	.u-dtlItem.--col-reverse .u-dtlItem__row {
		flex-direction: column-reverse;
	}
	.u-dtlItem.--col-reverse .u-dtlItem__row .u-dtlItem__img.--over {
		margin-left: calc(-25 * var(--rs));
		border-radius: 0 calc(8 * var(--rs)) calc(8 * var(--rs)) 0;
	}

	.u-dtlItem.--full {
		display: flex;
		flex-direction: column-reverse;
	}
	.u-dtlItem.--full .u-dtlItem__col {
		position: relative;
		max-width: initial;
		margin-top: calc(-90 * var(--rs));
		padding: calc(40 * var(--rs)) calc(20 * var(--rs)) 0;
		border-radius: calc(8 * var(--rs));
		z-index: 1;
	}
	.u-dtlItem.--full .u-dtlItem__img {
		margin: 0 calc(-25 * var(--rs));
		border-radius: initial;
	}
}


.u-otherInterview {
	margin-top: calc(160 * var(--rs));
}
.u-otherInterview__ttlLine {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.u-otherInterview__ttl {
	font-weight: bold;
	font-size: calc(32 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.u-otherInterview__sld {
	margin-top: calc(40 * var(--rs));
}
.u-otherInterview__sldList::before {
  content: "";
  position: absolute;
  bottom: 0;
	left: calc(var(--negative-margin) - 80 * var(--rs));
  width: calc(abs(var(--negative-margin)) + 80 * var(--rs));
  height: 100%;
  background: #fff;
  z-index: 10;
}
.u-otherInterview__sldList .slick-list {
	overflow: visible;
}
.u-otherInterview__sldList .u-interviewItem {
	width: calc(354 * var(--rs));
  margin: 0 calc(24 * var(--rs));
}
.u-otherInterview__sldList .u-interviewItem__img img {
	aspect-ratio: 354 / 472;
}
.u-otherInterview__btn {
	margin-top: calc(80 * var(--rs));
	text-align: center;
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.u-otherInterview__sldList .u-interviewItem__img {
		border-radius: calc(12 * var(--rs));
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.u-otherInterview {
		margin-top: calc(80 * var(--rs));
	}
	.u-otherInterview__ttlLine {
		display: block;
	}
	.u-otherInterview__ttl {
		font-size: calc(28 * var(--rs));
	}
	.u-otherInterview .l-sldDoc {
		margin-top: calc(18 * var(--rs));
	}
	.u-otherInterview__sld {
		margin-top: calc(20 * var(--rs));
	}
	.u-otherInterview__sldList::before {
		left: calc(var(--negative-margin) - 50 * var(--rs));
		width: calc(abs(var(--negative-margin)) + 50 * var(--rs));
	}
	.u-otherInterview__sldList .u-interviewItem {
		width: calc(288 * var(--rs));
		margin: 0 calc(10 * var(--rs));
	}
	.u-otherInterview__sldList .u-interviewItem__img img {
		aspect-ratio: 288 / 327;
	}
	.u-otherInterview__sldList .u-interviewItem__col {
		margin-top: calc(20 * var(--rs));
		padding: 0;
	}
	.u-otherInterview__sldList .u-interviewItem__name {
		margin-right: calc(20 * var(--rs));
		font-size: calc(16 * var(--rs));
	}
	.u-otherInterview__btn {
		margin-top: calc(40 * var(--rs));
	}
}


.u-filter + * {
	margin-top: calc(80 * var(--rs));
}
.u-filter__list {
	display: flex;
	flex-wrap: wrap;
	gap: calc(8 * var(--rs));
}
.u-filter__label {
  display: block;
  position: relative;
  font-size: 0;
}
.u-filter__label input {
  width: 0;
  height: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.u-filter__label input + span {
	display: block;
	padding: calc(4 * var(--rs)) calc(16 * var(--rs)) calc(5 * var(--rs));
	border: 1px solid #A9AEBD;
	border-radius: calc(50 * var(--rs));
	color: #A9AEBD;
	font-size: calc(15 * var(--rs));
	line-height: 1.4;
	letter-spacing: 0.04em;
  cursor: pointer;
	transition: all 0.3s ease-in-out;
	transition-property: background-color, color, border-color;
}
.u-filter__label input:checked + span {
  background-color: var(--font-color-main);
  border-color: var(--font-color-main);
  color: #fff;
	pointer-events: none;
}
@media (any-hover: hover) {
	.u-filter__label:hover input:not(:checked) + span {
		background-color: #A9AEBD;
		color: #fff;
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {

}