@charset "utf-8";



/**************************************************
 pageHeader
**************************************************/
.pageHeader img{opacity: 0.6;}

.pageHeader.about .cateName{background: var(--main-color3);}
.pageHeader.about .cateName img{width: 30px;}

.pageHeader.about h1 small{color: var(--main-color3);}



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



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

.innerWrapper.general article h4{background: var(--bg-color1);}

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

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

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

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

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



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

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



/**************************************************
 index
**************************************************/
article p.philosophy{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 2px;
	text-align: center;
	padding-top: 50px;
}
article p.philosophy span{background:linear-gradient(transparent 60%, #FFFF00 60%);}