@charset "UTF-8";

.medical .toc_list > li > a:hover,
.subject .toc_list > li > a:hover {
	color: var(--subject-color) !important;
}
.u-general .l-fv__img {background-image: url("../images/medical/fv_general.jpg");}
.u-child .l-fv__img {background-image: url("../images/medical/fv_child.jpg");}
.u-surgery .l-fv__img {background-image: url("../images/medical/fv_surgery.jpg");}
.u-laser .l-fv__img {background-image: url("../images/medical/fv_laser.jpg");}
.u-foot .l-fv__img {background-image: url("../images/medical/fv_foot.jpg");}
.u-beauty .l-fv__img {background-image: url("../images/medical/fv_beauty.jpg");}



/*症状・疾患から探す
---------------------------------------------------------*/
/*CTA*/
.p-medical__cta .com_cta {
	font-size: min(2.0rem,1.8vw);	/*「ご予約・お問い合わせ」基準*/
	text-align: left;
}
.p-medical__cta .com_cta__attention {
	margin-top: var(--gap-40);
	width: min(90%,900px);
	margin-inline: auto;
}

/*関連する治療・症状*/
.related .p-medical__content {
	border-top: solid 1px #d5cecc;
	padding: var(--gap-60) 0;
}
.p-medical__related-style {
	width: min(100%,1000px);
	margin-inline: auto;
	margin-top: var(--gap-40);
}
.p-medical__related-style:first-child {
	margin-top: 0;
}
.p-medical__related-style > dt {
	color: #bd995b;
	font-size: var(--fs-20);
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.0em;
	padding-left: 1.0em;
	position: relative;
	margin-bottom: 1.0em;
}
.p-medical__related-style > dt::before {
	font-family: 'fontello';
	content: '\e806';
	color: #d1b88c;
	font-size: 50%;
	font-weight: normal;
	position: absolute;
	left: 0;
	top: 0;
}
.p-medical__related-style a:hover {
	color: #bd995b;
}
.p-medical__related-list,
.p-medical__related-area {
	line-height: 1.0em;
	display: flex;
    flex-wrap: wrap;
	gap: 1.0em 1.5em;
}
.p-medical__related-list li,
.p-medical__related-area > p {
	padding-right: 1.5em;
	border-right: solid 1px currentcolor;
}
.p-medical__related-list li:last-of-type,
.p-medical__related-area > p:last-of-type {
	padding-right: 0;
	border-right: none;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*CTA*/
.p-medical__cta .com_cta {
	font-size: min(1.8rem,1.9vw);	/*「ご予約・お問い合わせ」基準*/
}
.p-medical__cta .com_cta__attention {
	width: 100%;
}
/*関連する治療・症状*/
.p-medical__related-style > dt {
	font-size: var(--fs-18);
}
.p-medical__related-list,
.p-medical__related-area {
	font-size: var(--fs-14);
	column-gap: 1.0em;
}
.p-medical__related-list li,
.p-medical__related-area > p {
	padding-right: 1.0em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
/*CTA*/
.p-medical__cta .com_cta__attention {
	width: 100%;
}

/*関連する治療・症状*/
.p-medical__related-style > dt {
	font-size: var(--fs-18);
}
.p-medical__related-list,
.p-medical__related-area {
	font-size: var(--fs-14);
	column-gap: 1.0em;
}
.p-medical__related-list li,
.p-medical__related-area > p {
	padding-right: 1.0em;
}
}



/*科目
---------------------------------------------------------*/
.p-subject__pickup {
	background: var(--subject-light-color);
	padding: var(--gap-40) 4% var(--gap-40);
	border-radius: 10px;
}

.p-subject__links-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 2px;
	font-size: var(--fs-17);
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.5em;
}
.p-subject__links-list a {
    display: flex;
    flex-direction: column;
    justify-content: center;
	height: 5.0em;
	padding-left: 5%;
	padding-right: 3.0em;
	position: relative;
	background: #f2f2ee;
}
.p-subject__links-list li:nth-child(4n) a,
.p-subject__links-list li:nth-child(4n-1) a {
	background: #f9f9f7;
}
.p-subject__links-list a:hover {
	color: #bd995b;
}
.p-subject__links-list .icon-arrow.maru {
	font-size: .5em;
	font-weight: normal;
	background: #bd995b;
	position: absolute;
	right: calc(3% + 1.0em);
	top: 50%;
	transform: translateY(-50%);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.p-subject__links-list {
	font-size: var(--fs-16);
	letter-spacing: .05em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.p-subject__pickup {
	padding: var(--gap-80) 5% var(--gap-80);
}
	
.p-subject__links-list {
	font-size: var(--fs-15);
	letter-spacing: .05em;
	line-height: 1.4em;
}
.p-subject__links-list a {
	padding-left: 1.0em;
	padding-right: 3.0em;
}
.p-subject__links-list .icon-arrow.maru {
	font-size: .4em;
	right: 2.0em;
}
}



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

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

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