section.qa {
	background-color: #f6f3f0;
	padding-bottom: min(18.7%, 140px);
}
section.qa .qa_title {
	display: block;
	width: 24.4%;
	height: auto;
	margin: 0 auto 5%;
	padding-top: 10%;
}
section.qa .accordion-area {
  list-style: none;
  width: 86.7%;
  margin:0 auto;
}
section.qa .accordion-area li {
  margin: 20px 0;
}
section.qa .title {
  position: relative;
  cursor: pointer;
  font-size:1rem;
	font-weight: bold;
  padding: 3% 9% 3% 12%;
  transition: all .5s ease;
	background: #dcd1be;
	color: #170c04;	
}
section.qa .title::before {
  position: absolute;
	content: '';
  width: 8.1%;
	height: 100%;
	top: 0;
	left: 0;
  background: url("../images/qa_03.png") center center / contain no-repeat;
	background-size: 100% auto;
}
section.qa .title::after {
  position: absolute;
  content: '';
  width: 5.3%;
  height: 100%;
  top: 0%;
  right: 3%;
  background: url(../images/qa_05.png) center center / contain no-repeat;
}
section.qa .title.close::after{
	background: url("../images/qa_02.png") center center / contain no-repeat;
}
section.qa .box {
  display: none;
	position: relative;
  background: #fff;
	color: #170c04;
  padding: 3% 3% 3% 12%;
}
section.qa .box::before {
  position: absolute;
	content: '';
  width: 8.3%;
  height: 80%;
	top: min(0.8vw, 10px);
	left: 0;
  background: url("../images/qa_04.png") top center / contain no-repeat;
}
section.qa .box p span {
	font-size: 0.7rem;
}