@charset "utf-8";
/*+++++++++++++++++
faq
+++++++++++++++++*/
#faq #ez-toc-container {
}
#faq #ez-toc-container ul {
	justify-content:center;
}
.faqbox {
	margin: 100px 0 0; 
}
.faq-title {
	margin: -100px 0 30px;
	border-bottom: 1px solid var(--gray);
	padding: 100px 0 20px;
}
#faq .togglebox {
	margin: 0 0 10px;
	position: relative;
	overflow: hidden;
	/* border: 1px solid var(--darkblue); */
}
#faq .togglebox .wp-block-image img {
	width:auto;
}
#faq .togglebox dt{
	padding: 20px 20px 20px 66px;
	cursor: pointer;
	overflow: hidden;
	font-size: var(--font-h6);
	position: relative;
}
#faq .togglebox dt:before {
	content: "Q";
	background: var(--gray);
	width: 50px;
	height: 53px;
	position: absolute;
	font-family: var(--engs);
	display: flex;
	color: var(
	--black);
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#faq .togglebox dt.active:before {
}
#faq .togglebox dt.active {
	/* border-radius: 50px 50px 0 0; */
	background: var(--darkblue);
	border-bottom: 1px solid var(--darkblue);
	color: var(--white);
}
#faq .togglebox dd{
	padding: 33px 0 40px 66px;
	display: none;
	border-bottom: 1px solid var(--lightgray);
	position: relative;
	margin: 0 0 30px;
}
#faq .togglebox dd p {
	font-size:var(--font-em);
}
#faq .togglebox dd:before {
	content:"A";
	background: var(--black);
	width: 50px;
	height: 53px;
	position: absolute;
	font-family: var(--engs);
	display: flex;
	color: var(--white);
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	left: 0;
	top: 2rem;
	margin: auto;
}

@media screen and (min-width: 1024px) {
#faq .togglebox dd{
	padding: 33px 40px 40px 66px;
}
#faq .togglebox dd p {
	font-size:inherit;
}	
}