@charset "utf-8";
.faq_control{margin-bottom: 28px;}
.faq_all{
	position: relative;
	padding-left: 28px;
	font-weight: 500;
	font-size: 1.6rem;
	letter-spacing: 1.6px;
	line-height: 2.9rem;
	cursor:pointer;
	color: #333 !important;
}
.faq_all::before, .faq_all::after {
	position: absolute;
	content: '';
	width: 17px;
	height: 3px;
	background: #30A909;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	transition: opacity .3s;
}
.faq_all::after{transform:rotate(90deg);}
.faq_all.is-open::after{opacity:0;}
.faq_all:hover span{text-decoration: underline;}
.faq_item{
	margin-bottom: 16px;
	border-radius: 10px;
	box-shadow: 2px 3px 10px #00000014;
}
.faq_head{
	margin: 0;
	padding: 0;
}
.faq_head::before{display: none;}
.faq_btn{
	position: relative;
	font-weight: bold;
	font-size: 2.2rem;
	letter-spacing: 1.1px;
	line-height: 3.2rem;
	padding: 25px 70px 25px 65px;
	cursor:pointer;
	width: 100%;
	display: block;
	text-align: left;
	transition: color .3s;
	color: #333 !important;
}
.faq_btn:hover{color:#178748 !important;}
.faq_btn::before,
.faq_btn::after{
	position:absolute;
	content:'';
	width:17px;
	height:3px;
	background:#30A909;
	top:0;
	bottom:0;
	right:30px;
	margin:auto;
	transition:opacity .3s;
}
.faq_btn::after{transform:rotate(90deg);}
.faq_btn.is-open::after{opacity:0;}
.faq_btn span{position:relative;}
.faq_btn span::before{
	position: absolute;
	content: 'Q.';
	font-weight: bold;
	font-size: 2.2rem;
	letter-spacing: 1.1px;
	line-height: 3.2rem;
	color: #30A909;
	top: 0;
	left:-35px;
	bottom: 0;
	margin: auto;
}
.faq_txt{
	display:none;
	position:relative;
	margin: 0 30px;
}
.faq_txt_in{
	position:relative;
	padding: 15px 0 30px 35px;
	border-top:1px dotted #ddd;
}
.faq_txt_in::before{
	position:absolute;
	content:'A.';
	font-weight: bold;
	font-size: 2rem;
	letter-spacing: 1px;
	line-height: 2.9rem;
	color: #ACACAC;
	top:15px;
	left:5px;
}
.faq_txt_in > *:first-child{margin-top:0 !important;}
.faq_txt_in > *:last-child{margin-bottom:0 !important;}
.faq_txt_in h4{
	font-size: 1.8rem;
	letter-spacing: 0.9px;
	line-height: 2.6rem;
}
.faq_txt_in p{margin-bottom: 10px !important;}
.faq_txt_in img{
	border-radius: 0;
	margin-bottom: 20px;
}
@media screen and (max-width:1024px){
.faq_item{margin-bottom: 12px;}
.faq_btn{
	position: relative;
	font-weight: bold;
	font-size: 1.8rem;
	letter-spacing: 0.9px;
	line-height: 2.6rem;
	padding: 20px 50px 20px 50px;
}
.faq_btn::before,
.faq_btn::after{
	right:20px;
}
.faq_btn span::before{
	font-size: 1.8rem;
	letter-spacing: 0.9px;
	line-height: 2.6rem;
	left:-30px;
}
.faq_txt{margin: 0 20px;}
.faq_txt_in{
	position:relative;
	padding: 15px 0 25px 30px;
	border-top:1px dotted #ddd;
}
.faq_txt_in::before{
	font-size: 1.8rem;
	letter-spacing: 0.9px;
	line-height: 2.6rem;
	left:0;
}
}

@media screen and (max-width:767px){
.faq_control{margin-bottom: 15px;}
.faq_all{
	position: relative;
	padding-left: 21px;
	font-size: 1.3rem;
	letter-spacing: 1.3px;
}
.faq_all::before, .faq_all::after {width: 13px;}
.faq_item{margin-bottom: 12px;}
.faq_btn{
	font-size: 1.6rem;
	letter-spacing: 0.8px;
	line-height: 2.4rem;
	padding: 16px 40px 16px 40px;
}
.faq_btn::before,
.faq_btn::after{
	width:13px;
	height:3px;
	right:14px;
}
.faq_btn span::before{
	font-size: 1.6rem;
	letter-spacing: 0.8px;
	line-height: 2.4rem;
	left:-25px;
}
.faq_txt{margin: 0 15px;}
.faq_txt_in{padding: 16px 0 16px 25px;}
.faq_txt_in::before{
	font-size: 1.4rem;
	letter-spacing: 0.7px;
	line-height: 2rem;
	top:18px;
	left:2px;
}
.faq_txt_in h4{
	font-size: 1.4rem;
	letter-spacing: 0.7px;
}
}