@charset "UTF-8";

.medical .toc_list > li > a:hover,
.subject .toc_list > li > a:hover {
	color: var(--subject-color) !important;
}



/*症状・疾患から探す
---------------------------------------------------------*/
.p-medical__content {
	width: min(100%,1000px);
	margin-inline: auto;
}

/*流れ*/
.p-flow__item {
	position: relative;
	padding-left: min(100px,9vw);
	padding-bottom: var(--gap-60);
	margin-bottom: 1.0em;
}
.p-flow__item:last-of-type {
	padding-bottom: 1.0em;
	margin-bottom: 0;
}
.p-flow__item::before,
.p-flow__item::after {
	/*番号、罫線*/
	text-align: center;
	font: var(--font-en);
	color: var(--color-navy);
	font-size: var(--fs-32);
	letter-spacing: .05em;
	width: 2.4em;
	line-height: 2.4em;
	content: "";	
	position: absolute;
	left: 0;
}
.p-flow__item::before {
	content: "01";
	background: var(--color-border);
	border-radius: 50%;
	top: 0;
}
.p-flow__item::after {
	content: "";
	height: calc(100% - 3.0em);
	border-right: solid 1px currentcolor;
	bottom: 0;
	transform: translateX(-50%);
}
.p-flow__img {
	float: right;
	width: min(34%,300px);
}
.p-flow__item:has(.p-flow__img) .p-flow__txt {
	float: left;
	width: 62%;
}
.p-flow__ttl {
	color: var(--color-navy);
	font-size: var(--fs-32);
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: .3em;
}
.p-flow__item:nth-of-type(2)::before {content: "02";}
.p-flow__item:nth-of-type(3)::before {content: "03";}
.p-flow__item:nth-of-type(4)::before {content: "04";}
.p-flow__item:nth-of-type(5)::before {content: "05";}
.p-flow__item:nth-of-type(6)::before {content: "06";}
.p-flow__item:nth-of-type(7)::before {content: "07";}
.p-flow__item:nth-of-type(8)::before {content: "08";}
.p-flow__item:nth-of-type(9)::before {content: "09";}
.p-flow__item:nth-of-type(10)::before {content: "10";}

/*関連する治療・症状*/
.p-connection__box {
	border-top: solid 1px var(--color-border);
	border-bottom: solid 1px var(--color-border);
	padding: var(--gap-60) 0;
}
.p-connection__inner {
	width: min(100%,1000px);
	margin-inline: auto;
}
.p-connection__ttl {
	color: var(--color-navy);
	font-size: var(--fs-24);
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.4em;
	margin-bottom: .8em;
}
.p-connection__list {
	margin-top: 2.0em;
	line-height: 1.0em;
	display: flex;
    flex-wrap: wrap;
	row-gap: 1.0em;
	margin-left: -2.0em;	/*揃える*/
}
.p-connection__list li {
	padding: 0 2.0em;	/*揃える*/
	border-right: solid 1px currentcolor;
}
.p-connection__list li:last-child {
	border-right: none;
}
.p-connection__list a {
	text-decoration: underline;
}
.p-connection__list a:hover {
	text-decoration: none;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*関連する治療・症状*/
.p-connection {
	font-size: var(--fs-15);	
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/*流れ*/
.p-flow__item {
	padding-left: 18vw;
}
.p-flow__img {
	float: none;
	width: 100%;
	margin: 0 auto 1.0em;
}
.p-flow__txt {
	float: none;
	width: 100%;
}
.p-flow__ttl {
	letter-spacing: .05em;
	line-height: 1.4em;
	margin-bottom: .2em;
}

/*関連する治療・症状*/
.p-connection {
	font-size: var(--fs-15);	
}
.p-connection__ttl {
	letter-spacing: .05em;
	margin-bottom: .4em;
}
.p-connection__list {
	font-size: var(--fs-15);
	margin-left: -1.0em;	/*揃える*/
}
.p-connection__list li {
	padding: 0 1.0em;	/*揃える*/
}
}



/*科目
---------------------------------------------------------*/
.p-subject__pickup {
	width: min(97%,1436px);
	margin-inline: auto;
	background: rgba(255,255,255,0.7);
	padding: var(--gap-40) 0 var(--gap-60);
}
.p-subject__pickup-ttl {
	font: var(--font-min);
	text-align: center;
	color: var(--subject-d_color);
	font-size: var(--fs-40);
	letter-spacing: .08em;
	line-height: 1.4em;
	margin-bottom: 1.0em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}