@charset "utf-8";
/* CSS Document */

.faq{
	margin-bottom:2em;
}
.faq-nav h3{
	color:#FFF;
	padding-bottom:10px;
	font-size:1.7rem;
	background:#436983;
	padding:1em 2em;
	position:relative;
	cursor:pointer;
}
.faq-nav h3::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0fe";
	position:absolute;
	right:10px;
}
.faq-nav h3.open::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f146";
	position:absolute;
	right:10px;
}
.faq div.faq-nav:first-of-type h3::after{
	content: "\f146";
}
.faq div.faq-nav:first-of-type h3.open::after{
	content: "\f0fe";
}
.faq-nav {
	margin-bottom:2em;
}
.faq-nav p a{
	text-decoration:underline;
}
.faq-nav .faq-btn > li > a{
	padding:1em 2em;
	display:block;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	position:relative;
}
.faq-nav .faq-btn > li > a:hover{
	background:#EFEFEF;
}
.faq-nav .faq-btn > li > a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-1rem;
}
.faq-nav .faq-btn .faq-link-head::before{
	content: "\f106";
	color:#B69F17;
}
.faq-nav .faq-btn .faq-link-head.open::before{
	content: "\f107";
	color:#B69F17;
}
.faq-nav .faq-link{
	padding:1em 2em;
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
}
.ac-panel{
	display:none;
}

@media screen and (max-width: 767px) {
	.faq-nav h3{
		font-size:1.3rem;
		padding:.5em 1em;
	}	
}