@charset "utf-8";

.SectionIndex {
	padding-bottom: 60px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.SectionIndexSection__list {
	position: relative;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(9em, 1fr));
	gap: 0 2em;
	margin: 0 auto;
}

.SectionIndexSection__list .anchor {
	padding: 8px 0;
}

.SectionIndexSection__list .icon {
	margin-right: 5px;
	opacity: 0.5;
}

.SectionIndexSection__list .lbl {
	font-size: 0.9em;
}

.subsection-header__ttl {
}

.subsection-header__ttl-inner {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.subsection-header__ttl-inner small {
	font-size: 1.2rem;
	text-align: center;
	opacity: 0.8;
}

.pagetop {
	text-align: right;
	margin-top: 1em;
	line-height: 1;
}

.pagetop a {
	font-size: 1.2rem;
}

@media all and (min-width: 1280px) {

	.SectionIndex {
		padding-bottom: 0;
		border: none;
	}

	.SectionIndexSection__list .anchor {
		padding: 10px 0;
	}

	.SectionIndexSection__list .lbl {
		font-size: 1em;
	}

	.subsection-header__ttl-inner {
		justify-content: flex-start;
	}

	.subsection-header__ttl-inner small {
		margin-top: 1em;
	}

	.subsection-body {
		margin-top: 60px;
	}

}

/* -------------------------------- */

.table {
	margin-top: 0;
	background-color: rgba(255,255,255,1);
	border-radius: 5px;
	padding: 20px;
	box-sizing: border-box;
}

.table__item {
	padding: 0 0 20px;
	margin: 20px auto 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.table__item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.table__item + .table__item {
}

.table > *:first-child,
.table__item > *:first-child,
.des-table__item dd > *:first-child {
	margin-top: 0;
}

.table__lbl {
	font-size: 1.5rem;
	font-weight: bold;
}

.table__des {
	margin-top: 0.3em;
	margin-left: 0;
	/* padding-left: 40px; */
}

.table__des > *:first-child {
	margin-top: 0;
}

.table__des .info__txt {
	margin-top: 1em;
	padding: 1em 30px;
	background: var(--color-bg);
}

.table__des .info__txt > *:first-child {
	margin-top: 0;
}

.table__des .info__txt span {
	display: block;
}

.table__des .des-table__item {

}

.table__des .des-table__item + .des-table__item {
	margin-top: 1em;
}

.table__des .des-table__item dt {
	font-weight: bold;
	font-size: 0.95em;
	display: inline-block;
	padding: 0.4em;
	line-height: 1;
	border-radius: 2px;
	color: rgba(51,51,51,0.9);
}

.table__des .des-table__item dt + dd {
	margin-top: 0.5em;
}

.table__des .des-table__item dd {
	margin-left: 0;
}

.table__des .des-table__item dd .des-list {
	margin: 0;
}

.table__des .des-list {
	padding: 0;
	list-style: none;
}

.table__des .des-list li {
	position: relative;
	padding-left: 1em;
}

.table__des .des-list li:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background-color: rgba(217, 158, 164, 1);
	border-radius: 50%;
	top: calc(1em - 5px);
	left: 0;
}

.table__des ul {
	margin-top: 1em;
}

.table__des .color-accent {
	color: var(--color-accent);
}

.table__des .color-txt {
	color: var(--color-txt);
}

.table__des * + .icon-des-table {
	margin-top: 30px;
}

.table__des * + .icon-des-table .icon-des-table__item {
	border-top: 1px solid rgba(0,0,0,0.2);
}

.table__des .icon-des-table__item {
	padding: 20px 0;
}

.table__des .icon-des-table__item + .icon-des-table__item {
	border-top: 1px solid rgba(0,0,0,0.2);
}

.table__des .icon-des-table__item dt {
	font-weight: bold;
}

.table__des .icon-des-table__item dt .icon {
	width: 35px;
}

.table__des .icon-des-table__item dd {
	margin: 0;
	padding-left: 35px;
}

.table__des .ttl-sub {
	padding: 0;
}


.table-inner__txt {
	width: 100%;
}

.value {
	font-size: 0.95em;
	margin-top: 1em;
}

.section__fig {
	padding: 1em;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}

.section__fig .figcap {
	width: 100%;
	padding-bottom: 1em;
	text-align: center;
}

.table__item .fig-only .section__fig {
	width: 100%;
	text-align: center;
}

.table__item .fig-only {
	width: 100%;
}

.bg--border .section__fig {
	background-color: transparent;
	border: 1px solid rgba(0,0,0,0.1);
}

.table__item .fig-container.flex--none .section__fig {
	width: 100%;
	padding: 1em;
}

.section__fig img {
	width: 100%;
	line-height: 0;
}

.flex--none {
	display: block !important;
}

.flex--none > * {
	width: 100%;
}

.table__item .fig-container.flex--none p + * {
	margin-top: 1.5em;
}

/* inner-table */
.inner-table-wrap {
	margin-top: 2em;
}

.inner-table {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 1em;
}

.inner-table .txt {
	line-height: 1.4;
}

.inner-table .table-head {
	width: var(--wcalc8-4);
	position: relative;
	box-sizing: border-box;
}

.inner-table .table-head b,
.inner-table .table-head span {
	position: relative;
	display: inline-block;
	z-index: 10;
}

.inner-table .table-data {
	width: var(--wcalc8-4);
	margin: 0;
}

/* 計測 only */
.measure .inner-table-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
}

/* 血圧 only */
.blood-pressure .section__fig {
	padding: 1.2em 1.2em .8em .8em;
	margin-top: 1.5em;
}

/* 脂質 only */
.lipid .section__fig {
	background-color: rgba(70,148,209,0.2);
}

/* 血圧、脂質、尿一般・腎機能 */
.blood-pressure .section__fig,
.lipid .section__fig,
.urine-kidney .section__fig {
	background-color: rgba(70,148,209,0.2);
}

/* 血管年齢 only */
.blood-age .section__fig {
	width: 100%;
	height: auto;
	padding: 1em;
	margin: 1em auto 0;
	background-color: transparent !important;
	border: 1px solid rgba(0,0,0,0.1);
}

/* 呼吸器、循環器、消化器、頭部・頚部、眼科、乳房、子宮・卵巣 */
.respiratory .section__fig,
.cardiovascular .section__fig,
.digestive-organ .section__fig,
.head-neck .section__fig,
.head-neck .section__fig,
.ophthalmology .section__fig,
.breast .section__fig,
.uterus-ovary .section__fig {
	background-color: rgba(0,174,187,0.12);
}

/* 消化器 only */
.digestive-organ .table__des small {
	line-height: 1.8;
	display: block;
}

/* 肝・膵機能 only */
.liver-pancreatic .color-bg {
	background-color: rgba(70,148,209,0.2);
}

/* 肝炎ウイルス */
.hepatitis-virus {
	background-color: rgba(70,148,209,0.2);
	padding: 1.5em;
	box-sizing: border-box;
	border-radius: 2px;
}

/* 呼吸器 循環器 */
.respiratory .color-bg,
.cardiovascular .color-bg {
	background-color: rgba(0,174,187,0.12);
}

/* ABC分類 only */
.abc .fig-container + * {
	margin-top: 1em;
}

/* 眼科 only */
.ophthalmology .inner-table .table-head {
	width: var(--wcalc9-6);
}

.ophthalmology .color-bg {
	background-color: rgba(0,174,187,0.12);
	font-size: 0.95em;
	display: inline-block;
	padding: 0.3em .4em;
	line-height: 1;
	border-radius: 2px;
	width: 2.5em;
	text-align: center;
	margin-right: 1em;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}

.ophthalmology .color-bg:after {
	display: none !important;
}

.ophthalmology .inner-table .table-data {
	text-align: right;
}

.ophthalmology .inner-table .table-head b {
	display: inline-flex;
	justify-content: flex-start;
}

/* 電解質 only */
.electrolytes .table-outer-head {
	display: none !important;
}

.electrolytes .inner-table .level1 {
	width: 100%;
}

.electrolytes .inner-table .level1.table-head {
	display: inline-block;
	/*padding: 0.3em .4em;
	line-height: 1;
	border-radius: 2px;
	color: rgba(51,51,51,0.9);
	background-color: rgba(0,174,187,0.12);*/
}

.electrolytes .inner-table .level1.table-head:after {
	display: none;
}

.electrolytes .table-detail {
	list-style: none;
	padding-left: 1.5em;
	margin: 0 0 1em;
}

.electrolytes .table-detail dl {
	width: 100%;
	display: flex;
	margin: 0;
}

.electrolytes .table-head.level2 {
	width: auto;
	color: rgba(0,0,0,0.65);
}

.electrolytes .table-head.level2:after {
	display: none;
}

.electrolytes .table-data.level2 {
	width: auto;
}

.electrolytes .block-wrap {
	display: block;
	margin-top: 0;
}

.electrolytes .block-wrap li {
	display: flex;
}

.block-wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top: 1px solid rgba(0,0,0,0.1);
}

/* 電解質 only */
.electrolytes .table-outer-head {
	display: flex !important;
}

.electrolytes .table-outer-head .table-data {
	color: rgba(51,51,51,0.8);
	font-size: 0.95em;
}

.electrolytes .block-wrap {
	display: flex;
	margin-top: 0;
}

.electrolytes .table-detail {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}

.electrolytes .block-wrap li {
	width: 50%;
	text-align: center;
	border-left: 1px solid rgba(0,0,0,0.1);
	padding: 0.8em 0;
}

.electrolytes .inner-table .table-head.level1,
.electrolytes .inner-table .table-data.level1 {
	font-size: 0.9em;
	line-height: 1.4;
}

.electrolytes .inner-table .table-head.level1 {
	width: 80px;
}

.electrolytes .inner-table .table-head.level1 span:after,
.electrolytes .inner-table .table-head.level1 b:after {
	display: none;
}

.electrolytes .inner-table .table-data.level1 {
	width: calc(100% - 80px);
}

.electrolytes .table-head.level2 {
	display: none;
}

.electrolytes .table-head.level2:after {
	border-bottom: 1px dotted rgba(0,0,0,0.2);
	background-color: transparent;
}

.electrolytes .table-data.level2 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 .5em;
	box-sizing: border-box;
}

@media all and (min-width: 768px) {

	.table__item  {
		width: 100%;
	}

	.section__fig {
		margin: 0;
	}

	.table__item .fig-container.flex--none p {
		width: 100%;
	}

	.table__item .fig-only p,
	.table__item .fig-only .section__fig {
		width: 100%;
	}

	.block-wrap {
		width: 100%;
	}

	.block-wrap:first-child {
		margin-top: 0;
	}

	.fig-only .section__fig img {
		width: 75%;
		height: auto;
	}

	/* 血圧 only */
	.blood-pressure .section__fig img {
		width: 100%;
		height: auto;
	}

	/* 循環器 only */
	.blood-age .section__fig img {
		width: 80%;
	}

}

@media all and (min-width: 1280px) {

	.table {
		padding: 50px;
	}

	.table__item {
		display: flex;
		justify-content: space-between;
		padding: 0 0 30px;
		margin-top: 30px;
	}

	.table__lbl {
		width: var(--wcalc8-2);
	}

	.table__des {
		margin-top: 0;
		width: var(--wcalc8-6);
		font-size: 1.4rem;
	}

	.table__des .des-table {
		padding-left: 0;
	}

	.table__des .des-table__item + .des-table__item {
		margin-top: 30px;
	}

	.table__des .des-list {
		margin-left: 0;
	}

	.table__des .info__txt span {
		display: inline-block;
	}

	.table__des .info__txt span + span {
		margin-left: 1em;
	}

	.table__des .icon-des-table__item {
		display: flex;
		justify-content: space-between;
	}

	.table__des .icon-des-table__item dt {
		width: var(--wcalc6-2);
	}

	.table__des .icon-des-table__item dd {
		width: var(--wcalc6-4);
		padding-left: 0;
	}

	.fig-only .section__fig img {
		width: 50%;
	}

	.table__item .fig-container {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	.section__fig {
		padding: 2em 2em 2.5em;
	}

	.table__item .fig-container .section__fig {
		width: var(--wcalc7-3);
		margin-top: 0;
	}

	.table__item .fig-container.flex--none .section__fig {
		padding: 1em 1em 2em;
	}

	.table__item .fig-container p {
		width: var(--wcalc7-4);
		margin-top: 0;
	}

	.flex--none .section__fig img {
		width: var(--wcalc6-5);
	}

	/* 肝炎ウイルス only */
	.hepatitis-virus {
		display: flex;
		justify-content: space-between;
	}

	.hepatitis-virus + * {
		margin-top: 30px;
	}

	/* 頭部・頚部、乳房 */
	.head-neck .inner-table .table-head,
	.breast .inner-table .table-head {
		width: var(--wcalc9-5);
	}

	.head-neck .inner-table .table-data,
	.breast .inner-table .table-data {
		width: var(--wcalc9-4);
	}

	/* 電解質 only */
	.electrolytes .table__ttl {
		text-align: center;
	}

	.electrolytes .inner-table .table-head.level1 {
		width: var(--wcalc8-2);
	}

	.electrolytes .inner-table .table-data.level1 {
		width: var(--wcalc8-6);
	}

	.electrolytes .block-wrap li {
		padding: 1.1em 0;
	}

}