@charset "utf-8";
#faqlist{
	padding-top:40px;
	padding-left:0;	
}
#faqlist .entry{
	margin-bottom: 20px;
    border-bottom: 1px dashed var(--medium-bg);
    padding-bottom: 20px;
}
#faqlist .entry .title{
	cursor:pointer;	
	font-size:24px;
	position:relative;
	padding-left:40px;
	line-height:26px;
	font-weight:600;
}
#faqlist .entry .title:hover{
	color:var(--main-color);	
}
#faqlist .entry.open .title{
	font-weight:600;
	color:var(--main-color);
	font-size:24px;	
}
#faqlist .entry .title:before{
	content:'\f059';
	font-family:'Font Awesome 5 Pro';
	font-size:22px;
	position:absolute;
	left:0;
	top:2px;
	height:22px;
	line-height:22px;
	width:30px;
	text-align:center;
	color:var(--main-color);
}
#faqlist .entry.open .title:before{
	content:'\f068';
}
#faqlist .entry .desc{
	display:none;
	border-left: 2px dashed var(--main-color);
    padding-left: 30px;
    margin-left: 13px;
    padding-top: 10px;	
}

@media only screen and (max-width: 767px) {
	#faqlist .entry .title{
		font-size:20px;
	}
	#faqlist .entry.open .title{
		font-size:20px;	
	}
	#faqlist .entry .desc{
		word-break: break-word;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	#faqlist .entry .title{
		font-size:20px;
	}
	#faqlist .entry.open .title{
		font-size:20px;	
	}
	#faqlist .entry .desc{
		word-break: break-word;
	}
}
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
	
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	
}
@media only screen and (min-width: 1401px) {
	
}