@charset "UTF-8";
/* CSS Document */

/*
	インタビュー
-----------------------------------------------------------------------------------------------*/
/*  Gnav
========================================*/
@media screen and (812px < width) and (any-hover: hover){
	.peoplePage #headArea:not(.jsHeaderScroll) #listGnav > li > a:hover,
	.peoplePage #headArea:not(.jsHeaderScroll) #listGnav > li > .category:hover{
		color: #FFFFFF;
	}
}
@media screen and (812px < width){
	/* 装飾_下線 */
	.peoplePage #headArea:not(.jsHeaderScroll) #listGnav > li > a::after,
	.peoplePage #headArea:not(.jsHeaderScroll) #listGnav > li > .category::after{
		background-color: #FFFFFF;
	}
}
/* メガメニュー */
.peoplePage #headArea:not(.jsHeaderScroll) #listGnav > li.jsMMOpen > .category{
	color: #FFFFFF;
}
/*  KV
========================================*/
#itvKvArea{
	margin-bottom: 85px;
	position: relative;
	z-index: 1;
}
#itvKvArea::before{
	content: ' ';
	display: block;
	width: max(calc(50% + 570px), 1170px);
	height: 100%;
	background-color: #191919;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	opacity: 0;
	animation: fadeInRtoL 0.55s 1 normal 1.25s var(--anmEasingBase) forwards;
}
#itvKvArea .enCategory{
	color: #F2F2F2;
}
/* キャッチエリア */
#itvKvArea .catchArea{
	display: flex;
	flex-direction: column-reverse;
	width: var(--col1Width);
	padding: 157px 30px 0 70px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: max(calc(50vw - 570px), 30px);
	opacity: 0;
	animation: fadeInRtoL 0.55s 1 normal 1.25s var(--anmEasingBase) forwards;
}
/* INTERVIEW No. */
#itvKvArea .pageTitBox{
	display: flex;
	gap: 0 20px;
	align-items: center;
	white-space: nowrap;
}
#itvKvArea .pageTitBox .number{
	display: flex;
	align-items: center;
	font-family: var(--ffEn);
	font-size: 1.1rem;
	font-weight: 500;
	color: var(--clGold);
	letter-spacing: 0.05em;
	line-height: 100%;
}
#itvKvArea .pageTitBox .number .en{
	padding: 0 40px 3px 0;
	margin: -18px -40px 0 0;
	border-bottom: 1px solid rgb(6 55 87 / 0.3);
}
#itvKvArea .pageTitBox .number .num{
	font-size: 10rem;
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 100%;
}
#itvKvArea .pageTitBox .job{
	padding: 10px 12px 12px 12px;
	font-size: 1.4rem;
	font-weight: 800;
	color: #FFFFFF;
	line-height: 100%;
	background-color: var(--clNavy);
}
/* キャッチ */
#itvKvArea .catch{
	font-size: max(2.28571429vw, 3.2rem);
	font-weight: 700;
	color: var(--clNavy);
	line-height: 180%;
}
#itvKvArea .catch .fsS{
	font-size: max(1.71428571vw, 2.4rem);
	line-height: 145%;
}
#itvKvArea .catch .fsM{
	line-height: 145%;
}
#itvKvArea .catch .fsL{
	font-size: max(4.28571429vw, 6rem);
}
/* キャッチ_ページごとの調整 */
/* インタビュー01 */
.peoplePage.itv01 #itvKvArea .catch .fsS{
	display: block;
	padding-block: 2px 10px;
}
/* インタビュー02 */
.peoplePage.itv02 #itvKvArea .catch .fsS{
	display: block;
	line-height: 100%;
	padding-block: 15px 11px;
}
.peoplePage.itv02 #itvKvArea .catch .fsM{
	display: block;
	line-height: 100%;
	padding-block: 8px;
}
.peoplePage.itv02 #itvKvArea .catch .fsL{
	display: inline-block;
	padding-block: 5px;
}
/* インタビュー03 */
.peoplePage.itv03 #itvKvArea .catch{
	line-height: 140%;
	padding-top: 8px;
}
/* Mサイズフォント　03のみ指定 */
.peoplePage.itv03 #itvKvArea .catch .fsM{
	font-size: max(2.85714286vw, 4rem);
	line-height: 120%;
}
.peoplePage.itv03 #itvKvArea .catch .fsL{
	display: inline;
	line-height: 100%;
}
/* インタビュー04 */
.peoplePage.itv04 #itvKvArea .catch{
	line-height: 140%;
	padding-top: 8px;
}
.peoplePage.itv04 #itvKvArea .catch .fsL{
	display: inline-block;
	padding-block: 16px 3px;
}
/* インタビュー05 */
.peoplePage.itv05 #itvKvArea .catch .fsL{
	display: inline-block;
	padding-block: 5px 3px;
}
/* インタビュー06 */
.peoplePage.itv06 #itvKvArea .catch{
	line-height: 140%;
	padding-top: 8px;
}
.peoplePage.itv06 #itvKvArea .catch .fsL{
	display: inline-block;
	padding-block: 12px 0px;
}
/* インタビュー07 */
.peoplePage.itv07 #itvKvArea .catch .fsS{
	display: block;
	line-height: 100%;
	padding-block: 10px 12px;
}
.peoplePage.itv07 #itvKvArea .catch .fsM{
	display: block;
	line-height: 100%;
	padding-block: 8px 8px;
}
.peoplePage.itv07 #itvKvArea .catch .fsM:last-child{
	padding-block: initial;
}
/* インタビュー08 */
.peoplePage.itv08 #itvKvArea .catch .fsM{
	display: block;
	padding-bottom: 12px;
	line-height: 140%;
}
/* インタビュー09 */
.peoplePage.itv09 #itvKvArea .catch{
	line-height: 150%;
}
.peoplePage.itv09 #itvKvArea .catch .fsL{
	line-height: 120%;
}

/* モノクロ写真 */
 #itvKvArea .phMonoBox{
	width: max(51.85714286vw, 623px);
	background-color: #FFFFFF;
	position: relative;
	z-index: -1;
	opacity: 0;
	animation: fadeInLtoR 0.55s 1 normal 0.65s var(--anmEasingBase) forwards;
}
#itvKvArea .phMonoBox img, #itvKvArea .phColorBox img{
	width: 100%;
}
/* カラー写真 */
#itvKvArea .phColorBox{
	width: max(57.85714286vw, 695px);
	position: absolute;
	top: max(10.71428571vw, 128px);
	left: calc(50% - max(7.85714286vw, 95px));
	z-index: -1;
	opacity: 0;
	animation: fadeInRtoL 0.55s 1 normal 0.9s var(--anmEasingBase) forwards;
}
/* プロフィール */
#itvKvArea .profArea{
	width: var(--col1Width);
	padding: 47px 30px 50px 100px;
	margin-inline: auto;
	color: var(--clGray);
	opacity: 0;
	animation: fadeInRtoL 0.55s 1 normal 1.25s var(--anmEasingBase) forwards;
}
#itvKvArea .profArea .department{
	font-size: 1.5rem;
	font-weight: 500;
}
#itvKvArea .profArea .name{
	padding: 9px 0 5px 0;
	font-family: var(--ffEn);
	font-size: 2.6rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 100%;
}
#itvKvArea .profArea .year{
	font-size: 1.2rem;
	font-weight: 500;
}
#itvKvArea .dlistProfile{
	margin-top: 20px;
}
#itvKvArea .dlistProfile > div:nth-of-type(n+2){
	margin-top: 29px;
	position: relative;
}
#itvKvArea .dlistProfile > div:nth-of-type(n+2)::before{
	content: ' ';
	display: block;
	width: 13px;
	height: 1px;
	background-color: var(--clGold);
	position: absolute;
	top: -15px;
	left: 0;
}
#itvKvArea  .dlistProfile dt{
	margin-bottom: 7px;
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--clGold);
	line-height: 100%;
}
#itvKvArea  .dlistProfile dt.ffEn{
	font-size: 1.3rem;
	font-weight: 600;
}
#itvKvArea  .dlistProfile dd{
	font-size: 1.4rem;
}

/*  記事詳細
========================================*/
.itvCtsWrapper .ctsArea{
	padding-bottom: 60px;
}
/* チャプター見出し */
.itvTitArea{
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	text-align: center;
}
.itvTitArea .ffEn{
	font-size: 15rem;
	font-weight: 100;
	font-style: italic;
	color: rgb(210 210 210 / 0.5);
	line-height: 100%;
}
.itvTitArea .tit{
	width: 100%;
	padding: 6px 30px 8px 30px;
	margin-top: -23px;
	font-size: 2.5rem;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 100%;
	background-color: var(--clNavy);
	position: relative;
	z-index: 1;
	overflow: hidden;
}
@media screen and (812px < width){
	.itvTitArea .tit.pcLh{
		line-height: 135%;
	}
}
.itvTitArea .tit span{
	display: inline-block;
}
.itvTitArea .tit span.jsAnmStart{
	animation-duration: 0.35s;
}
/* 小見出し */
.titItvSub{
	padding-left: 88px;
	margin-block: 46px 13px;
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: 0.075em;
	line-height: 145%;
	color: var(--clGold);
	position: relative;
}
.titItvSub::before{
	content: ' ';
	display: block;
	width: 80px;
	height: 1px;
	background-color: var(--clGold);
	position: absolute;
	top: 11px;
	left: 0;
}
.itvCtsWrapper .txt{
	text-align: justify;
	font-feature-settings: 'pkna';
	letter-spacing: 0;
	line-height: 200%;
}
/* 写真 */
.itvCtsWrapper .phArea{
	display: grid;
	grid-template-columns: 420px 600px;
	grid-template-rows: auto;
	grid-auto-flow: column;
	gap: 0 50px;
}
.itvCtsWrapper .phArea .titItvSub{
	align-self: end;
}
.itvCtsWrapper .phArea .ph{
	grid-row: span 2;
	margin-top: 40px;
}
.itvCtsWrapper .phLast{
	display: block;
	margin: 50px auto 0 auto;
}
@media screen and (812px < width){
	.itvCtsWrapper .phArea .ph{
		width: 600px;
	}
	.itvCtsWrapper .phLast{
		width: 850px;
	}
}
/* ページナビゲーション */
.listNavItv{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 50px;
    padding: 20px 30px 0 30px;
}
.listNavItv li a{
	display: block;
	font-family: var(--ffEn);
	font-size: 1.4rem;
	letter-spacing: 0;
	line-height: 100%;
	position: relative;
	transition: all 0.3s;
}
.listNavItv a::after{
	content: ' ';
	display: block;
	height: 1px;
	background-color: rgb(0 0 0 / 0.5);
	position: absolute;
	bottom: 0;
	transition: all 0.3s;
}
.listNavItv .idx a{
	padding-block: 9px 7px;
	font-size: 2.1rem;
	font-weight: 700;
}
.listNavItv .idx a::after{
	width: 100%;
}
.listNavItv .prev a{
	padding: 12px 0 12px 55px;
	background: url(../images/ico_slide_arrow_l_pc.svg) left 5px center no-repeat;
}
.listNavItv .next a{
	padding: 12px 55px 12px 0;
	background: url(../images/ico_slide_arrow_r_pc.svg) right 5px center no-repeat;
}
.listNavItv .prev a::after{
	width: 0;
	right: 0;
}
.listNavItv .next a::after{
	width: 0;
	right: 55px;
}
@media (any-hover: hover){
	.listNavItv .prev a:hover{
		background-position: left center;
	}
	.listNavItv .next a:hover{
		background-position: right center;
	}
	.listNavItv .idx a:hover::after{
		width: 0;
		right: 0;
		left: auto;
	}
	.listNavItv .prev a:hover::after{
		width: calc(100% - 55px);
		right: auto;
		left: 55px;
	}
	.listNavItv .next a:hover::after{
		width: calc(100% - 55px);
		right: auto;
		left: 0;
	}
}
@media screen and (812px < width){

}
@media (any-hover: hover){

}


/* 
	SP
-----------------------------------------------------------------------------------------------*/
@media screen and (width <= 812px){
	/*
		インタビュー
	-----------------------------------------------------------------------------------------------*/
	/*  KV
	========================================*/
	#itvKvArea{
		max-width: 500px;
		margin: 0 auto 60px auto;
	}
	#itvKvArea::before{
		width: calc(100% - 40px);
		height: 100%;
		top: 0;
		right: auto;
		left: 0;
		animation-name: fadeIn;
	}
	/* キャッチエリア */
	#itvKvArea .catchArea{
		padding: 80px 25px 0 25px;
		margin: 0;
		top: 0;
		left: 0;
	}
	/* INTERVIEW No. */
	#itvKvArea .pageTitBox{
		gap: 0 5px;
	}
	#itvKvArea .pageTitBox .number{
		font-size: 1rem;
	}
	#itvKvArea .pageTitBox .number .en{
		padding: 0 20px 1px 0;
		margin: -12px -18px 0 0;
	}
	#itvKvArea .pageTitBox .number .num{
		font-size: 5rem;
	}
	#itvKvArea .pageTitBox .job{
		padding: 5px 6px 6px 6px;
		font-size: 1rem;
	}
	/* キャッチ */
	#itvKvArea .catch{
		font-size: 1.8rem;
		line-height: 150%;
		white-space: nowrap;
	}
	#itvKvArea .catch .fsS{
		font-size: 1.4rem;
	}
	#itvKvArea .catch .fsL{
		font-size: 3.2rem;
	}
	/* キャッチ */
	.peoplePage.itv03 #itvKvArea .catch,
	.peoplePage.itv04 #itvKvArea .catch,
	.peoplePage.itv06 #itvKvArea .catch{
		padding-top: 10px;		
	}
	.peoplePage.itv03 #itvKvArea .catch .fsS{
		display:inline-block;
		padding-top: 6px;
	}
	.peoplePage.itv03 #itvKvArea .catch .fsM{
		font-size: 2.4rem;
	}
	/* キャッチ_ページごとの調整 */
	/* インタビュー01 */
	.peoplePage.itv01 #itvKvArea .catch .fsS{
		padding-block: 4px 2px;
	}
	.peoplePage.itv01 #itvKvArea .catch .fsL{
		line-height: 120%;
	}
	/* インタビュー02 */
	.peoplePage.itv02 #itvKvArea .catch .fsS{
		padding-block: 4px 3px;
	}
	.peoplePage.itv02 #itvKvArea .catch .fsL{
		padding-block: 0;
		line-height: 120%;
	}
	/* インタビュー04 */
	.peoplePage.itv04 #itvKvArea .catch .fsL{
		display: inline-block;
		padding-top: 6px;
	}
	/* インタビュー05 */
	.peoplePage.itv05 #itvKvArea .catch .fsL{
		padding-block: 6px;
	}
	/* インタビュー06 */
	.peoplePage.itv06 #itvKvArea .catch .fsL{
		padding-top: 6px;
	}
	.peoplePage.itv06 #itvKvArea .dlistProfile dd{
		padding-left: 6em;
		text-indent: -6em;
	}
	/* インタビュー07 */
	.peoplePage.itv07 #itvKvArea .catch .fsS{
		padding-block: 8px 10px;
	}
	.peoplePage.itv07 #itvKvArea .catch .fsL{
		line-height: 13	0%;
	}
	.peoplePage.itv07 #itvKvArea .catch .fsL:last-of-type{
		line-height: 100%;
	}
	/* インタビュー08 */
	.peoplePage.itv08 #itvKvArea .catch .fsM{
		padding-bottom: 3px;
		line-height: 150%;
	}
	.peoplePage.itv08 #itvKvArea .catch .fsL{
		line-height: 120%;
	}
	/* インタビュー09 */
	.peoplePage.itv09 #itvKvArea .catch{
		line-height: 160%;
	}
	/* モノクロ写真 */
	#itvKvArea .phMonoBox{
		width: 100%;
	}
	/* カラー写真 */
	#itvKvArea .phColorBox{
		width: calc(100% - 40px);
		margin: -48px 0 0 auto;
		position: relative;
		top: auto;
		left: auto;
	}
	/* プロフィール */
	#itvKvArea .profArea{
		padding: 30px 25px 40px 40px;
		margin-inline: 0;
	}
	#itvKvArea .profArea .department{
		font-size: 1.2rem;
	}
	#itvKvArea .profArea .name{
		padding: 6px 0 5px 0;
		font-size: 1.9rem;
	}
	#itvKvArea .profArea .year{
		font-size: 1rem;
	}
	#itvKvArea .dlistProfile{
		margin-top: 20px;
	}
	#itvKvArea  .dlistProfile dt{
		margin-bottom: 5px;
		font-size: 1rem;
	}
	#itvKvArea  .dlistProfile dt.ffEn{
		margin-bottom: 4px;
		font-size: 1.1rem;
	}
	#itvKvArea  .dlistProfile dd{
		font-size: 1.2rem;
	}

	/*  記事詳細
	========================================*/
	.itvCtsWrapper .ctsArea{
		padding-bottom: 35px;
	}
	/* チャプター見出し */
	.itvTitArea .ffEn{
		font-size: 6.5rem;
		color: rgb(205 205 205 / 1);
		letter-spacing: -0.01em;
	}
	.itvTitArea .tit{
		padding: 7px 5px 8px 5px;
		margin-top: -10px;
		font-size: 1.6rem;
		line-height: 135%;
	}
	.itvTitArea .tit span.jsAnmStart{
		animation-duration: var(--anmDurationBase);
	}
	/* 小見出し */
	.titItvSub{
		padding-left: 30px;
		margin-block: 35px 9px;
		font-size: 1.3rem;
		line-height: 135%;
	}
	.titItvSub::before{
		width: 26px;
		top: 8px;
		left: 0;
	}
	.titItvSub:first-of-type{
		margin-top: 30px;
	}
	.itvCtsWrapper .txt{
		line-height: 190%;
	}
	/* 写真 */
	.itvCtsWrapper .phArea{
		display: block;
	}
	.itvCtsWrapper .phArea .ph{
		margin-top: 20px;
	}
	.itvCtsWrapper .phLast{
		margin-top: 20px;
	}
	/* ページナビゲーション */
	.listNavItv{
		gap: 0 40px;
		padding: 20px 25px 0 25px;
	}
	.listNavItv .idx a{
		font-size: 1.9rem;
	}
}
@media only screen and (width <= 812px) and (orientation: landscape){
	
}