@charset "UTF-8";

html {
	scroll-behavior: smooth;
	scroll-padding-top: 120px;
}

/* index kv ---------------------------------------*/

.indexkv-wrapper {
	overflow: hidden;
	width: 100%;
	height: 100vh;
	position: relative;
}

.indexkv {
	background: url(../img/psychiatry/kv.jpg) no-repeat center/cover;
	height: 100%;
	position: relative;
	margin: 0 auto;
}

.indexkv-inner {
	/* max-width: 1320px; */
	margin-right: auto;
	margin-left: auto;
	padding: 0 20px;
	height: 100%;
	position: relative;
}

.indexkv-button {
	background: #d96e34;
	border: 1px solid #d96e34;
	min-width: 140px;
	min-height: 140px;
	border-radius: 16px;
	box-shadow: 0 0 min(1.111vw, 16px) rgba(0, 0, 0, 0.16);
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: 999;
	transition: 0.25s;
	align-content: center;
}

.indexkv-button a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 16px;
	color: #fff;
	/* font-size: min(1.667vw, 24px); */
	font-size: 20px;
	letter-spacing: 0.04em;
	font-weight: bold;
	transition: 0.25s;
	gap: 10px;
}

.indexkv-button img {
	/* width: min(2.431vw, 35px); */
	/* width: min(1.431vw, 35px); */
	object-fit: contain;
	/* margin-top: min(0.556vw, 8px); */
	transition: 0.1s;
}

.indexkv-button:hover {
	background: #fff;
	/* border: 2px solid #d96e34; */
}

.indexkv-button:hover a {
	color: #d96e34;
}

.indexkv-button:hover img {
	/* filter: invert(38%) sepia(25%) saturate(6734%) hue-rotate(346deg) brightness(103%) contrast(101%); */
	filter: brightness(0) saturate(100%) invert(57%) sepia(10%) saturate(3914%) hue-rotate(335deg) brightness(89%) contrast(90%);
}

.indexkv-block {
	background: #fff;
	border-top-left-radius: 16px;
	filter: drop-shadow(-12px 12px 16px rgba(51, 51, 51, 0.16));
	padding: 32px;
	display: flex;
	align-items: center;
	gap: 32px;
	position: absolute;
	right: 0;
	/* bottom: 40px; */
	bottom: 0;
	z-index: 999;
	transition: 0.3s;
}

.indexkv-block-title {
	writing-mode: vertical-rl;
	color: #d96e34;
	font-size: 24px;
	letter-spacing: 0.4em;
	font-weight: bold;
}

.indexkv-block-container {
	width: 448px;
}

.indexkv-block-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.indexkv-block-address {
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
}

.indexkv-block-button {
	background: #d96e34;
	width: 100px;
	height: 36px;
	border-radius: 18px;
	box-shadow: 6px 6px 12px rgba(51, 51, 51, 0.2);
	transition: 0.25s;
}

.indexkv-block-button:hover {
	box-shadow: none;
	transform: translateY(5px);
}

.indexkv-block-button a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 18px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

.indexkv-block-button img {
	width: 10px;
	height: 10px;
	object-fit: contain;
	margin-left: 4px;
}

.indexkv-block-table {
	width: 100%;
}

.indexkv-block-table tr {
	border-bottom: 1px solid #dfe0df;
}

.indexkv-block-table tr:first-of-type {
	border: none;
}

.indexkv-block-table th {
	background: #d96e34;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 16px 12px;
}

.indexkv-block-table th:first-of-type {
	padding-left: 24px;
}

.indexkv-block-table th:nth-child(n + 2) {
	text-align: center;
}

.indexkv-block-table td {
	font-size: 12px;
	font-weight: bold;
	padding: 16px 14px;
}

.indexkv-block-table td:first-of-type {
	font-size: 16px;
	padding-left: 24px;
	padding-right: 12px;
}

.indexkv-block-table td:nth-child(n + 2) {
	text-align: center;
}

.indexkv-block-table-color {
	color: #d96e34;
}

.indexkv-block-text {
	font-size: 12px;
	line-height: 1.8;
	letter-spacing: 0.04em;
	padding-left: 1em;
	text-indent: -1em;
}

.indexkv-block-text li::before {
	content: '※';
}

/* index common ---------------------------------------*/

.indexwrapper {
	background: #fff;
	padding-bottom: 120px;
}

.indexsection {
	padding: 120px 40px 120px;
}

.indexnewssection {
	padding: 0;
}

/* リンクパネル全体 (aタグ) */
.link-panel {
	width: 100%;
	min-height: 164px;
	max-width: calc((100% - 20px) / 2);
	display: flex;
	align-items: center; /* 中身を垂直方向中央に揃える */
	padding: 24px 32px;
	background-color: #f9f7f3; /* 画像の背景色 */
	border-radius: 8px; /* 角丸 */
	color: inherit; /* 親要素の文字色を継承 */
	/* ホバー時のレイアウト崩れ防止 (透明な枠線を設定) */
	border: 1px solid transparent;
	/* アニメーションの設定 */
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

/* ★ホバーエフェクト: 浮き上がり + 枠線 */
.link-panel:hover {
	transform: translateY(-5px); /* 5px上に浮き上がる */
	box-shadow: 0 8px 20px rgba(95, 87, 80, 0.1); /* 影 */
	border-color: #d96e34; /* 枠線 (オレンジ) */
}

/* アイコン (64x64) */
.link-panel .panel-icon {
	width: 64px;
	height: 64px;
	flex-shrink: 0; /* パネルが縮んでもアイコンは縮まない */
	margin-right: 28px; /* テキストとの間隔 */
}

/* テキストブロック (タイトル + サブタイトル) */
.link-panel .panel-text {
	flex-grow: 1; /* 残りのスペースをすべて埋める */
	margin-right: 28px; /* 矢印との間隔 */
}

/* タイトル "医師" */
.link-panel .panel-title {
	display: block; /* 1行専有 */
	font-size: 20px;
	font-weight: 700;
	color: #d96e34; /* オレンジ */
	margin-bottom: 4px;
}

/* サブタイトル "精神科専門医..." */
.link-panel p {
	display: block; /* 1行専有 */
	font-size: 16px;
}

.link-panel .panel-subtitle {
	font-size: 18px;
	font-weight: bold;
}

/* 矢印 (32x32) */
.link-panel .panel-arrow {
	width: 32px;
	height: 32px;
	flex-shrink: 0; /* 縮まないように */
}

/* ボタンコンテナの配置 */
.psychiatry-link-btn {
	/* margin-top: 40px; */
	text-align: center; /* ボタンを中央揃え (元のコードから変更) */
	display: flex;
	align-items: center;
	/* width: 100%; */
	flex-direction: column;
}

.psychiatry-link-btn p {
	color: #d96e34;
}

/* ボタン本体 (aタグ) のスタイル */
.psychiatry-link-btn a {
	/* --- 形状と配置 --- */
	width: 100%;
	max-width: 320px;
	min-width: 240px;
	height: 64px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 8px;
	padding: 16px 20px;
	text-decoration: none;
	/* --- テキストスタイル --- */
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.04em;

	/* --- 色 (通常時) --- */
	background-color: #d96e34; /* オレンジ背景 */
	color: #ffffff; /* 白テキスト */
	border: 1px solid #d96e34; /* オレンジ枠線 (ホバー時のガタつき防止) */

	/* --- アニメーション --- */
	transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.psychiatry-link-btn_l a {
	min-width: 480px;
}

/* ★ ボタン ホバー時 */
.psychiatry-link-btn a:hover {
	background-color: #ffffff; /* 白背景 */
	color: #d96e34; /* オレンジテキスト */
	border-color: #d96e34; /* オレンジ枠線 */
}

.psychiatry-link-btn .btn-icons {
	display: flex;
	align-items: center;
	gap: 10px;
}

.psychiatry-link-btn .btn-text-jp {
	font-size: 20px;
}

.psychiatry-link-btn .btn-text-en {
	font-family: 'oswald', sans-serif;
	font-weight: normal;
	font-size: 22px;
}

/* アイコンコンテナのスタイル */
.psychiatry-link-btn .icons-arrow {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	border-radius: 4px;
	margin-left: 20px;
	flex-shrink: 0;
	/* 内部の<img>を重ねて配置するための基準 */
	position: relative;
	/* --- 色 (通常時) --- */
	background-color: #ffffff; /* 白背景 */
	transition: background-color 0.3s;
}

.psychiatry-link-btn .icons-calendar,
.psychiatry-link-btn .icons-tel {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	border-radius: 4px;
	flex-shrink: 0;
	/* 内部の<img>を重ねて配置するための基準 */
	position: relative;
	background-color: #d96e34; /* オレンジ背景 */
	transition: background-color 0.3s;
}
.psychiatry-link-btn .icons-tel {
	margin-right: -3px;
}

/* ★ アイコンコンテナ ホバー時 */
.psychiatry-link-btn a:hover .icons-arrow {
	background-color: #d96e34; /* オレンジ背景 */
}

.psychiatry-link-btn a:hover .icons-calendar,
.psychiatry-link-btn a:hover .icons-tel {
	background-color: #fff; /* 白背景 */
}

/* <img>タグ共通スタイル */
.psychiatry-link-btn .icons-arrow img,
.psychiatry-link-btn .icons-calendar img,
.psychiatry-link-btn .icons-tel img {
	/* 2枚の画像を中央に重ねる */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* 画像のサイズ */
	width: 100%;
	height: 100%;
	object-fit: contain;
	/* 表示/非表示の切り替えをアニメーション */
	transition: opacity 0.3s;
}

/* 通常時の画像の表示/非表示 */
.psychiatry-link-btn .arrow-none,
.psychiatry-link-btn .calendar-color,
.psychiatry-link-btn .tel-color {
	opacity: 1; /* 表示 */
}
.psychiatry-link-btn .arrow-color,
.psychiatry-link-btn .calendar-none,
.psychiatry-link-btn .tel-none {
	opacity: 0; /* 非表示 */
}

/* ★ ホバー時の画像の表示/非表示 */
.psychiatry-link-btn a:hover .arrow-none,
.psychiatry-link-btn a:hover .calendar-color,
.psychiatry-link-btn a:hover .tel-color {
	opacity: 0; /* 非表示 */
}
.psychiatry-link-btn a:hover .arrow-color,
.psychiatry-link-btn a:hover .calendar-none,
.psychiatry-link-btn a:hover .tel-none {
	opacity: 1; /* 表示 */
}

/* ボタン本体 (aタグ) のスタイル */
.link-icon-btn a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	width: 48px;
	height: 48px;
	background-color: #d96e34;
}

/* ★ ボタン ホバー時 */
.link-icon-btn a:hover {
	/* border-radius: 50%;
	transition: border-radius 0.3s; */
	background-color: #b55017;
	transition: background-color 0.3s;
}

/* index feature ---------------------------------------*/

.feature-link-panel {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}

/* index guidance ---------------------------------------*/

.indexguidance-block {
	width: 100%;
	padding: 32px 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	border: 1px solid#d96e34;
	border-radius: 8px;
}

.indexguidance-block-num {
	font-family: 'oswald', sans-serif;
	color: #d96e34;
	font-size: 64px;
}

.indexguidance-block-detail {
	width: 100%;
}

.indexguidance-block-title {
	font-size: 24px;
	font-weight: bold;
	color: #d96e34;
}

.indexguidance-block-text {
	/* font-size: 16px; */
}

.indexguidance-block-flex {
	display: flex;
	gap: 24px;
}

.indexguidance-block-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.indexguidance-block-btn {
	display: flex;
	gap: 20px;
	justify-content: center;
}

/* index disease ---------------------------------------*/

.disease-link-panel {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}

/* index message ---------------------------------------*/

.indexmessage {
	background: #f9f7f3;
}

.indexmessage-container {
	width: 100%;
	/* padding: 0px 80px; */
	/* border: 1px solid#d96e34; */
	/* background-color: #fff; */
	border-radius: 8px;
	/* display: flex; */
	/* gap: 80px; */
}

.staff-text {
	/* max-width: 480px; */
}

/* 親コンテナ (参照CSS: .feature-list-block) */
.staff-list-block {
	/* background-color: #fff; */
	padding: 24px 32px; /* 参照CSSから微調整 */
	border-radius: 8px; /* 参照CSSから流用 */
	border: 1px solid #d96e34;
}

/* 見出し (h2) (参照CSS: .feature-list-block p) */
.staff-list-block .staff-list-title {
	display: flex; /* アイコンとテキストを横並びにするため */
	align-items: center; /* アイコンとテキストを中央揃え */
	color: #d96e34; /* 画像に合わせて白文字に変更 */
	font-size: 18px; /* (約18px) */
	margin-top: 0;
	margin-bottom: 10px; /* 見出しと本文の間隔 */
	font-weight: bold;
}

/* 見出しの前の■アイコン (参照CSS: li::before) */
.staff-list-block .staff-list-title::before {
	content: '';
	display: inline-block;
	width: 14px; /* サイズを見出しの文字サイズに合わせる */
	height: 14px;
	background-color: #d96e34; /* 参照CSSのオレンジ色 (d96e34) に近い色 */
	margin-right: 10px; /* アイコンとテキストの間隔 */
	flex-shrink: 0;
	border-radius: 2px;
}

/* 経歴テキスト (p) (参照CSS: li) */
.staff-list-block p {
	color: #4b4737; /* 画像に合わせて白文字に変更 */
	font-size: 16px; /* (16px) */
	line-height: 2; /* 参照CSSから流用 */
	margin: 0; /* pタグのデフォルトマージンをリセット */
	letter-spacing: 0.04em;
	margin-bottom: 4px;
}

.staff-list-block p:last-child {
	margin-bottom: 0;
}

.staff-list-block ul {
	list-style-type: none; /* デフォルトマーカーを非表示 */
	padding-left: 0;
	margin: 0;
}

.staff-list-block li {
	display: flex;
	align-items: center; /* アイコンとテキストを垂直方向中央揃え */
	color: #4b4737;
	margin-bottom: 4px;
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.04em;
}

.staff-list-block li:last-child {
	margin-bottom: 0;
}

/* ::before 擬似要素でアイコンを生成 */
.staff-list-block li::before {
	content: ''; /* 必須。中身は空にする */
	display: inline-block;
	width: 4px; /* アイコンの幅 (文字サイズ基準) */
	height: 4px; /* アイコンの高さ (文字サイズ基準) */
	border-radius: 2px;
	background-color: #4b4737; /* アイコンのオレンジ色 */
	margin-right: 10px; /* アイコンとテキストの間隔 */
	flex-shrink: 0;
}

/* index news ---------------------------------------*/

.indexnews-wrapper {
	background: #f9f7f3;
	padding: 80px 40px 80px;
	/* margin: 0 calc(50% - 50vw); */
}

.indexnews-container {
	/* max-width: 1300px; */
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: space-between;
	gap: 80px;
	/* background-color: #fef9f3; */
}

.indexnews-title {
	display: inline-block;
	min-width: 180px;
}

.indexnews-title div {
	display: block;
	text-align: start;
}

.indexnews-title-wrap {
	flex-shrink: 0;
}

.indexnews-list {
	flex-grow: 1;
	margin-top: -7px;
}

.indexnews-list-item {
	padding: 12px 0;
}

.indexnews-list-item a {
	display: flex;
	gap: 20px;
	transition: all 0.25s ease;
}

.indexnews-list-item a:hover {
	opacity: 0.6;
}

.indexnews-list-item-date {
	flex-shrink: 0;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
}

.indexnews-list-item-text {
	flex-grow: 1;
	font-size: 18px;
	padding-top: 1px;
}

.indexnews-list-item-text p {
	line-height: 1.6;
}

/* .indexnews-list-item a{
	text-decoration: underline;
	color: #d96e34;
}

.indexnews-list-item a:hover{
	text-decoration: none;
} */

.indexnews-btn {
	margin-top: 40px;
	text-align: right;
}

.indexnews-btn a {
	position: relative;
	padding-right: 32px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 0.04em;
	color: #d96e34;
}

.indexnews-btn a::after {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 1;
	width: 24px;
	height: 24px;
	background: url(../img/psychiatry/icon_arrow_square-color.svg) no-repeat;
	background-size: contain;
	content: '';
}

.indexnews-btn a::before {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 1;
	width: calc(100% - 32px);
	height: 1px;
	background: #d96e34;
	content: '';
}

.indexnews-btn a:hover::before {
	opacity: 0;
}

/* index access ---------------------------------------*/

.indexaccess {
	padding-top: 40px;
	padding-bottom: 0;
}

.indexaccess-title {
	text-align: center;
}

.indexaccess-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}

.indexaccess-block {
	flex-shrink: 0;
}

.indexaccess-block-logo img {
	width: 396px;
	height: auto;
	object-fit: contain;
}

.indexaccess-block-tel a {
	font-family: 'oswald', sans-serif;
	color: #d96e34;
	font-size: 32px;
	font-weight: normal;
	display: inline-flex;
	align-items: center;
}

.indexaccess-block-tel img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	margin-right: 4px;
	/* margin-top: 5px; */
}

.indexaccess-block-container {
	/* width: 447px; */
}

.indexaccess-block-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.indexaccess-block-address {
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
}

.indexaccess-block-note {
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
}

.indexaccess-block-table {
	width: 100%;
	margin-bottom: 16px;
}

.indexaccess-block-table tr {
	border-bottom: 1px solid #dfe0df;
}

.indexaccess-block-table tr:first-of-type {
	border: none;
}

.indexaccess-block-table th {
	background: #d96e34;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 16px 12px;
}

.indexaccess-block-table th:first-of-type {
	padding-left: 24px;
}

.indexaccess-block-table td {
	font-size: 12px;
	font-weight: bold;
	padding: 16px 14px;
}

.indexaccess-block-table td:first-of-type {
	font-size: 16px;
	padding-left: 24px;
	padding-right: 12px;
}

.indexaccess-block-table-color {
	color: #d96e34;
}

.indexaccess-block-text {
	font-size: 12px;
	line-height: 1.8;
	letter-spacing: 0.04em;
	padding-left: 1em;
	text-indent: -1em;
}

.indexaccess-block-text li::before {
	content: '※';
}

.indexaccess-block-btn .psychiatry-link-btn {
	width: 100%;
}

.indexpayment-container {
	padding: 32px 40px;
	background-color: #fff;
	border: 1px solid #d96e34;
	border-radius: 8px;
}

.indexpayment-container p {
	text-align: center;
}

.indexpayment-block {
	display: flex;
	flex-direction: column;
}

/* index animation ---------------------------------------*/

.animation {
	transition: all 1.25s ease;
	opacity: 0;
	transform: translate(0, 20px);
}

.animation.on {
	opacity: 1;
	transform: translate(0, 0);
}

@keyframes UpAnime {
	0% {
		opacity: 1;
		transform: translate(-50%, 0);
	}

	100% {
		opacity: 0;
		transform: translate(-50%, -100px);
	}
}

@keyframes DownAnime {
	0% {
		opacity: 0;
		transform: translate(-50%, -100px);
	}

	100% {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}

/* small pc */
@media screen and (min-width: 768px) and (max-width: 1000px) {
	.indexkv-block {
		/* padding: 20px; */
	}

	.indexkv-block.is-fixed {
		transform: translateX(86%);
	}

	.indexkv-block-container {
		width: 400px;
	}

	.indexkv-block-address {
		font-size: 15px;
	}

	.indexkv-block-table th,
	.indexkv-block-table td {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.indexkv-block-table td:first-of-type {
		font-size: 14px;
		padding-left: 12px;
	}

	/* index guidance ---------------------------------------*/

	.indexguidance-block {
		padding: 40px 40px;
	}

	.indexguidance-block-btn {
		flex-direction: column;
	}

	.indexaccess-container {
		gap: 20px;
		flex-direction: column;
	}

	.indexaccess-block-container {
		/* width: 380px; */
	}

	.indexaccess-block-logo img {
		width: 330px;
	}

	.indexaccess-block-address {
		font-size: 14px;
	}

	.indexaccess-block-table th,
	.indexaccess-block-table td {
		text-align: center;
	}

	.indexaccess-block-table th:first-of-type {
		padding-left: 12px;
	}

	.indexaccess-block-table td:first-of-type {
		font-size: 14px;
		padding-left: 12px;
	}

	.indexaccess-container iframe {
		width: 100%;
		height: 320px;
	}

	/* additional ---------------------------------*/

	.gnav-list > li {
		margin: 0 min(0.764vw, 11px);
	}

	/* .footer-block {
		padding: 28px 20px;
	}

	.footer-block-text {
		margin-bottom: 0;
	} */

	/* /additional ---------------------------------*/
}

@media screen and (max-width: 767px) {
	/* index kv ---------------------------------------*/

	.indexkv-wrapper {
		position: static;
		height: unset;
	}

	.indexkv {
		background: url(../img/psychiatry/kv_sp.jpg) no-repeat top/cover;
		height: 94.133vw;
	}

	.indexkv-inner {
		max-width: unset;
		padding: 0;
	}

	.indexkv-catch {
		width: 100%;
		font-size: 32px;
		text-align: center;
		padding-left: 0;
		left: 50%;
		transform: translate(-50%, calc(-50% + 40px));
	}

	.indexkv-block {
		border-top-left-radius: 0;
		filter: drop-shadow(0px 6px 24px rgba(51, 51, 51, 0.08));
		padding: 32px 20px 0px;
		flex-direction: column;
		gap: 24px;
		position: static;
	}

	.indexkv-block.is-fixed {
		transform: unset;
		position: static;
	}

	.indexkv-block-head {
		align-items: flex-start;
	}

	.indexkv-block-title {
		writing-mode: unset;
		letter-spacing: 0;
	}

	.indexkv-block-container {
		width: 100%;
	}

	.indexkv-block-head {
		margin-bottom: 8px;
	}

	.indexkv-block-address {
		font-size: 14px;
		line-height: 1.4;
	}

	.indexkv-block-button {
		width: 132px;
		height: 36px;
	}

	.indexkv-block-table th {
		font-size: 14px;
		padding: 17px 8px;
	}

	.indexkv-block-table th:first-of-type {
		padding-left: 16px;
	}

	.indexkv-block-table td {
		font-size: 10px;
		padding: 17px 10px;
	}

	.indexkv-block-table td:first-of-type {
		font-size: 12px;
		padding-left: 16px;
		padding-right: 10px;
	}

	/* index common ---------------------------------------*/

	.indexwrapper {
		padding-bottom: 40px;
	}

	.indexsection {
		padding: 40px 20px;
	}

	.indexnewssection {
		padding: 0;
	}

	.psychiatry-link-btn a {
		max-width: none;
	}

	/* index feature ---------------------------------------*/

	.feature-link-panel {
		flex-direction: column;
		width: 100%;
	}
	/* リンクパネル全体 (aタグ) */
	.link-panel {
		width: 100%;
		min-height: auto;
		max-width: none;
		padding: 20px;
	}

	/* アイコン (64x64) */
	.link-panel .panel-icon {
		width: 48px;
		height: 48px;
		flex-shrink: 0; /* パネルが縮んでもアイコンは縮まない */
		margin-right: 12px; /* テキストとの間隔 */
	}

	/* テキストブロック (タイトル + サブタイトル) */
	.link-panel .panel-text {
		flex-grow: 1; /* 残りのスペースをすべて埋める */
		margin-right: 12px; /* 矢印との間隔 */
	}

	.link-panel .panel-title {
		font-size: 18px;
	}

	.link-panel p {
		font-size: 15px;
	}

	.link-panel .panel-subtitle {
		font-size: 16px;
		font-weight: bold;
	}

	/* 矢印 (32x32) */
	.link-panel .panel-arrow {
		width: 32px;
		height: 32px;
		flex-shrink: 0; /* 縮まないように */
	}

	/* index guidance ---------------------------------------*/

	.indexguidance-title {
		text-align: center;
	}

	.indexguidance-container {
		max-width: unset;
		/* padding: 0 20px; */
	}

	.indexguidance-block {
		padding: 20px;
		display: block;
	}

	.indexguidance-block-num {
		display: inline-block;
		font-size: 40px;
		margin-right: 10px;
	}

	.indexguidance-block-detail {
		display: contents;
	}

	.indexguidance-block-title {
		display: inline-block;
		font-size: 20px;
		line-height: 1.2;
		vertical-align: middle;
		width: 80%;
	}

	.indexguidance-block-flex {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.indexguidance-block-btn {
		gap: 20px;
		flex-direction: column;
	}

	/* index message ---------------------------------------*/

	.indexmessage-block {
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
		padding: 32px 24px;
	}

	.indexmessage-block-title {
		font-size: 16px;
	}

	.indexmessage-block-text {
		font-size: 14px;
	}

	.indexmessage-block-list li {
		font-size: 14px;
	}

	/* index news ---------------------------------------*/

	.indexnews-wrapper {
		padding: 40px 20px 40px;
	}

	.indexnews-container {
		/* padding: 0 20px; */
		flex-direction: column;
		/* align-items: center; */
		justify-content: flex-start;
		gap: 32px;
	}

	.indexnews-title .title {
		text-align: center;
	}

	.indexnews-list {
		margin-top: -12px;
	}

	.indexnews-list-item a {
		flex-direction: column;
		gap: 8px;
	}

	.indexnews-list-item-text {
		padding-top: 0;
	}

	.indexnews-btn {
		margin-top: 30px;
		text-align: center;
		/* margin-right: 20px; */
	}

	/* index access ---------------------------------------*/

	.indexaccess {
		padding-top: 40px;
		padding-bottom: 0;
	}

	.indexaccess-container {
		flex-direction: column;
		gap: 32px;
		margin-right: 0;
	}

	.indexaccess-block {
		width: 100%;
	}

	.indexaccess-block-head {
		align-items: flex-start;
	}

	.indexaccess-block-logo {
		text-align: center;
	}

	.indexaccess-block-logo img {
		width: 264px;
	}

	.indexaccess-block-tel {
		text-align: center;
	}

	.indexaccess-block-tel a {
		font-size: 32px;
	}

	.indexaccess-block-tel img {
		width: 28px;
		height: 28px;
		margin-right: 4px;
	}

	.indexaccess-block-container {
		width: 100%;
		/* padding: 0 20px; */
	}

	.indexaccess-block-address {
		font-size: 14px;
		line-height: 1.4;
	}

	.indexaccess-block-button {
		width: 132px;
	}

	.indexaccess-block-table {
		width: 100%;
	}

	.indexaccess-block-table th {
		font-size: 14px;
		padding: 17px 8px;
	}

	.indexaccess-block-table th:first-of-type {
		padding-left: 16px;
	}

	.indexaccess-block-table td {
		font-size: 10px;
		padding: 17px 10px;
	}

	.indexaccess-block-table td:first-of-type {
		font-size: 13px;
		padding-left: 16px;
		padding-right: 10px;
	}

	.indexaccess-container iframe {
		width: 100%;
		height: 320px;
	}

	.indexpayment-container {
		padding: 20px;
	}

	/* index disease ---------------------------------------*/

	/* .indexdisease-container {
		display: block;
		padding: 0 20px;
		margin: 0 auto;
	} */

	.indexdisease-block:not(:last-of-type) {
		margin: 0 auto 24px;
	}

	.indexdisease-block:last-of-type {
		margin: 0 auto;
	}

	.indexdisease-block > a {
		padding: 27px 31px 31px;
	}
}

/* depression.html ---------------------------------------*/

.header-disease {
	background: #fff;
	width: 100%;
	height: 112px;
	position: fixed;
	top: 0;
	z-index: 9999;
}

.header-disease-inner {
	margin: 0 80px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.disease-bg {
	padding-top: 112px;
}

.disease-bg img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.disease-pankuzu-container,
.depression-container {
	max-width: 880px;
	margin-right: auto;
	margin-left: auto;
}

.disease-pankuzu-list {
	padding: 40px 0 56px;
}

.disease-pankuzu-list > li {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
}

.disease-pankuzu-list > li a {
	position: relative;
	padding-right: 24px;
	font-weight: normal;
	line-height: 2;
	transition: 0.3s;
}

.disease-pankuzu-list > li a:hover {
	opacity: 0.7;
}

.disease-pankuzu-list > li a:after {
	display: block;
	content: '/';
	position: absolute;
	right: 6px;
	top: -4px;
}

.depression-block {
	padding-bottom: 80px;
}

.depression-title {
	position: relative;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.5;
	padding-left: 32px;
	margin-bottom: 40px;
}

.syudannintikoudou-title {
	position: relative;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 40px;
}

.depression-title:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 48px;
	display: block;
	content: '';
	background: #d96e34;
}

.depression-text {
	font-size: 18px;
	line-height: 2;
}

.depression-image {
	max-width: 440px;
}

.syudannintikoudou-image .rinshoukenkyu-image {
	max-width: 880px;
}

.depression-note {
	font-size: 16px;
	line-height: 2;
}

.depression-note {
	padding-bottom: 20px;
}

.depression-note:last-of-type {
	padding-bottom: 80px;
}

.depression-button {
	background: #d96e34;
	width: 240px;
	height: 50px;
	border-radius: 25px;
	box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.25);
	transition: 0.25s;
	margin: 0 auto;
}

.depression-button a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 28px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.depression-button:hover {
	box-shadow: none;
	transform: translateY(5px);
}

.depression-block-pdf {
	font-size: 18px;
	margin-bottom: 2em;
	font-weight: bold;
}

.depression-block-pdf a {
	color: #d96e34;
	text-decoration: underline;
}

.depression-block-pdf a:hover {
	text-decoration: none;
}

/* small pc */
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.header-disease-inner {
		margin: 0 20px;
	}

	.disease-pankuzu-container,
	.depression-container {
		padding: 0 20px;
	}
}

/* sp */
@media screen and (max-width: 767px) {
	.header-disease {
		height: 80px;
	}

	.header-disease-inner {
		margin: unset;
	}

	.disease-bg {
		padding-top: 80px;
	}

	.disease-bg img {
		height: 48px;
		object-fit: cover;
	}

	.depression {
		padding-bottom: 80px;
	}

	.disease-pankuzu-container,
	.depression-container {
		padding: 0 20px;
	}

	.disease-pankuzu-list {
		padding: 40px 0;
	}

	.depression-block {
		padding-bottom: 40px;
	}

	.depression-title {
		font-size: 28px;
		padding-left: 24px;
		margin-bottom: 24px;
	}

	.depression-title:after {
		height: 42px;
	}

	.depression-text {
		font-size: 16px;
	}

	.depression-note:last-of-type {
		padding-bottom: 45px;
	}
}