@charset "utf-8";



/* --------------------------------------------------------------------------------
　【PC】よくある質問
-------------------------------------------------------------------------------- */
/********** 大見出し **********/
#faq h2 {
	margin: 0 0 30px;
	padding: 10px 22px;
	border-radius: 4px 4px 0 0;
	border-bottom: none;
	color: #fff;
	background: #0b4a92;
	font-size: 24px;
}


/********** 質問 **********/
#faq section h3 {
	display: flex;
	width: 100%;
	
	margin: 0 0 1px;
	padding: 8px 40px 8px 8px;
	font-size: 16px;
	background: #eee url("../../images/f/faq/icon-arr-down.png") no-repeat calc(100% - 11px) 15px;
	background-size: 18px 10px;
	
	cursor: pointer;
}
#faq section h3::before {
	display: flex;
	justify-content: center;
	align-items: center;
	
	content: 'Q';
	
	width: 25px;
	height: 25px;
	margin: 0 12px 0 0;
	font-size: 18px;
	color: #fff;
	background: #0b4a92;
}
#faq section h3 span {
	display: block;
	width: 100%;
	line-height: 1.7;
}


/********** faq-a **********/
#faq section .faq-a {
	display: none;
	padding: 14px 8px 38px;
}
#faq section .faq-a .faq-a-wrapper {
	display: flex;
	width: 100%;
}
#faq section .faq-a .faq-a-wrapper::before {
	display: flex;
	justify-content: center;
	align-items: center;
	
	content: 'A';
	
	width: 25px;
	height: 25px;
	margin: 6px 12px 0 0;
	font-size: 18px;
	color: #fff;
	background: #c66;
}
#faq section .faq-a .faq-a-box {
	width: 100%;
	line-height: 2.3;
}


/********** アクティブ時 **********/
#faq section.active h3 {
	background-image: url("../../images/f/faq/icon-arr-up.png");
}