#title {
	background: url("../img/title_faq.jpg") no-repeat center center / cover;
}
.txt {
	text-align: center;
	margin-bottom: 3em;
}
.faq_a {
    display: none;
}
.faq_q {
	background-color: var(--maincolor);
	border-radius: 10px;
	color: #fff;
	font-size: var(--f20);
	font-weight: 700;
  	padding: 1em 2.5em 0.8em;
  	margin: 1em 0 0;
  	transition: background .3s ease;
  	cursor: pointer;
  	position: relative;
}

.faq_q::before,
.faq_q::after {
  	position:absolute;
  	content:'';
  	top:1px;
  	right:1em;
  	bottom:0;
  	width:1em;
  	height:2px;
  	margin:auto;
  	background:#fff;
}
.faq_q::after {
  	transform:rotate(-90deg);
  	transition:transform 0.3s;
}
.faq_q.active::after {
	transform:rotate(0deg);
}
.faq_q .q {
	font-size: var(--f24);
	display: block;
	margin-right: 0.3em;
	position: absolute;
	top: 0.6em;
	left: 0.6em;
}

.faq_a {
  	background-color: #fff5eb;
	border-radius: 10px;
	margin-top: 0.8em;
  	padding: 1em 1em 0.8em;
}
.ye .faq_a {
	background-color: #fff;
}
.faq_a .answer_head {
	color: var(--maincolor);
	font-size: var(--f20);
	font-weight: 700;
	margin-bottom: 0.3em;
}
.faq_a .a {
	font-size: var(--f24);
	display: inline-block;
	margin-right: 0.3em;
}
.faq_a .answer {
	margin-left: 2.2em;
	margin-bottom: 0;
}
@media screen and (min-width: 768px) {
	.faq {
		width: 70%;
		margin: auto;
		max-width: 1000px;
	}
}