@charset "utf-8";



/**************************************************
 pageHeader
**************************************************/
.pageHeader.general.counseling{background: linear-gradient(45deg,#E9FDBC,#F9FFFD,#B5EDBD);}
.pageHeader.general .cateName{background: var(--main-color1);}
.pageHeader.general .cateName img{width: 48px;}

.pageHeader.general h1 small{color: var(--main-color1);}



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

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



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

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

.innerWrapper.general .txtLink a::before,
.innerWrapper.general .relatedLink ul li::before{
	border-top: 2px solid var(--main-color1);
	border-right: 2px solid var(--main-color1);
}
.flowInner .relatedLink ol li a,
.flowInner .relatedLink ul li a{padding-left: 0;}
.flowInner .relatedLink ol li a::before,
.flowInner .relatedLink ul li a::before{display: none;}

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

.innerWrapper.general article.flow::before{background: var(--main-color1);}
.innerWrapper.general article.flow h2 span{background: var(--main-color1);}



/**************************************************
 aside
**************************************************/
.innerWrapper.general aside h2{background: var(--main-color1);}
.innerWrapper.general aside h2 img{width: 36px;}

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



/**************************************************
 about
**************************************************/
.counselingIntro{
	margin-top: 80px;
	-webkit-box-align: center;
	align-items: center;
}
.counselingIntro p{
	width: 45%;
	font-size: 1.8rem;
	line-height: 1.8;
	letter-spacing: 1px;
	order: 2;
}
.counselingIntro p strong{
	display: block;
	font-size: 3.0rem;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 2px;
	/*padding-top: 20px;*/
	padding-bottom: 20px;
}
.counselingIntro p:last-of-type{
	width: 100%;
	margin-top: 50px;
	font-size: 1.6rem;
	line-height: 2.0;
}
.counselingIntro img{
	width: 55%;
	order: 1;
}

.ptIntro{margin-top: 80px;}
.ptIntroCopy{
	margin-top: 20px;
	padding: 20px;
	font-size: 3.0rem;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.4;
	color: #FFFFFF;
	text-align: center;
	background: var(--main-color1);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}



/**************************************************
 info
**************************************************/
.clinicDate{
	margin-top: 30px;
	padding: 30px;
	border: 7px solid var(--main-color1);
	/*background: var(--bg-color1);*/
	border-radius: 15px;
	text-align: center;
}
.clinicDate dl{
	margin-top: 20px;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}
.clinicDate dl:first-of-type{margin-top: 0;}
.clinicDate dl dt{
	position: relative;
	font-size: 2.2rem;
	font-weight: 900;
	letter-spacing: 1px;
	padding:0 20px 0 0;
}
.clinicDate dl dd{
	font-size: 2.2rem;
	letter-spacing: 1px;
}
.clinicDate dl dd.style1{padding-top: 10px;}
.clinicDate dl.cost{
	-webkit-box-align: start;
	align-items: flex-start;
}
.clinicDate dl.cost dt{padding-top: 4px;}
.clinicDate dl.cost dd{
	width: calc(100% - 200px);
	line-height: 1.4;
	text-align: left;
}



/**************************************************
 faq
**************************************************/
.faqItem{
	margin-top: 40px;
	border-radius: 20px;
	border: 7px solid var(--main-color1);
}
.faqItem dt{
	position: relative;
	height: 90px;
	padding: 0 60px 0 60px;
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 1.4;
	cursor: pointer;
	display:-webkit-box;
  	display:flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
}
.faqItem dt::before{
	content: 'Q';
	top: calc(50% - 26px);
	left: 20px;
	font-size: 3.6rem;
	font-weight: 900;
	color: #FF7373;
}
.faqItem dt::after{
	width: 28px;
	height: 28px;
	top: calc(50% - 14px);
	right: 20px;
	background: url("../general/counseling/img/open.svg") no-repeat 0 0;
	background-size: 100%;
}
.faqItem dt.open::after{
	background: url("../general/counseling/img/close.svg") no-repeat 0 0;
	background-size: 100%;
}
.faqItem dd{
	position: relative;
	padding: 20px 20px 20px 60px;
	font-size: 1.6rem;
	line-height: 2.0;
	border-top: 1px solid var(--main-color1);
	display: none;
}
.faqItem dd::before{
	content: 'A';
	top: 0;
	left: 22px;
	font-size: 3.6rem;
	font-weight: 900;
	color: #00A3D9;
}