@charset "utf-8";



/**************************************************
 pageHeader
**************************************************/
.pageHeader.medical.counseling{background: linear-gradient(45deg,#C1FEFB,#F9FFFD,#56DFF9);}
.pageHeader.medical .cateName{background: var(--main-color2);}
.pageHeader.medical .cateName img{width: 30px;}

.pageHeader.medical h1 small{color: var(--main-color2);}



/**************************************************
 main
**************************************************/
.innerWrapper.medical .inPage ul li{border: 2px solid var(--main-color2);}
.innerWrapper.medical .inPage ul li::before{
	border-right: 2px solid var(--main-color2);
	border-bottom: 2px solid var(--main-color2);
}
.innerWrapper.medical .inPage ul li:hover{background: var(--main-color2);}
.innerWrapper.medical .inPage ul li:hover::before{
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}



/**************************************************
 article
**************************************************/
.innerWrapper.medical article h2::before,
.innerWrapper.medical article h3::before{background: var(--main-color2);}

.innerWrapper.medical article h4{background: var(--h4-bg2);}

.innerWrapper.medical .txtLink a::before,
.innerWrapper.medical .relatedLink ul li a::before{
	border-top: 2px solid var(--main-color2);
	border-right: 2px solid var(--main-color2);
}

.innerWrapper.medical .inquiryHanger{border: 5px solid var(--main-color2);}

.innerWrapper.medical article.flow::before{background: var(--main-color2);}
.innerWrapper.medical article.flow h2 span{background: var(--main-color2);}
.innerWrapper.medical article.flow h2.style1{margin-top: 20px;}

.innerWrapper.medical .flowInner ol li a::before,
.innerWrapper.medical .flowInner ul li a::before{
	border-top: 2px solid var(--main-color2);
	border-right: 2px solid var(--main-color2);
}

.innerWrapper.medical .flowInner ol li span{
	width: 25%;
	margin-right: 0;
}

.innerWrapper.medical article.flow .flowInner legend{
	font-size: 2.0rem;
	font-weight: 700;
	letter-spacing: 1px;
	margin-top: 40px;
}



/**************************************************
 aside
**************************************************/
.innerWrapper.medical aside h2{background: var(--main-color2);}
.innerWrapper.medical aside h2 img{width: 26px;}

.innerWrapper.medical aside nav ul li span::before{
	border-top: 2px solid var(--main-color2);
	border-right: 2px solid var(--main-color2);
}



/**************************************************
 achievement
**************************************************/
.legend{
	margin-top: 30px;
	padding: 30px;
	border: 7px solid var(--bg-color1);
	border-radius: 20px;
}
.legend p{
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: center;
}
.legend ul li{
	font-size: 1.8rem;
	line-height: 1.6;
	margin-top: 20px;
	padding: 15px 20px;
	background: #a6dbfa;
	border-radius: 10px;
}
.legend ul li:nth-of-type(2){background: #c0d773;}
.legend ul li:nth-of-type(3){background: #fec892;}
.legend ul li:nth-of-type(4){background: #fccbc6;}
.legend ul li strong{display: block;}