/* ==========================================================
   老い科学研究所 認知症編（page-oikagaku-dementia.php）専用スタイル
   スコープ：#oikagaku-dementia 配下のみ。他ページへの影響なし。
   ========================================================== */

#oikagaku-dementia {
	--oikd-navy: #2c3e50;
	--oikd-navy-soft: #52667a;
	--oikd-gold: #a68b5b;
	--oikd-cream: #f7f5f0;
	--oikd-border: #e2e2e2;
	--oikd-green: #5b7f6a;
	--oikd-green-soft: #eef3ef;
	color: #202020;
}

#oikagaku-dementia .inner {
	width: 92%;
	max-width: 88rem;
	margin: 0 auto;
}

#oikagaku-dementia section {
	padding: 6rem 0;
}

#oikagaku-dementia section:nth-of-type(even) {
	background: var(--oikd-cream);
}

/* グローバルの #page-default h2（緑背景）を打ち消す */
#oikagaku-dementia h2 {
	position: relative;
	margin-bottom: 3rem;
	padding: 0;
	text-align: center;
	font-size: 2.6rem;
	font-weight: 600;
	color: var(--oikd-navy);
	background: none;
	letter-spacing: 0.1rem;
}

#oikagaku-dementia h2:after {
	content: "";
	display: block;
	margin: 1.5rem auto 0;
	width: 6rem;
	height: 0.2rem;
	background: var(--oikd-gold);
}

/* グローバルの #page-default h3 / h4（上下罫線・中央寄せ・大きな余白）を打ち消す。
   個別の見た目は後続のクラス指定で上書きする */
#oikagaku-dementia h3,
#oikagaku-dementia h4 {
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	line-height: 1.5;
}

/* グローバルの ul/ol li（黒丸・連番の擬似要素）と dl/dt/dd（float・点線）を打ち消す */
#oikagaku-dementia ul li,
#oikagaku-dementia ol li {
	padding-left: 0;
}

#oikagaku-dementia ul li:before,
#oikagaku-dementia ol li:before {
	content: none;
}

#oikagaku-dementia ol {
	margin: 0;
}

#oikagaku-dementia dl {
	margin: 0;
}

#oikagaku-dementia dl dt,
#oikagaku-dementia dl dd {
	margin: 0;
	padding: 0;
	float: none;
	border: none;
}

#oikagaku-dementia .sub-title {
	margin: 5rem 0 2rem;
	padding-left: 1.2rem;
	border-left: 0.4rem solid var(--oikd-gold);
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.5;
	color: var(--oikd-navy);
}

#oikagaku-dementia .desc {
	max-width: 76rem;
	margin: 0 auto 3rem;
	text-align: center;
	line-height: 1.9;
}

#oikagaku-dementia .desc.small {
	font-size: 1.4rem;
	color: #555;
}

#oikagaku-dementia .flex {
	display: flex;
}

#oikagaku-dementia a {
	color: var(--oikd-navy);
	text-decoration: underline;
}

#oikagaku-dementia b {
	font-weight: 700;
	color: var(--oikd-navy);
}

/* ---------- ファーストビュー #lead ---------- */
#oikagaku-dementia #lead {
	background: #fff;
	padding-top: 5rem;
}

#oikagaku-dementia #lead .lead {
	text-align: center;
	margin-bottom: 3rem;
}

#oikagaku-dementia #lead h1 .label {
	display: inline-block;
	margin-bottom: 1.2rem;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	color: var(--oikd-gold);
}

#oikagaku-dementia #lead h1 {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.5;
	color: var(--oikd-navy);
}

#oikagaku-dementia #lead .intro {
	max-width: 70rem;
	margin: 0 auto 3.6rem;
	text-align: center;
	line-height: 2;
}

#oikagaku-dementia .theme-box {
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
}

#oikagaku-dementia .theme-item {
	width: calc((100% - 2rem) / 2);
	max-width: 38rem;
	padding: 2.2rem 2rem;
	border: 0.1rem solid var(--oikd-border);
	border-radius: 0.6rem;
	background: var(--oikd-cream);
	text-align: center;
}

#oikagaku-dementia .theme-item h3 {
	margin-bottom: 0.8rem;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	color: var(--oikd-gold);
}

#oikagaku-dementia .theme-item p {
	font-weight: 600;
	line-height: 1.7;
	color: var(--oikd-navy);
}

/* ---------- 表（共通） ----------
   グローバルCSSでスマホ幅時に table th/td が display:block になるため、
   table-cell を明示して崩れを防ぐ */
#oikagaku-dementia .table-wrap {
	margin-bottom: 2rem;
}

#oikagaku-dementia .table-wrap.scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

#oikagaku-dementia table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}

#oikagaku-dementia table th,
#oikagaku-dementia table td,
#oikagaku-dementia table tbody th,
#oikagaku-dementia table tbody td {
	display: table-cell;
	padding: 1.4rem 1.6rem;
	border: 0.1rem solid var(--oikd-border);
	text-align: left;
	vertical-align: middle;
	font-size: 1.5rem;
	line-height: 1.7;
	font-weight: 400;
	color: #202020;
	width: auto;
}

#oikagaku-dementia table thead th {
	background: var(--oikd-navy);
	color: #fff;
	font-weight: 600;
	text-align: center;
}

#oikagaku-dementia table tbody th {
	background: var(--oikd-cream);
	font-weight: 600;
	color: var(--oikd-navy);
}

#oikagaku-dementia .info-table tbody th {
	width: 14rem;
	white-space: nowrap;
}

#oikagaku-dementia .info-table tbody th span {
	display: inline-block;
	margin-left: 0.8rem;
	font-size: 1.3rem;
	font-weight: 400;
	color: var(--oikd-navy-soft);
}

#oikagaku-dementia .compare-table {
	table-layout: fixed;
}

#oikagaku-dementia .compare-table thead th:first-child {
	width: 16rem;
	background: #fff;
	border-top-color: transparent;
	border-left-color: transparent;
}

#oikagaku-dementia .compare-table thead th:last-child {
	background: var(--oikd-green);
}

#oikagaku-dementia .compare-table td {
	text-align: center;
}

#oikagaku-dementia .types-table {
	min-width: 72rem;
}

#oikagaku-dementia .types-table tbody th {
	width: 17rem;
	white-space: nowrap;
}

#oikagaku-dementia .scroll-note {
	margin-bottom: 2rem;
	font-size: 1.2rem;
	color: #777;
}

/* ---------- カード（共通） ---------- */
#oikagaku-dementia .card-grid {
	flex-wrap: wrap;
	gap: 2rem;
	margin-bottom: 2.6rem;
}

#oikagaku-dementia .card-item {
	padding: 2.4rem 2.2rem;
	border-radius: 0.6rem;
	background: #fff;
	box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.06);
}

#oikagaku-dementia .card-grid.col2 .card-item {
	width: calc((100% - 2rem) / 2);
}

#oikagaku-dementia .card-grid.col3 .card-item {
	width: calc((100% - 4rem) / 3);
}

#oikagaku-dementia .card-grid.col4 .card-item {
	width: calc((100% - 6rem) / 4);
}

#oikagaku-dementia .card-item h4 {
	margin-bottom: 1rem;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.5;
	color: var(--oikd-navy);
}

#oikagaku-dementia .card-item h4 span {
	display: block;
	font-size: 1.3rem;
	font-weight: 400;
	color: var(--oikd-navy-soft);
}

#oikagaku-dementia .card-item p {
	line-height: 1.8;
}

#oikagaku-dementia .card-grid.col4 .card-item h4 {
	padding-bottom: 0.8rem;
	border-bottom: 0.2rem solid var(--oikd-gold);
	text-align: center;
}

#oikagaku-dementia .tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin-top: 1.6rem;
}

#oikagaku-dementia .tag-list li {
	padding: 0.4rem 1.2rem;
	border-radius: 2rem;
	background: var(--oikd-cream);
	font-size: 1.3rem;
	font-weight: 600;
	color: var(--oikd-navy);
}

#oikagaku-dementia .card-item.flow .flow-line {
	font-weight: 600;
	line-height: 2;
}

#oikagaku-dementia .card-item.flow .flow-line i {
	margin: 0 0.6rem;
	font-style: normal;
	color: var(--oikd-gold);
}

#oikagaku-dementia .card-item.pillar {
	border-top: 0.4rem solid var(--oikd-green);
	text-align: center;
}

#oikagaku-dementia .card-item.pillar h4 {
	text-align: center;
}

#oikagaku-dementia .card-item.pillar p {
	text-align: left;
}

/* ---------- 長寿と遺伝 ---------- */
#oikagaku-dementia .column-box {
	padding: 3rem 3.2rem;
	border: 0.1rem solid var(--oikd-border);
	border-radius: 0.6rem;
	background: #fff;
}

#oikagaku-dementia .column-box p {
	line-height: 1.9;
}

#oikagaku-dementia .column-box p + p {
	margin-top: 1.6rem;
}

/* ---------- 四大認知症 #types ---------- */
#oikagaku-dementia .type-list {
	margin: 4rem 0 2rem;
}

#oikagaku-dementia .type-item {
	margin-bottom: 2.4rem;
	padding: 3rem 3.2rem;
	border-radius: 0.6rem;
	background: #fff;
	box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.06);
}

#oikagaku-dementia .type-item h3 {
	display: flex;
	align-items: center;
	gap: 1.2rem;
	margin-bottom: 1.6rem;
	font-size: 2rem;
	font-weight: 600;
	color: var(--oikd-navy);
}

#oikagaku-dementia .type-item h3 .num {
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--oikd-gold);
	letter-spacing: 0.05em;
}

#oikagaku-dementia .type-item p {
	line-height: 1.9;
}

#oikagaku-dementia .type-item p + p {
	margin-top: 1.2rem;
}

#oikagaku-dementia .type-item .point {
	margin-top: 2rem;
	padding: 1.6rem 1.8rem;
	border-radius: 0.4rem;
	background: var(--oikd-green-soft);
	line-height: 1.8;
}

#oikagaku-dementia .type-item .point b {
	display: block;
	margin-bottom: 0.4rem;
	color: var(--oikd-green);
}

#oikagaku-dementia .stage-list {
	margin-top: 1.6rem;
}

#oikagaku-dementia .stage-list li {
	display: flex;
	gap: 1.2rem;
	padding: 1rem 0;
	border-bottom: 0.1rem dashed var(--oikd-border);
	line-height: 1.8;
}

#oikagaku-dementia .stage-list li b {
	flex-shrink: 0;
	width: 4.2rem;
	color: var(--oikd-gold);
}

#oikagaku-dementia .key-points {
	margin-top: 4rem;
	padding: 3rem;
	border-radius: 0.6rem;
	background: var(--oikd-navy);
	color: #fff;
	text-align: center;
}

#oikagaku-dementia .key-points h3 {
	margin-bottom: 2rem;
	text-align: center;
	color: #fff;
	font-size: 1.9rem;
	font-weight: 600;
}

#oikagaku-dementia .key-points ol {
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.6rem 4rem;
}

#oikagaku-dementia .key-points li {
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size: 1.8rem;
	font-weight: 600;
}

#oikagaku-dementia .key-points li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	background: var(--oikd-gold);
	font-size: 1.5rem;
}

/* ---------- ケアの基本 #care ---------- */
#oikagaku-dementia .support-box {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

#oikagaku-dementia .support-box dl {
	flex: 1 1 30rem;
	padding: 2rem 2.2rem;
	border: 0.1rem solid var(--oikd-border);
	border-radius: 0.6rem;
	background: #fff;
}

#oikagaku-dementia .support-box dt {
	margin-bottom: 0.6rem;
	font-weight: 700;
	color: var(--oikd-green);
}

#oikagaku-dementia .support-box dd {
	line-height: 1.8;
}

/* ---------- 介護現場からの発信 #cases ---------- */
#oikagaku-dementia .sign-box {
	margin-bottom: 4rem;
	padding: 2.8rem 3rem;
	border: 0.2rem solid var(--oikd-gold);
	border-radius: 0.6rem;
	background: #fff;
}

#oikagaku-dementia .sign-box h3 {
	margin-bottom: 1.6rem;
	font-size: 1.8rem;
	font-weight: 600;
	text-align: center;
	color: var(--oikd-navy);
}

#oikagaku-dementia .sign-box ul {
	flex-wrap: wrap;
	gap: 1.2rem;
}

#oikagaku-dementia .sign-box li {
	flex: 1 1 24rem;
	padding: 1.4rem 1.6rem;
	border-radius: 0.4rem;
	background: var(--oikd-cream);
	line-height: 1.7;
}

#oikagaku-dementia .case-group {
	margin: 4rem 0 2rem;
	padding-left: 1.2rem;
	border-left: 0.4rem solid var(--oikd-green);
	font-size: 1.9rem;
	font-weight: 600;
	color: var(--oikd-navy);
}

#oikagaku-dementia .case-grid {
	flex-wrap: wrap;
	gap: 2rem;
}

#oikagaku-dementia .case-card {
	display: flex;
	flex-direction: column;
	width: calc((100% - 2rem) / 2);
	border-radius: 0.6rem;
	background: #fff;
	box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.06);
	overflow: hidden;
}

#oikagaku-dementia .case-card .scene,
#oikagaku-dementia .case-card .reply {
	padding: 1.8rem 2rem;
	line-height: 1.8;
}

#oikagaku-dementia .case-card .reply {
	flex-grow: 1;
	background: var(--oikd-green-soft);
}

#oikagaku-dementia .case-card span {
	display: block;
	margin-bottom: 0.4rem;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: var(--oikd-gold);
}

#oikagaku-dementia .case-card .reply span {
	color: var(--oikd-green);
}

#oikagaku-dementia .case-highlight {
	margin-top: 4rem;
	padding: 3.2rem 3rem;
	border-radius: 0.6rem;
	background: #fff;
	text-align: center;
}

#oikagaku-dementia .case-highlight .q {
	margin-bottom: 1.2rem;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1.9;
	color: var(--oikd-navy);
}

#oikagaku-dementia .case-highlight .a {
	line-height: 1.8;
	color: var(--oikd-green);
	font-weight: 600;
}

#oikagaku-dementia .source {
	margin-top: 2rem;
	font-size: 1.3rem;
	text-align: right;
	color: #777;
}

/* ---------- まとめ #summary ---------- */
#oikagaku-dementia #summary {
	background: #fff;
}

#oikagaku-dementia .message {
	max-width: 70rem;
	margin: 0 auto 3rem;
	padding: 3rem;
	border-left: 0.4rem solid var(--oikd-gold);
	background: var(--oikd-cream);
	font-size: 1.7rem;
	line-height: 2;
	color: var(--oikd-navy);
}

/* ---------- 施設への導線 #related ---------- */
#oikagaku-dementia #related {
	background: var(--oikd-cream);
}

#oikagaku-dementia #related .card {
	align-items: center;
	flex-wrap: wrap;
	gap: 3rem;
	max-width: 90rem;
	margin: 0 auto;
	padding: 3rem;
	border-radius: 0.6rem;
	background: #fff;
}

#oikagaku-dementia #related .img {
	flex: 1 1 28rem;
}

#oikagaku-dementia #related .img img {
	width: 100%;
	border-radius: 0.6rem;
}

#oikagaku-dementia #related .txts {
	flex: 1 1 36rem;
}

#oikagaku-dementia #related h2 {
	margin-bottom: 1.6rem;
	text-align: left;
}

#oikagaku-dementia #related h2:after {
	margin: 1.5rem 0 0;
}

#oikagaku-dementia #related p {
	margin: 0 0 2rem;
	text-align: left;
	line-height: 1.9;
}

#oikagaku-dementia #related .btns {
	flex-wrap: wrap;
	gap: 1.2rem;
}

/* グローバルの .btn a（暗背景）を打ち消すため background を明示 */
#oikagaku-dementia .btn.arrow {
	display: inline-block;
}

#oikagaku-dementia .btn.arrow a {
	position: relative;
	display: inline-block;
	padding: 1.2rem 3.2rem 1.2rem 2rem;
	border: 0.1rem solid var(--oikd-navy);
	border-radius: 0.4rem;
	background: var(--oikd-navy);
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	text-decoration: none;
}

#oikagaku-dementia .btn.arrow.outline a {
	background: #fff;
	color: var(--oikd-navy);
}

#oikagaku-dementia .btn.arrow a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.4rem;
	width: 0.7rem;
	height: 0.7rem;
	border-top: 0.2rem solid #fff;
	border-right: 0.2rem solid #fff;
	transform: translateY(-50%) rotate(45deg);
}

#oikagaku-dementia .btn.arrow.outline a:after {
	border-color: var(--oikd-navy);
}

/* ---------- 写真と文章の横並び（各章の導入など） ---------- */
#oikagaku-dementia .media-row {
	align-items: center;
	gap: 4rem;
	margin-bottom: 4rem;
}

#oikagaku-dementia .media-row:last-child {
	margin-bottom: 0;
}

#oikagaku-dementia .media-row.reverse {
	flex-direction: row-reverse;
}

#oikagaku-dementia .media-row .media {
	flex: 0 0 42%;
}

#oikagaku-dementia .media-row .media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 0.6rem;
}

#oikagaku-dementia .media-row .body {
	flex: 1;
}

#oikagaku-dementia .media-row .body p {
	line-height: 1.9;
}

#oikagaku-dementia .media-row .body p + p {
	margin-top: 1.2rem;
}

#oikagaku-dementia h2.left {
	text-align: left;
	line-height: 1.5;
}

#oikagaku-dementia h2.left:after {
	margin: 1.5rem 0 0;
}

#oikagaku-dementia .point-row {
	margin-top: 4rem;
	padding: 3rem;
	border-radius: 0.6rem;
	background: var(--oikd-green-soft);
}

#oikagaku-dementia .point-row .body h3 {
	margin-bottom: 1.4rem;
	font-size: 1.9rem;
	font-weight: 600;
	color: var(--oikd-green);
}

/* ---------- 写真付きカード ---------- */
#oikagaku-dementia .card-item.has-img {
	padding: 0;
	overflow: hidden;
}

#oikagaku-dementia .card-item.has-img .card-img {
	display: block;
	width: 100%;
	height: 20rem;
	object-fit: cover;
}

#oikagaku-dementia .card-grid.col3 .card-item.has-img .card-img {
	height: 16rem;
}

#oikagaku-dementia .card-item.has-img h4 {
	margin: 2rem 2.2rem 1rem;
}

#oikagaku-dementia .card-item.has-img p {
	padding: 0 2.2rem 2.4rem;
}

/* ---------- もの忘れの例（第2章） ---------- */
#oikagaku-dementia .example-box {
	flex-wrap: wrap;
	gap: 2rem;
	margin-top: 2.4rem;
}

#oikagaku-dementia .example-item {
	flex: 1 1 30rem;
	padding: 2rem 2.2rem;
	border-radius: 0.6rem;
	background: #fff;
	border-left: 0.4rem solid var(--oikd-navy);
}

#oikagaku-dementia .example-item.strong {
	border-left-color: var(--oikd-green);
}

#oikagaku-dementia .example-item h3 {
	margin-bottom: 0.6rem;
	font-size: 1.4rem;
	font-weight: 600;
	color: var(--oikd-navy-soft);
}

#oikagaku-dementia .example-item p {
	font-size: 1.7rem;
	font-weight: 600;
	color: var(--oikd-navy);
}

/* ---------- 四大認知症の各タイプ（第3章） ---------- */
#oikagaku-dementia .type-body {
	gap: 2.8rem;
	align-items: flex-start;
}

#oikagaku-dementia .type-img {
	flex: 0 0 28rem;
}

#oikagaku-dementia .type-img img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 0.6rem;
}

#oikagaku-dementia .type-txt {
	flex: 1;
}

#oikagaku-dementia .type-txt p {
	line-height: 1.9;
}

#oikagaku-dementia .type-txt p + p {
	margin-top: 1.2rem;
}

/* ---------- 事例グループの見出し（第5章） ---------- */
#oikagaku-dementia .case-group-head {
	align-items: center;
	gap: 2rem;
	margin: 5rem 0 2rem;
}

#oikagaku-dementia .case-group-head:first-child {
	margin-top: 0;
}

#oikagaku-dementia .case-group-head .img {
	flex: 0 0 18rem;
}

#oikagaku-dementia .case-group-head .img img {
	display: block;
	width: 100%;
	height: 11rem;
	object-fit: cover;
	border-radius: 0.6rem;
}

#oikagaku-dementia .case-group-head .case-group {
	margin: 0;
}

/* ---------- 章の一覧（認知症編トップ） ---------- */
#oikagaku-dementia .chapter-grid {
	flex-wrap: wrap;
	justify-content: center;
	gap: 2.4rem;
}

#oikagaku-dementia .chapter-card {
	display: flex;
	flex-direction: column;
	width: calc((100% - 4.8rem) / 3);
	border-radius: 0.6rem;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.08);
	color: #202020;
	text-decoration: none;
	transition: opacity 0.3s;
}

#oikagaku-dementia .chapter-card:hover {
	opacity: 0.85;
}

#oikagaku-dementia .chapter-card .img {
	position: relative;
}

#oikagaku-dementia .chapter-card .img img {
	display: block;
	width: 100%;
	height: 17rem;
	object-fit: cover;
}

#oikagaku-dementia .chapter-card .no {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.6rem 1.6rem;
	background: var(--oikd-navy);
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}

#oikagaku-dementia .chapter-card .txts {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 2rem 2rem 2.4rem;
}

#oikagaku-dementia .chapter-card h3 {
	margin-bottom: 1rem;
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--oikd-navy);
}

#oikagaku-dementia .chapter-card p {
	flex-grow: 1;
	margin-bottom: 1.6rem;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #444;
}

#oikagaku-dementia .chapter-card .more {
	position: relative;
	align-self: flex-start;
	padding-right: 2rem;
	font-size: 1.4rem;
	font-weight: 600;
	color: var(--oikd-navy);
}

#oikagaku-dementia .chapter-card .more:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0.2rem;
	width: 0.7rem;
	height: 0.7rem;
	border-top: 0.2rem solid var(--oikd-navy);
	border-right: 0.2rem solid var(--oikd-navy);
	transform: translateY(-65%) rotate(45deg);
}

/* ---------- 章ページの見出し・章ナビ ---------- */
#oikagaku-dementia #lead h1 .chapter-no {
	display: inline-block;
	margin-right: 1.2rem;
	padding: 0.2rem 1.4rem;
	border-radius: 0.4rem;
	background: var(--oikd-navy);
	color: #fff;
	font-size: 0.7em;
	vertical-align: 0.15em;
	letter-spacing: 0.1em;
}

#oikagaku-dementia .chapter-pills {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.8rem;
}

#oikagaku-dementia .chapter-pills a {
	padding: 0.6rem 1.6rem;
	border: 0.1rem solid var(--oikd-border);
	border-radius: 2rem;
	background: #fff;
	font-size: 1.3rem;
	font-weight: 600;
	color: var(--oikd-navy);
	text-decoration: none;
}

#oikagaku-dementia .chapter-pills a:hover {
	border-color: var(--oikd-navy);
}

#oikagaku-dementia .chapter-pills a.is-current {
	border-color: var(--oikd-navy);
	background: var(--oikd-navy);
	color: #fff;
}

/* ---------- 前後の章・全章の一覧 #chapter-pager ---------- */
#oikagaku-dementia #chapter-pager {
	background: #fff;
}

#oikagaku-dementia .pager {
	gap: 2rem;
	margin-bottom: 4rem;
}

#oikagaku-dementia .pager a {
	position: relative;
	flex: 1;
	padding: 2rem 2.4rem;
	border: 0.1rem solid var(--oikd-navy);
	border-radius: 0.6rem;
	background: #fff;
	color: var(--oikd-navy);
	text-decoration: none;
	transition: background 0.2s, color 0.2s;
}

#oikagaku-dementia .pager a:hover {
	background: var(--oikd-navy);
	color: #fff;
}

#oikagaku-dementia .pager .prev {
	padding-left: 5rem;
}

#oikagaku-dementia .pager .next {
	padding-right: 5rem;
	text-align: right;
}

#oikagaku-dementia .pager a:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 1rem;
	height: 1rem;
	border-top: 0.2rem solid currentColor;
	border-right: 0.2rem solid currentColor;
}

#oikagaku-dementia .pager .prev:after {
	left: 2.2rem;
	transform: translateY(-50%) rotate(-135deg);
}

#oikagaku-dementia .pager .next:after {
	right: 2.2rem;
	transform: translateY(-50%) rotate(45deg);
}

#oikagaku-dementia .pager .dir {
	display: block;
	margin-bottom: 0.4rem;
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	color: var(--oikd-gold);
}

#oikagaku-dementia .pager .ttl {
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
}

#oikagaku-dementia .chapter-index {
	padding: 3rem;
	border-radius: 0.6rem;
	background: var(--oikd-cream);
}

#oikagaku-dementia .chapter-index h2 {
	margin-bottom: 2rem;
	font-size: 2rem;
}

#oikagaku-dementia .chapter-index h2:after {
	display: none;
}

#oikagaku-dementia .chapter-index li + li {
	border-top: 0.1rem dashed #d6d0c4;
}

#oikagaku-dementia .chapter-index a {
	display: flex;
	align-items: center;
	gap: 1.6rem;
	padding: 1.4rem 0.8rem;
	color: var(--oikd-navy);
	text-decoration: none;
}

#oikagaku-dementia .chapter-index a:hover .ttl {
	text-decoration: underline;
}

#oikagaku-dementia .chapter-index .no {
	flex-shrink: 0;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--oikd-gold);
}

#oikagaku-dementia .chapter-index .ttl {
	font-weight: 600;
}

#oikagaku-dementia .chapter-index .now {
	margin-left: auto;
	padding: 0.2rem 1rem;
	border-radius: 2rem;
	background: var(--oikd-navy);
	color: #fff;
	font-size: 1.2rem;
	font-weight: 600;
	white-space: nowrap;
}

#oikagaku-dementia .chapter-index li.is-current a {
	background: #fff;
	border-radius: 0.4rem;
}

/* ---------- レスポンシブ ---------- */
@media (max-width: 900px) {
	#oikagaku-dementia .card-grid.col4 .card-item {
		width: calc((100% - 2rem) / 2);
	}

	#oikagaku-dementia .chapter-card {
		width: calc((100% - 2.4rem) / 2);
	}
}

@media (max-width: 750px) {
	#oikagaku-dementia section {
		padding: 4.5rem 0;
	}

	#oikagaku-dementia h2 {
		font-size: 2.1rem;
	}

	#oikagaku-dementia .sub-title {
		margin-top: 4rem;
		font-size: 1.8rem;
	}

	#oikagaku-dementia #lead h1 {
		font-size: 2.3rem;
	}

	#oikagaku-dementia .desc,
	#oikagaku-dementia #lead .intro {
		text-align: left;
	}

	/* 左寄せの本文は改行を流し込みにして、不自然な折り返しを防ぐ */
	#oikagaku-dementia .desc br,
	#oikagaku-dementia #lead .intro br,
	#oikagaku-dementia .case-highlight .q br {
		display: none;
	}

	#oikagaku-dementia .key-points h3,
	#oikagaku-dementia .sign-box h3 {
		font-size: 1.6rem;
	}

	#oikagaku-dementia #related h2 {
		font-size: 1.9rem;
	}

	#oikagaku-dementia .theme-item,
	#oikagaku-dementia .card-grid.col2 .card-item,
	#oikagaku-dementia .card-grid.col3 .card-item,
	#oikagaku-dementia .case-card {
		width: 100%;
		max-width: none;
	}

	#oikagaku-dementia table th,
	#oikagaku-dementia table td,
	#oikagaku-dementia table tbody th,
	#oikagaku-dementia table tbody td {
		padding: 1rem 0.8rem;
		font-size: 1.3rem;
	}

	#oikagaku-dementia .info-table tbody th {
		width: 9rem;
		white-space: normal;
	}

	#oikagaku-dementia .info-table tbody th span {
		display: block;
		margin-left: 0;
	}

	#oikagaku-dementia .compare-table thead th:first-child {
		width: 8rem;
	}

	#oikagaku-dementia .types-table tbody th {
		width: 10rem;
	}

	#oikagaku-dementia .column-box,
	#oikagaku-dementia .type-item,
	#oikagaku-dementia .sign-box {
		padding: 2.2rem 1.8rem;
	}

	#oikagaku-dementia .type-item h3 {
		font-size: 1.8rem;
	}

	#oikagaku-dementia .key-points {
		padding: 2.4rem 1.6rem;
	}

	#oikagaku-dementia .key-points ol {
		flex-direction: column;
		align-items: flex-start;
		max-width: 24rem;
		margin: 0 auto;
	}

	#oikagaku-dementia .message {
		padding: 2rem 1.8rem;
		font-size: 1.5rem;
	}

	#oikagaku-dementia #related .card {
		padding: 2rem;
	}

	#oikagaku-dementia .media-row,
	#oikagaku-dementia .media-row.reverse,
	#oikagaku-dementia .type-body {
		flex-direction: column;
		align-items: stretch;
		gap: 2rem;
	}

	#oikagaku-dementia .media-row .media,
	#oikagaku-dementia .type-img {
		flex: none;
		width: 100%;
	}

	#oikagaku-dementia .point-row {
		padding: 2rem 1.8rem;
	}

	#oikagaku-dementia .chapter-card {
		width: 100%;
	}

	#oikagaku-dementia .case-group-head .img {
		flex: 0 0 10rem;
	}

	#oikagaku-dementia .case-group-head .img img {
		height: 7rem;
	}

	#oikagaku-dementia .pager {
		flex-direction: column;
		gap: 1.2rem;
	}

	#oikagaku-dementia .chapter-index {
		padding: 2rem 1.6rem;
	}

	#oikagaku-dementia .chapter-index a {
		flex-wrap: wrap;
		gap: 0.2rem 1.2rem;
	}
}