@charset "utf-8";

/* 共通
------------------------------------------------------------*/
main#content.medical-info section {
	margin-bottom: 8rem;
}
main#content.medical-info section p {
	margin-bottom: 1rem;
}
/* 脚が痛くて歩けない（循環器内科）
------------------------------------------------------------*/
main#content.medical-info.aso {
}
main#content.medical-info.aso #intro .msg {
	margin-bottom: 3rem;
}
main#content.medical-info.aso #intro ul {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
main#content.medical-info.aso #intro ul li {
	padding-left: 1em;
	position: relative;
	line-height: 1.2;
}
main#content.medical-info.aso #intro ul li:not(:last-of-type) {
	margin-bottom: 2rem;
}
main#content.medical-info.aso #intro ul li::before {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
	content: "\f111";
	color: #0B6DD8;
	position: absolute;
	left: 0;
	top: 6px;
	font-size: 1.2rem;
}
/* こんな方は要注意 */
main#content.medical-info.aso #careful ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	margin: 2rem 0;
	padding: 1.5rem;
	background: #F4F8FA;
	box-sizing: border-box;
	border-radius: 10px;
}
main#content.medical-info.aso #careful ul li {
	padding-left: 1em;
	position: relative;
	line-height: 1.2;
}
main#content.medical-info.aso #careful ul li::before {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
	content: "\f111";
	color: #0B6DD8;
	position: absolute;
	left: 0;
	top: 4px;
	font-size: 1.2rem;
}
@media only screen and (max-width: 768px){
	main#content.medical-info.aso #careful ul  {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width: 480px){
	main#content.medical-info.aso #careful ul  {
		grid-template-columns: repeat(2, 1fr);
	}
}
/* 循環器内科のご案内 */
main#content.medical-info.aso #about figure {
	text-align: center;
}
main#content.medical-info.aso #about figure img {
	height: auto;
	max-width: 100%;
	width: auto;
}
/* 閉塞性動脈硬化症(ASO)とは */
main#content.medical-info.aso #info p a::before {
	margin-right: 3px;
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
	content: "\f0a9";
	color: #0B6DD8;
}
/* 緑内障（眼科）
------------------------------------------------------------*/
main#content.medical-info.glaucoma {
}
main#content.medical-info.glaucoma #about figure {
	text-align: center;
}
main#content.medical-info.glaucoma #about figure img {
	margin-top: 2rem;
	height: auto;
	max-width: 100%;
	width: auto;
}
main#content.medical-info.glaucoma #note {
}
main#content.medical-info.glaucoma #note .wp-block-columns {
	display: flex;
	justify-content: space-between;
}
main#content.medical-info.glaucoma #note .wp-block-columns .wp-block-column {
}
main#content.medical-info.glaucoma #note .wp-block-columns .wp-block-column figure img {
	height: auto;
	max-width: 240px;
	min-width: 200px;
	width: 100%;
}
main#content.medical-info.glaucoma #note p a::before {
	margin-right: 3px;
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
	content: "\f0a9";
	color: var(--color-main-blue);
}
@media only screen and (max-width: 480px){
	main#content.medical-info.glaucoma #note .wp-block-columns {
		flex-wrap: wrap;
	}
	main#content.medical-info.glaucoma #note .wp-block-columns .wp-block-column {
		width: 100%;
	}
	main#content.medical-info.glaucoma #note .wp-block-columns .wp-block-column:first-of-type {
		order: 1;
	}
	main#content.medical-info.glaucoma #note .wp-block-columns .wp-block-column figure{
		text-align: center;
	}
}
/* 眼瞼下垂（眼科）
------------------------------------------------------------*/
main#content.medical-info.ptosis {
}
main#content.medical-info.ptosis figure.mv {
	margin-bottom: 3rem;
	text-align: center;
}
main#content.medical-info.ptosis figure.mv img {
	height: auto;
	max-width: 100%;
	width: auto;
}
main#content.medical-info.ptosis #about figure {
	text-align: center;
}
main#content.medical-info.ptosis #about figure img {
	height: auto;
	max-width: 600px;
	width: 100%;
}
main#content.medical-info.ptosis #surgery table {
	margin-bottom: 0.5rem;
	border-collapse: collapse;
	border-spacing: 0;
	box-sizing: border-box;
}
main#content.medical-info.ptosis #surgery table th {
	padding: 1rem 2rem;
	border: 1px solid #A9B0B8;
	background: #F5F5F5;
	font-weight: 500;
	color: #00406C;
	text-align: center;
}
main#content.medical-info.ptosis #surgery table td {
	padding: 1rem 1rem;
	border: 1px solid #A9B0B8;
	vertical-align: top;
}
main#content.medical-info.ptosis #info p a::before {
	margin-right: 3px;
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
	content: "\f0a9";
	color: var(--color-main-blue);
}