@charset "utf-8";

/* CSS Document */
body {
	font-family: 'Noto Sans JP';
	padding: 0;
	margin: 0;
}

.interview_lead {
	font-family: "Zen Old Mincho", serif;
}

.interview-title,
.interview-list h1 {
	color: #102543;
	font-family: 'Noto Serif JP';
	font-size: 36px;
	text-align: center;
	margin: 60px auto 90px;
	position: relative;
	width: 100%;
}

.interview-title::before,
.interview-list h1::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url(../images/jirikihongan.webp) no-repeat;
	background-size: cover;
	background-position: center;
	width: 115px;
	height: 100px;
	z-index: -1;
}

.interview-list h1 span {
	display: block;
	font-size: 24px;
}

.interview-list h1::before {
	top: 40%;
}

/* インタビューメインタイトル */
.interview_mv {
	margin: 0 0 9em 0;
	width: 100%;
	position: relative;
}

.interview_mv .main_visual {
	height: 730px;
	overflow: hidden;
}

.interview_mv .main_visual img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.interview_mv .main_ttl {
	background: #fff;
	box-sizing: border-box;
	color: #102543;
	font-weight: 400;
	max-width: 816px;
	width: 80%;
	margin: 0 auto;
	padding: 40px 20px 0 20px;
	position: absolute;
	text-align: center;
	bottom: -70px;
	left: 50%;
	transform: translateX(-50%);
}

.interview_mv .main_ttl .sub_ttl {
	background: #102543;
	color: #fff;
	font-family: noto sans jp, sans-serif;
	font-weight: 400;
	display: inline-block;
	font-size: 16px;
	margin: 0 0 0.8em 0;
	padding: 0.25em 1.2em;
}

.interview_mv .main_ttl p {
	font-size: min(45px, 5vw);
	font-family: "Zen Old Mincho", serif;
	margin: 0;
	padding: 0;
}

.interview_mv .main_ttl p span {
	display: block;
	font-size: 0.577em;
}

.interview_mv_lead {
	text-align: center;
}

/* メンバー紹介 */
.interview_menber_ttl {
	color: #102543;
	font-size: 36px;
	font-family: "Zen Old Mincho", serif;
	margin: 0 0 1em 0;
	text-align: center;
}

.interview_menber_ttl>div:first-of-type {
	font-weight: 400;
	line-height: 0.9;
	margin: 0;
	padding: 0;
}

.interview_menber_ttl>div:last-of-type {
	border-top: solid 1px #102543;
	border-bottom: solid 1px #102543;
	display: inline-block;
	font-size: 20px;
	margin: 0;
	padding: 0.2em 0;
	width: 324px;
}

.interview_menber_ttl>div:last-of-type span {
	display: inline-block;
	font-size: 0.6em;
	padding: 0 0.3em 0.56em 0;
	vertical-align: middle;
}

.interview_menber {
	display: flex;
	flex-wrap: wrap;
	gap: min(30px, 2.8vw) min(40px, 3vw);
	max-width: min(720px, 80vw);
	margin: 0 auto 2em auto;
}

.interview_menber>div {
	width: min(29.5%, 24vw);
}

.interview_menber>div img {
	border: solid 4px;
	border-radius: 50%;
	display: inline-block;
	height: auto;
	margin: 0 0.5em 0 0;
	width: min(120px, 12vw);
	vertical-align: middle;
}

.interview_menber>div>div {
	display: inline-block;
	vertical-align: middle;
}

.interview_menber>div>div span {
	font-size: 0.7em;
}

.interview_menber>div>div,
.interview_menber_facilitator {
	font-size: min(20px, 2.2vw);
	font-weight: bold;
}

.interview_menber>div>div span,
.interview_menber_facilitator span {
	font-size: 0.7em;
}

.interview_menber_facilitator {
	background: #f4f4f4;
	border-radius: 10px;
	margin: 0 auto 4em auto;
	padding: 0.6em 0 0.8em 0;
	width: min(200px, 18vw);
	text-align: center;
}

.interview_menber_facilitator span {
	font-weight: lighter;
}

/* カルーセルスライダー */
.interview_slider {
	background: #F6F6F3;
	color: #102543;
	font-size: min(36px, 3.2vw);
	font-family: "Zen Old Mincho", serif;
	margin: 0 0 1.5em 0;
	overflow: hidden;
	padding: 1em 0 1.5em 0;
	text-align: center;

}

.interview_slider_track {
	overflow: hidden;
	display: flex;
	width: 100%;
}


.interview_slider_track:hover ul {
	animation-play-state: paused;
}

.interview_slider ul,
.interview_slider ul li {
	list-style: none;
	padding: 0;
}

.interview_slider ul {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	margin: 30px 0 0 0;
	flex-shrink: 0;
	animation: interview-marquee 40s linear infinite;
}

.interview_slider ul li {
	display: block;
	margin: 0 0 0 0;
	min-width: 400px;
	width: calc(100vw / 4);
}

.interview_slider ul li:last-child {
	margin: 0 10px 0 0;
}

.interview_slider ul li img {
	width: 100%;
	height: auto;
}

@keyframes interview-marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}

/* 日程表（アコーディオンメニュー内） */
.tour_sch {
	background: #F6F6F3;
	box-sizing: border-box;
	display: flex;
	gap: min(4vw, 70px);
	margin: 0 auto;
	max-width: 1140px;
	padding: 40px min(4vw, 70px);
}

.tour_sch>div {
	width: 50%;
}

.tour_sch .day {
	background: #102543;
	border-radius: 5px;
	color: #fff;
	font-size: 1.25em;
	text-align: center;
	width: 98px;
}

.tour_sch .day span {
	font-size: 140%;
}

.tour_sch>div ul,
.tour_sch>div ul li {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

.tour_sch>div ul li {
	align-items: top;
	background: #fff;
	display: flex;
	font-size: 14px;
	gap: 0.5em;
	padding: 0.8em 1.5em;
	position: relative;
	margin: 0 0 18px 0;
}

.tour_sch>div ul li>div:first-of-type {
	font-size: 1em;
	line-height: 1;
	padding: 0.35em 0;
	width: 3.6em;
}

.tour_sch>div ul li>div:last-of-type {
	font-size: 1.15em;
	font-weight: bold;
}

.tour_sch>div ul li>div:last-of-type span {
	font-weight: lighter;
	font-size: 0.88em;
	display: block;
}

.tour_sch>div ul li:after {
	background: url("../images/interview/day_list_arrow.svg") no-repeat;
	content: "";
	position: absolute;
	bottom: -22px;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 14.27px;
	height: 14.73px;
}

.tour_sch>div ul li:last-of-type:after {
	display: none;
}

.interview_accordion_btn {
	display: block;
	align-items: center;
	cursor: pointer;
	position: relative;
	width: 510px;
	height: 67px;
	font-family: "Zen Old Mincho", serif;
	font-size: 20px;
	background-color: #ffffff;
	border: 1px solid #102543;
	color: #102543;
	margin: auto;
}

/* ＋−アイコンの土台 */
.interview_accordion_btn::before,
.interview_accordion_btn::after {
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	width: 18px;
	height: 1px;
	background: currentColor;
	transform: translateY(-50%);
	transition: transform .5s ease, opacity .5s ease;
}

/* 縦棒（＋の縦線） */
.interview_accordion_btn::after {
	transform: translateY(-50%) rotate(90deg);
	/* 横線を90度回して縦棒にする */
	transform-origin: center;
}

/* 開いているとき：縦棒だけ消して「−」にする */
.interview_accordion_btn[aria-expanded="true"]::after {
	opacity: 0;
	transform: translateY(-50%) rotate(90deg) scaleX(0.2);
	/* ふわっと消える */
}

/* クリックで開閉する領域 */
.interview_accordion_panel {
	overflow: hidden;
	height: 0;
	/* JSが開くときにheightを入れる */
	transition: height 1s ease;
}


/* チャプタータイトル */
.chapter {
	background: #102543;
	display: flex;
	font-family: noto serif jp, serif;
	gap: 0;
	height: min(660px, 55vw);
	margin: 10em 0 6em 0;
}

.chapter>div {
	color: #fff;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	width: 50%;
}

.chapter>div:first-of-type {
	font-family: "Zen Old Mincho", serif;
	padding: 0 0 2em 0;
}

.chapter>div:last-of-type {
	overflow: hidden;
}

.chapter>div:last-of-type img {
	/* position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%); */
	line-height: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.chapter>div:first-of-type .chapter_num {
	font-family: noto sans jp, sans-serif;
	font-size: 25px;
	font-weight: 500;
	opacity: 0.2;
}

.chapter>div:first-of-type .chapter_num span {
	display: inline-block;
	font-family: "Zen Old Mincho", serif;
	font-size: min(300px, 30vw);
	font-weight: 300;
	letter-spacing: -0.05em;
	margin: -0.1em 0 0 0;
	vertical-align: middle;
}

.chapter>div:first-of-type .chapter_name {
	font-size: min(2.5vw, 44px);
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.9;
}

.chapter>div:first-of-type .chapter_name span {
	display: block;
	font-size: 58%;
	letter-spacing: 0.05em;
}

.chapter>div:first-of-type .chapter_name br.sp {
	display: none;
}

/* chapter lead */
.interview_contents {
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
}

.interview_contents img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 48px 0;
}

.interview_contents .btn {
	background: none;
	border: 1px solid #102543;
	border-radius: 8px;
	position: relative;
	line-height: 1.25;
	letter-spacing: .075em;
	transition: .5s;
	text-align: center;
	margin: 150px auto 180px;
	font-weight: 400;
	color: #000;
	width: 475px;
	height: 156px;
}

.interview_contents .btn::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	background: url(../images/arrow.svg) no-repeat;
	width: 6px;
	height: 11px;
	transition: .5s;
	pointer-events: none;
}

.interview_contents .btn:hover {
	background: #B40019;
	color: #fff;
	transition: .5s;
}

.interview_contents .btn:hover::after {
	background: url(../images/arrow_w.svg) no-repeat;
}

.chapter_lead {
	font-size: 1.25em;
	font-family: "Zen Old Mincho", serif;
	line-height: 1.8;
	margin: 0 0 60px 0;
}

/* インタビュアーのベース */
.voice {
	box-sizing: border-box;
	padding: 0;
	margin: 3em auto 5em auto;
	position: relative;
}

.voice .name {
	background: #fff;
	border: solid 4px;
	border-radius: 100%;
	align-items: center;
	text-align: center;
	font-size: 122%;
	font-weight: bold;
	display: table;
	width: 120px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;
}

.voice .name p {
	display: table-cell;
	vertical-align: middle;
}

.voice .txt {
	box-sizing: border-box;
	border-left: solid 2px;
	font-size: 1.125em;
	line-height: 2;
	padding: 44px 40px 20px 88px;
	margin: 0 0 0 60px;
	text-align: justify;
}

.voice .txt p {
	margin: 0 0 1.6em 0;
}

.voice .txt p:last-of-type {
	margin: 0 0 0 0;
}


/* 別府さん */
.voice.beppu .name,
.interview_menber>div img.beppu {
	border-color: #102543;
	color: #102543;
}

.voice.beppu .txt {
	border-color: #102543;
}

/* 薄さん */
.voice.susuki .name,
.interview_menber>div img.susuki {
	border-color: #5CA7AD;
	color: #5CA7AD;
}

.voice.susuki .txt {
	border-color: #5CA7AD;
}

/* 古庄さん */
.voice.furusho .name,
.interview_menber>div img.furusho {
	border-color: #5380bf;
	color: #5380bf;
}

.voice.furusho .txt {
	border-color: #5380bf;
}

/* 蔵元さん */
.voice.kuramoto .name,
.interview_menber>div img.kuramoto {
	border-color: #BA5D6A;
	color: #BA5D6A;
}

.voice.kuramoto .txt {
	border-color: #BA5D6A;
}

/* 菊池さん */
.voice.kikuchi .name,
.interview_menber>div img.kikuchi {
	border-color: #C88556;
	color: #C88556;
}

.voice.kikuchi .txt {
	border-color: #C88556;
}

/* 矢島さん */
.voice.yajima .name,
.interview_menber>div img.yajima {
	border-color: #AE81BF;
	color: #AE81BF;
}

.voice.yajima .txt {
	border-color: #AE81BF;
}

/* 全員または一同 */
.voice.all_staff .name {
	background: #102543;
	border-color: #102543;
	color: #ffffff;
}

.voice.all_staff .txt {
	border-color: #102543;
	font-size: 122%;
	font-weight: bold;
}

/* .voice .txt内の文章は、spanがマーカーになります */
.voice .txt span {
	background: #F6E0E3;
	padding: 0 0.2em;
}


/* ファシリテーター */
.facilitator {
	background: #f4f4f4;
	border-radius: 10px;
	display: table;
	margin: 3em auto 2.5em auto;
	padding: 0;
	width: 100%;
}

.facilitator .name {
	background: #e5e5e5;
	border-radius: 15px 0 0 15px;
	color: #6E6E6E;
	display: table-cell;
	font-size: 122%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 120px;
}

.facilitator .txt {
	display: table-cell;
	font-size: 1.125em;
	line-height: 2;
	padding: 1.6em 2em;
}

.facilitator .txt p {
	margin: 0 0 1.6em 0;
}

.facilitator .txt p:last-of-type {
	margin: 0 0 0 0;
}

.facilitator .txt span {
	background: #F6E0E3;
	padding: 0 0.2em;
}

/* インタビュー目次 */
.interview_bookmark_start {
	position: relative;
}

.interview_bookmark {
	/* position: fixed; */
	position: absolute;
	top: 0;
	right: 0;
	/* left: calc(100vw - 300px); */
	width: 300px;
	height: 0;
	padding: 1px 0 0 0;
	margin: 0;
	z-index: 100;
}

.interview_bookmark>.bookmark_panel {
	background: #fff;
	border-radius: 0 0 0 5px;
	box-shadow: none;
	margin: 5em 0 0 0;
	padding: 12px 0;
	position: relative;
	width: 100%;
	transform: translateX(calc(100%));
	/* 取っ手44pxだけ見せる */
	/* transform: translateX(300px); */
	transition: 0.8s ease-in-out;
}

.interview_bookmark.is-stuck {
	position: fixed;
	top: 10%;
	right: 0;
}

/* hoverで開く 
.interview_bookmark>.bookmark_panel:hover {
	transform: translateX(0px);
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
*/

/* クリック固定で開く（←追加） */
.interview_bookmark>.bookmark_panel.is-open {
	transform: translateX(0px);
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

/* 既存の :before アイコンは不要になるので削除（または無効化） */
/*
.interview_bookmark>div:before { ... }
*/

/* アイコンボタン（実体） */
.bookmark-toggle {
	position: absolute;
	left: -45px;
	top: 0;
	width: 45px;
	height: 90px;
	border: 0;
	padding: 0;
	background: url("../images/interview/chapter_list_icon_2.svg") no-repeat;
	background-size: cover;
	cursor: pointer;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

.bookmark_panel.is-open .bookmark-toggle {
	box-shadow: none;
}

/**
.interview_bookmark>div {
	background: #fff;
	border-radius: 5px 0 0 5px;
	box-shadow: none;
	margin: 5em 0 0 0;
	padding: 12px 0;
	position: relative;
	width: 100%;
	transform: translateX(305px);
	transition: 0.8s ease-in-out;
}

.interview_bookmark>div:hover {
	transform: translateX(0px);
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

.interview_bookmark>div:before {
	background: url("../images/interview/chapter_list_icon.svg") no-repeat;
	background-size: cover;
	content: "";
	display: block;
	height: 44px;
	left: -44px;
	position: absolute;
	top: 0;
	width: 44px;
}

*/
/* ワイド幅の時の章目次の見せ方候補 */
@media screen and (min-width:2100px) {

	/* パネルを常に開いた状態に固定 */
	.interview_bookmark>.bookmark_panel {
		transform: translateX(0) !important;
		box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
		/* 影も常時なら */
	}

	/* トグルボタンは不要なので隠す */
	.interview_bookmark .bookmark-toggle {
		display: none !important;
	}
}

/*ワイド幅の時の章目次の見せ方候補 **/
.interview_bookmark .ttl {
	color: #E2E4E8;
	font-family: "Zen Old Mincho", serif;
	font-size: 40px;
	font-weight: 300;
	line-height: 1;
	margin: 0 0 12px 0;
	text-align: center;
}

.interview_bookmark ul {
	width: 100%;
}

.interview_bookmark ul,
.interview_bookmark ul li,
.interview_bookmark ul a {
	color: #102543;
	list-style: none;
}

.interview_bookmark ul {
	margin: 0;
	padding: 0;
}

.interview_bookmark ul li {
	box-sizing: border-box;
	font-size: 15px;
	padding: 10px 30px 10px 0;
	position: relative;
	transition: 0.2s ease-in-out;
}

.interview_bookmark ul li .main_ttl {
	font-weight: 700;
}

.interview_bookmark ul li .num,
.interview_bookmark ul li .sub_ttl {
	font-size: 13px;
	font-weight: 400;
}

.interview_bookmark ul li .num span {
	font-size: 1.8em;
	padding: 0 0 0 0.2em;
}

.interview_bookmark ul li .sub_ttl {
	text-indent: 1em;
	padding-left: -1em;
}

.interview_bookmark ul a {
	border-left: solid 4px #fff;
	display: block;
	padding-left: 20px;
	text-decoration: none;
}

.interview_bookmark ul li a:hover {
	border-color: #b40019;
}

.interview_bookmark ul a:hover {
	color: #b40019;
}

.interview_bookmark ul li a:after {
	content: "";
	display: block;
	background: url("../images/interview/interview_menu_arrow.svg");
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	width: 11px;
	height: 9.2px;
}

.interview_bookmark ul li a:hover:after {
	filter: invert(18%) sepia(89%) saturate(6261%) hue-rotate(340deg) brightness(67%) contrast(123%);
}

.kome {
	font-size: 0.85em;
}


/*-------------------------------------------------
	      スマホ用 
	-------------------------------------------------*/
@media screen and (max-width:767px) {

	body {
		font-size: 14px;
	}

	.interview-list.wrap {
		width: 90%;
	}

	.interview-list h1 {
		font-size: 24px;
		margin: 0 auto 36px;
	}

	.interview-list h1 span {
		font-size: 16px;
	}

	.interview-list h1::before {
		top: 45%;
		width: 82px;
		height: 72px;
	}



	/* インタビューメインタイトル */
	.interview_mv {
		margin: 0 0 2.4em 0;
	}

	.interview_mv .main_visual {
		height: auto;
	}

	.interview_mv .main_visual img {
		width: 100%;
		height: 100%;
		transform: scale(130%);
	}

	.interview_mv .main_ttl {
		background: #fff;
		box-sizing: border-box;
		color: #102543;
		max-width: 816px;
		width: 85%;
		margin: 0 auto;
		padding: 24px 0 0 0;
		position: static;
		text-align: center;
		transform: none;
	}

	.interview_mv .main_ttl .sub_ttl {
		display: block;
		font-size: min(3.5vw, 13.5px);
		margin: 0 0 0.8em 0;
		padding: 0.25em 1.2em;
	}

	.interview_mv .main_ttl p {
		font-size: min(45px, 6vw);
	}

	.interview_mv .main_ttl p span {
		font-size: 0.7em;
		margin: 0.25em 0 0 0;
	}

	.interview_mv_lead {
		text-align: left;
	}

	/* メンバー紹介 */
	.interview_menber_ttl {
		font-size: 24px;
		margin: 0 auto 1em auto;
		text-align: center;
		width: 90%;
	}

	.interview_menber_ttl>div:first-of-type {
		font-weight: 500;
		line-height: 2;
		margin: 0;
		padding: 0;
	}

	.interview_menber_ttl>div:last-of-type {
		font-size: 18px;
		margin: 0;
		padding: 0.2em 0;
		width: 100%;
	}

	.interview_menber_ttl>div:last-of-type span {
		font-size: 0.7em;
		padding: 0 0.3em 0.56em 0;
	}

	.interview_menber {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 25px;
		margin: 0 auto 2em auto;
		max-width: 90%;
		width: 80%;
	}

	.interview_menber>div {
		width: min(50%, 44.5%);
	}

	.interview_menber>div img {
		border: solid 4px;
		border-radius: 50%;
		display: block;
		height: auto;
		margin: 0 auto 0.2em auto;
		width: min(120px, 100%);
	}

	.interview_menber>div>div {
		display: block;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}

	.interview_menber>div>div span {
		font-size: 0.8em;
	}

	.interview_menber>div>div,
	.interview_menber_facilitator {
		font-size: 16px;
	}

	.interview_menber>div>div span,
	.interview_menber_facilitator span {
		font-size: 0.8em;
	}

	.interview_menber_facilitator {
		width: min(200px, 40vw);
	}

	/* カルーセルスライダー */
	.interview_slider {
		font-size: 24px;
		margin: 0 0 1.5em 0;
		padding: 1em 0 1.5em 0;

	}


	.interview_slider ul {
		display: flex;
		flex-wrap: nowrap;
		gap: 10px;
		margin: 15px 0 0 0;
	}

	.interview_slider ul li {
		display: block;
		margin: 0 0 0 0;
		min-width: 318px;
	}

	.interview_accordion_btn {
		width: 100%;
		height: 50px;
		font-size: 14px;
	}

	.interview_accordion_btn::before,
	.interview_accordion_btn::after {
		width: 13px;
	}

	/* 日程表（アコーディオンメニュー内） */
	.tour_sch {
		box-sizing: border-box;
		display: block;
		gap: 70px;
		margin: 0 auto;
		padding: 20px 20px;
	}

	.tour_sch>div {
		width: 100%;
		padding: 0 0 0.2em 0;
	}

	.tour_sch>div:first-of-type {
		margin-bottom: 2em;
	}

	.tour_sch .day {
		background: #102543;
		border-radius: 5px;
		color: #fff;
		font-size: 1.1em;
		text-align: center;
		width: 98px;
	}

	.tour_sch .day span {
		font-size: 140%;
	}

	.tour_sch>div ul,
	.tour_sch>div ul li {
		list-style: none;
		padding: 0;
	}

	.tour_sch>div ul li {
		padding: 0.8em 1.1em;
	}

	.tour_sch>div ul li>div:last-of-type {
		font-size: 1.1em;
	}

	/* チャプタータイトル */
	.chapter {
		display: block;
		height: auto;
		margin: 6em 0 2em 0;
		padding: 0;
	}

	.chapter>div {
		line-height: 0;
		width: 100%;
	}

	.chapter>div:first-of-type {
		box-sizing: border-box;
		padding: 0 2em 2em 2em;
		line-height: 1.6;
	}

	.chapter>div:last-of-type {
		overflow: hidden;
	}

	.chapter>div:last-of-type img {
		height: auto;
		width: 100%;
	}

	.chapter>div:first-of-type .chapter_num {
		font-size: 21px;
		font-weight: 500;
		opacity: 0.2;
		margin: 0 0 0 0;
	}

	.chapter>div:first-of-type .chapter_num span {
		font-size: 200px;
		margin: -0.25em 0 -0.1em 0;
	}

	.chapter>div:first-of-type .chapter_name {
		font-size: 7.2vw;
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 1.6;
	}

	.chapter>div:first-of-type .chapter_name span {
		display: block;
		font-size: 58%;
		letter-spacing: 0.05em;
		margin: 0.4em 0 0 0;
	}

	.chapter>div:first-of-type .chapter_name br.sp {
		display: inline;
	}

	/* chapter lead */
	.interview_contents {
		max-width: 90%;
		margin: 0 auto;
		padding: 0;
	}

	.interview_contents img {
		margin: 0 0 30px 0;
	}

	.interview_contents .btn {
		font-size: 14px;
		width: 100%;
		height: 90px;
		margin: 54px auto 64px;
	}

	.interview_contents .btn::after {
		right: 8px;
	}

	.chapter_lead {
		font-size: 1.25em;
		font-family: "Zen Old Mincho", serif;
		line-height: 1.8;
		margin: 0 0 40px 0;
	}

	/* インタビュアーのベース */
	.voice {
		box-sizing: border-box;
		padding: 0;
		margin: 2.4em auto;
		position: relative;
		display: block;
	}

	.voice .name {
		border-radius: 10px 10px 10px 0;
		background: #fff;
		border: solid 2px;
		text-align: center;
		font-size: 112%;
		font-weight: bold;
		display: block;
		width: 120px;
		height: auto;
		position: relative;
	}

	.voice .name p {
		display: block;
		text-align: center;
		padding: 0.5em;
		margin: 0;
	}

	.voice .txt {
		font-weight: 1.125em;
		border-left: solid 2px;
		padding: 1em 0 1em 1.6em;
		width: 100%;
		margin: 0 0 0 0;
		text-align: justify;
	}

	/* ファシリテーター */
	.facilitator {
		display: block !important;
		margin: 3em auto 0 auto;
	}

	.facilitator .name {
		display: block !important;
		border-radius: 10px 0 10px 0;
		font-size: 112%;
		padding: 0.5em 0;
		margin: 0;
		width: 120px;
		text-align: center;
	}

	.facilitator .txt {
		font-weight: 1.125em;
		display: block !important;
		padding: 0.8em 1.8em 1.2em 1.8em;
	}

	/* インタビュー目次 */
	.interview_bookmark_start {
		position: relative;
	}

	.interview_bookmark {
		position: sticky;
		top: 0;
		left: calc(100vw - 300px);
		width: 300px;
		height: 0;
		padding: 1px 0 0 0;
		margin: 0;
		z-index: 100;
	}

	.interview_bookmark>div {
		margin: 7em 0 0 0;
		padding: 12px 0;
		width: 100%;
	}

	/* hoverで開く動きを無効化（スマホはタップ操作のみ） */
	.interview_bookmark>.bookmark_panel:hover {
		transform: translateX(300px);
		/* 通常時と同じ値に戻す（あなたの現状値） */
		box-shadow: none;
	}

	/* クリック固定（is-open）の時だけ開く */
	.interview_bookmark>.bookmark_panel.is-open {
		transform: translateX(0px);
		box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
	}

	.interview_bookmark.is-stuck {
		top: 0;
	}

	.bookmark-toggle {
		left: -40px;
		top: 0;
		width: 40px;
		height: 80px;
	}

}

@supports (-webkit-touch-callout: none) {
	html {
		overflow-x: clip;
	}

	body {
		overflow-x: clip;
	}
}