@charset "UTF-8";
/* faq */
.faq:before{
	background:  url(../images/ico_faq.svg) #5db25f 9px center no-repeat;
	background-size: 15px 18px;
}
.bg_white{
	padding: 20px;
}
.faqArea:not(:last-child) {
	margin: 0 0 40px;
}
.faqIn{
	border: 1px solid #5db25f;
	border-radius: 5px;
	margin: 0 0 10px;
	overflow: hidden;
}
.faqIn:last-child{
	margin: 0;
}
.faqIn + .subTit{
	margin: 8px 0 12px 0;
}

/* 見出し */
.areaTit{
	margin: 0 0 18px 0;
	padding: 12px 16px;
	font-size: 2.0rem;
	color: #47b14a;
	background: #f0f7ef;
	border-radius: 8px 8px 0 0;
}

.titQ {
	font-size: 1.5rem;
	padding: 20px;
	transition:0.4s;
	position: relative;
	cursor: pointer;
}
.titQ > h4{
	position: relative;
	padding: 0 30px;
}
.titQ > h4::before{
	content: 'Q';
	position: absolute;
	font-size: 30px;
	color:#5db25f;
	font-family: 'Roboto Condensed', sans-serif;
	left: 0;
	top: 50%;
	margin-top: -9px;
}
.faqArea .txtA{
	position: relative;
	font-size: 1.5rem;
	border-radius: 5px;
	padding:0 20px 20px;
}
.faqArea .txtA p{
	background: #f0f7ef;
	padding: 30px 30px 30px 60px;
	position: relative;
	border-radius: 5px;
}
.faqArea .txtA p::before{
	content: 'A';
	position: absolute;
	font-size: 30px;
	color:#5db25f;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	left: 15px;
	top: 50%;
	margin-top: -9px;
}
.titQ .ico{
	width:24px;
	height:24px;
	padding:0;
	position:absolute;
	top:50%;
	right:20px;
	margin:-12px 0 0 0;
}
.titQ .ico::before,.titQ .ico::after{
	content:' ';
	display:block;
	width:12px;
	height:2px;
	background-color:#444;
	position:absolute;
	top:11px;
	left:6px;
}
.titQ .ico::after{
	transform:rotate(90deg);
	transition:transform 0.15s;
}
.titQ.close_btn .ico::after{
	transform:rotate(0deg);
}
@media screen and (max-width:668px){
	.faq:before{
		background:  url(../images/ico_faq.svg) #5db25f 6.5px center no-repeat;
		background-size: 12px 15px;
	}
	.bg_white{
		padding: 15px;
	}
	.faqArea:not(:last-child) {
		margin: 0 0 26px;
	}
	.faqIn + .subTit{
		margin: 4px 0 12px 0;
	}

	/* 見出し */
	.areaTit{
		margin: 0 0 14px 0;
		padding: 10px 16px;
		font-size: 1.8rem;
		border-radius: 6px 6px 0 0;
	}

	.titQ {
		padding: 15px 50px 15px 20px;
	}
}
/*ボタン*/
/* グレー */
.backBtnArea {
    text-align: center;
}
a.btn03{
	color: #FFF;
	background: #818181;
}
a.btn03:before{
	background: url(../images/ico_arrowLf.svg) #FFF center 7px no-repeat;
	background-size: 11px 6px;
}
a.btn03:before {
	left: 15px;
}
a.btn:hover:before {
	left: 10px;
}