/* =========================================================
   そしがや駅前耳鼻咽喉科クリニック 診療案内ページ共通CSS
   対象：投稿タイプ medical（single-medical.php）＋ブロックエディター（編集画面）
   ---------------------------------------------------------
   ・本文はコアブロックのみで作成し、デザインは「ブロックのスタイル」
     （is-style-ssg-○○）で切り替える。スタイルの登録は inc/custom/soshigaya-medical.php
   ・PC：デザインカンプ（幅1280px／本文幅840px）準拠
     タブレット（〜1024px）／SP（〜767px）はレスポンシブ調整
   ・表示側は .p-ssgMedical__body、編集画面は .editor-styles-wrapper を起点にする
========================================================= */

/* =========================================================
   ページタイトル（ベージュ背景＋波形）※表示側のみ
========================================================= */
.p-ssgMedicalHero {
	position: relative;
	margin-top: var(--ssg-header-h);
	padding: 64px 20px;
	background: var(--ssg-cream);
	color: var(--ssg-brown);
	text-align: center;
}
.p-ssgMedicalHero__eyebrow {
	color: var(--ssg-teal);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: .04em;
}
.p-ssgMedicalHero__eyebrow a {
	text-decoration: none;
}
.p-ssgMedicalHero__eyebrow span::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 1em;
	margin: 0 8px;
	vertical-align: -.1em;
	background: #c9c9c9;
}
.p-ssg .p-ssgMedicalHero__ruby {
	margin-top: 28px;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: .08em;
}
.p-ssg .p-ssgMedicalHero__title {
	margin-top: 36px;
	font-family: "Noto Sans JP", var(--ssg-font-body);
	font-size: 34px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .04em;
}
.p-ssg .p-ssgMedicalHero__ruby + .p-ssgMedicalHero__title {
	margin-top: 4px;
}
.p-ssgMedicalHero__sub {
	margin-top: 4px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .04em;
}

/* 本文エリア（波形の下・左上に薄いグリーンの三角形） */
.p-ssgMedical__body {
	position: relative;
	padding: 30px 0 120px;
}
.p-ssgMedical__body::before {
	content: "";
	position: absolute;
	top: -60px;
	left: 0;
	width: 350px;
	height: 220px;
	background: var(--ssg-teal-pale);
	clip-path: polygon(0 0, 100% 0, 0 100%);
	pointer-events: none;
}
/* 最後がグレー背景セクションのときは下余白なし（フッターにつなげる） */
.p-ssgMedical__body:has(> .is-style-ssg-gray:last-child) {
	padding-bottom: 0;
}

@media (max-width: 767px) {
	.p-ssgMedicalHero {
		padding: 40px 20px;
	}
	.p-ssg .p-ssgMedicalHero__title {
		margin-top: 20px;
		font-size: 24px;
	}
	.p-ssg .p-ssgMedicalHero__ruby {
		margin-top: 16px;
		font-size: 13px;
	}
	.p-ssgMedicalHero__sub {
		font-size: 17px;
	}
	.p-ssgMedical__body {
		padding: 40px 0 80px;
	}
	.p-ssgMedical__body::before {
		width: 160px;
		height: 110px;
		top: -38px;
	}
}


/* =========================================================
   本文（表示側・編集画面 共通）
========================================================= */
:is(.p-ssgMedical__body, .editor-styles-wrapper) {
	--md-teal: #05a9b5;
	--md-teal-dark: #127b80;
	--md-mint: #5ebeb0;
	--md-orange: #eb6100;
	--md-num: #f0ad78;
	--md-brown: #4c291b;
	--md-cream: #faf7f2;
	--md-pale: #eef8f6;
	--md-gray: #f4f4f4;
	--md-inner: 940px;
	--md-wide: 980px;
	--md-gutter: 20px;

	color: var(--md-brown);
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: clamp(14px,2.5vw,16.5px);
	line-height: 1.95;
	letter-spacing: .04em;

	/* ---------- 幅（中央840px／幅広940px／全幅） ---------- */
	&.p-ssgMedical__body > *,
	& .is-root-container > * {
		width: min(var(--md-inner), 100% - var(--md-gutter) * 2);
		max-width: none;
		margin-inline: auto;
	}
	&.p-ssgMedical__body > .alignwide,
	& .is-root-container > .alignwide {
		width: min(var(--md-wide), 100% - var(--md-gutter) * 2);
	}
	&.p-ssgMedical__body > .alignfull,
	& .is-root-container > .alignfull {
		width: 100%;
	}

	/* ---------- 縦の余白 ---------- */
	&.p-ssgMedical__body > *,
	& .is-root-container > * {
		margin-block: 0;
	}
	&.p-ssgMedical__body > * + *,
	& .is-root-container > * + * {
		margin-top: 30px;
	}
	&.p-ssgMedical__body > h2,
	& .is-root-container > h2 {
		margin-top: 100px;
	}
	&.p-ssgMedical__body > h2 + *,
	& .is-root-container > h2 + * {
		margin-top: 45px;
	}
	&.p-ssgMedical__body > h3,
	& .is-root-container > h3 {
		margin-top: 60px;
	}
	&.p-ssgMedical__body > h3 + *,
	& .is-root-container > h3 + * {
		margin-top: 0;
	}
	&.p-ssgMedical__body > .is-style-ssg-flow + .is-style-ssg-box,
	& .is-root-container > .is-style-ssg-flow + .is-style-ssg-box {
		margin-top: 120px;
	}
	&.p-ssgMedical__body > .wp-block-buttons + .is-style-ssg-box,
	& .is-root-container > .wp-block-buttons + .is-style-ssg-box {
		margin-top: 70px;
	}
	&.p-ssgMedical__body > :first-child,
	& .is-root-container > :first-child {
		margin-top: 0;
	}

	/* ---------- テキスト ---------- */
	& p {
		margin: 0;
	}
	& p + p {
		margin-top: 1.9em;
	}
	& a {
		color: inherit;
	}
	& .has-small-font-size {
		font-size: 13px !important;
		line-height: 1.9;
	}
	& p + p.has-small-font-size {
		margin-top: 8px;
	}

	/* ---------- 見出し（太字＝青緑／イタリック＝オレンジ） ---------- */
	& h2,
	& h3,
	& h4 {
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		color: var(--md-brown);
		font-family: inherit;
		font-weight: 700;
		letter-spacing: .04em;
	}
	& h2::before,
	& h2::after,
	& h3::before,
	& h3::after {
		content: none;
	}
	& h2 {
		position: relative; /* 本文左上の三角形の飾りより手前に表示（SPで文字が欠けないように） */
		z-index: 1;
		font-size: 28px;
		line-height: 1.5;
		text-align: center;
		counter-reset: ssg-merit; /* 番号付きカードは見出しごとに01から */
	}
	& h3 {
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 1.75;
	}
	& :is(h2, h3, h4) strong {
		color: var(--md-teal);
		font-weight: inherit;
	}
	& :is(h2, h3, h4) em {
		color: var(--md-orange);
		font-style: normal;
	}

	/* 見出し上のふりがな（段落のスタイル。見出しの直前に置く） */
	& p.is-style-ssg-ruby {
		font-size: 14px;
		line-height: 1.6;
		letter-spacing: .08em;
		text-align: center;
	}
	&.p-ssgMedical__body > .is-style-ssg-ruby:not(:first-child),
	& .is-root-container > .is-style-ssg-ruby:not(:first-child) {
		margin-top: 100px;
	}
	&.p-ssgMedical__body > .is-style-ssg-ruby + h2,
	& .is-root-container > .is-style-ssg-ruby + h2 {
		margin-top: 4px;
	}

	/* ---------- 画像 ---------- */
	& .wp-block-image {
		margin: 0;
	}
	& .wp-block-image img {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 12px;
	}

	/* ---------- ボタン（標準＝ミント／オレンジ／矢印付き） ---------- */
	& .wp-block-buttons {
		gap: 20px;
	}
	& .wp-block-button .wp-block-button__link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 280px;
		min-height: 50px;
		padding: 10px 30px;
		border: 0;
		border-radius: 4px;
		background: var(--md-mint);
		border: 1px solid var(--md-mint);
		box-shadow: none;
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: .04em;
		text-align: center;
		text-decoration: none;
		transition: opacity .2s;
	}
	& .wp-block-button .wp-block-button__link:hover {
		opacity: .8;
	}
	/* 幅指定（25/50/75%）のボタンをボタン間の余白20pxに合わせる */
	& .wp-block-buttons > .wp-block-button__width-25 { width: calc(25% - 15px); }
	& .wp-block-buttons > .wp-block-button__width-50 { width: calc(50% - 10px); }
	& .wp-block-buttons > .wp-block-button__width-75 { width: calc(75% - 5px); }
	& .wp-block-button.has-custom-width .wp-block-button__link {
		width: 100%;
		min-width: 0;
	}
	& .wp-block-button.is-style-ssg-orange .wp-block-button__link {
		background: var(--md-orange);
		border: 1px solid var(--md-orange);
	}
	& .wp-block-button.is-style-ssg-arrow {
		width: min(425px, 100%);
	}
	& .wp-block-button.is-style-ssg-arrow .wp-block-button__link {
		width: 100%;
		min-width: 0;
		min-height: 42px;
		padding: 8px 30px;
		border-radius: 0;
		font-size: 13px;
	}
	& .wp-block-button.is-style-ssg-arrow .wp-block-button__link::after {
		content: "→";
		margin-left: 6px;
	}

	/* ---------- ページ内タブ（ボタン：#から始まるリンクは下に三角） ---------- */
	& .wp-block-buttons.is-style-ssg-tabs {
		display: grid;
		grid-auto-columns: 1fr;
		grid-auto-flow: column;
		align-items: stretch;
		gap: 10px;
		max-width: 690px;
		margin-inline: auto;
	}
	& .wp-block-buttons.is-style-ssg-tabs:has(> .wp-block-button:nth-child(4)) {
		max-width: none;
	}
	/* 3個以下は1個あたりの幅を3列分にそろえて中央に（1〜2個でも横に伸びない） */
	& .wp-block-buttons.is-style-ssg-tabs:not(:has(> .wp-block-button:nth-child(4))) {
		grid-auto-columns: calc((100% - 20px) / 3);
		justify-content: center;
	}
	/* 5個以上は3列で折り返す（例：のどの症状の6項目） */
	& .wp-block-buttons.is-style-ssg-tabs:has(> .wp-block-button:nth-child(5)) {
		grid-auto-flow: row;
		grid-template-columns: repeat(3, 1fr);
		gap: 26px 10px;
	}
	& .is-style-ssg-tabs .wp-block-button {
		width: 100%;
		margin: 0;
	}
	& .is-style-ssg-tabs .wp-block-button .wp-block-button__link {
		position: relative;
		flex-direction: column;
		width: 100%;
		min-width: 0;
		height: 100%;
		min-height: 110px;
		padding: 15px 10px;
		font-size: 17px;
		line-height: 1.6;
		transition: .4s;
	}
	& .is-style-ssg-tabs .wp-block-button .wp-block-button__link:hover {
		background-color: white !important;
		color: var(--md-teal);
		opacity: 1;
	}
	& .is-style-ssg-tabs .wp-block-button:nth-child(even) .wp-block-button__link {
		background: var(--md-teal);
		border: 1px solid var(--md-teal);
	}
	& .is-style-ssg-tabs .wp-block-button__link[href^="#"]::after {
		content: "";
        position: absolute;
        bottom: -10px;
        left: 50%;
        translate: -50% 0;
        border-top: 16px solid var(--md-teal-dark);
        border-inline: 12px solid transparent;
        mix-blend-mode: multiply;
		transition: .4s;
	}
	& .is-style-ssg-tabs .wp-block-button__link[href^="#"]:hover::after {
		bottom: -16px;
	}
	& .is-style-ssg-tabs em {
		display: block;
		margin-top: 4px;
		font-size: 13px;
		font-style: normal;
		font-weight: 400;
	}

	/* ---------- 3色ドット（区切り） ---------- */
	& .wp-block-separator.is-style-ssg-dots {
		width: 90px;
		max-width: none;
		height: 18px;
		margin-block: 60px;
		border: 0;
		opacity: 1;
		background:
			radial-gradient(circle at 9px 50%, #85cfc3 8.5px, transparent 9px),
			radial-gradient(circle at 45px 50%, #f5b335 8.5px, transparent 9px),
			radial-gradient(circle at 81px 50%, #3bbccb 8.5px, transparent 9px);
	}
	&.p-ssgMedical__body > .is-style-ssg-dots + *,
	& .is-root-container > .is-style-ssg-dots + * {
		margin-top: 0;
	}

	/* ---------- 画像＋テキスト（メディアとテキスト） ---------- */
	& .wp-block-media-text {
		column-gap: 50px;
		row-gap: 25px;
	}
	& .wp-block-media-text > .wp-block-media-text__content {
		padding: 10px 0 0;
		text-align: justify;
	}
	& .wp-block-media-text:where(:not(.is-style-ssg-figure)) .wp-block-media-text__media img {
		width: 100%;
		height: auto;
		aspect-ratio: 5 / 4;
		object-fit: cover;
		border-radius: 24px;
	}
	/* 図解（トリミングなし）：画像の縦横比をそのまま表示 */
	/* （トリミング用の aspect-ratio は :where(:not(.is-style-ssg-figure)) で除外（詳細度は上げない）。画像本来の縦横比になる） */
	& .wp-block-media-text.is-style-ssg-figure .wp-block-media-text__media img {
		border-radius: 8px;
	}
	& .wp-block-media-text__content > * {
		margin-block: 0;
	}
	& .wp-block-media-text__content > p + p:not(.has-small-font-size) {
		margin-top: 1.9em;
	}
	& .wp-block-media-text__content > p + p.has-small-font-size {
		margin-top: 8px;
	}
	& .wp-block-media-text__content > h3 {
		margin-bottom: 20px;
	}
	& .wp-block-media-text__content > * + h3 {
		margin-top: 40px;
	}
	& .wp-block-media-text__content > .wp-block-buttons {
		margin-top: 70px;
	}

	/* ---------- リスト（オレンジ丸／オレンジ三角：2列・左の列から順に並ぶ） ---------- */
	& .wp-block-list:is(.is-style-ssg-dot, .is-style-ssg-arrow) {
		display: grid;
		grid-auto-columns: 1fr;
		grid-auto-flow: column;
		grid-template-rows: auto;
		align-items: start;
		gap: 0 40px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	/* 項目数に応じて左の列の行数を決める（3〜4項目→2行、5〜6項目→3行…） */
	& .wp-block-list:is(.is-style-ssg-dot, .is-style-ssg-arrow):has(> li:nth-child(3)) { grid-template-rows: repeat(2, auto); }
	& .wp-block-list:is(.is-style-ssg-dot, .is-style-ssg-arrow):has(> li:nth-child(5)) { grid-template-rows: repeat(3, auto); }
	& .wp-block-list:is(.is-style-ssg-dot, .is-style-ssg-arrow):has(> li:nth-child(7)) { grid-template-rows: repeat(4, auto); }
	& .wp-block-list:is(.is-style-ssg-dot, .is-style-ssg-arrow):has(> li:nth-child(9)) { grid-template-rows: repeat(5, auto); }
	& .wp-block-list:is(.is-style-ssg-dot, .is-style-ssg-arrow) li {
		position: relative;
		margin: 0;
		padding-left: 20px;
	}
	& .wp-block-list.is-style-ssg-dot li::before {
		content: "";
		position: absolute;
		top: .5em;
		left: 0;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		background: var(--md-orange);
	}
	& .wp-block-list.is-style-ssg-arrow li {
		padding-left: 18px;
	}
	& .wp-block-list.is-style-ssg-arrow {
		row-gap: 12px;
	}
	& .wp-block-list.is-style-ssg-arrow li::before {
		content: "";
		position: absolute;
		top: .55em;
		left: 0;
		border-left: 12px solid var(--md-orange);
		border-block: 7px solid transparent;
	}
	& .wp-block-list.is-style-ssg-arrow a {
		text-decoration: none;
	}
	& .wp-block-list.is-style-ssg-arrow a:hover {
		text-decoration: underline;
	}

	/* ---------- 囲み：共通 ---------- */
	& .wp-block-group:is(.is-style-ssg-lead, .is-style-ssg-box, .is-style-ssg-panel, .is-style-ssg-merit, .is-style-ssg-toc, .is-style-ssg-flow) {
		position: relative;
		border-radius: 8px;
	}
	& .wp-block-group:is(.is-style-ssg-lead, .is-style-ssg-box, .is-style-ssg-panel, .is-style-ssg-merit, .is-style-ssg-toc, .is-style-ssg-flow) > * {
		margin-block: 0;
	}
	& .wp-block-group:is(.is-style-ssg-box, .is-style-ssg-panel, .is-style-ssg-merit) > * + * {
		margin-top: 20px;
	}

	/* リード文（ミントの枠＋右下にメモのアイコン） */
	& .is-style-ssg-lead {
		padding: 44px 40px;
		border: 2px solid var(--md-mint);
		border-radius: 12px !important;
		background: #fff;
		line-height: 2.1;
	}
	& .is-style-ssg-lead::after {
		content: "";
		position: absolute;
		right: 18px;
		bottom: -20px;
		width: 30px;
		height: 36px;
		background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 36' fill='none' stroke='%235ebeb0' stroke-width='2' stroke-linecap='round'%3E%3Crect x='2' y='5' width='26' height='29' rx='4'/%3E%3Cpath d='M8 2v6M13 2v6M18 2v6M23 2v6M8 16h14M8 21h14M8 26h9'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	/* 青緑の枠（中の見出し2は左寄せ） */
	& .is-style-ssg-box {
		padding: 40px;
		border: 2px solid var(--md-teal);
	}
	& .is-style-ssg-box > h2 {
		margin-bottom: 10px;
		text-align: left;
	}
	& .is-style-ssg-box > h3 {
		margin-bottom: -5px;
	}
	& .is-style-ssg-box > .wp-block-buttons {
		margin-top: 30px;
	}

	/* ベージュの囲み */
	& .is-style-ssg-panel {
		padding: 30px 40px 30px;
		background: var(--md-cream);
	}
	& .is-style-ssg-panel > h3 {
		margin-bottom: -5px;
	}
	&.p-ssgMedical__body > .is-style-ssg-panel + .is-style-ssg-panel,
	& .is-root-container > .is-style-ssg-panel + .is-style-ssg-panel {
		margin-top: 20px;
	}

	/* 番号付きカード（01, 02…は自動で振られる） */
	& .is-style-ssg-merit {
		padding: 22px 40px 40px;
		background: var(--md-cream);
		counter-increment: ssg-merit;
	}
	& .is-style-ssg-merit > h3:first-child {
		display: flex;
		align-items: center;
		gap: 15px;
		margin-bottom: 0;
	}
	& .is-style-ssg-merit > h3:first-child::before {
		content: counter(ssg-merit, decimal-leading-zero);
		flex-shrink: 0;
		color: var(--md-num);
		font-family: "Roboto", "Noto Sans JP", sans-serif;
		font-size: 50px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: 0;
	}
	& .is-style-ssg-merit > h3:first-child + * {
		margin-top: 15px;
	}
	& .is-style-ssg-merit p {
		line-height: 2.1;
	}
	& .wp-block-group.is-style-ssg-merit > p + p {
		margin-top: 0;
	}
	&.p-ssgMedical__body > .is-style-ssg-merit + .is-style-ssg-merit,
	& .is-root-container > .is-style-ssg-merit + .is-style-ssg-merit {
		margin-top: 40px;
	}

	/* 補足（点線の下に小さい文字） */
	& .is-style-ssg-note {
		padding-top: 40px;
		border-top: 1px dotted var(--md-mint);
		font-size: 13px;
		line-height: 1.9;
	}
	&.p-ssgMedical__body > .is-style-ssg-note,
	& .is-root-container > .is-style-ssg-note {
		margin-top: 40px;
	}
	& .is-style-ssg-note > * {
		margin-block: 0;
	}
	& .is-style-ssg-note p + p {
		margin-top: 1.9em;
	}

	/* 目次 */
	& .is-style-ssg-toc {
		padding: 28px 40px 36px;
		border: 2px solid var(--md-mint);
	}
	& .is-style-ssg-toc > p:first-child {
		margin-bottom: 22px;
		color: var(--md-teal);
		font-size: 20px;
		font-weight: 700;
		letter-spacing: .2em;
		text-align: center;
	}
	& .is-style-ssg-toc ul,
	& .is-style-ssg-toc ol {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 12px 30px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	& .is-style-ssg-toc li {
		position: relative;
		margin: 0;
		padding-left: 18px;
	}
	& .is-style-ssg-toc li::before {
		content: "";
		position: absolute;
		top: .55em;
		left: 0;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: var(--md-mint);
	}
	& .is-style-ssg-toc a {
		text-decoration: underline;
		text-underline-offset: 3px;
	}

	/* 流れ（ステップ）：中の「画像＋テキスト」を点線で区切る */
	& .is-style-ssg-flow {
		padding: 30px 28px;
		border: 2px solid var(--md-teal);
	}
	& .wp-block-group.is-style-ssg-flow > * + * {
		margin-top: 30px;
		padding-top: 25px;
		border-top: 1px dotted var(--md-mint);
	}
	& .is-style-ssg-flow .wp-block-media-text {
		column-gap: 38px;
	}
	& .is-style-ssg-flow .wp-block-media-text > .wp-block-media-text__content {
		padding-top: 0;
	}
	& .is-style-ssg-flow .wp-block-media-text__media img {
		aspect-ratio: 280 / 178;
		border-radius: 4px;
	}
	& .is-style-ssg-flow h3 {
		margin-bottom: 15px;
	}
	& .is-style-ssg-flow .wp-block-media-text__content > .wp-block-buttons {
		margin-block: 25px;
	}
	& .is-style-ssg-flow .wp-block-media-text__content > .wp-block-buttons + p {
		margin-top: 0;
	}

	/* グレー背景セクション（全幅・右上に薄いグリーンの三角形） */
	& .is-style-ssg-gray {
		position: relative;
		padding: 80px var(--md-gutter) 60px;
		background: var(--md-gray);
	}
	&.p-ssgMedical__body > .is-style-ssg-gray,
	& .is-root-container > .is-style-ssg-gray {
		margin-top: 100px;
	}
	& .is-style-ssg-gray::before {
		content: "";
		position: absolute;
		right: 0;
		bottom: 100%;
		width: 350px;
		height: 160px;
		background: var(--md-pale);
		clip-path: polygon(100% 0, 100% 100%, 0 100%);
		pointer-events: none;
	}
	& .is-style-ssg-gray > * {
		max-width: var(--md-inner);
		margin-inline: auto;
		margin-block: 0;
	}
	& .is-style-ssg-gray > * + * {
		margin-top: 40px;
	}
	& .is-style-ssg-gray > h2 + * {
		margin-top: 45px;
	}
	& .is-style-ssg-gray > p + .wp-block-buttons {
		margin-top: 30px;
	}

	/* 院長紹介（同期パターン「院長紹介」。単独でも「当院での手術の特徴」の中でも使う） */
	& .is-style-ssg-gray > .is-style-ssg-doctor,
	& .is-style-ssg-gray > .wp-block-block:has(> .is-style-ssg-doctor) {
		max-width: 936px;
		margin-top: 60px;
	}
	&.p-ssgMedical__body > .is-style-ssg-doctor,
	& .is-root-container > .wp-block-block:has(> .is-style-ssg-doctor) {
		width: min(936px, 100% - var(--md-gutter) * 2);
		margin-top: 100px;
	}
	& .is-style-ssg-doctor {
		padding: 26px 20px 26px 30px;
		border: 1px solid var(--md-mint);
		background: #fff;
		font-size: 13px;
		line-height: 1.9;
	}
	& .is-style-ssg-doctor .wp-block-media-text {
		column-gap: 40px;
	}
	& .is-style-ssg-doctor .wp-block-media-text > .wp-block-media-text__content {
		padding-top: 0;
	}
	& .is-style-ssg-doctor .wp-block-media-text__media img {
		aspect-ratio: 278 / 283;
		border-radius: 8px;
	}
	& .is-style-ssg-doctor p + p {
		margin-top: 0;
	}
	& .is-style-ssg-doctor p {
		margin-top: 0 !important;
	}
	.wp-block-media-text__content {
		margin-top: 0px !important;
	}
	& .is-style-ssg-doctor .ssg-doctor__name {
		margin: 6px 0 20px;
		font-size: 14px;
	}
	& .is-style-ssg-doctor .ssg-doctor__name strong {
		margin-right: 4px;
		font-size: 18px;
		letter-spacing: .08em;
	}
	& .is-style-ssg-doctor .ssg-doctor__label {
		font-size: 15px;
		font-weight: 700;
		letter-spacing: .2em;
	}
	& .is-style-ssg-doctor .ssg-doctor__label + p + .ssg-doctor__label {
		margin-top: 4px;
	}
	& .is-style-ssg-doctor .ssg-doctor__link {
		margin-top: 22px;
		font-size: 14px;
	}
	& .is-style-ssg-doctor .ssg-doctor__link a {
		color: var(--md-orange);
		text-underline-offset: 3px;
	}
}

/* =========================================================
   まとめページ（固定ページ「診療案内」／page-medical.php）
========================================================= */
/* タイトル部分とクリーム背景セクションを1つの面につなげる */
.p-ssgMedical--index .p-ssgMedicalHero {
	padding-bottom: 20px;
}
.p-ssgMedical--index .p-ssgMedicalHero__title {
	margin-top: 0;
}
.p-ssgMedical__body:has(> .is-style-ssg-cream:first-child) {
	padding-top: 0;
}
.p-ssgMedical__body:has(> .is-style-ssg-cream:first-child)::before {
	content: none;
}

:is(.p-ssgMedical__body, .editor-styles-wrapper) {
	--md-cream-light: #fcf9f4; /* タイトル部分と同じクリーム */

	/* 見出し上の英字（段落のスタイル） */
	& p.is-style-ssg-eyebrow {
		color: var(--md-mint);
		font-family: "Roboto", "Noto Sans JP", sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: .02em;
		text-align: center;
	}
	& .is-style-ssg-eyebrow + h2 {
		margin-top: 14px !important;
	}

	/* クリーム背景セクション（全幅） */
	& .is-style-ssg-cream {
		padding: 100px var(--md-gutter) 140px;
		background: var(--md-cream-light);
	}
	& .is-style-ssg-cream > * {
		max-width: var(--md-wide);
		margin-inline: auto;
		margin-block: 0;
	}
	& .is-style-ssg-cream > * + * {
		margin-top: 30px;
	}
	& .is-style-ssg-cream > h2 + h3 {
		margin-top: 60px;
	}
	& .is-style-ssg-cream > h3 + p {
		margin-top: 10px;
	}
	& .is-style-ssg-cream > .is-style-ssg-circles {
		margin-top: 70px;
	}

	/* クリーム背景の下にグレー背景セクションが続くときは波形でつなぐ */
	&.p-ssgMedical__body > .is-style-ssg-cream + .is-style-ssg-gray,
	& .is-root-container > .is-style-ssg-cream + .is-style-ssg-gray {
		margin-top: 0;
		padding-top: 140px;
	}
	& .is-style-ssg-cream + .is-style-ssg-gray::before {
		top: 0;
		bottom: auto;
		width: 100%;
		height: 70px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%23fcf9f4' d='M0,0 L1440,0 L1440,44 C1200,60 1000,58 720,30 C420,0 240,0 0,40 Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
		clip-path: none;
	}

	/* 丸アイコンカードの並び（PC4列・SP2列、端数は中央寄せ） */
	& .is-style-ssg-circles {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 50px 20px;
	}
	& .is-style-ssg-circles > * {
		width: calc((100% - 60px) / 4);
		margin: 0;
	}

	/* 丸アイコンカード：見出し（リンク）＋アイコン画像が白い丸の中、説明文が丸の下 */
	& .is-style-ssg-circle {
		--circle: 206px;
		position: relative;
		display: grid;
		grid-template-rows: var(--circle) auto;
		justify-items: center;
		text-align: center;
	}
	& .is-style-ssg-circle::before {
		content: "";
		grid-area: 1 / 1;
		width: var(--circle);
		height: var(--circle);
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 3px 12px rgb(0 0 0 / .08);
		transition: box-shadow .2s, translate .2s;
	}
	& .is-style-ssg-circle:has(a:hover)::before {
		box-shadow: 0 6px 18px rgb(0 0 0 / .14);
		translate: 0 -3px;
	}
	& .is-style-ssg-circle > * {
		position: relative;
		margin: 0;
	}
	& .is-style-ssg-circle > h3 {
		grid-area: 1 / 1;
		align-self: start;
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(var(--circle) - 40px);
		height: calc(var(--circle) * .44);
		padding-top: 22px;
		font-size: 18px;
		line-height: 1.6;
	}
	& .is-style-ssg-circle > h3 a {
		text-decoration: none;
	}
	/* 丸全体をクリックできるようにする */
	& .is-style-ssg-circle > h3 a::after {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		width: var(--circle);
		height: var(--circle);
		border-radius: 50%;
		translate: -50% 0;
	}
	& .is-style-ssg-circle > .wp-block-image {
		grid-area: 1 / 1;
		align-self: end;
		width: 84px;
		margin-bottom: 36px;
		pointer-events: none;
	}
	& .is-style-ssg-circle > .wp-block-image img {
		border-radius: 0;
	}
	& .is-style-ssg-circle > p {
		margin-top: 30px;
		font-size: 14px;
		line-height: 2.1;
	}

	/* リンクボタンのカテゴリ（見出し＋小さいリンクボタン。カテゴリ間は点線） */
	& .is-style-ssg-gray > .is-style-ssg-links {
		max-width: 1010px; /* デザインカンプ準拠（ボタン4つが1行に収まる幅） */
	}
	& .is-style-ssg-links > * {
		margin-block: 0;
	}
	& .is-style-ssg-links > h3 {
		margin-bottom: 14px;
	}
	& .is-style-ssg-gray > .is-style-ssg-links + .is-style-ssg-links {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px dotted var(--md-teal);
	}

	/* 小さいリンクボタン（折り返して並ぶ） */
	& .wp-block-buttons.is-style-ssg-chips {
		gap: 10px;
		margin-left: 0;
	}
	& .is-style-ssg-chips .wp-block-button .wp-block-button__link {
		min-width: 0;
		min-height: 44px;
		padding: 8px 16px;
		font-size: 14px;
		font-weight: 400;
	}
}

@media (max-width: 767px) {
	:is(.p-ssgMedical__body, .editor-styles-wrapper) {
		& .is-style-ssg-cream {
			padding: 60px var(--md-gutter) 100px;
		}
		& .is-style-ssg-cream > h2 + h3 {
			margin-top: 40px;
		}
		& .is-style-ssg-cream > .is-style-ssg-circles {
			margin-top: 40px;
		}
		&.p-ssgMedical__body > .is-style-ssg-cream + .is-style-ssg-gray,
		& .is-root-container > .is-style-ssg-cream + .is-style-ssg-gray {
			padding-top: 90px;
		}
		& .is-style-ssg-cream + .is-style-ssg-gray::before {
			width: 100%;
			height: 40px;
		}
		& .is-style-ssg-circles {
			gap: 30px 15px;
		}
		& .is-style-ssg-circles > * {
			width: calc((100% - 15px) / 2);
		}
		& .is-style-ssg-circle {
			--circle: 140px;
		}
		& .is-style-ssg-circle > h3 {
			width: calc(var(--circle) - 20px);
			padding-top: 14px;
			font-size: 14px;
		}
		& .is-style-ssg-circle > .wp-block-image {
			width: 56px;
			margin-bottom: 24px;
		}
		& .is-style-ssg-circle > p {
			margin-top: 14px;
			font-size: 12px;
			line-height: 1.8;
		}
		& .is-style-ssg-circle > p br {
			display: none; /* PC用の改行はSPでは使わない */
		}
		& .wp-block-buttons.is-style-ssg-chips > .wp-block-button {
			width: auto;
		}
		& .is-style-ssg-chips .wp-block-button .wp-block-button__link {
			width: auto;
			min-height: 40px;
			padding: 6px 12px;
			font-size: 13px;
		}
	}
}

/* =========================================================
   開閉パネル・横並び・動画（2026-11 追加ページで使用）
========================================================= */
:is(.p-ssgMedical__body, .editor-styles-wrapper) {
	/* 「画像＋テキスト」が続くときは間を広めにあける */
	&.p-ssgMedical__body > .wp-block-media-text + .wp-block-media-text,
	& .is-root-container > .wp-block-media-text + .wp-block-media-text,
	&.p-ssgMedical__body > .wp-block-media-text + .is-style-ssg-box,
	& .is-root-container > .wp-block-media-text + .is-style-ssg-box,
	&.p-ssgMedical__body > .is-style-ssg-box + .wp-block-media-text,
	& .is-root-container > .is-style-ssg-box + .wp-block-media-text {
		margin-top: 80px;
	}
	&.p-ssgMedical__body > * + .wp-block-image,
	& .is-root-container > * + .wp-block-image {
		margin: 60px auto 0; /* 本文直下の画像（バナーなど）：中央寄せ */
	}
	&.p-ssgMedical__body > .is-style-ssg-tabs + .wp-block-media-text,
	& .is-root-container > .is-style-ssg-tabs + .wp-block-media-text {
		margin-top: 70px;
	}
	&.p-ssgMedical__body > * + .wp-block-details,
	& .is-root-container > * + .wp-block-details {
		margin-top: 50px;
	}
	& h4 {
		margin-bottom: 10px;
		color: var(--md-teal-dark);
		font-size: 17px;
		line-height: 1.7;
	}

	/* 開閉パネル（「詳細」ブロック）…医師紹介ページの「論文・著書・受賞歴」と同じデザイン */
	& .wp-block-details {
		interpolate-size: allow-keywords;
		border: 1px solid var(--md-teal);
		border-radius: 0 0 6px 6px;
		background: var(--md-cream);
	}
	& .wp-block-details > summary {
		position: relative;
		display: block;
		padding: 16px 70px;
		background: var(--md-teal);
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.6;
		text-align: center;
		list-style: none;
		cursor: pointer;
	}
	& .wp-block-details > summary::-webkit-details-marker {
		display: none;
	}
	/* ＋／－のアイコン */
	& .wp-block-details > summary::before,
	& .wp-block-details > summary::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		width: 26px;
		height: 2px;
		background: #fff;
		transition: transform .25s;
	}
	& .wp-block-details > summary::after {
		transform: rotate(90deg);
	}
	& .wp-block-details[open] > summary::after {
		transform: rotate(0);
	}
	/* 開閉をなめらかに（対応ブラウザのみ。非対応でも開閉はできる） */
	& .wp-block-details::details-content {
		height: 0;
		overflow: hidden;
		transition: height .35s ease, content-visibility .35s allow-discrete;
	}
	& .wp-block-details[open]::details-content {
		height: auto;
	}
	& .wp-block-details > :not(summary) {
		margin: 0 50px;
	}
	& .wp-block-details > summary + * {
		margin-top: 50px;
	}
	& .wp-block-details > :last-child {
		margin-bottom: 50px;
	}
	& .wp-block-details > * + :not(summary) {
		margin-top: 20px;
	}
	& .wp-block-details > * + h3 {
		margin-top: 50px;
	}
	& .wp-block-details > * + h4 {
		margin-top: 35px;
	}
	& .wp-block-details > h3 {
		margin-bottom: 0;
		color: var(--md-teal);
	}
	& .wp-block-details > h4 + p {
		margin-top: 0;
	}
	& .wp-block-details > p + p {
		margin-top: 15px;
	}
	& .wp-block-details > p + p.has-small-font-size {
		margin-top: 8px;
	}
	& .wp-block-details .is-style-ssg-panel {
		background: #fff;
	}
	& .wp-block-details .wp-block-list.is-style-ssg-dot {
		grid-auto-flow: row;
		grid-template-columns: 1fr;
		grid-template-rows: none;
	}

	/* Q&A（「詳細」ブロック＋スタイル「Q&A」）…質問をクリックすると回答が開く */
	& .wp-block-details.is-style-ssg-faq {
		border: 1px solid var(--md-mint);
		border-radius: 8px;
		background: var(--md-cream);
		overflow: hidden;
	}
	& .wp-block-details.is-style-ssg-faq + .wp-block-details.is-style-ssg-faq {
		margin-top: 16px;
	}
	& .wp-block-details.is-style-ssg-faq > summary {
		padding: 20px 64px 20px 76px;
		background: #fff;
		color: var(--md-brown);
		font-size: 17px;
		text-align: left;
		transition: background-color .25s;
	}
	& .wp-block-details.is-style-ssg-faq > summary:hover {
		background: var(--md-pale);
	}
	/* 「Q」の丸 */
	& .wp-block-details.is-style-ssg-faq > summary::before {
		content: "Q";
		top: 50%;
		right: auto;
		left: 22px;
		display: grid;
		place-items: center;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		background: var(--md-teal);
		color: #fff;
		font-family: var(--font-en, sans-serif);
		font-size: 18px;
		font-weight: 700;
		line-height: 1;
		translate: 0 -50%;
		transform: none;
	}
	/* ＋／－のアイコン（1つの擬似要素で縦横の線を描画） */
	& .wp-block-details.is-style-ssg-faq > summary::after {
		top: 50%;
		right: 24px;
		width: 18px;
		height: 18px;
		background:
			linear-gradient(var(--md-teal), var(--md-teal)) center / 100% 2px no-repeat,
			linear-gradient(var(--md-teal), var(--md-teal)) center / 2px 100% no-repeat;
		translate: 0 -50%;
		transform: none;
		transition: background-size .25s;
	}
	& .wp-block-details.is-style-ssg-faq[open] > summary::after {
		background-size: 100% 2px, 2px 0;
	}
	/* 回答 */
	& .wp-block-details.is-style-ssg-faq > :not(summary) {
		margin: 0 40px 0 76px;
		font-size: 15px;
	}
	& .wp-block-details.is-style-ssg-faq > summary + * {
		position: relative;
		margin-top: 24px;
	}
	& .wp-block-details.is-style-ssg-faq > :last-child {
		margin-bottom: 28px;
	}
	& .wp-block-details.is-style-ssg-faq > * + :not(summary) {
		margin-top: 12px;
	}
	/* 「A」の丸 */
	& .wp-block-details.is-style-ssg-faq > summary + *::before {
		content: "A";
		position: absolute;
		top: -4px;
		left: -54px;
		display: grid;
		place-items: center;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		background: var(--md-orange);
		color: #fff;
		font-family: var(--font-en, sans-serif);
		font-size: 18px;
		font-weight: 700;
		line-height: 1;
	}

	/* 横並び（カラム） */
	& .wp-block-columns {
		gap: 30px;
		margin-bottom: 0;
	}
	& .wp-block-column > * + * {
		margin-top: 15px;
	}
	/* ベージュの囲みの中：右側の画像は小さめの丸 */
	&.p-ssgMedical__body > .wp-block-columns + *,
	& .is-root-container > .wp-block-columns + * {
		margin-top: 60px;
	}
	& .is-style-ssg-panel > .wp-block-columns {
		align-items: center;
	}
	& .wp-block-group.is-style-ssg-panel > .wp-block-columns + * {
		margin-top: 30px;
	}
	& .is-style-ssg-panel > .wp-block-columns > .wp-block-column:last-child:has(> .wp-block-image) {
		flex: 0 0 160px;
	}
	& .wp-block-image.is-style-rounded img {
		aspect-ratio: 1;
		object-fit: cover;
		border-radius: 50%;
	}

	/* 動画（YouTubeの埋め込み） */
	& .wp-block-embed {
		margin: 0;
	}
	& .wp-block-embed iframe {
		width: 100%;
		border-radius: 8px;
	}
}
@media (max-width: 767px) {
	:is(.p-ssgMedical__body, .editor-styles-wrapper) {
		&.p-ssgMedical__body > .wp-block-media-text + .wp-block-media-text,
		& .is-root-container > .wp-block-media-text + .wp-block-media-text,
		&.p-ssgMedical__body > .wp-block-media-text + .is-style-ssg-box,
		& .is-root-container > .wp-block-media-text + .is-style-ssg-box,
		&.p-ssgMedical__body > .is-style-ssg-box + .wp-block-media-text,
		& .is-root-container > .is-style-ssg-box + .wp-block-media-text {
			margin-top: 60px;
		}
		& .wp-block-details > summary {
			padding: 14px 54px 14px 20px;
			font-size: 16px;
			text-align: left;
		}
		& .wp-block-details > summary::before,
		& .wp-block-details > summary::after {
			right: 16px;
			width: 20px;
		}
		& .wp-block-details > :not(summary) {
			margin-inline: 20px;
		}
		& .wp-block-details > summary + * {
			margin-top: 30px;
		}
		& .wp-block-details > :last-child {
			margin-bottom: 30px;
		}
		& .wp-block-details.is-style-ssg-faq > summary {
			padding: 16px 48px 16px 60px;
			font-size: 15px;
		}
		& .wp-block-details.is-style-ssg-faq > summary::before {
			left: 14px;
			width: 32px;
			height: 32px;
			font-size: 15px;
		}
		& .wp-block-details.is-style-ssg-faq > summary::after {
			right: 16px;
			width: 16px;
			height: 16px;
		}
		& .wp-block-details.is-style-ssg-faq > :not(summary) {
			margin: 0 18px 0 60px;
			font-size: 14px;
		}
		& .wp-block-details.is-style-ssg-faq > summary + * {
			margin-top: 20px;
		}
		& .wp-block-details.is-style-ssg-faq > summary + *::before {
			left: -46px;
			width: 32px;
			height: 32px;
			font-size: 15px;
		}
		& .wp-block-details.is-style-ssg-faq > :last-child {
			margin-bottom: 22px;
		}
		/* スマホのタブは個数にかかわらず2列（最後に1つ余ったら中央に） */
		& .wp-block-buttons.is-style-ssg-tabs {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 20px 10px;
			max-width: none;
		}
		& .wp-block-buttons.is-style-ssg-tabs > .wp-block-button {
			width: calc((100% - 10px) / 2);
		}
		& .is-style-ssg-panel > .wp-block-columns > .wp-block-column:last-child:has(> .wp-block-image) {
			max-width: 140px;
			margin-inline: auto;
		}
	}
}

/* =========================================================
   画像の拡大表示（モーダル）  assets/js/ssg-medical-zoom.js
========================================================= */
.p-ssgMedical__body img.is-zoomable {
	cursor: zoom-in;
	transition: opacity .2s;
}
.p-ssgMedical__body img.is-zoomable:hover {
	opacity: .85;
}
.p-ssgMedical__body img.is-zoomable:focus-visible {
	outline: 3px solid var(--md-orange);
	outline-offset: 3px;
}
.is-ssgZoomOpen {
	overflow: hidden;
}
.p-ssgZoom {
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
	margin: 0;
	padding: 60px 20px 20px;
	border: 0;
	background: transparent;
	cursor: zoom-out;
}
.p-ssgZoom[open] {
	display: flex;
	align-items: center;
	justify-content: center;
	animation: ssgZoomIn .2s ease-out;
}
.p-ssgZoom::backdrop {
	background: rgb(0 0 0 / .8);
}
.p-ssgZoom__img {
	max-width: min(100%, 1200px);
	max-height: 100%;
	object-fit: contain;
	border-radius: 8px;
	background: #fff;
	cursor: default;
}
.p-ssgZoom__close {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgb(255 255 255 / .15);
	cursor: pointer;
}
.p-ssgZoom__close::before,
.p-ssgZoom__close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 2px;
	background: #fff;
	rotate: 45deg;
	translate: -50% -50%;
}
.p-ssgZoom__close::after {
	rotate: -45deg;
}
@keyframes ssgZoomIn {
	from { opacity: 0; }
}

/* ---------- タブレット ---------- */
@media (max-width: 1024px) {
	:is(.p-ssgMedical__body, .editor-styles-wrapper) {
		& .wp-block-media-text {
			column-gap: 30px;
		}
	}
}

/* ---------- SP ---------- */
@media (max-width: 767px) {
	:is(.p-ssgMedical__body, .editor-styles-wrapper) {
		font-size: 14px;

		&.p-ssgMedical__body > h2,
		& .is-root-container > h2 {
			margin-top: 70px;
		}
		&.p-ssgMedical__body > h2 + *,
		& .is-root-container > h2 + * {
			margin-top: 30px;
		}
		& h2 {
			font-size: 22px;
		}
		& h3 {
			margin-bottom: 14px;
			font-size: 17px;
		}
		& .wp-block-button .wp-block-button__link {
			min-width: 0;
			width: 100%;
		}
		& .wp-block-buttons:not(.is-style-ssg-tabs) > .wp-block-button {
			width: 100%;
		}
		& .is-style-ssg-tabs .wp-block-button .wp-block-button__link {
			min-height: 80px;
			padding: 10px 6px;
			font-size: 13px;
		}
		& .is-style-ssg-tabs em {
			font-size: 11px;
		}
		& .wp-block-buttons.is-style-ssg-tabs:has(> .wp-block-button:nth-child(4)) {
			grid-auto-flow: row;
			grid-template-columns: 1fr 1fr;
			gap: 20px 10px;
		}
		&.p-ssgMedical__body > .is-style-ssg-ruby:not(:first-child),
		& .is-root-container > .is-style-ssg-ruby:not(:first-child) {
			margin-top: 70px;
		}
		& p.is-style-ssg-ruby {
			font-size: 12px;
		}
		&.p-ssgMedical__body > .is-style-ssg-doctor,
		& .is-root-container > .wp-block-block:has(> .is-style-ssg-doctor) {
			margin-top: 70px;
		}
		& .wp-block-separator.is-style-ssg-dots {
			margin-block: 40px;
		}
		& .wp-block-media-text:where(:not(.is-style-ssg-figure)) .wp-block-media-text__media img {
			aspect-ratio: 4 / 3;
			border-radius: 16px;
		}
		& .wp-block-media-text__content > .wp-block-buttons {
			margin-top: 25px;
		}
		& .wp-block-list:is(.is-style-ssg-dot, .is-style-ssg-arrow) {
			grid-auto-flow: row;
			grid-template-rows: none !important;
		}
		& .is-style-ssg-lead,
		& .is-style-ssg-box,
		& .is-style-ssg-toc {
			padding: 28px 20px;
		}
		& .is-style-ssg-panel,
		& .is-style-ssg-merit {
			padding: 22px 20px 22px;
		}
		& .is-style-ssg-merit > h3:first-child::before {
			font-size: 38px;
		}
		& .is-style-ssg-toc ul,
		& .is-style-ssg-toc ol {
			grid-template-columns: 1fr 1fr;
		}
		& .is-style-ssg-flow {
			padding: 24px 16px;
		}
		& .is-style-ssg-gray {
			padding-top: 60px;
		}
		& .is-style-ssg-gray::before {
			width: 160px;
			height: 80px;
		}
		& .is-style-ssg-doctor {
			padding: 20px;
		}
	}
}