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

#faq .wrap.inn{
	padding-bottom: 80px;
}

#faq .ac_area{
	border-bottom: 1px solid #CDD6DD;
}

#faq .ac_area .ac_btn{
	border-top: 1px solid #CDD6DD;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
	background-image: url("../images/faq/open@2x.png");
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding: 15px 60px 20px 0;
	display: flex;
	align-items: center;
}
#faq .ac_area .ac_btn.ac{
	background-image: url("../images/faq/close@2x.png");
}
@media screen and (min-width: 768px) {
	#faq .ac_area .ac_btn:first-of-type{
		border-top: none;
	}
}
#faq .ac_area .ac_btn .en{
	font-size: 3rem;
	color: #006CC9;
	margin-right: 35px;
	position: relative;

}
#faq .ac_area .ac_cnt{
	display: none;
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 15px 60px 35px 0;
}
#faq .ac_area .ac_cnt p + h5,
#faq .ac_area .ac_cnt p + p{
	margin-top: 1em;
}
#faq .ac_area .ac_cnt .txt02,
#faq .ac_area .ac_cnt h5,
#faq .ac_area .ac_cnt strong{
	font-weight: bold;
}
#faq .ac_area .ac_cnt .txt02 + p,
#faq .ac_area .ac_cnt h5 + p{
	margin-top: 0;
}
/*------------------------------ tab ------------------------------*/

@media screen and (max-width: 1280px) {
	

	
}
@media screen and (max-width: 1024px) {
	


}

@media screen and (max-width: 767px) {
	
	#faq .wrap.inn{
		padding-bottom: 0;
	}
	
	#faq .ac_area{
		padding-top: 14.5vw;
	}
	
	#faq .ac_area .ac_btn{
		display: block;
		padding: 10px 50px 10px 0;
	}
	#faq .ac_area .ac_btn .en{
		display: block;
		font-size: 2rem;
		margin-bottom: 9px;
	}
	#faq .ac_area .ac_cnt{
		padding: 8px 40px 35px 0;
	}
	

	

}
@media screen and (max-width: 360px) {
	

}
@media screen and (max-width: 320px) {
	
}