@charset "UTF-8";
/* =========================================================
	居宅介護支援センター 専用スタイル
	読み込み：page-kyotaku_top.php（このテンプレートでのみ読み込み）
	画像フォルダ：img/kyotaku-top/
========================================================= */

/* -------------------------------------------------
	テーマカラー（ここを変えると居宅ページ全体の色が変わります）
	※現在は訪問介護と同じグリーンを仮設定
----------------------------------------------------*/
.page-template-page-kyotaku_top {
	--kyotaku-main:  #69bd64;  /* メインカラー */
	--kyotaku-light: #fafcf2;  /* 薄い背景色 */
	--kyotaku-sub:   #e5a7c7;  /* サブメニュー背景 */
	--kyotaku-accent: #fda87b; /* アクセント（イントロ見出し・罫線のオレンジ） */
	--kyotaku-brown:  #e09850; /* スタッフ紹介キャッチコピー・罫線 */
	--kyotaku-cream:  #fff9ea; /* スタッフ紹介 背景 */
	--kyotaku-check:  #ed8488; /* チェックアイコン */
	--kyotaku-yellow: #feae33; /* フロー 枠線・矢印 */
}

/* -------------------------------------------------
	ユーティリティ
----------------------------------------------------*/
.text-kyotaku     { color: var(--kyotaku-main); }
.bg-kyotaku       { background-color: var(--kyotaku-main); }
.bg-kyotaku-light { background-color: var(--kyotaku-light); }

/* -------------------------------------------------
	ヘッダー / グローバルメニュー / ドロワー
	（custom-style.css の訪問介護用指定を居宅用に複製）
----------------------------------------------------*/
.page-template-page-kyotaku_top .drawer-border .drawer-widget__title {
	border: 2px solid var(--kyotaku-main);
}
.page-template-page-kyotaku_top .header-contact__inner .c-btn__main {
	background-color: var(--kyotaku-accent);
	color: #fff !important;
}
.page-template-page-kyotaku_top .widget_contact .c-btn__main {
	background-color: var(--kyotaku-main);
	color: #fff !important;
}
.page-template-page-kyotaku_top .header-cta__item:last-child {
	background-color: var(--kyotaku-accent) !important;
}
.page-template-page-kyotaku_top .header-menu > .menu-item:hover > a,
.page-template-page-kyotaku_top .header-menu .current-menu-item > a {
	color: var(--kyotaku-accent);
}
.page-template-page-kyotaku_top nav .header-menu > li::after {
	visibility: hidden;
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	border-bottom: solid 5px var(--kyotaku-accent);
	transition: 0.3s;
	transform: translateX(-50%);
}
.page-template-page-kyotaku_top nav li:hover::after {
	visibility: visible;
	width: 100%;
}
.page-template-page-kyotaku_top .header-menu-center .sub-menu {
	background-color: var(--kyotaku-sub);
}
.page-template-page-kyotaku_top .page-top-floating {
	background-color: var(--kyotaku-accent);
}

/* -------------------------------------------------
	ページヘッダー
----------------------------------------------------*/
.kyotaku-header {
	display: flex;
	align-items: center;
	justify-content: center;
	height: clamp(400px, 36vw, 500px); /* 画面幅に合わせて伸縮・最大500px */
	background-image: url("../img/kyotaku-top/kyotaku_header.webp");
	background-size: cover;
	background-position: center 30%;
	background-repeat: no-repeat;
}
/* 画像を暗くするオーバーレイ（濃さは rgba の最後の数値で調整） */
.kyotaku-header::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.4);
}
.kyotaku-header__inner {
	position: relative;
	z-index: 1;
	padding: 0 20px;
	color: #fff;
	text-align: center;
}
.kyotaku-header__title {
	margin: 0 0 32px;
	font-family: "Noto Serif JP", serif;
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.3;
	color: #fff;
}
.kyotaku-header__lead {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 500;
	line-height: 2.2;
	letter-spacing: 0.05em;
	color: #fff;
}

/* -------------------------------------------------
	イントロダクション
----------------------------------------------------*/
.kyotaku-top-h2 {
	margin-top: 20px;
	padding: 30px 0;
	border-top: solid 1px var(--kyotaku-accent);
	border-bottom: solid 1px var(--kyotaku-accent);
	color: var(--kyotaku-accent);
	line-height: 1.6;
}
/* 全幅イメージエリア（.img-section の背景を差し替え／スクロールしても画像は固定） */
.kyotaku-img-section {
	background-image: url("../img/kyotaku-top/kyotaku_image-2.webp") !important;
	background-attachment: fixed;
	background-position: center;
}

/* h2 の最大サイズ 36px */
.page-template-page-kyotaku_top #contents h2.section-title-lg {
	font-size: min(2.25rem, 36px);
}
/* リード文：左揃え・最大幅600px */
.kyotaku-lead {
	max-width: 600px;
	margin: 0 auto;
	text-align: left;
}

/* -------------------------------------------------
	大切にしたいのは「できること」と「続けたいこと」
----------------------------------------------------*/
.kyotaku-wish {
	background-color: var(--kyotaku-cream);
}
.kyotaku-wish__title {
	color: var(--kyotaku-brown);
	line-height: 1.6;
}
.kyotaku-wish__list {
	max-width: 780px;
	margin: 50px auto 0;
	padding: 0;
	list-style: none;
}
.kyotaku-wish__item {
	display: flex;
	align-items: center;
	gap: 40px;
	margin: 0 0 24px;
	padding: 18px 30px;
	background-color: #fff;
	border: solid 1px var(--kyotaku-brown);
	border-radius: 24px;
}
.kyotaku-wish__img {
	flex: 0 0 84px;
	width: 84px;
	height: 84px;
	object-fit: cover;
}
.kyotaku-wish__text {
	margin: 0;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.5;
	color: #000;
}
.kyotaku-wish__closing {
	margin: 50px 0 0;
	color: var(--kyotaku-brown);
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.7;
	text-align: center;
}

/* -------------------------------------------------
	そのお悩みから、お聞かせください
----------------------------------------------------*/
.kyotaku-worry__body {
	display: flex;
	align-items: center;
	gap: 60px;
	max-width: 1100px;
	margin: 50px auto 0;
}
.kyotaku-worry__list {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
.kyotaku-worry__item {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0 0 20px;
	padding: 20px 36px;
	background-color: #fff;
	border: solid 1px var(--kyotaku-accent);
	border-radius: 24px;
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.5;
}
.kyotaku-worry__item:last-child {
	margin-bottom: 0;
}
/* チェックアイコン：check_mark.svg を型抜きにして色を付ける */
.kyotaku-worry__item::before {
	content: "";
	flex: 0 0 28px;
	width: 28px;
	height: 26px;
	background-color: var(--kyotaku-check);
	-webkit-mask: url("../img/kyotaku-top/check_mark.svg") no-repeat center / contain;
	mask: url("../img/kyotaku-top/check_mark.svg") no-repeat center / contain;
}
.kyotaku-worry__photo {
	flex: 0 0 36%;
}
.kyotaku-worry__photo img {
	display: block;
	width: 100%;
	height: auto;
}
.kyotaku-worry__message {
	max-width: 780px;
	margin: 60px auto 0;
	padding: 28px 40px;
	background-color: var(--kyotaku-accent);
	border-radius: 36px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.7;
	text-align: center;
}

/* -------------------------------------------------
	ご相談からサービス利用まで（フロー）
----------------------------------------------------*/
.kyotaku-flow {
	max-width: 820px;
	margin: 50px auto 0;
	padding: 0;
	list-style: none;
}
.kyotaku-flow__item {
	position: relative;
	margin: 0 0 44px;
	padding: 40px 48px 44px;
	background-color: #fff;
	border: solid 1px var(--kyotaku-yellow);
	border-radius: 24px;
}
.kyotaku-flow__item:last-child {
	margin-bottom: 0;
}
/* 次のステップへの矢印（▼） */
.kyotaku-flow__item:not(:last-child)::after {
	content: "";
	position: absolute;
	bottom: -21px;
	left: 50%;
	transform: translateX(-50%);
	border-top: 20px solid var(--kyotaku-yellow);
	border-right: 18px solid transparent;
	border-left: 18px solid transparent;
}
.kyotaku-flow__title {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0 0 16px;
	padding: 0;
	border: none;
	background: none;
	color: var(--kyotaku-brown);
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.4;
}
.kyotaku-flow__title::before,
.kyotaku-flow__title::after {
	content: none;
}
.kyotaku-flow__num {
	flex: 0 0 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: var(--kyotaku-brown);
	color: #fff;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
}
.kyotaku-flow__text {
	margin: 0;
	padding-left: 64px; /* 番号の幅＋余白に合わせて本文をタイトルの位置にそろえる */
	font-size: 1rem;
	letter-spacing: 0.06em;
	line-height: 2;
}

/* -------------------------------------------------
	ご本人の想いを中心に、必要な支援をつなぎます（連携図）
	PC：ツリー型（1100px以上）／ 1099px以下：左側に幹を通した縦並び
	線はすべて疑似要素で描画（色・太さは下の変数で調整）
----------------------------------------------------*/
.kyotaku-net {
	--net-line: var(--kyotaku-yellow);
	--net-line-w: 3px;
	--net-gap: 26px;   /* 連携先カード同士の間隔 */
	--net-drop: 56px;  /* 横線からカードまでの縦線の長さ */
	margin: 50px auto 0;
}
/* ご本人・ご家族 */
.kyotaku-net__center {
	position: relative;
	display: flex;
	align-items: center;
	gap: 40px;
	max-width: 660px;
	margin: 0 auto;
	padding: 40px 44px;
	background-color: var(--kyotaku-yellow);
	border-radius: 30px;
	color: #fff;
}
.kyotaku-net__center-photo {
	flex: 0 0 230px;
}
.kyotaku-net__center-photo img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 50%;
}
.kyotaku-net__center-body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.kyotaku-net__center-title,
.kyotaku-net__center-text {
	text-align: center;
}
.kyotaku-net__center-title {
	margin: 0 0 20px;
	padding: 0;
	border: none;
	background: none;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0.06em;
}
.kyotaku-net__center-title::before,
.kyotaku-net__center-title::after,
.kyotaku-net__item-title::before,
.kyotaku-net__item-title::after {
	content: none;
}
.kyotaku-net__center-text {
	margin: 0;
	font-size: 1rem;
	letter-spacing: 0.08em;
	line-height: 1.9;
}
/* LEADU ロゴ（上下に縦線） */
.kyotaku-net__logo {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 64px 0 40px;
}
.kyotaku-net__logo-icon {
	width: 74px;
	height: auto;
}
.kyotaku-net__logo-text {
	width: 290px;
	height: auto;
}
.kyotaku-net__logo::before,
.kyotaku-net__logo::after {
	content: "";
	position: absolute;
	left: 50%;
	width: var(--net-line-w);
	margin-left: calc(var(--net-line-w) / -2);
	background-color: var(--net-line);
}
.kyotaku-net__logo::before {
	top: 0;
	height: 46px;
}
.kyotaku-net__logo::after {
	bottom: 0;
	height: 28px;
}
/* 連携先 */
.kyotaku-net__list {
	position: relative;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: var(--net-gap);
	margin: 0;
	padding: var(--net-drop) 0 0;
	list-style: none;
}
/* 横線：左端カードの中央〜右端カードの中央 */
.kyotaku-net__list::before {
	content: "";
	position: absolute;
	top: 0;
	left: calc((100% - var(--net-gap) * 4) / 10);
	right: calc((100% - var(--net-gap) * 4) / 10);
	height: var(--net-line-w);
	background-color: var(--net-line);
}
.kyotaku-net__item {
	position: relative;
	margin: 0;
	padding: 34px 20px 36px;
	background-color: var(--kyotaku-cream);
	border: solid 1px var(--kyotaku-yellow);
	border-radius: 24px;
}
/* 横線から各カードへの縦線 */
.kyotaku-net__item::before {
	content: "";
	position: absolute;
	top: calc(var(--net-drop) * -1);
	left: 50%;
	width: var(--net-line-w);
	height: var(--net-drop);
	margin-left: calc(var(--net-line-w) / -2);
	background-color: var(--net-line);
}
.kyotaku-net__item-title {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2.8em; /* 2行の見出しがあっても本文の位置をそろえる */
	margin: 0 0 20px;
	padding: 0;
	border: none;
	background: none;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.4;
	text-align: center;
}
.kyotaku-net__item-text {
	margin: 0;
	font-size: 0.9rem;
	letter-spacing: 0.02em;
	line-height: 2.1;
}
/* 事業所は自由に選択できます */
.kyotaku-net__note {
	max-width: 780px;
	margin: 70px auto 0;
	padding: 40px 40px 44px;
	background-color: var(--kyotaku-accent);
	border-radius: 36px;
	color: #fff;
	text-align: center;
}
.kyotaku-net__note-title {
	margin: 0 0 16px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.5;
}
.kyotaku-net__note-text {
	margin: 0;
	text-align: center;
	font-size: 1rem;
	letter-spacing: 0.06em;
	line-height: 2;
}

/* ---- 1100〜1299px：横並びのまま文字と余白を小さく ---- */
@media (min-width: 1100px) and (max-width: 1299px) {
	.kyotaku-net {
		--net-gap: 12px;
	}
	.kyotaku-net__item {
		padding: 28px 8px 30px;
		border-radius: 20px;
	}
	.kyotaku-net__item-title {
		margin-bottom: 14px;
		font-size: 1.05rem;
		letter-spacing: 0;
	}
	.kyotaku-net__item-text {
		font-size: 0.76rem;
		letter-spacing: 0;
		line-height: 2;
	}
}

/* ---- 767px以下（スマホ）：注記の本文のみ左揃え ---- */
@media (max-width: 767px) {
	.kyotaku-net__note-text {
		text-align: left !important;
	}
}

/* ---- 1099px以下：中央を1本線でつないだ縦並び ---- */
@media (max-width: 1099px) {
	.kyotaku-net {
		--net-space: 28px;  /* カード同士の間隔（＝つなぐ縦線の長さ） */
	}
	.kyotaku-net__center,
	.kyotaku-net__list {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	.kyotaku-net__center {
		flex-direction: column;
		gap: 20px;
		padding: 30px 24px;
		border-radius: 24px;
	}
	.kyotaku-net__center-photo {
		flex: none;
		width: 180px;
	}
	.kyotaku-net__center-title {
		margin-bottom: 12px;
		font-size: 1.4rem;
	}
	.kyotaku-net__logo {
		padding: 50px 0 34px;
	}
	.kyotaku-net__logo::before {
		height: 36px;
	}
	.kyotaku-net__logo::after {
		height: 22px;
	}
	.kyotaku-net__logo-icon {
		width: 54px;
	}
	.kyotaku-net__logo-text {
		width: 200px;
	}
	.kyotaku-net__list {
		display: block;
		padding: var(--net-space) 0 0;
	}
	/* 横線は使わない */
	.kyotaku-net__list::before {
		content: none;
	}
	.kyotaku-net__item {
		margin-top: var(--net-space);
		padding: 22px 20px;
		border-radius: 16px;
		text-align: center;
	}
	.kyotaku-net__item:first-child {
		margin-top: 0;
	}
	/* カードの上に中央の縦線（ロゴ・前のカードとつなぐ） */
	.kyotaku-net__item::before {
		top: calc(var(--net-space) * -1 - 1px);
		height: var(--net-space);
	}
	.kyotaku-net__item-title {
		min-height: 0;
		margin-bottom: 8px;
		font-size: 1.1rem;
	}
	.kyotaku-net__item-text {
		line-height: 1.9;
		text-align: center;
	}
	.kyotaku-net__note {
		margin-top: 40px;
		padding: 26px 18px 28px;
		border-radius: 20px;
	}
	.kyotaku-net__note-title {
		margin-bottom: 10px;
		font-size: 1.2rem;
	}
	.kyotaku-net__note-text {
		font-size: 0.9rem;
	}
}

/* -------------------------------------------------
	スタッフ紹介
----------------------------------------------------*/
.kyotaku-staff {
	background-color: var(--kyotaku-cream);
}
.kyotaku-staff__item {
	display: flex;
	align-items: flex-start;
	gap: 70px;
	max-width: 940px;
	margin: 60px auto 0;
}
.kyotaku-staff__photo {
	flex: 0 0 34%;
}
.kyotaku-staff__photo img {
	display: block;
	width: 100%;
	height: auto;
}
.kyotaku-staff__body {
	flex: 1 1 auto;
	min-width: 0;
}
.kyotaku-staff__body p {
	margin: 0;
}
.kyotaku-staff__role {
	font-size: 1rem;
	font-weight: 700;
}
.kyotaku-staff__name {
	margin-top: 6px !important;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.3;
}
.kyotaku-staff__kana {
	font-size: 0.85rem;
	letter-spacing: 0.1em;
}
.kyotaku-staff__catch {
	margin: 32px 0 24px !important;
	padding: 24px 0;
	border-top: solid 1px var(--kyotaku-brown);
	border-bottom: solid 1px var(--kyotaku-brown);
	color: var(--kyotaku-brown);
	font-family: "Noto Serif JP", serif;
	font-size: 1.5rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.kyotaku-staff__text {
	font-size: 0.95rem;
	line-height: 2.2;
	letter-spacing: 0.05em;
}

/* -------------------------------------------------
	事業所案内
----------------------------------------------------*/
.kyotaku-office__table {
	width: 100%;
	max-width: 700px;
	margin: 50px auto 0;
	border-collapse: collapse;
	border: none;
}
.kyotaku-office__table tr {
	border-top: solid 1px #a3a3a3;
	border-bottom: solid 1px #a3a3a3;
}
.kyotaku-office__table th,
.kyotaku-office__table td {
	padding: 18px 0;
	border: none;
	background: none;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.7;
	text-align: left;
	vertical-align: top;
}
.kyotaku-office__table th {
	width: 220px;
	padding-left: 40px;
}
.kyotaku-office__table td a {
	color: inherit;
	text-decoration: none;
}

/* -------------------------------------------------
	Googleマップ（居宅ページのみ 高さ最大400px）
----------------------------------------------------*/
.kyotaku-mapinfo .map {
	height: 400px !important;
	max-height: 400px;
}
.kyotaku-mapinfo .map iframe {
	height: 405px !important;
}

/* -------------------------------------------------
	フッターCTA
----------------------------------------------------*/
#contact_section-kyotaku .c-section-widget__overlay {
	background-color: var(--kyotaku-accent);
}
#contact_section-kyotaku .contact__btn {
	background-color: #fdef79;
	color: #444;
}
#contact_section-kyotaku .contact__btn:hover {
	background-color: #fff;
	color: #444;
}

/* =========================================================
	メディアクエリ　767px 以下　スマホ用
========================================================= */
@media (max-width: 767px) {
	.kyotaku-header {
		height: 320px;
	}
	.kyotaku-header__title {
		margin-bottom: 20px;
		font-size: 1.7rem;
	}
	.kyotaku-header__lead {
		font-size: 0.85rem;
		line-height: 1.9;
		text-align: left;
	}
	.kyotaku-top-h2 {
		padding: 15px 0;
	}
	/* 全幅イメージ：スマホではパララックスなし（通常の cover 表示） */
	.kyotaku-img-section {
		background-attachment: scroll;
		background-size: cover;
		background-position: center;
	}
	.page-template-page-kyotaku_top #contents h2.section-title-lg,
	.page-template-page-kyotaku_top #contents h2.section-title-md {
		font-size: 1.35rem;
	}
	.kyotaku .frontpage-h3 {
		font-size: 1.25rem;
	}
	.kyotaku-wish__list {
		margin-top: 30px;
	}
	.kyotaku-wish__item {
		gap: 14px;
		margin-bottom: 14px;
		padding: 12px 14px;
		border-radius: 16px;
	}
	.kyotaku-wish__img {
		flex-basis: 56px;
		width: 56px;
		height: 56px;
	}
	.kyotaku-wish__text {
		font-size: 0.95rem;
		letter-spacing: 0;
	}
	.kyotaku-wish__closing {
		margin-top: 30px;
		font-size: 1rem;
		letter-spacing: 0.04em;
	}
	.kyotaku-worry__body {
		flex-direction: column-reverse;
		gap: 24px;
		margin-top: 30px;
	}
	.kyotaku-worry__photo {
		flex: none;
		width: 60%;
		max-width: 240px;
	}
	.kyotaku-worry__list {
		width: 100%;
	}
	.kyotaku-worry__item {
		gap: 12px;
		margin-bottom: 12px;
		padding: 14px 16px;
		border-radius: 16px;
		font-size: 0.95rem;
		letter-spacing: 0.02em;
	}
	.kyotaku-worry__item::before {
		flex-basis: 20px;
		width: 20px;
		height: 19px;
	}
	.kyotaku-worry__message {
		margin-top: 30px;
		padding: 20px 16px;
		border-radius: 20px;
		font-size: 1.05rem;
		letter-spacing: 0.04em;
	}
	.kyotaku-flow {
		margin-top: 30px;
	}
	.kyotaku-flow__item {
		margin-bottom: 36px;
		padding: 22px 18px 24px;
		border-radius: 16px;
	}
	.kyotaku-flow__item:not(:last-child)::after {
		bottom: -17px;
		border-top-width: 16px;
		border-right-width: 14px;
		border-left-width: 14px;
	}
	.kyotaku-flow__title {
		gap: 12px;
		margin-bottom: 10px;
		font-size: 1.15rem;
		letter-spacing: 0.02em;
	}
	.kyotaku-flow__num {
		flex-basis: 32px;
		width: 32px;
		height: 32px;
		font-size: 1.05rem;
	}
	.kyotaku-flow__text {
		padding-left: 0;
		font-size: 0.9rem;
		letter-spacing: 0.02em;
		line-height: 1.9;
	}
	.kyotaku-staff__item {
		flex-direction: column;
		gap: 32px;
		margin-top: 40px;
	}
	.kyotaku-staff__photo {
		flex: none;
		width: 80%;
		max-width: 320px;
		margin: 0 auto;
	}
	.kyotaku-staff__name {
		font-size: 1.7rem;
	}
	.kyotaku-staff__catch {
		font-size: 1.25rem;
	}
	.kyotaku-office__table {
		margin-top: 30px;
	}
	/* th と td を縦積み */
	.kyotaku-office__table,
	.kyotaku-office__table tbody,
	.kyotaku-office__table tr,
	.kyotaku-office__table th,
	.kyotaku-office__table td {
		display: block;
		width: 100%;
	}
	.kyotaku-office__table tr {
		padding: 14px 8px;
		border-top: none;
	}
	.kyotaku-office__table tr:first-child {
		border-top: solid 1px #a3a3a3;
	}
	.kyotaku-office__table th,
	.kyotaku-office__table td {
		padding: 0;
		font-size: 0.95rem;
	}
	.kyotaku-office__table th {
		margin-bottom: 4px;
		color: var(--kyotaku-brown);
		font-size: 0.85rem;
		font-weight: 700;
	}
	.kyotaku-mapinfo .map {
		height: 20rem !important;
	}
	.kyotaku-mapinfo .map iframe {
		height: 20rem !important;
	}
}