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

/*
	ページタイトル
-----------------------------------------------------------------------------------------------*/
.cmnTit{
	 text-shadow: -1px -1px 7px rgb(255 140 0 / 30%),
				  1px -1px 7px rgb(255 140 0 / 30%),
				  1px 1px 7px rgb(255 140 0 / 30%),
				  -1px 1px 7px rgb(255 140 0 / 30%);
}


/*
	職員紹介　INDEX
-----------------------------------------------------------------------------------------------*/
/* ページタイトル
============================== */
@media print, screen and (min-width:813px){
	.pageInterviewIdx #cmnTitWrapper{
		background-image: url("../images/bg_cmn_tit_interview_idx_pc.png");
		margin-bottom: 100px;
	}
}


/*
	職員紹介　詳細
-----------------------------------------------------------------------------------------------*/
/* メインKV
============================== */
#cmnKvWrapper.intvwKvWrapper{
	margin-bottom: 40px;
}
/* キャッチコピー　エリア */
.intvwKvCatcArea{
	width: fit-content;
	background-color: #fff;
	border-radius: var(--roundS);
	box-shadow: var(--shadowBase);
	padding: 50px 30px 30px 40px;
	position: relative;
	opacity: 0;
	animation: anmFadeLeft 0.8s var(--anmBaseCB) 0.8s forwards, anmFadeIn 0.8s ease 0.8s forwards;
}
.intvwKvCatcArea::before{
	top: 0;
	left: 40px;
}
.intvwKvCatc{/* キャッチコピー */
	width: fit-content;
	background-image: var(--bgTexture), linear-gradient(135deg,var(--clrYellowL) 0%, var(--clrYellowD) 70%);
	font-size: 4rem;
	font-weight: 900;
	line-height: 120%;
}
/* Safari（PC + SP 両方）用 */
@supports (-webkit-hyphens: none) {
	.intvwKvCatc{/* キャッチコピー */
		background-image: linear-gradient(135deg,var(--clrYellowL) 0%, var(--clrYellowD) 70%);
	}
}
/* 全スマホ用 */
@media screen and (max-width: 812px){
	.intvwKvCatc{/* キャッチコピー */
		background-image: linear-gradient(135deg,var(--clrYellowL) 0%, var(--clrYellowD) 70%);
	}
}
.intvwKvNameArea{/* 名前　入庁 */
	display: flex;
	align-items: flex-end;
	gap: 0 20px;
	margin-block: 20px 15px;
}
.intvwKvNameArea > *{
	margin-bottom: 0;
}
.intvwKvNameArea .interviewName{
	line-height: var(--lineHeightEn);
	translate: 0 7px;
}
.intvwKvNameArea .interviewYear{
	line-height: 100%;
}

/* PROFILE
============================== */
#intvwProfileWrapper{
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 0 30px;
}
.intvwProfileTit{
	color: var(--clrGreyM);
	font-size: 1.6rem;
	font-family: var(--fEnMain);
	font-weight: 700;
	line-height: var(--lineHeightEn);
	letter-spacing: 0.15rem;
	translate: 0 5px;
}
.intvwProfileTxt{
	width: 900px;
	text-align: justify;
	font-size: 1.3rem;
}

/* インタビューエリア
============================== */
#intvwArticleWrapper{
	padding-bottom: 150px;
}
.intvwArticleBox{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.intvwArticleBox:not(:last-of-type){
	margin-bottom: 100px;
}
@media print, screen and (min-width:813px){
	.intvwArticleBox:nth-of-type(2){
		flex-direction: row-reverse;
	}
}
/* テキストエリア */
.intvwArticleBox .txtArea{
	padding-left: 30px;
}
.intvwArticleBox:nth-of-type(1) .txtArea{
	width: 500px;
}
.intvwArticleBox:nth-of-type(2) .txtArea{
	width: 660px;
}
/* 本文 */
.intvwArticleTxt{
	line-height: var(--lineHeightL);
	text-align: justify;
}
/* 写真 */
.intvwArticleBox:nth-of-type(1) .cmnAnmPh10{
	border-top-left-radius: 40% 50%;
	border-bottom-left-radius: 40% 50%;
}
.intvwArticleBox:nth-of-type(2) .cmnAnmPh10{
	border-top-left-radius: 50% 40%;
	border-top-right-radius: 50% 40%;
}

/* 1日のスケジュール
============================== */
/* オレンジ箱　飾り */
#intvwScheduleWrapper{
	margin-bottom: 150px;
	position: relative;
}
#intvwScheduleWrapper::before{
	content: " ";
	display: block;
	width: calc((100vw - 1140px)/2 + 60px);
	min-width: 90px;
	height: 100%;
	background-image: var(--bgTexture), var(--clrGrdYellow);
	background-repeat: no-repeat, no-repeat;
	background-position: center right -50px, center center;
	background-size: 800px auto, cover;
	background-blend-mode: overlay;
	border-radius: 0 var(--roundL) var(--roundL) 0;
	position: absolute;
	top: -100px;
	left: 0;
	z-index: 0;
}
/* グレー背景エリア */
.intvwScheduleBgArea{
	width: calc((100vw - 100% + 30px)/2 + 100%);
	min-width: calc(100% + 30px);
	background-color: var(--clrGreyL);
	border-radius: var(--roundL) 0 0 var(--roundL);
	box-shadow: 10px 10px 10px var(--clrBase10);
	padding: 70px 0 40px 220px;
	position: relative;
	z-index: 1;
}
/* 角丸棒　飾り */
.intvwScheduleBgArea::before{
	top: 0;
}
/* SCHEDULE 飾り英語 */
.intvwScheduleBgArea::after{
	content: "SCHEDULE";
	display: block;
	color: var(--clrYellowD);
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 3rem;
	font-family: var(--fEnMain);
	font-weight: 700;
	line-height: var(--lineHeightEn);
	letter-spacing: 0.4rem;
	position: absolute;
	left: -6px;
	top: 50%;
	translate: 0 -50%;
	z-index: 1;
}
/* メインタイトル */
#intvwScheduleWrapper .normalTit{
	width: fit-content;
	text-align: left;
	font-size: 2.6rem;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
}
/* スライダー */
#intvwScheduleWrapper .swiper{
	padding-top: 10px;
	position: relative;
	z-index: 1;
}
.intvwScheduleList li{
	padding-top: 17px;
	position: relative;
}
.intvwScheduleList li:last-of-type{
	margin-right: 50px !important;
}
#intvwScheduleWrapper .swiperBtnArea{/* navigation　矢印 */
	top: 80px;
	left: 1080px;
}
.intvwScheduleList li::before,/* 線 丸 */
.intvwScheduleList li::after{
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.intvwScheduleList li::before{
	width: calc(100% + 30px);
	height: 1px;
	background-color: var(--clrGreyM);
}
.intvwScheduleList li::after{
	width: 14px;
	aspect-ratio: 1/1;
	background: var(--clrGrdYellow);
	border-radius: 50%;
	translate: 0 -50%;
}
.intvwScheduleList .time{/* 時間 */
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 26px;
	background-color: var(--clrBase);
	border-radius: 13px 3px 3px 13px;
	color: #fff;
	font-size: 1.6rem;
	font-family: var(--fEnMain);
	font-weight: 700;
	line-height: var(--lineHeightEn);
	padding: 2px 0 0 3px;
}
.intvwScheduleList .tit{/* タイトル */
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 130%;
	white-space: nowrap;
	margin-top: 20px;
}
.intvwScheduleList .txt{/* 本文 */
	text-align: justify;
	font-size: 1.3rem;
	line-height: 160%;
	margin-top: 8px;
}
/* 写真 */
.intvwSchedulePh{
	position: absolute;
	bottom: 46px;
	left: 40px;
	z-index: 11;
}

/* MESSAGE
============================== */
#intvwMessageWrapper{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 0 90px;
	padding-bottom: 80px;
}
/* テキストエリア */
.intvwMessageTxtArea{
	width: 650px;
	padding: 0 50px 50px 0;
	position: relative;
}
.intvwMessageTxtArea::before,
.intvwMessageTxtArea::after{
	content: "";
	display: block;
	position: absolute;
}
.intvwMessageTxtArea::before{
	width: 5px;
	height: calc(100% - 55px);
	background-color: var(--clrGreyL);
	top: 0;
	right: 0;
}
.intvwMessageTxtArea::after{
	width: 676px;
	height: 36px;
	background: url("../images/item_interview_message_line_btm_pc.svg") no-repeat bottom left / 100% auto;
	bottom: 0;
}
/* タイトル */
.intvwMessageTit{
	font-size: 4rem;
	font-family: var(--fEnMain);
	font-weight: 700;
	line-height: var(--lineHeightEn);
	letter-spacing: 0.4rem;
	padding-left: 30px;
	margin-bottom: 20px;
	position: relative;
}
.intvwMessageTit::before{
	top: calc(50% - 5px);
	left: 0;
	translate: 0 -50%;
}
/* 本文 */
.intvwMessageTxt{
	text-align: justify;
	line-height: var(--lineHeightL);
}
/* 写真 */
#intvwMessageWrapper .cmnAnmPh10{
	border-top-left-radius: 60% 50%;
	border-top-right-radius: 60% 50%;
}

/* ページINDEX
============================== */
#intvwPageWrapper{
	display: flex;
	justify-content: center;
	align-items: center;
}
[class *= "intvwPage"]{
	font-family: var(--fEnMain);
	font-weight: 700;
	line-height: var(--lineHeightEn);
	letter-spacing: 0.2rem;
}
/* INDEX */
.intvwPageIndex{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px 0;
	border-left: 1px solid var(--clrBase30);
	border-right: 1px solid var(--clrBase30);
	text-align: center;
	padding-inline: 30px;
	margin-inline: 30px;
}
.intvwPageIndex::before{
	content: " ";
	display: block;
	width: 28px;
	aspect-ratio: 1/1;
	background: url("../images/ico_interview_index.svg") no-repeat top left / 100% auto;
	transition: all 0.5s;
}
/* 戻る　進む */
.intvwPageBack,
.intvwPageNext{
	font-size: 2rem;
	position: relative;
	translate: 0 2px;
}
.intvwPageBack{
	padding-left: 40px;
}
.intvwPageNext{
	padding-right: 40px;
}
.intvwPageBack::after,
.intvwPageNext::after{
	top: calc(50% - 1px);
	translate: 0 -50%;
}
.intvwPageBack::after{
	left: 0;
}
.intvwPageNext::after{
	right: 0;
}
/* hover */
@media (any-hover: hover){
	[class *= "intvwPage"]:hover{
		color: var(--clrYellowD);
	}
	.intvwPageIndex:hover::before{
		filter: brightness(130%);
	}
	.intvwPageBack:hover{
		translate: -10px 2px;
	}
	.intvwPageNext:hover{
		translate: 10px 2px;
	}
}

/* 各ページ
============================== */
/* メインKV */
.o2021 #cmnKvWrapper::before{
	background-image: url("../images/bg_interview_kv_o_2021_pc.png");
}
.i2018 #cmnKvWrapper::before{
	background-image: url("../images/bg_interview_kv_i_2018_pc.png");
}
.i2014 #cmnKvWrapper::before{
	background-image: url("../images/bg_interview_kv_i_2014_pc.png");
}
.k2018 #cmnKvWrapper::before{
	background-image: url("../images/bg_interview_kv_k_2018_pc.png");
}


/*
	座談会
-----------------------------------------------------------------------------------------------*/
/* 共通
============================== */
.xTalkI2002{
	color: var(--clrGreenDD);
}
.xTalkK2023{
	color: var(--clrYellowD);
}
.xTalkS2023{
	color: var(--clrBlueD);
}
.xTalkN2023{
	color: var(--clrBlueLD);
}
.xTalkI2023{
	color: var(--clrPinkLD);
}

/* メインKV
============================== */
.pageCrosstalk #cmnKvWrapper::before{
	background-image: url("../images/bg_crosstalk_kv_pc.png");
}
.pageCrosstalk .cmnKvInBox{
	padding-bottom: 80px;
}
/* タイトル */
.xTalkKvCatcArea{
	opacity: 0;
	animation: anmFadeLeft 0.8s var(--anmBaseCB) 0.8s forwards, anmFadeIn 0.8s ease 0.8s forwards;
}
.xTalkKvCatc{
	color: #fff;
	font-size: 4.6rem;
	font-weight: 900;
	text-shadow: var(--shadowTxtBase);
	line-height: 140%;
	letter-spacing: 0.4rem;
	margin-top: 10px;
}

/* リードエリア
============================== */
.xTalkLeadTxt{
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: var(--lineHeightL);
}

/* チェックエリア
============================== */
#xTalkPatternWrapper{
	background-image:
	repeating-linear-gradient(
		90deg,
		rgb(255 140 0 / 20%), rgb(255 140 0 / 20%) 1px,
		transparent 1px, transparent 20px
	),
	repeating-linear-gradient(
		0deg,
		rgb(255 140 0 / 20%) , rgb(255 140 0 / 20%) 1px,
		var(--clrGreyL) 1px, var(--clrGreyL) 20px
	);
	padding-block: 80px;
	margin-bottom: 120px;
}
#xTalkPatternWrapper .ctsArea{
	display: flex;
	flex-direction: column;
	gap: 60px 0;
}
/* タイトル */
#xTalkPatternWrapper .bgRoundTitM{
	width: 200px;
	text-align: center;
	margin-inline: auto;
}

/* TALK MEMBERS
============================== */
.xTalkMemberArea{
	background-color: #fff;
	border-radius: var(--roundL);
	padding: 50px 30px 30px 30px;
	position: relative;
}
/* タイトル */
.xTalkMemberArea .bgRoundTitM{
	position: absolute;
	top: 0;
	left: 50%;
	translate: -50% -50%;
}
/* リスト */
.xTalkMemberList{
	display: flex;
	justify-content: space-between;
}
.xTalkMemberList li{
	width: 192px;
}
/* 写真 */
.xTalkMemberList .cmnAnmPh10{
	border-top-left-radius: 50% 50%;
	border-top-right-radius: 50% 50%;
}
/* テキストエリア */
.xTalkMemberList .txtArea{
	display: flex;
	flex-direction: column;
	gap: 10px 0;
	margin-top: 15px;
}
/* 名前　入庁 */
.xTalkMemberNameArea{
	display: flex;
	align-items: flex-end;
	gap: 0 10px;
	font-weight: 700;
}
.xTalkMemberName{
	font-size: 2rem;
	font-family: var(--fEnMain);
	line-height: var(--lineHeightEn);
	translate: 0 3px;
}
.xTalkMemberYear{
	font-size: 1.2rem;
	line-height: 100%;
}
/* 仕事 */
.xTalkMemberJob{
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 130%;
}
/* 本文 */
.xTalkMemberTxt{
	text-align: justify;
	color: var(--clrGreyD);
	font-size: 1.2rem;
	line-height: 140%;
	letter-spacing: 0.05rem;
}

/* TALK THEME
============================== */
/* タイトル */
.xTalkAnchorArea .bgRoundTitM{
	margin-bottom: 30px;
}
/* リスト */
.xTalkAnchorList{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.xTalkAnchorList li{
	width: calc((100% - 30px)/2);
	min-height: 110px;
	border-radius: var(--roundSS) var(--roundS) var(--roundS) var(--roundS);
	box-shadow: 0 0 10px var(--clrBase20);
	position: relative;
	transition: all 0.3s;
	overflow: hidden;
}
.xTalkAnchorList a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	background-image: var(--bgTexture), linear-gradient(135deg,var(--clrYellowL) 0%, var(--clrYellowD) 30%);
	text-align: center;
	color: #fff;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 150%;
	padding: 25px 20px;
	transition: all 1s;
}
.xTalkAnchorList a::after{
	background-color: #fff;
	right: 12px;
	bottom: 12px;
}
@media (any-hover: hover){
	.xTalkAnchorList li:hover{
		box-shadow: 0 0 20px var(--clrBase30);
	}
	.xTalkAnchorList a:hover{
		filter: brightness(125%);
		left: -50px;
	}
	.xTalkAnchorList a:hover::after{
		bottom: 8px;
	}
}
/* 数字 */
.xTalkBgNum{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 20px;
	background-color: var(--clrBase);
	border-radius: var(--roundSS) 0 var(--roundSS) 0;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	font-family: var(--fEnMain);
	font-weight: 500;
	line-height: var(--lineHeightEn);
	letter-spacing: 0.1rem;
	padding-top: 2px;
}
.xTalkAnchorList .xTalkBgNum{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
/* anm */
@media print, screen and (min-width:813px){
	.xTalkAnchorList.jsAnmStart .xTalkBgNum{
		animation: anmFadeLeft var(--anmDuration) var(--anmBaseCB) var(--anmDelay) forwards, var(--anmFadeIn);
	}
}

/* 記事エリア
============================== */
/* タイトル */
#xTalkArtWrapper .dqTit::before{
	top: -4px;
	left: -40px
}
#xTalkArtWrapper .dqTit .xTalkBgNum{
	border-radius: var(--roundSS);
	margin-bottom: 3px;
}
/* 記事　+　写真 */
[class *= "xTalkArtType"]{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 60px;
	position: relative;
}
@media print, screen and (min-width:813px){
	[class *= "xTalkArtType"]:has(+.xTalkArtType03){
		margin-bottom: 80px;
	}
}
[class *= "xTalkArtType"]:last-of-type{
	margin-bottom: 0;
}
/* テキストエリア */
.xTalkArtTxtBox{
	position: relative;
	z-index: 1;
}
.xTalkArtTxtBox:has(.dqTit){
	padding-left: 40px;
}
/* 本文 */
.xTalkArtTxt{
	text-align: justify;
	line-height: var(--lineHeightL);
	padding-left: 80px;
	margin-bottom: 25px;
	position: relative;
}
.xTalkArtTxt:last-of-type{
	margin-bottom: 0;
}
/* 本文　写真 */
.xTalkArtName{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px 0;
	width: 60px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 130%;
	position: absolute;
	left: 0;
}
.xTalkArtName[class *="20"]{
	font-size: 1.4rem;
	font-family: var(--fEnMain);
	line-height: var(--lineHeightEn);
	top: 0;
}
.xTalkArtName[class *="20"]::before{
	content: " ";
	display: block;
	width: 100%;
	aspect-ratio: 1/1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	border-top-left-radius: 50% 50%;
	border-top-right-radius: 50% 50%;
	border-bottom-left-radius: var(--roundSS);
	border-bottom-right-radius: var(--roundSS);
}
.xTalkArtName.xTalkI2002::before{
	background-image: url("../images/ph_crosstalk_artic_i_2002_pc.png");
}
.xTalkArtName.xTalkK2023::before{
	background-image: url("../images/ph_crosstalk_artic_k_2023_pc.png");
}
.xTalkArtName.xTalkS2023::before{
	background-image: url("../images/ph_crosstalk_artic_s_2023_pc.png");
}
.xTalkArtName.xTalkN2023::before{
	background-image: url("../images/ph_crosstalk_artic_n_2023_pc.png");
}
.xTalkArtName.xTalkI2023::before{
	background-image: url("../images/ph_crosstalk_artic_i_2023_pc.png");
}
/* 写真 */
[class *= "xTalkArtType"] .cmnAnmPh10{
	background-color: #fff;
	position: relative;
	z-index: 0;
}

/* タイプ01
============================== */
.xTalkArtType01 .dqTit{
	white-space: nowrap;
}
@media print, screen and (min-width:813px){
	.xTalkArtType01 .xTalkArtTxtBox{
		width: 540px;
	}
}
.xTalkArtType01 .cmnAnmPh10{
	position: absolute;
	border-top-left-radius: 60% 50%;
	border-top-right-radius: 60% 50%;
}
.xTalkArtType01 .ph01{
	top: -50px;
	right: 0;
}
.xTalkArtType01 .ph02{
	top: 220px;
	right: 190px;
}

/* タイプ02
============================== */
.xTalkArtType02{
	flex-direction: row-reverse;
	align-items: center;
}
@media print, screen and (min-width:813px){
	.xTalkArtType02 .xTalkArtTxtBox{
		width: 520px;
	}
}
.xTalkArtType02 .ph01{
	border-top-right-radius: 40% 60%;
	border-bottom-right-radius: 40% 60%;
}

/* タイプ03
============================== */
.xTalkArtType03{
	flex-direction: column-reverse;
	align-items: center;
	gap: 70px 0;
}
@media print, screen and (min-width:813px){
	.xTalkArtType03 .xTalkArtTxtBox{
		width: 720px;
	}
}

/* タイプ04
============================== */
.xTalkArtType04{
	flex-direction: row-reverse;
	align-items: center;
}
@media print, screen and (min-width:813px){
	.xTalkArtType04:has(.dqTit) .xTalkArtTxtBox{
		width: 680px;
	}
	.xTalkArtType04 .xTalkArtTxtBox{
		width: 640px;
	}
	.xTalkArtType04:has(.dqTit) .ph01{
		border-top-left-radius: 60% 40%;
		border-top-right-radius: 60% 40%;
		margin-top: -50px;
	}
}
.xTalkArtType04 .ph01{
	border-top-left-radius: 70% 60%;
	border-top-right-radius: 70% 60%;
}

/* タイプ05
============================== */
.xTalkArtType05{
	align-items: center;
}
@media print, screen and (min-width:813px){
	.xTalkArtType05 .xTalkArtTxtBox{
		width: 630px;
	}
}
.xTalkArtType05 .xTalkArtPHBox{
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}
.xTalkArtType05 .ph01{
	border-top-left-radius: 40% 60%;
	border-bottom-left-radius: 40% 60%;
	margin-left: 45px;
}
.xTalkArtType05 .ph02{
	border-top-right-radius: 40% 60%;
	border-bottom-right-radius: 40% 60%;
}

/* タイプ06
============================== */
.xTalkArtType06{
	align-items: center;
}
@media print, screen and (min-width:813px){
	.xTalkArtType06 .xTalkArtTxtBox{
		width: 640px;
	}
}
.xTalkArtType06 .ph01{
	border-top-left-radius: 60% 40%;
	border-top-right-radius: 60% 40%;
}


@media screen and (max-width:812px){
	/*
		職員紹介　INDEX
	-----------------------------------------------------------------------------------------------*/
	/* ページタイトル
	============================== */
	.pageInterviewIdx #cmnTitWrapper{
		background-image: url("../images/bg_cmn_tit_interview_idx_sp.png");
	}


	/*
		職員紹介　詳細
	-----------------------------------------------------------------------------------------------*/
	/* メインKV
	============================== */
	#cmnKvWrapper.intvwKvWrapper{
		margin-bottom: 30px;
	}
	/* キャッチコピー　エリア */
	.intvwKvCatcArea{
		width: 100%;
		max-width: 460px;
		background-color: var(--clrWhite90);
		padding: 35px 20px 20px 20px;
		margin-inline: auto;
	}
	.intvwKvCatcArea::before{
		left: 20px;
	}
	.intvwKvCatc{/* キャッチコピー */
		font-size: 2.4rem;
	}
	.intvwKvNameArea{/* 名前　入庁 */
		gap: 0 15px;
		margin-block: 15px 13px;
	}
	.intvwKvNameArea .interviewName{
		translate: 0 6px;
	}
	.intvwKvNameArea .interviewYear{
		font-size: 1.2rem;
	}
	.intvwKvCatcArea .bgRoundTit{/* 課 */
		font-size: 1.3rem;
	}

	/* PROFILE
	============================== */
	#intvwProfileWrapper{
		flex-direction: column;
		gap: 8px 0;
	}
	.intvwProfileTit{
		font-size: 1.4rem;
		translate: 0 0;
	}
	.intvwProfileTxt{
		width: 100%;
	}

	/* インタビューエリア
	============================== */
	#intvwArticleWrapper{
		padding-bottom: 80px;
	}
	.intvwArticleBox{
		flex-direction: column;
		gap: 30px 0;
	}
	.intvwArticleBox:not(:last-of-type){
		margin-bottom: 60px;
	}
	/* テキストエリア */
	.intvwArticleBox .txtArea{
		padding-left: 20px;
	}
	.intvwArticleBox:nth-of-type(1) .txtArea,
	.intvwArticleBox:nth-of-type(2) .txtArea{
		width: 100%;
	}
	/* 写真 */
	.intvwArticleBox:nth-of-type(1) .cmnAnmPh10{
		border-top-left-radius: 35% 50%;
		border-bottom-left-radius: 35% 50%;
	}
	.intvwArticleBox:nth-of-type(2) .cmnAnmPh10{
		border-top-left-radius: 50% 50%;
		border-top-right-radius: 50% 50%;
	}

	/* 1日のスケジュール
	============================== */
	/* オレンジ箱　飾り */
	#intvwScheduleWrapper{
		margin-bottom: 80px;
	}
	#intvwScheduleWrapper::before{
		width: calc(20px + 20%);
		min-width: inherit;
		top: -50px;
	}
	/* グレー背景エリア */
	.intvwScheduleBgArea{
		width: calc((100vw - 100% + 20px)/2 + 100%);
		min-width: calc(100% + 20px);
		padding: 40px 0 20px 100px;
	}
	/* SCHEDULE 飾り英語 */
	.intvwScheduleBgArea::after{
		font-size: 1.8rem;
		left: -4px;
	}
	/* メインタイトル */
	#intvwScheduleWrapper .normalTit{
		font-size: 2rem;
		margin-bottom: 10px;
	}
	/* スライダー */
	#intvwScheduleWrapper .swiperBtnArea{/* navigation　矢印 */
		top: auto;
		right: 40px;
		bottom: -40px;
		left: auto;
	}
	.intvwScheduleList .time{/* 時間 */
		width: 60px;
		height: 22px;
		font-size: 1.4rem;
		padding: 4px 0 0 3px;
	}
	.intvwScheduleList .tit{/* タイトル */
		font-size: 1.5rem;
		margin-top: 15px;
	}
	.intvwScheduleList .txt{/* 本文 */
		font-size: 1.2rem;
		line-height: 150%;
	}
	/* 写真 */
	.intvwSchedulePh{
		width: 70px;
		bottom: 20px;
		left: 17px;
	}

	/* MESSAGE
	============================== */
	#intvwMessageWrapper{
		flex-direction: column-reverse;
		align-items: center;
		gap: 35px 0;
		padding-bottom: 50px;
	}
	/* テキストエリア */
	.intvwMessageTxtArea{
		width: 100%;
		padding: 0;
	}
	.intvwMessageTxtArea::before,
	.intvwMessageTxtArea::after{
		content: none;
	}
	/* タイトル */
	.intvwMessageTit{
		font-size: 2.4rem;
		letter-spacing: 0.3rem;
		padding-left: 20px;
		margin-bottom: 15px;
	}
	.intvwMessageTit::before{
		top: calc(50% - 3px);
		left: 0;
		translate: 0 -50%;
	}
	/* 写真 */
	#intvwMessageWrapper .cmnAnmPh10{
		width: 240px;
		border-top-left-radius: 50% 50%;
		border-top-right-radius: 50% 50%;
	}

	/* ページINDEX
	============================== */
	[class *= "intvwPage"]{
		letter-spacing: 0.1rem;
	}
	/* INDEX */
	.intvwPageIndex{
		font-size: 1.2rem;
		padding-inline: 14px;
		margin-inline: 14px;
	}
	.intvwPageIndex::before{
		width: 24px;
	}
	/* 戻る　進む */
	.intvwPageBack,
	.intvwPageNext{
		text-align: center;
		font-size: 1.2rem;
		line-height: 120%;
	}
	.intvwPageBack{
		padding-left: 24px;
	}
	.intvwPageNext{
		padding-right: 24px;
	}

	/* 各ページ
	============================== */
	/* メインKV */
	.o2021 #cmnKvWrapper::before{
		background-image: url("../images/bg_interview_kv_o_2021_sp.png");
	}
	.i2018 #cmnKvWrapper::before{
		background-image: url("../images/bg_interview_kv_i_2018_sp.png");
	}
	.i2018 .intvwKvCatc{
		letter-spacing: 0.08rem;
	}
	.i2014 #cmnKvWrapper::before{
		background-image: url("../images/bg_interview_kv_i_2014_sp.png");
	}
	.k2018 #cmnKvWrapper::before{
		background-image: url("../images/bg_interview_kv_k_2018_sp.png");
	}
	.k2018 .intvwKvCatc{
		font-size: 2.1rem;
		letter-spacing: 0rem;
	}


	/*
		座談会
	-----------------------------------------------------------------------------------------------*/
	/* メインKV
	============================== */
	.pageCrosstalk #cmnKvWrapper::before{
		background-image: url("../images/bg_crosstalk_kv_sp.png");
	}
	.pageCrosstalk .cmnKvInBox{
		padding-bottom: 60px;
	}
	/* タイトル */
	.xTalkKvCatc{
		font-size: 3.2rem;
		line-height: 130%;
		letter-spacing: 0.3rem;
	}

	/* リードエリア
	============================== */
	.xTalkLeadTxt{
		text-align: justify;
		font-size: 1.5rem;
	}

	/* チェックエリア
	============================== */
	#xTalkPatternWrapper{
		padding-block: 60px 40px;
		margin-bottom: 60px;
	}
	#xTalkPatternWrapper .ctsArea{
		gap: 40px 0;
	}
	/* タイトル */
	#xTalkPatternWrapper .bgRoundTitM{
		width: 160px;
	}

	/* TALK MEMBERS
	============================== */
	.xTalkMemberArea{
		padding: 40px 15px 20px 15px;
	}
	/* リスト */
	.xTalkMemberList{
		flex-direction: column;
		gap: 20px 0;
	}
	.xTalkMemberList li{
		display: flex;
		align-items: flex-start;
		gap: 0 20px;
		width: 100%;
	}
	/* 写真 */
	.xTalkMemberList .cmnAnmPh10{
		flex-shrink: 0;
		width: 100px;
		border-top-left-radius: 60% 40%;
		border-top-right-radius: 60% 40%;
	}
	/* テキストエリア */
	.xTalkMemberList .txtArea{
		gap: 6px 0;
		margin-top: 0;
	}
	/* 本文 */
	.xTalkMemberTxt{
		font-size: 1.1rem;
	}

	/* TALK THEME
	============================== */
	/* タイトル */
	.xTalkAnchorArea .bgRoundTitM{
		margin-bottom: 20px;
	}
	/* リスト */
	.xTalkAnchorList{
		gap: 10px 0;
	}
	.xTalkAnchorList li{
		width: 100%;
		min-height: 96px;
	}
	.xTalkAnchorList a{
		font-size: 1.4rem;
		padding: 25px 20px;
	}
	.xTalkAnchorList a::after{
		right: 10px;
		bottom: 10px;
	}
	/* 数字 */
	.xTalkBgNum{
		font-size: 1.1rem;
		padding-top: 3px;
	}
	/* anm */
	.xTalkAnchorList li.jsAnmStart .xTalkBgNum{
		animation: anmFadeLeft var(--anmDuration) var(--anmBaseCB) var(--anmDelay) forwards, var(--anmFadeIn);
	}

	/* 記事エリア
	============================== */
	/* タイトル */
	#xTalkArtWrapper .dqTit::before{
		top: 0;
		left: -30px
	}
	#xTalkArtWrapper .dqTit .xTalkBgNum{
		margin-bottom: 5px;
	}
	/* 記事　+　写真 */
	[class *= "xTalkArtType"]{
		flex-direction: column;
	}
	[class *= "xTalkArtType"],
	.xTalkArtTxtBox/* テキストエリア */{
		margin-bottom: 30px;
	}
	/* テキストエリア */
	.xTalkArtTxtBox{
		width: 100%;
	}
	.xTalkArtTxtBox:has(.dqTit){
		padding-left: 30px;
	}
	/* 本文 */
	.xTalkArtTxt{
		line-height: 160%;
		padding-left: 60px;
		margin-bottom: 20px;
	}
	/* 本文　写真 */
	.xTalkArtName{
		width: 46px;
		font-size: 1rem;
	}
	.xTalkArtName[class *="20"]{
		font-size: 1.3rem;
	}
	.xTalkArtName.xTalkI2002::before{
		background-image: url("../images/ph_crosstalk_artic_i_2002_sp.png");
	}
	.xTalkArtName.xTalkK2023::before{
		background-image: url("../images/ph_crosstalk_artic_k_2023_sp.png");
	}
	.xTalkArtName.xTalkS2023::before{
		background-image: url("../images/ph_crosstalk_artic_s_2023_sp.png");
	}
	.xTalkArtName.xTalkN2023::before{
		background-image: url("../images/ph_crosstalk_artic_n_2023_sp.png");
	}
	.xTalkArtName.xTalkI2023::before{
		background-image: url("../images/ph_crosstalk_artic_i_2023_sp.png");
	}

	/* タイプ01
	============================== */
	.xTalkArtType01{
		padding-bottom: 60px;
	}
	.xTalkArtType01 .dqTit{
		white-space: wrap;
	}
	.xTalkArtType01 .cmnAnmPh10{
		width: calc((100% / 2) + 10px);
	}
	.xTalkArtType01 .ph01{
		position: relative;
		top: auto;
		right: auto;
	}
	.xTalkArtType01 .ph02{
		top: auto;
		right: 0;
		bottom: 0;
	}

	/* タイプ02
	============================== */
	.xTalkArtType02{
		flex-direction: column;
	}
	.xTalkArtType02 .ph01{
		border-top-right-radius: 30% 60%;
		border-bottom-right-radius: 30% 60%;
	}

	/* タイプ03
	============================== */
	.xTalkArtType03{
		flex-direction: column;
		align-items: center;
		gap: 0;
	}

	/* タイプ04
	============================== */
	.xTalkArtType04{
		flex-direction: column;
	}
	.xTalkArtType04 .ph01{
		width: 80%;
		border-top-left-radius: 50% 40%;
		border-top-right-radius: 50% 40%;
	}

	/* タイプ05
	============================== */
	.xTalkArtType05{
		align-items: center;
	}
	.xTalkArtType05 .xTalkArtPHBox{
		gap: 15px 0;
	}
	.xTalkArtType05 .cmnAnmPh10{
		width: calc((100%/2) + 80px);
	}
	.xTalkArtType05 .ph01{
		margin-inline: auto 0;
	}
	.xTalkArtType05 .ph02{
		margin-right: auto;
	}

	/* タイプ06
	============================== */
	.xTalkArtType06{
		align-items: center;
	}
	.xTalkArtType06 .ph01{
		width: 80%;
		border-top-left-radius: 50% 40%;
		border-top-right-radius: 50% 40%;
	}
	/* 最後のテキストボックスの空き調整 */
	.xTalkArtType06:has(img[src*="ph_crosstalk_article04_02_01"]) .xTalkArtTxtBox{
		margin-bottom: 0;
	}
}