/*
 * Research Dialogue（投稿タイプ research_dialogue）
 *
 * テーマの scripts.php が getName() の結果から assets/css/research_dialogue.css を自動で読み込む。
 * 瀬田さんページ（body#chieko_seta）でも、functions/research-dialogue-seta.php が member.css の後に読み込む（フェーズ2）。
 * すべてのルールは body#research_dialogue か body#chieko_seta の下に書く。クラスは rd- で始める。
 * PC を素で書き、スマホは @media (max-width: 767px) で上書きする。例外は瀬田さんページのポップアップの
 * @media (min-width: 768px) and (max-height: 500px)（高さの低い画面の PC の層）だけ。
 * 数値は Figma（調査メモ06 §3）。フレーム 1280・コンテナ 1040。記事はシェア列 68 + 間 24 + 本文列 800。
 * 一覧（デザイン 01）は「一覧」の節。カード・チップ・Read more・note 枠は記事詳細と共通。
 * 瀬田さんページと共通のルール（.rd・カード・チップ・Read more・note 枠）は body#chieko_seta をカンマで足す
 * （:is() は使わない。tests/http_check.py の sp がセレクタをカンマで分けて照合する）。瀬田さんページだけのものは「瀬田さんページ」の節。
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

/* ==========================================================================
   共通
   ========================================================================== */

body#research_dialogue .rd,
body#chieko_seta .rd {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.9;
	color: #212121;
	font-feature-settings: normal; /* テーマの body は "pkna"。Figma は字送りの調整なし */
}
/* 瀬田さんページでは、書体・字送り・字間を「瀬田さんページ」の節でサイトのほかのページに合わせて上書きする */

/* テーマ全体の p:not(:last-child){margin-bottom:2rem} を打ち消す（間隔は各パーツで決める）。
   :where() で詳細度を上げずに書き、各パーツの margin（.rd-body > * など）が後から勝つようにする */
body#research_dialogue .rd :where(p),
body#chieko_seta .rd :where(p) {
	margin: 0;
}

body#research_dialogue .rd a,
body#chieko_seta .rd a {
	text-decoration: none;
}

/* 資料請求・お問い合わせ帯（footer.php の #contactArea）は RD の最後の帯のすぐ下に付ける（Figma 01〜03）。
   テーマは上を 160px（SP は 21.3vw）あける。column.css・news.css も一覧では同じように上書きしている */
body#research_dialogue #contactArea {
	margin-top: 0;
}

/* ==========================================================================
   パンくず（RD のページだけ。header.php の #breadcrumbs を上書き）
   固定ヘッダー（74px。お知らせ帯の下）のすぐ下に高さ 52 の帯。文字はコンテナ 1040 の左端にそろえる。
   ========================================================================== */

body#research_dialogue #breadcrumbs {
	top: 74px;
	width: 100%;
	max-width: 1040px;
	padding: 0;
	color: #737373;
}

body#research_dialogue #breadcrumbs .wrapper {
	height: 52px;
	gap: 0 8px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 12px;
	line-height: 1.65;
	color: #737373;
}

body#research_dialogue #breadcrumbs a {
	color: #737373;
}

/* 最後の区切り記号（「Research Dialogue ›」の › ）は出さない */
body#research_dialogue #breadcrumbs .wrapper > .breadcrumbs-sep:last-child {
	display: none;
}

/* ==========================================================================
   記事詳細
   ========================================================================== */

/* .b-main の padding-top は PC の 90 のまま。テーマは (max-width: 768px) で 30 にするが、ちょうど 768px では
   RD のパンくずが PC の位置のままなので、30 だと記事のラベル・一覧のヘッダー帯にかぶる（767px 以下は SP 層で 0 に戻す） */
body#research_dialogue .b-main {
	padding-top: 90px;
}

/* 本文の開始位置をパンくず帯の下（#stage の上端から 74 + 52 = 126。.b-main の padding-top は 90）にそろえる */
body#research_dialogue .rd-single,
body#research_dialogue .rd-archive {
	margin-top: 36px;
}

body#research_dialogue .rd-article {
	padding: 48px 0 64px;
	background: #FCFBF8;
}

body#research_dialogue .rd-article__inner {
	display: flex;
	gap: 24px;
	width: 892px;
	margin: 0 auto;
}

/* ---------- シェア（左の縦列。PC は固定ヘッダー 122 + 24 の位置で止まる） ---------- */

body#research_dialogue .rd-article__share {
	flex: none;
	width: 68px;
	padding: 280px 10px 0;
}

body#research_dialogue .rd-share {
	position: sticky;
	top: 146px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

body#research_dialogue .rd-share__label {
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	writing-mode: vertical-rl;
}

body#research_dialogue .rd-share__list {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body#research_dialogue .rd-share__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 18px;
	line-height: 1;
}

body#research_dialogue .rd-share__link:hover {
	opacity: .8;
}

body#research_dialogue .rd-share__link--line {
	background: #4CC764;
	font-family: 'Inter', sans-serif;
	font-size: 10px;
	font-weight: 700;
}

body#research_dialogue .rd-share__link--x {
	background: #000;
}

body#research_dialogue .rd-share__link--facebook {
	background: #1877F2;
}

body#research_dialogue .rd-share__link--linkedin {
	background: #0A66C2;
}

/* X のロゴ（ico-x.svg）を文字色（白）で出す */
body#research_dialogue .rd-share__icon-x {
	display: block;
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask: url(../images/research_dialogue/ico-x.svg) center / contain no-repeat;
	mask: url(../images/research_dialogue/ico-x.svg) center / contain no-repeat;
}

/* ---------- 本文列（800。ラベル・タイトルブロック・言語切り替え・アイキャッチ・本文・著者欄・note 枠） ---------- */

body#research_dialogue .rd-article__main {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 800px;
	min-width: 0;
}

body#research_dialogue .rd-article__label {
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.65;
	color: #122538;
}

/* タイトルブロック（左罫線 3px） */
body#research_dialogue .rd-titleblock {
	display: flex;
	flex-direction: column;
	gap: 11px;
	padding-left: 64px;
	border-left: 3px solid #122538;
	color: #122538;
}

body#research_dialogue .rd-titleblock__title {
	margin: 0;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
}

body#research_dialogue .rd-titleblock__subtitle {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
}

body#research_dialogue .rd-titleblock__byline {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.65;
}

body#research_dialogue .rd-single--en .rd-titleblock__title {
	font-size: 34px;
	line-height: 1.65;
}

body#research_dialogue .rd-single--en .rd-titleblock__subtitle {
	font-size: 19px;
	line-height: 1.5;
}

body#research_dialogue .rd-single--en .rd-titleblock__byline {
	font-size: 14px;
}

/* 言語切り替え（右寄せの 2 分割ピル。今のページ側を塗る） */
body#research_dialogue .rd-lang-switch {
	display: flex;
	align-self: flex-end;
	height: 24px;
	border: 1px solid #122538;
	border-radius: 999px;
	background: #fff;
}

body#research_dialogue .rd-lang-switch__item {
	display: flex;
	align-items: center;
	padding: 0 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	color: #404040;
}

body#research_dialogue .rd-lang-switch__item[aria-current="page"] {
	background: #122538;
	color: #fff;
}

body#research_dialogue .rd-single--en .rd-lang-switch__item {
	color: #243648;
}

body#research_dialogue .rd-single--en .rd-lang-switch__item[aria-current="page"] {
	background: #1B2E40;
	color: #fff;
}

body#research_dialogue .rd-lang-switch__item:not([aria-current]):hover {
	opacity: .7;
}

/* アイキャッチ（本文テキストと同じ 736 の列） */
body#research_dialogue .rd-eyecatch {
	margin: 0 0 0 64px;
}

body#research_dialogue .rd-eyecatch img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1120 / 652;
	object-fit: cover;
}

/* ---------- 本文（テキストは左 64 インデントの 736。h2 の番号だけがインデントの中に出る） ---------- */

body#research_dialogue .rd-body {
	padding: 0 0 40px 64px;
}

body#research_dialogue .rd-body > * {
	margin-top: 24px;
	margin-bottom: 0;
}

body#research_dialogue .rd-body > :first-child {
	margin-top: 0;
}

body#research_dialogue .rd-body > .rd-h2:not(:first-child) {
	margin-top: 32px;
}

body#research_dialogue .rd-text {
	font-size: 16px;
	line-height: 1.9;
	color: #212121;
}

/* テキストブロックの箇条書き（テーマの reset は list-style: none・余白 0） */
body#research_dialogue .rd-text ul,
body#research_dialogue .rd-text ol {
	margin: 0;
	padding-left: 1.5em;
}

body#research_dialogue .rd-text ul {
	list-style: disc;
}

body#research_dialogue .rd-text ol {
	list-style: decimal;
}

body#research_dialogue .rd-text li + li {
	margin-top: 8px;
}

body#research_dialogue .rd-text p + p,
body#research_dialogue .rd-text p + ul,
body#research_dialogue .rd-text ul + p,
body#research_dialogue .rd-text p + ol,
body#research_dialogue .rd-text ol + p {
	margin-top: 24px;
}

body#research_dialogue .rd-text strong {
	font-weight: 700;
}

body#research_dialogue .rd-text a {
	color: #02689A;
	text-decoration: underline;
}

body#research_dialogue .rd-single--en .rd-text {
	font-size: 17px;
	line-height: 1.7;
}

/* h2：左に番号（64 幅。右に 16 の余白）と 48×1 の線、右に見出し */
body#research_dialogue .rd-h2 {
	display: flex;
	align-items: flex-start;
	margin-left: -64px;
	color: #122538;
}

body#research_dialogue .rd-h2__num {
	display: flex;
	flex: none;
	flex-direction: column;
	gap: 5px;
	width: 64px;
	padding: 4px 16px 0 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6;
}

body#research_dialogue .rd-h2__num::after {
	content: '';
	display: block;
	width: 48px;
	height: 1px;
	background: #122538;
}

body#research_dialogue .rd-h2__text {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.6;
}

body#research_dialogue .rd-single--en .rd-h2__text {
	font-size: 26px;
	line-height: 1.45;
}

body#research_dialogue .rd-h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	color: #122538;
}

/* 画像・動画 */
body#research_dialogue .rd-figure {
	margin-left: 0;
	margin-right: 0;
}

body#research_dialogue .rd-figure img {
	display: block;
	width: 100%;
	height: auto;
}

body#research_dialogue .rd-figure figcaption {
	margin-top: 8px;
	font-size: 12px;
	line-height: 1.65;
	color: #737373;
}

body#research_dialogue .rd-movie iframe {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

/* 引用：左に 4px の線、20 あけて太字 */
body#research_dialogue .rd-quote {
	margin-left: 0;
	margin-right: 0;
	padding: 4px 0 4px 20px;
	border-left: 4px solid #122538;
}

body#research_dialogue .rd-quote p {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.75;
	color: #1B2E40;
}

body#research_dialogue .rd-quote cite {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	font-style: normal;
	line-height: 1.65;
	color: #737373;
}

body#research_dialogue .rd-single--en .rd-quote p {
	font-size: 20px;
	line-height: 1.55;
	color: #122538;
}

/* 問い：左に英語（上に細い線、左に黄土の線）、右に和訳 */
body#research_dialogue .rd-question {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 24px;
	border-radius: 4px;
	background: #F5F3ED;
}

body#research_dialogue .rd-question__q {
	position: relative;
	flex: none;
	width: 408px;
	margin-top: 16px;
	padding: 14px 0 0 14px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
	color: #122538;
}

body#research_dialogue .rd-question__q::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #B3B3B3;
}

body#research_dialogue .rd-question__q::after {
	content: '';
	position: absolute;
	top: 14px;
	bottom: 0;
	left: 0;
	width: 4px;
	background: #D0C977;
}

body#research_dialogue .rd-question__ja {
	flex: 1;
	min-width: 0;
	font-size: 14px;
	line-height: 1.75;
	color: #212121;
}

body#research_dialogue .rd-question--single .rd-question__q {
	flex: 1;
	width: auto;
}

/* 関連人物の紹介 */
body#research_dialogue .rd-person {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 28px 32px;
	border: 1px solid #C7C7C7;
	border-radius: 8px;
}

body#research_dialogue .rd-person__title {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.6;
	color: #122538;
}

body#research_dialogue .rd-person__body {
	font-size: 14px;
	line-height: 1.85;
}

body#research_dialogue .rd-single--en .rd-person__title {
	font-size: 18px;
	line-height: 1.5;
}

body#research_dialogue .rd-single--en .rd-person__body {
	font-size: 15px;
	line-height: 1.65;
}

/* 注記 */
body#research_dialogue .rd-annotation {
	font-size: 12px;
	line-height: 1.8;
	color: #212121;
}

body#research_dialogue .rd-single--en .rd-annotation {
	font-size: 13px;
	line-height: 1.65;
	color: #737373;
}

/* ---------- 著者欄（800 = 173 + 24 + 411 + 24 + 168） ---------- */

body#research_dialogue .rd-author {
	display: grid;
	grid-template-columns: 173px 411px 168px;
	grid-template-rows: auto 1fr;
	column-gap: 24px;
	row-gap: 34px;
	align-items: start;
	padding-bottom: 40px;
}

body#research_dialogue .rd-author__label {
	display: flex;
	grid-area: 1 / 1;
	align-items: center;
	gap: 16px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6;
	color: #122538;
	white-space: nowrap;
}

body#research_dialogue .rd-author__label::after {
	content: '';
	flex: 1;
	height: 1px;
	background: #122538;
}

body#research_dialogue .rd-author__photo {
	grid-area: 2 / 1;
	justify-self: center;
	width: 136px;
	height: 136px;
	overflow: hidden;
	border: 1px solid #C7C7C7;
	border-radius: 50%;
}

body#research_dialogue .rd-author__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body#research_dialogue .rd-author__main {
	display: flex;
	flex-direction: column;
	grid-area: 1 / 2 / 3 / 3;
	gap: 6px;
	margin-top: 60px;
	padding-right: 24px;
	border-right: 1px solid #0A345D;
}

body#research_dialogue .rd-author__about {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.6;
	color: #122538;
}

body#research_dialogue .rd-author__name {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.65;
	color: #0A345D;
}

body#research_dialogue .rd-author__role {
	font-size: 12px;
	line-height: 1.65;
}

body#research_dialogue .rd-author__bio {
	font-size: 12px;
	line-height: 1.65;
}

body#research_dialogue .rd-author__bio p + p {
	margin-top: 1.65em; /* Figma は段落の間に空行1つ */
}

body#research_dialogue .rd-author__book {
	margin-top: 10px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.6;
}

body#research_dialogue .rd-author__book a {
	color: #212121;
	text-decoration: underline;
}

body#research_dialogue .rd-author__book img {
	width: 11px;
	height: 11px;
	margin-left: 4px;
	vertical-align: baseline;
}

body#research_dialogue .rd-author__profile {
	display: flex;
	flex-direction: column;
	grid-area: 1 / 3 / 3 / 4;
	gap: 16px;
	margin-top: 60px;
}

body#research_dialogue .rd-author__profile-label {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.6;
	color: #122538;
}

body#research_dialogue .rd-author__button {
	display: block;
	padding: 9px 12px;
	border: 1px solid #404040;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
	color: #212121;
}

body#research_dialogue .rd-author__button:hover {
	background: #122538;
	border-color: #122538;
	color: #fff;
}

body#research_dialogue .rd-single--en .rd-author__role,
body#research_dialogue .rd-single--en .rd-author__button {
	font-size: 13px;
}

body#research_dialogue .rd-single--en .rd-author__bio {
	font-size: 14px;
}

/* ==========================================================================
   note 枠（一覧の Group 15：1040×222 を元に組む。article は 800 幅に縮める）
   上が青灰の帯、下が薄い青灰。白いカードは右寄せ（右端は枠の右端）。
   ========================================================================== */

body#research_dialogue .rd-note,
body#chieko_seta .rd-note {
	padding: 24px 0 24px 245px;
	border: 1px solid #ADBDCB;
	background: linear-gradient(#ADBDCB 0, #ADBDCB 92px, #DCE2E8 92px);
}

body#research_dialogue .rd-note__card,
body#chieko_seta .rd-note__card {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-right: -1px;
	padding: 24px 32px 26px;
	border: 1px solid #ADBDCB;
	background: #fff;
}

body#research_dialogue .rd-note__head,
body#chieko_seta .rd-note__head {
	display: flex;
	align-items: flex-end;
	gap: 16px;
}

body#research_dialogue .rd-note__logo,
body#chieko_seta .rd-note__logo {
	flex: none;
	width: 132px;
	height: auto;
}

body#research_dialogue .rd-note__title,
body#chieko_seta .rd-note__title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.65;
	color: #000;
}

body#research_dialogue .rd-note__foot,
body#chieko_seta .rd-note__foot {
	display: flex;
	align-items: center;
	gap: 24px;
}

body#research_dialogue .rd-note__text,
body#chieko_seta .rd-note__text {
	flex: 1;
	min-width: 0;
	font-size: 13px;
	line-height: 1.65;
	color: #000;
}

body#research_dialogue .rd-single--en .rd-note__text {
	color: #737373;
}

/* 瀬田さんページだけ、行の長さをそろえる（サイトの字間では最後の行が「ます。」だけになったため。10/29 ユーザーの確認） */
body#chieko_seta .rd-note__text {
	text-wrap: balance;
}

body#research_dialogue .rd-note__button,
body#chieko_seta .rd-note__button {
	display: inline-flex;
	flex: none;
	align-items: center;
	gap: 11px;
	padding: 12px 24px;
	border-radius: 999px;
	background: #2E2E2E;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
}

body#research_dialogue .rd-note__button:hover,
body#chieko_seta .rd-note__button:hover {
	opacity: .8;
}

body#research_dialogue .rd-note__button img,
body#chieko_seta .rd-note__button img {
	width: 12px;
	height: 12px;
}

/* wide（一覧。Figma 01 の Group 15 の寸法そのまま：箱 1040×222・上の帯 119、
   白いカード 721×159 を (319, 31)、ロゴ (46, 35)・見出し (238, 50)・説明文 (46, 88) 幅 458・ボタン (547, 88)。
   座標は枠線を含む外側から。枠線 1px の分だけ padding を減らしてある） */
body#research_dialogue .rd-note--wide,
body#chieko_seta .rd-note--wide {
	padding: 30px 0 31px 318px;
	background: linear-gradient(#ADBDCB 0, #ADBDCB 118px, #DCE2E8 118px);
}

body#research_dialogue .rd-note--wide .rd-note__card,
body#chieko_seta .rd-note--wide .rd-note__card {
	gap: 16px;
	padding: 34px 30px 23px 45px;
}

body#research_dialogue .rd-note--wide .rd-note__head,
body#chieko_seta .rd-note--wide .rd-note__head {
	gap: 20px;
}

body#research_dialogue .rd-note--wide .rd-note__logo,
body#chieko_seta .rd-note--wide .rd-note__logo {
	width: 172px;
}

/* 見出しはロゴの下端より 4px 下に出る（Figma の位置）。行の高さは変えない */
body#research_dialogue .rd-note--wide .rd-note__title,
body#chieko_seta .rd-note--wide .rd-note__title {
	margin-bottom: -4px;
}

body#research_dialogue .rd-note--wide .rd-note__foot,
body#chieko_seta .rd-note--wide .rd-note__foot {
	gap: 43px;
}

/* 説明文は 458 が基準。箱が狭くなったときはボタン（折り返さない）より先に説明文が縮む */
body#research_dialogue .rd-note--wide .rd-note__text,
body#chieko_seta .rd-note--wide .rd-note__text {
	flex: 0 1 458px;
	min-width: 0;
	font-size: 14px;
}

body#research_dialogue .rd-note--wide .rd-note__button,
body#chieko_seta .rd-note--wide .rd-note__button {
	line-height: 1.65;
}

/* ==========================================================================
   関連記事・戻るリンク
   ========================================================================== */

body#research_dialogue .rd-related {
	padding: 56px 0 0;
	background: #F5F3EE;
}

body#research_dialogue .rd-related__inner {
	width: 1040px;
	margin: 0 auto;
}

body#research_dialogue .rd-related__heading {
	margin: 0 0 24px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.65;
	color: #212121;
}

body#research_dialogue .rd-related__list {
	display: grid;
	grid-template-columns: repeat(3, 325px);
	gap: 32px;
}

body#research_dialogue .rd-back {
	padding: 56px 0 80px;
	background: #F5F3EE;
	text-align: center;
}

body#research_dialogue .rd-related + .rd-back {
	padding-top: 32px;
}

body#research_dialogue .rd-back__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 24px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	color: #02689A;
}

body#research_dialogue .rd-single--en .rd-back__link {
	color: #05699B;
}

body#research_dialogue .rd-back__link:hover {
	opacity: .7;
}

body#research_dialogue .rd-back__link img {
	width: 14px;
	height: 14px;
}

/* ==========================================================================
   カード（関連記事・一覧）・言語チップ・Read more
   ========================================================================== */

body#research_dialogue .rd-card,
body#chieko_seta .rd-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	color: #212121;
}

body#research_dialogue .rd-card__thumb,
body#chieko_seta .rd-card__thumb {
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: #E8E8E8;
}

body#research_dialogue .rd-card__thumb img,
body#chieko_seta .rd-card__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s;
}

body#research_dialogue .rd-card:hover .rd-card__thumb img,
body#chieko_seta .rd-card:hover .rd-card__thumb img {
	transform: scale(1.04);
}

body#research_dialogue .rd-card__body,
body#chieko_seta .rd-card__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

body#research_dialogue .rd-card__date,
body#chieko_seta .rd-card__date {
	font-size: 12px;
	line-height: 1.65;
	color: #212121;
}

body#research_dialogue .rd-single--en .rd-card__date {
	color: #737373;
}

body#research_dialogue .rd-card__title,
body#chieko_seta .rd-card__title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.65;
	color: #122538;
}

body#research_dialogue .rd-card__excerpt {
	font-size: 14px;
	line-height: 1.65;
	color: #212121;
}

body#research_dialogue .rd-chip,
body#chieko_seta .rd-chip {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 6px;
	padding: 4px 12px 4px 10px;
	border: 1px solid #404040;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 500;
	line-height: 1;
	color: #404040;
}

/* 地球のアイコン（globe.svg）を文字色で出す */
body#research_dialogue .rd-chip__icon,
body#chieko_seta .rd-chip__icon {
	display: block;
	width: 14px;
	height: 14px;
	background-color: currentColor;
	-webkit-mask: url(../images/research_dialogue/globe.svg) center / contain no-repeat;
	mask: url(../images/research_dialogue/globe.svg) center / contain no-repeat;
}

body#research_dialogue .rd-card__more,
body#chieko_seta .rd-card__more {
	display: inline-flex;
	align-self: flex-end;
	align-items: center;
	gap: 10px;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	line-height: 1.65;
	color: #212121;
}

body#research_dialogue .rd-card__more::after,
body#chieko_seta .rd-card__more::after {
	content: '';
	width: 18px;
	height: 18px;
	border-radius: 1px;
	background: #122538 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 8'%3E%3Cpath d='M0 0l6 4-6 4z' fill='%23fff'/%3E%3C/svg%3E") 55% 50% / 6px 8px no-repeat;
}

/* ==========================================================================
   一覧（デザイン 01。/research-dialogue/）
   ヘッダー帯（.rd-hero）→ .rd-archive__main（Reports・ページ送り・note 枠）
   ========================================================================== */

/* ---------- ヘッダー帯：帯 40/56、中の箱 1090（左右 20 の余白で 702 + 64 + 284 = 1050） ---------- */

body#research_dialogue .rd-hero {
	position: relative;
	z-index: 0; /* 方眼の円（.rd-profile::before）を帯の背景の上・中身の下に置く */
	overflow: hidden; /* 円が画面の右にはみ出しても横スクロールを出さない */
	padding: 40px 0 56px;
	background: #F5F3EE;
}

body#research_dialogue .rd-hero__inner {
	display: flex;
	align-items: center;
	gap: 64px;
	width: 1090px;
	margin: 0 auto;
	padding: 50px 20px;
}

body#research_dialogue .rd-hero__text {
	flex: none;
	width: 702px;
}

body#research_dialogue .rd-hero__title {
	margin: 0;
	font-family: 'Inter', sans-serif;
	font-size: 64px;
	font-weight: 700;
	line-height: 1.3;
	color: #0A345D;
}

body#research_dialogue .rd-hero__by {
	display: block;
	font-size: 40px;
	font-weight: 400;
}

/* タイトルの下の 100×1 の罫線（上下 30） */
body#research_dialogue .rd-hero__title::after {
	content: '';
	display: block;
	width: 100px;
	height: 1px;
	margin-top: 30px;
	background: #122538;
}

body#research_dialogue .rd-hero__catch {
	margin-top: 30px;
	font-size: 29px;
	font-weight: 700;
	line-height: 50px;
	color: #122538;
}

body#research_dialogue .rd-hero__intro {
	margin-top: 24px;
	font-size: 16px;
	line-height: 1.65;
	color: #212121;
}

/* ---------- 瀬田さんのカード（284 幅：写真 284×243、文字 284×180） ---------- */

body#research_dialogue .rd-profile {
	position: relative;
	flex: none;
	width: 284px;
	border-radius: 2px;
	background: #fff;
}

/* カードの後ろの方眼の円（Figma Ellipse 2：直径 649。20px 角の #C4C4C4 の線を外側に向けて薄くする） */
body#research_dialogue .rd-profile::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	width: 649px;
	height: 649px;
	transform: translate(-50%, -50%);
	background-image:
		linear-gradient(#C4C4C4 1px, transparent 1px),
		linear-gradient(90deg, #C4C4C4 1px, transparent 1px);
	background-size: 20px 20px;
	-webkit-mask-image: radial-gradient(closest-side, rgba(0, 0, 0, .4), rgba(0, 0, 0, .2) 70%, transparent);
	mask-image: radial-gradient(closest-side, rgba(0, 0, 0, .4), rgba(0, 0, 0, .2) 70%, transparent);
	pointer-events: none;
}

body#research_dialogue .rd-profile__photo img {
	display: block;
	width: 284px;
	height: 243px;
	border-radius: 2px 2px 0 0;
	object-fit: cover;
}

/* 文字の部分の高さ 180 と、余白（padding 15 / 32 / 17、名前の下 6・肩書の上 4・著書の上 2・リンクの上 12）は
   Figma 01 に目で合わせた値で、デザイントークンではない（調査メモ06 の値ではこの文字量が 180 に収まらないため） */
body#research_dialogue .rd-profile__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 180px;
	padding: 15px 32px 17px;
	border-radius: 0 0 2px 2px;
	background-color: #fff;
	background-image:
		linear-gradient(rgba(196, 196, 196, .2) 1px, transparent 1px),
		linear-gradient(90deg, rgba(196, 196, 196, .2) 1px, transparent 1px);
	background-size: 20px 20px;
	text-align: center;
	color: #212121;
}

body#research_dialogue .rd-profile__name {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	color: #0A345D;
}

body#research_dialogue .rd-profile__name-ja {
	margin-top: 6px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	color: #0A345D;
}

body#research_dialogue .rd-profile__role {
	margin-top: 4px;
	font-size: 10px;
	line-height: 1.65;
}

body#research_dialogue .rd-profile__book {
	margin-top: 2px;
	font-size: 10px;
	line-height: 1.5;
}

body#research_dialogue .rd-profile__book a {
	color: #212121;
	text-decoration: underline;
}

body#research_dialogue .rd-profile__link {
	margin-top: 12px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.65;
	color: #212121;
}

body#research_dialogue .rd-profile__book a:hover,
body#research_dialogue .rd-profile__link:hover {
	opacity: .7;
}

/* ---------- Reports（帯 80/80。見出し → 100 → 最新1件 → 100 → 3列 → 80 → ページ送り → 80 → note 枠） ---------- */

body#research_dialogue .rd-archive__main {
	padding: 80px 0;
	background: #FCFBF8;
}

body#research_dialogue .rd-reports {
	width: 1040px;
	margin: 0 auto 80px;
}

body#research_dialogue .rd-reports__heading {
	margin: 0;
	font-family: 'Inter', sans-serif;
	font-size: 50px;
	font-weight: 700;
	line-height: 1;
	color: #122538;
}

body#research_dialogue .rd-reports__heading::after {
	content: '';
	display: block;
	width: 100px;
	height: 1px;
	margin-top: 30px;
	background: #122538;
}

body#research_dialogue .rd-reports__latest,
body#research_dialogue .rd-reports__list {
	margin-top: 100px;
}

body#research_dialogue .rd-reports__list {
	display: grid;
	grid-template-columns: repeat(3, 325px);
	gap: 60px 32px;
}

/* 最新1件（large）：左にサムネイル 560×326、40 あけて 440 の列 */
body#research_dialogue .rd-card--large {
	flex-direction: row;
	align-items: flex-start;
	gap: 40px;
}

body#research_dialogue .rd-card--large .rd-card__thumb {
	flex: none;
	width: 560px;
	aspect-ratio: 560 / 326;
}

body#research_dialogue .rd-card--large .rd-card__body {
	flex: 1;
	min-width: 0;
}

body#research_dialogue .rd-card--large .rd-card__title {
	font-size: 32px;
	line-height: 1.5;
}

/* 抜粋は3行まで（Figma は3行で「…」） */
body#research_dialogue .rd-card--large .rd-card__excerpt {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* ---------- ページ送り（WP-PageNavi。外枠は .rd-pager。数字と前後 ‹ › の四角ボタン、今のページは塗り） ---------- */

body#research_dialogue .rd-pager {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 80px;
}

body#research_dialogue .rd-pager a,
body#research_dialogue .rd-pager span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	color: #999;
}

body#research_dialogue .rd-pager .current {
	background: #069;
	color: #fff;
}

body#research_dialogue .rd-pager .previouspostslink,
body#research_dialogue .rd-pager .nextpostslink {
	border: 1px solid #069;
	font-size: 20px;
	color: #069;
}

body#research_dialogue .rd-pager .previouspostslink {
	margin-right: 16px;
}

body#research_dialogue .rd-pager .nextpostslink {
	margin-left: 16px;
}

body#research_dialogue .rd-pager a:hover {
	background: #069;
	color: #fff;
}

/* note 枠（wide）は Reports と同じ帯の中、1040 幅で中央 */
body#research_dialogue .rd-archive .rd-note--wide {
	width: 1040px;
	margin: 0 auto;
}

/* ==========================================================================
   瀬田さんページ（/company/member/chieko_seta/。フェーズ2。表示パーツは inc/rd-seta.php）
   新しい部分を出すときだけ、このファイルが読み込まれ、body に rd-seta-on が付く。
   数値は調査メモ11 §3（Figma 04 235:126・04_補足 247:249）。フレーム 1280・コンテナ 1040。
   ただし目次・方眼・文字は、10/29 からサイトのほかのページ（「私たちについて」など）に合わせている（Figma の値ではない）。
   #pageheader → ページ内ナビ（目次）→ メッセージ・プロフィール（既存）→ 対談バナー（既存）→ RD の帯 → Strategic Collaborator
   の帯 → note 枠の帯 → 関連ページ（既存）。カード・言語チップ・Read more・note 枠は上の共通のルール。
   ========================================================================== */

/* 目次は写真（#pageheader）の直下（Figma：写真の下端＝ナビの上端）。テンプレートの #pageheader の下余白 80px を、
   新しい部分を出すときだけ 0 にする */
body#chieko_seta.rd-seta-on #pageheader {
	margin-bottom: 0;
}

/* 文字：サイトのほかのページ（「私たちについて」aboutus.css の body）に合わせる（10/29。Figma の Noto Sans JP・Inter ではない）。
   書体はテーマの --ff-sans（英字 Open Sans・和文 Noto Sans JP）、字送りは "palt"、字間は 1.5px。aboutus.css の body の
   letter-spacing: .15em は body の文字（10px）で計算され、その 1.5px が子に受け継がれるので、ここでは同じ値の .15rem にする。
   上の共通のルール（.rd の Noto Sans JP、Read more の Inter）を瀬田さんページだけ上書きする。字の大きさ・太さ・色・行間は変えない */
body#chieko_seta .rd,
body#chieko_seta .rd-card__more {
	font-family: var(--ff-sans);
}

body#chieko_seta .rd {
	font-feature-settings: "palt";
	letter-spacing: .15rem;
}

/* 方眼（目次・RD の帯）：サイト共通の点線の方眼（style.css の .b-main .grid と同じ画像・大きさ。24×24 の画像を 12px で敷く） */
body#chieko_seta .rd-seta-toc .indexarea,
body#chieko_seta .rd-seta-reports {
	background: url(../images/common/pattern_white.png) 0 0 / 12px 12px repeat;
}

/* ---------- ページ内リンクの飛び先（見えないアンカー要素 .rd-seta-anchor）----------
   テーマの public.js はページ内リンクのクリックを横取りし、ずらし 0 で飛び先の上端を画面の上端に合わせる
   （scroll-margin-top は効かない）。飛び先を固定ヘッダー（お知らせ帯＋ヘッダー 122px、帯を閉じると 74px）の高さだけ
   上にずらして、見出しが固定ヘッダーに隠れないようにする。URL の # を直接開いたときも同じ位置になる。
   RD・コラボレーターの帯の中の飛び先は、帯の上端（上の余白の前）を基準にする */
body#chieko_seta .rd-seta-anchor {
	position: relative;
	top: -122px;
	display: block;
	height: 0;
}

html.news-banner-dismissed body#chieko_seta .rd-seta-anchor {
	top: -74px;
}

body#chieko_seta .rd-seta-reports,
body#chieko_seta .rd-seta-collab {
	position: relative;
}

body#chieko_seta .rd-seta-reports > .rd-seta-anchor,
body#chieko_seta .rd-seta-collab > .rd-seta-anchor {
	position: absolute;
	left: 0;
}

/* ---------- ページ内ナビ（目次）：サイトのほかのページ（「私たちについて」「グローストレーナー」）の目次と同じ（10/29）
   aboutus.css 202〜275行の規則を .rd-seta-toc の下に写したもの（aboutus.css はこのページで読み込まれない）。変えたのは4点：
   幅：aboutus は 1420 幅（.indexareawrap）の中の 937px の箱（.indexarea）だが、ここでは PC でも目次の帯（方眼の箱）をページの
   全幅にし、中の項目（ol）はページのメインエリアの幅にそろえる（10/29 ユーザーの指示「内包されているナビはメインエリアの幅と
   合わせて。背景は100%のまま」）。メインエリアは #pageheader .header・.profilearea.inner と同じ箱（max-width 1500px・左右 50px・
   中央寄せ）の内側で、帯の左右の padding で合わせる（下の .indexarea）。項目は 46%・列の間 8%（aboutus は 42%。2列目の右端を
   メインエリアの右端にそろえる。10/29 ユーザーの確認）。
   位置：aboutus は目次を写真に 200px 重ねるが、ここでは #pageheader の直後に重ねずに置く（帯が全幅なので中央寄せの margin も無い）。
   番号：CSS の counter ではなく項目ごとの data-num（03 が無くても 04 は 04 のまま）。.l-row（aboutus.css 87行）も写す。
   SP：aboutus.css の @media (max-width: 768px) の規則を、このファイルの SP の層（767px 以下。瀬田さんページの member.css と同じ
   切り替え幅）に写す。768px のときは、ページが PC の作り（幅 1300）なので、目次も PC の作り（メインエリアの幅の2列）にする。
   箱には、aboutus の目次が aboutus.css の #stage・body から受け継ぐ文字の値（16px・行間 1・#333・書体・"palt"・字間 1.5px）を書く
   （瀬田さんページの .b-main は 18px、字送り "pkna"・字間なし）。テーマの最小幅（1300）より狭い画面ではページと同じ 1300 幅 ---------- */

body#chieko_seta .rd-seta-toc.indexareawrap {
	position: relative;
	width: 100%;
	font-family: var(--ff-sans);
	font-size: 16px;
	line-height: 1;
	color: #333;
	font-feature-settings: "palt";
	letter-spacing: .15rem;
}

/* 帯（方眼）は全幅。左右の padding は、メインエリアの左端・右端までの幅：ページが 1500px 以下なら 50px（aboutus と同じ）、
   それより広ければ (ページの幅 - 1400px) / 2（1920 で 260px、2560 で 580px）。100% は帯の幅（＝ページの幅） */
body#chieko_seta .rd-seta-toc .indexarea {
	width: 100%;
	padding: 75px max(50px, (100% - 1400px) / 2);
}

body#chieko_seta .rd-seta-toc .l-row {
	display: flex;
	flex-wrap: wrap;
}

body#chieko_seta .rd-seta-toc .indexlist {
	column-gap: 8%;
}

body#chieko_seta .rd-seta-toc .indexlist > li {
	position: relative;
	width: 46%;
}

/* 番号（aboutus は "0"counter(titlenum)。色は aboutus.css の --color-blue） */
body#chieko_seta .rd-seta-toc .indexlist > li::before {
	content: attr(data-num);
	position: absolute;
	top: 16px;
	padding-right: 15px;
	font-size: 18px;
	color: #069;
	vertical-align: middle;
}

/* 矢印：10×10 の上と右の線を 45° 回す（SP は 135°） */
body#chieko_seta .rd-seta-toc .indexlist > li::after {
	content: '';
	position: absolute;
	top: -5px;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	border: 0;
	border-top: solid 2px #069;
	border-right: solid 2px #069;
	transform: rotate(45deg);
}

body#chieko_seta .rd-seta-toc .indexlist > li > a {
	display: flex;
	flex-direction: column;
	padding: 16px 30px 10px;
	border-bottom: 1px solid #97BCD0;
}

body#chieko_seta .rd-seta-toc .ttl {
	margin-bottom: 6px;
	font-size: 19px;
	color: #09335C;
}

body#chieko_seta .rd-seta-toc .en {
	font-size: 13px;
	color: #069;
}

/* ---------- Research Dialogue の帯（Figma 235:141：方眼、上下 64、中身 1040 を中央）
   見出し → 20 → キャッチ → 20 → 導入文 → 60 → カード3列 → 60 → ボタン。Figma の中身の枠は高さ固定 876 で
   中身（852）の下に 24 余るので、その分を下の余白に足す ---------- */

body#chieko_seta .rd-seta-reports {
	padding: 64px 0 88px;
}

body#chieko_seta .rd-seta-reports__inner {
	width: 1040px;
	margin: 0 auto;
}

/* 見出し（RD・Strategic Collaborator）：Noto Sans JP 700・50px／165%・#006699（一覧の Inter とは違う） */
body#chieko_seta .rd-seta-reports__heading,
body#chieko_seta .rd-seta-collab__heading {
	margin: 0;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.65;
	color: #006699;
}

/* 「by Chieko Seta」は途中で折り返さない（SP では「Research Dialogue」の次の行にまとめて送る） */
body#chieko_seta .rd-seta-reports__by {
	font-size: 30px;
	white-space: nowrap;
}

body#chieko_seta .rd-seta-reports__catch {
	margin-top: 20px;
	font-size: 29px;
	font-weight: 700;
	line-height: 50px;
	color: #000;
}

body#chieko_seta .rd-seta-reports__intro {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.65;
	color: #122538;
}

/* カードは一覧の小カードと同じ（上の共通のルール）。1〜2件のときは左から詰める */
body#chieko_seta .rd-seta-reports__list {
	display: grid;
	grid-template-columns: repeat(3, 325px);
	gap: 32px;
	margin-top: 60px;
}

body#chieko_seta .rd-seta-reports__more {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

/* 一覧へのボタン（Figma 235:177：630×80、#006699、角丸なし。文字 500・16px） */
body#chieko_seta .rd-seta-reports__button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 630px;
	height: 80px;
	padding: 12px 24px;
	background: #006699;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.65;
	color: #fff;
}

body#chieko_seta .rd-seta-reports__button:hover {
	opacity: .8;
}

/* ---------- Strategic Collaborator の帯（Figma 235:181：#F5F5F5、上下 64、中身 1040）
   見出し → 20 → リード文 → 20 → 4列のグリッド ---------- */

body#chieko_seta .rd-seta-collab {
	padding: 64px 0;
	background: #F5F5F5;
}

body#chieko_seta .rd-seta-collab__inner {
	width: 1040px;
	margin: 0 auto;
}

/* PC はデザインどおり1行（10/30 先方のご指摘・ユーザーの確認）。サイトの字間 1.5px では最後の「ち」1字が次の行に
   はみ出すので、この文だけ 1px（幅 1013px）。行の長さをそろえる指定（10/29）は、フォントの読み込み前などで1行に
   収まらないときのため */
body#chieko_seta .rd-seta-collab__lead {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.65;
	letter-spacing: 1px;
	color: #000;
	text-wrap: balance;
}

/* カード 236 の4列・列間 32。5人目以降は次の段（段の間 40 はデザインに無い値） */
body#chieko_seta .rd-collab-grid {
	display: grid;
	grid-template-columns: repeat(4, 236px);
	gap: 40px 32px;
	margin-top: 20px;
}

/* カード：写真 160 → 10 → 名前 → 10 → 役職・所属（中央揃え）。<button> の既定の見た目とテーマの button の指定を消す
   （ブラウザは button の字間を normal にするので、字間も受け継ぐ） */
body#chieko_seta .rd-collab-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	letter-spacing: inherit;
	color: #212121;
	text-align: center;
	cursor: pointer;
}

/* 写真の丸（Figma 235:189：160、線 1px #C7C7C7、地 #E8E8E8）。写真は白黒（仕様書 4-2）。写真が無い人は灰色の丸だけ */
body#chieko_seta .rd-collab-photo {
	display: block;
	flex: none;
	width: 160px;
	height: 160px;
	overflow: hidden;
	border: 1px solid #C7C7C7;
	border-radius: 50%;
	background: #E8E8E8;
}

/* 縦長の写真は中央より少し上で切り抜く（頭の上に余白を残す。10/29 ユーザーの確認）。正方形・横長の写真は縦にはみ出さないので
   今までと同じ */
body#chieko_seta .rd-collab-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 20%;
	filter: grayscale(100%);
	transition: transform .3s;
}

body#chieko_seta .rd-collab-card__name {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.65;
	color: #212121;
}

body#chieko_seta .rd-collab-card__role {
	font-size: 12px;
	line-height: 1.5;
	color: #737373;
}

/* ホバー（デザインに無い）：写真を少し拡大（RD のカードと同じ）、名前を青に。
   キーボードのフォーカスは枠で示す（テーマの button:focus が outline: 0 にしている） */
body#chieko_seta .rd-collab-card:hover .rd-collab-photo img {
	transform: scale(1.04);
}

body#chieko_seta .rd-collab-card:hover .rd-collab-card__name {
	color: #006699;
}

body#chieko_seta .rd-collab-card:focus-visible {
	outline: 2px solid #006699;
	outline-offset: 4px;
}

/* ---------- コラボレーターのポップアップ（Figma 247:249）
   Micromodal が開くと .is-open が付き、閉じると外れる（アニメーションなし）。テーマの .modal*・.micromodal-slide は
   使わないので、style.css の青い箱・幅 500 などは当たらない ---------- */

body#chieko_seta .rd-collab-modal {
	display: none;
}

body#chieko_seta .rd-collab-modal.is-open {
	display: block;
}

/* オーバーレイ：半透明の紺（#0A345D の不透明度 80%。10/29 遠藤さんの回答 Q7「半透明の紺」、80% はユーザーの決定）で
   画面全体を覆う（お知らせ帯の z-index 10000 より上）。本体は上下 64 をあけて中央 */
body#chieko_seta .rd-collab-modal__overlay {
	position: fixed;
	inset: 0;
	z-index: 10001;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 64px 0;
	background: rgba(10, 52, 93, .8);
}

/* 本体：880・角丸 12。画面より高い中身は本体の中でスクロールする（開いたときは JS が先頭に戻す）。影なし。
   ポップアップは画面に固定なので、PC の層でも画面が 928 より狭いとき（768〜927 のタブレット）は左右 24 をあけて縮める */
body#chieko_seta .rd-collab-modal__dialog {
	width: 880px;
	max-width: calc(100% - 48px);
	max-height: calc(100vh - 128px);
	overflow-y: auto;
	overscroll-behavior: contain;
	border-radius: 12px;
	background: #fff;
	color: #212121;
}

/* 閉じるの行（Figma 247:253：padding 上 16・右 20、文字は右端）。中身をスクロールしても上に残す */
body#chieko_seta .rd-collab-modal__bar {
	position: sticky;
	top: 0;
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	padding: 16px 20px 0;
	background: #fff;
}

body#chieko_seta .rd-collab-modal__close {
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: 13px;
	letter-spacing: inherit;
	font-weight: 500;
	line-height: 1.65;
	color: #737373;
	cursor: pointer;
}

body#chieko_seta .rd-collab-modal__close:hover {
	color: #212121;
}

body#chieko_seta .rd-collab-modal__close:focus-visible {
	outline: 2px solid #006699;
	outline-offset: 2px;
}

/* 中身（Figma 247:255）：写真 180 と文字の列（564）の横並び、間 40、padding 0 / 48 / 48 */
body#chieko_seta .rd-collab-modal__body {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	padding: 0 48px 48px;
}

body#chieko_seta .rd-collab-modal__body .rd-collab-photo {
	width: 180px;
	height: 180px;
}

/* 文字の列：名前 → 役職・所属 → プロフィール（上 8・段落間 12）→ 資格・所属学会 → リンク。間 10 */
body#chieko_seta .rd-collab-modal__text {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
	overflow-wrap: break-word;
}

body#chieko_seta .rd-collab-modal__name {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.65;
	color: #212121;
}

body#chieko_seta .rd-collab-modal__role {
	font-size: 14px;
	line-height: 1.65;
	color: #737373;
}

body#chieko_seta .rd-collab-modal__profile {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 8px;
	font-size: 14px;
	line-height: 1.8;
	color: #212121;
}

/* 資格・所属学会（Figma は1段落。空行で分けたときの段落間 8 はデザインに無い値） */
body#chieko_seta .rd-collab-modal__credentials {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 12px;
	line-height: 1.7;
	color: #737373;
}

body#chieko_seta .rd-collab-modal__link {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.65;
}

body#chieko_seta .rd-collab-modal__link a {
	color: #212121;
}

body#chieko_seta .rd-collab-modal__link a:hover {
	opacity: .7;
}

/* 高さの低い画面（幅 768px 以上で高さ 500px 以下。横向きのスマートフォンなど）は PC の層が当たり、上下 64 のままでは本体の
   高さが 250px 前後しか取れないので、上下の余白を 16 にする。本体の高さの上限は 100vh ではなくオーバーレイの中の高さ（100%）。
   スマートフォンではページがテーマの最小幅 1300 で縮小表示され、固定のオーバーレイが 100vh より高くなるため。
   767px 以下は下の SP の層（全画面）のまま */
@media (min-width: 768px) and (max-height: 500px) {
	body#chieko_seta .rd-collab-modal__overlay {
		padding: 16px 0;
	}

	body#chieko_seta .rd-collab-modal__dialog {
		max-height: 100%;
	}
}

/* ---------- note 枠の帯（Figma 235:223：白、上下 64、中身 1040）。note 枠は一覧と同じ wide ---------- */

body#chieko_seta .rd-seta-note {
	padding: 64px 0;
}

body#chieko_seta .rd-seta-note__inner {
	width: 1040px;
	margin: 0 auto;
}

/* ==========================================================================
   スマホ（767px 以下）。SP のデザインは無いので、実装計画 Task 10 の方針で組む（提出時に遠藤さんに見てもらう）。
   - 上の PC のルール（固定幅）をここで上書きする。768px 以上は PC のまま。
   - 左右の余白は 4vw（既存の SP と同じ。375 で 15px）。本文は日本語 15px / 190%、英語 16px / 170%。
   - 見出し：記事タイトル 24px、一覧の「Research Dialogue」34px（by は 20px）、「Reports」32px。
   - 方針に無い余白・文字の大きさ（帯の上下、h2 20px、大カードのタイトル 20px など）は PC の値を縮めた仮の値。
   ========================================================================== */

@media (max-width: 767px) {

	/* ---------- パンくず ----------
	   SP の固定ヘッダー（お知らせ帯の下。高さ 43px、420px 以下は .headerspnav の分で 71px。調査メモ08 §2）に
	   隠れないよう、RD のページだけ static にして、ヘッダーの高さの分だけ上をあける */
	body#research_dialogue #breadcrumbs {
		position: static;
		margin-top: 43px;
		padding: 4vw;
	}

	body#research_dialogue #breadcrumbs .wrapper {
		height: auto;
	}

	/* 中身はパンくずのすぐ下から（テーマの .b-main の padding-top 30 と、PC 用の margin-top 36 を外す） */
	body#research_dialogue .b-main {
		padding-top: 0;
	}

	body#research_dialogue .rd-single,
	body#research_dialogue .rd-archive {
		margin-top: 0;
	}

	/* ---------- 共通：本文 ---------- */

	body#research_dialogue .rd-text {
		font-size: 15px;
		line-height: 1.9;
	}

	body#research_dialogue .rd-single--en .rd-text {
		font-size: 16px;
		line-height: 1.7;
	}

	/* ---------- 記事詳細 ----------
	   1列。本文列（.rd-article__main）を display: contents で外し、その中身とシェア列を同じ縦の並びにする。
	   ラベルとタイトルブロックを order: -1 で先頭に出すと、シェア（DOM では本文列より前）が署名のすぐ下に来る */

	body#research_dialogue .rd-article {
		padding: 32px 0 48px;
	}

	body#research_dialogue .rd-article__inner {
		flex-direction: column;
		gap: 24px;
		width: auto;
		padding: 0 4vw;
	}

	body#research_dialogue .rd-article__main {
		display: contents;
	}

	body#research_dialogue .rd-article__label,
	body#research_dialogue .rd-titleblock {
		order: -1;
	}

	/* タイトルブロック：左の罫線は残し、インデントを 64 → 16 に */
	body#research_dialogue .rd-titleblock {
		padding-left: 16px;
	}

	body#research_dialogue .rd-titleblock__title,
	body#research_dialogue .rd-single--en .rd-titleblock__title {
		font-size: 24px;
		line-height: 1.5;
	}

	/* 日本語の署名：区切り（　| 　）を隠して、日付を次の行に（折り返したときに「|」が行末に残らないように） */
	body#research_dialogue .rd-single--ja .rd-titleblock__sep {
		display: none;
	}

	body#research_dialogue .rd-single--ja .rd-titleblock__byline time {
		display: block;
	}

	/* シェア：署名の下に横並び。sticky なし、「Share」も横書き */
	body#research_dialogue .rd-article__share {
		width: auto;
		padding: 0;
	}

	body#research_dialogue .rd-share {
		position: static;
		flex-direction: row;
		gap: 12px;
	}

	body#research_dialogue .rd-share__label {
		writing-mode: horizontal-tb;
	}

	body#research_dialogue .rd-share__list {
		flex-direction: row;
	}

	/* アイキャッチ・本文：インデントなしの全幅 */
	body#research_dialogue .rd-eyecatch {
		margin: 0;
	}

	body#research_dialogue .rd-body {
		padding: 0 0 16px;
	}

	/* h2：番号と罫線を見出しの上に */
	body#research_dialogue .rd-h2 {
		flex-direction: column;
		gap: 8px;
		margin-left: 0;
	}

	body#research_dialogue .rd-h2__num {
		width: auto;
		padding: 0;
	}

	body#research_dialogue .rd-h2__text,
	body#research_dialogue .rd-single--en .rd-h2__text {
		font-size: 20px;
	}

	/* 問い：英語 → 和訳の縦積み */
	body#research_dialogue .rd-question {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		padding: 20px 16px;
	}

	body#research_dialogue .rd-question__q {
		width: auto;
		margin-top: 0;
		font-size: 18px;
	}

	body#research_dialogue .rd-person {
		padding: 20px 16px;
	}

	/* ---------- 著者欄：写真 96 を中央 → 本文 → PROFILE（ボタン全幅）。
	   本文と PROFILE の間の縦罫線は、PROFILE の上罫線に変える ---------- */

	body#research_dialogue .rd-author {
		display: flex;
		flex-direction: column;
		align-items: stretch; /* PC（グリッド）の align-items: start を戻す。PROFILE の罫線とボタンを全幅に */
		gap: 24px;
		padding-bottom: 16px;
	}

	body#research_dialogue .rd-author__photo {
		align-self: center;
		width: 96px;
		height: 96px;
	}

	body#research_dialogue .rd-author__main {
		margin-top: 0;
		padding-right: 0;
		border-right: none;
	}

	body#research_dialogue .rd-author__profile {
		gap: 12px;
		margin-top: 0;
		padding-top: 24px;
		border-top: 1px solid #0A345D;
	}

	/* ---------- note 枠（記事・一覧とも）：ロゴ・見出し・説明・ボタン（全幅）の縦積み。上の帯は 92 / 118 → 56 ---------- */

	body#research_dialogue .rd-note,
	body#research_dialogue .rd-note--wide,
	body#chieko_seta .rd-note,
	body#chieko_seta .rd-note--wide {
		padding: 24px 16px 16px;
		background: linear-gradient(#ADBDCB 0, #ADBDCB 56px, #DCE2E8 56px);
	}

	body#research_dialogue .rd-note__card,
	body#research_dialogue .rd-note--wide .rd-note__card,
	body#chieko_seta .rd-note__card,
	body#chieko_seta .rd-note--wide .rd-note__card {
		gap: 16px;
		margin-right: 0;
		padding: 20px 16px 24px;
	}

	body#research_dialogue .rd-note__head,
	body#research_dialogue .rd-note--wide .rd-note__head,
	body#chieko_seta .rd-note__head,
	body#chieko_seta .rd-note--wide .rd-note__head {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	body#research_dialogue .rd-note__logo,
	body#research_dialogue .rd-note--wide .rd-note__logo,
	body#chieko_seta .rd-note__logo,
	body#chieko_seta .rd-note--wide .rd-note__logo {
		width: 132px;
	}

	body#research_dialogue .rd-note--wide .rd-note__title,
	body#chieko_seta .rd-note--wide .rd-note__title {
		margin-bottom: 0;
	}

	body#research_dialogue .rd-note__foot,
	body#research_dialogue .rd-note--wide .rd-note__foot,
	body#chieko_seta .rd-note__foot,
	body#chieko_seta .rd-note--wide .rd-note__foot {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
	}

	/* 縦の並びでは flex-basis が高さになるので、PC の flex（wide は 458px）を外す */
	body#research_dialogue .rd-note__text,
	body#research_dialogue .rd-note--wide .rd-note__text,
	body#chieko_seta .rd-note__text,
	body#chieko_seta .rd-note--wide .rd-note__text {
		flex: none;
		width: auto;
	}

	body#research_dialogue .rd-note__button,
	body#chieko_seta .rd-note__button {
		justify-content: center;
	}

	/* ---------- 関連記事・戻るリンク ---------- */

	body#research_dialogue .rd-related {
		padding-top: 40px;
	}

	body#research_dialogue .rd-related__inner {
		width: auto;
		padding: 0 4vw;
	}

	body#research_dialogue .rd-related__heading {
		margin-bottom: 20px;
		font-size: 20px;
	}

	body#research_dialogue .rd-related__list {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	body#research_dialogue .rd-back {
		padding: 40px 0 56px;
	}

	/* PC の .rd-related + .rd-back（32px）の方が詳細度が高いので、SP でも同じセレクタで上書きする */
	body#research_dialogue .rd-related + .rd-back {
		padding-top: 40px;
	}

	/* ---------- カード：大カードは画像の下に本文（3列は .rd-reports__list・.rd-related__list で1列） ---------- */

	body#research_dialogue .rd-card--large {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	body#research_dialogue .rd-card--large .rd-card__thumb {
		width: 100%;
	}

	body#research_dialogue .rd-card--large .rd-card__body {
		flex: none;
	}

	body#research_dialogue .rd-card--large .rd-card__title {
		font-size: 20px;
	}

	/* ---------- 一覧：ヘッダー帯は1カラム。瀬田さんのカードは導入文の下に中央寄せ・最大幅 320 ---------- */

	body#research_dialogue .rd-hero {
		padding: 40px 0 48px;
	}

	body#research_dialogue .rd-hero__inner {
		display: block;
		width: auto;
		padding: 0 4vw;
	}

	body#research_dialogue .rd-hero__text {
		width: auto;
	}

	body#research_dialogue .rd-hero__title {
		font-size: 34px;
	}

	body#research_dialogue .rd-hero__by {
		font-size: 20px;
	}

	body#research_dialogue .rd-hero__title::after,
	body#research_dialogue .rd-hero__catch {
		margin-top: 24px;
	}

	body#research_dialogue .rd-hero__catch {
		font-size: 20px;
		line-height: 1.7;
		word-break: auto-phrase; /* 対応ブラウザでは「を考 / える。」のような文節の途中で折り返さない */
	}

	body#research_dialogue .rd-hero__intro {
		margin-top: 20px;
		font-size: 15px;
	}

	body#research_dialogue .rd-profile {
		width: auto;
		max-width: 320px;
		margin: 40px auto 0;
	}

	body#research_dialogue .rd-profile__photo img {
		width: 100%;
		height: auto;
		aspect-ratio: 284 / 243;
	}

	/* Reports（帯 56/56。見出し → 40 → 最新1件 → 40 → 1列 → 48 → ページ送り → 56 → note 枠） */
	body#research_dialogue .rd-archive__main {
		padding: 56px 0;
	}

	body#research_dialogue .rd-reports {
		width: auto;
		margin: 0 4vw 56px;
	}

	body#research_dialogue .rd-reports__heading {
		font-size: 32px;
	}

	body#research_dialogue .rd-reports__heading::after {
		margin-top: 24px;
	}

	body#research_dialogue .rd-reports__latest,
	body#research_dialogue .rd-reports__list {
		margin-top: 40px;
	}

	body#research_dialogue .rd-reports__list {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	body#research_dialogue .rd-pager {
		margin-top: 48px;
	}

	body#research_dialogue .rd-archive .rd-note--wide {
		width: auto;
		margin: 0 4vw;
	}

	/* ---------- 瀬田さんページ（SP のデザインは無いので、実装計画 フェーズ2 Task 5 の方針で組む）----------
	   左右 4vw、RD のカード1列・ボタン全幅・コラボレーター2列（写真 120）・ポップアップ全画面。目次は aboutus の SP と同じ。
	   見出しは一覧の SP と同じ 34px（by は 20px）。帯の上下 48 などは PC の値を縮めた仮の値 */

	/* 飛び先：SP の固定ヘッダー（お知らせ帯＋ヘッダー 85px、帯を閉じると 43px。420px 以下は下の @media で 113 / 71） */
	body#chieko_seta .rd-seta-anchor {
		top: -85px;
	}

	html.news-banner-dismissed body#chieko_seta .rd-seta-anchor {
		top: -43px;
	}

	/* 目次（aboutus.css 1086〜1118行の @media (max-width: 768px) の規則。帯の幅は PC の 100% のまま。切り替え幅はこのページに
	   合わせて 767px：768px のときはページが PC の作りなので、目次も PC の作り） */
	body#chieko_seta .rd-seta-toc .indexarea {
		padding: 35px 5%;
	}

	body#chieko_seta .rd-seta-toc .indexlist > li {
		width: 100%;
	}

	body#chieko_seta .rd-seta-toc .ttl {
		font-size: 14px;
	}

	body#chieko_seta .rd-seta-toc .en {
		font-size: 10px;
	}

	body#chieko_seta .rd-seta-toc .indexlist > li > a {
		padding: 12px 30px 10px;
	}

	body#chieko_seta .rd-seta-toc .indexlist > li::before {
		top: 10px;
	}

	body#chieko_seta .rd-seta-toc .indexlist > li::after {
		transform: rotate(135deg);
	}

	body#chieko_seta .rd-seta-reports,
	body#chieko_seta .rd-seta-collab,
	body#chieko_seta .rd-seta-note {
		padding: 48px 0;
	}

	body#chieko_seta .rd-seta-reports__inner,
	body#chieko_seta .rd-seta-collab__inner,
	body#chieko_seta .rd-seta-note__inner {
		width: auto;
		margin: 0 4vw;
	}

	body#chieko_seta .rd-seta-reports__heading,
	body#chieko_seta .rd-seta-collab__heading {
		font-size: 34px;
		line-height: 1.3;
	}

	body#chieko_seta .rd-seta-reports__by {
		font-size: 20px;
	}

	body#chieko_seta .rd-seta-reports__catch {
		margin-top: 16px;
		font-size: 20px;
		line-height: 1.7;
		word-break: auto-phrase; /* 対応ブラウザでは文節の途中で折り返さない（一覧の SP と同じ） */
	}

	body#chieko_seta .rd-seta-reports__intro,
	body#chieko_seta .rd-seta-collab__lead {
		margin-top: 16px;
		font-size: 15px;
	}

	/* SP は折り返すので、字間はサイトのまま。行の長さはそろえず、ふつうに折り返す（各行が画面の右端まで。
	   10/30 ユーザーの指示「明示的に改行せず、自動改行でいい」） */
	body#chieko_seta .rd-seta-collab__lead {
		letter-spacing: inherit;
		text-wrap: wrap;
	}

	body#chieko_seta .rd-seta-reports__list {
		grid-template-columns: 1fr;
		gap: 40px;
		margin-top: 40px;
	}

	body#chieko_seta .rd-seta-reports__more {
		margin-top: 40px;
	}

	body#chieko_seta .rd-seta-reports__button {
		width: 100%;
		height: auto;
		min-height: 64px;
	}

	body#chieko_seta .rd-collab-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 32px 4vw;
		margin-top: 24px;
	}

	body#chieko_seta .rd-collab-photo {
		width: 120px;
		height: 120px;
	}

	body#chieko_seta .rd-collab-card__name {
		font-size: 16px;
	}

	/* ポップアップ：全画面（角丸なし）。写真 120 を上に、文字はその下。本体の中でスクロール。閉じるは押しやすく上下に余白 */
	body#chieko_seta .rd-collab-modal__overlay {
		padding: 0;
	}

	body#chieko_seta .rd-collab-modal__dialog {
		width: 100%;
		max-width: none;
		height: 100%;
		max-height: none;
		border-radius: 0;
	}

	body#chieko_seta .rd-collab-modal__bar {
		padding: 4px 4vw 0;
	}

	body#chieko_seta .rd-collab-modal__close {
		padding: 12px 0;
	}

	body#chieko_seta .rd-collab-modal__body {
		flex-direction: column;
		align-items: stretch;
		gap: 24px;
		padding: 0 4vw 48px;
	}

	body#chieko_seta .rd-collab-modal__body .rd-collab-photo {
		align-self: center;
		width: 120px;
		height: 120px;
	}

	body#chieko_seta .rd-collab-modal__name {
		font-size: 22px;
	}
}

/* 420px 以下はテーマが固定ヘッダーにメニュー（.headerspnav、28px）を足す（style.css の @media (max-width: 420px)）。
   パンくずの上の余白と、瀬田さんページの飛び先のずらしもその分ふやす（ヘッダーの高さ 71px、お知らせ帯を足して 113px） */
@media (max-width: 420px) {
	body#research_dialogue #breadcrumbs {
		margin-top: 71px;
	}

	body#chieko_seta .rd-seta-anchor {
		top: -113px;
	}

	html.news-banner-dismissed body#chieko_seta .rd-seta-anchor {
		top: -71px;
	}
}