@charset "utf-8";

.faq_section{
	border-bottom: 1px solid #000;
}
.faq_section:first-of-type{
	border-top: 1px solid #000;
}
.faq_section h2{
	padding: 40px 0;
	cursor: pointer;
	transition: background-color 0.5s ease;
}
.faq_section h2:hover{
	background-color: rgba(146,166,183,0.5);
}
.faq_section h2:after{
	content: "";
	display: block;
	background: url("../images/common/arrow01_down_black.png");
	background-size: 100%;
	width: 9px;
	height: 17px;
	position: absolute;
	right: 16px;
	top: calc(50% - 8px);
	transition: all 0.5s ease;
}
.faq_section h2.open:after{
	transform: rotate(180deg);
}
.faq_section h2.open:hover{
	opacity: 1;
}
.faq_list{
	padding-bottom: 40px;
	display: none;
}
.faq_list .inner{
	background-color: #f3f3f1;
	padding: 40px;
}
.faq_list .inner + .inner{
	margin-top: 40px;
}
.faq_list dt,
.faq_list dd{
	padding-left: calc(1em + 10px);
}
.faq_list dt:before,
.faq_list dd:after{
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
}
.faq_list dt:before{
	content: "Q";
}
.faq_list dd:after{
	content: "A";
}

@media screen and (max-width: 540px){
	.faq_section h2{
		padding: 32px 0;
	}
	.faq_list{
		padding-bottom: 32px;
	}
	.faq_list .inner{
		padding: 16px;
	}
	.faq_list .inner + .inner{
		margin-top: 32px;
	}

	

}