/* CSS Document */


#faq article {
  padding: 40px 0;
}
#faq .inner {
	max-width: 1100px;
}
#faq h3 {
	font-size: 120%;
  line-height: 1.4;
  text-align: center;
  background: #eee;
  border-radius: 5px;
  padding: 10px;
  margin: 0 0 10px;
}
#faq dl {
	padding: 15px 20px;
	margin: 0 20px;
	border-bottom: 1px solid #ddd;
}
#faq dl dt,
#faq dl dd {
  padding-left: 40px;
  position: relative;
}
#faq dl dt::before,
#faq dl dd::before {
	font-family: 'M PLUS 1p';
	font-size: 110%;
  font-weight: 600;
	color: #fff;
	border-radius: 100%;
	width: 33px;
	height: 33px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	margin-right: 10px;
	position: absolute;
  left: 0;
}
#faq dl dt {
	font-size: 115%;
	font-weight: 600;
  line-height: 1.4;
	color: #7b4615;
  cursor: pointer;
  padding: 15px 0 15px 40px;
}
#faq dl dt::before {
	content: 'Q';
	background: #7b4615;
	top: 10px;
}
#faq dl dt:hover,
#faq dl dt.active {
	color: #b80103;
}
#faq dl dt:hover::before,
#faq dl dt.active::before {
	background: #b80103;
}
#faq dl dd {
  display: none;
  margin: 0 0 10px;
}
#faq dl dd::before {
	content: 'A';
  background: #ddc200;
  width: 27px;
  height: 27px;
  top: 0;
  left: 6px;
}
#faq dl dd a {
	text-decoration: underline;
}





@media screen and (max-width: 480px) {
  
	#faq article {
    padding: 40px 0;
  }
	#faq dl {
    padding: 10px 0;
    margin: 0 10px;
  }
	#faq dl dt {
    font-size: 110%;
  }
	
	
	
	
	
	
	
	
	
}