@charset "utf-8";



.breadcrumb__list{
	padding: 0 0 5vw;
}

/* --------------------------------------------------------------------------------
　【スマートフォン】よくある質問
-------------------------------------------------------------------------------- */
/********** 大見出し **********/
#faq h2 {
	margin: 0 0 5.5vw;
	padding: 2vw 3vw;
	border-radius: 0.9vw 0.9vw 0 0;
	border-bottom: none;
	color: #fff;
	background: #0b4a92;
	font-weight: normal;
	font-size: 4.8vw;
}


/********** 質問 **********/
#faq section h3 {
	display: flex;
	width: 100%;
	
	margin: 0 0 0.5vw;
	padding: 2vw 8.5vw 2vw 2vw;
	background: #eee url("../../images/f/faq/icon-arr-down.png") no-repeat calc(100% - 1.6vw) 50%;
	background-size: 4.2vw 2.2vw;
	
	cursor: pointer;
}
#faq section h3::before {
	display: flex;
	justify-content: center;
	align-items: center;
	
	content: 'Q';
	
	width: 8vw;
	height: 8vw;
	margin: 0 2vw 0 0;
	font-size: 4.8vw;
	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: 2vw 2vw 9vw 2vw;
}
#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: 8vw;
	height: 8vw;
	margin: 0 2vw 0 0;
	font-size: 4.8vw;
	color: #fff;
	background: #c66;
}
#faq section .faq-a .faq-a-box {
	width: 100%;
	line-height: 1.7;
}


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