@charset "UTF-8";

#faq .main-visual {
	height: 0;
	padding-top: 35%;
	background: url('../../images/visual/faq-visual.jpg') no-repeat;
	background-size: contain;
}
.qa-area .tal-catchcopy {
	width: 75%;
	margin: 5rem auto;
}
.qa-area .column > li {
	width: 346px;
	height: 300px;
	margin: 0 2rem 3rem 0;
	padding: 1.5rem;
	box-sizing: border-box;
	background: #f5efeb;
	border: 1px solid #5b493d;
	border-radius: 5px;
}
.qa-area .column > li:nth-child(3n) {
	margin: 0 0 3rem 0;
}
.qa-area .column > li:first-child dt,
.qa-area .column > li:nth-child(7) dt {
	height: 54px;
}
.qa-area dl {
	padding-left: 5rem;
	color: #3c2c22;
	font-size: 1.5rem;
}
.qa-area dt,
.qa-area dd {
	position: relative;
	min-height:50px;
}
.qa-area dt {
	height: auto;
	font-weight: bold;
}
.qa-area dt::before,
.qa-area dd::before {
	position: absolute;
	top: 0;
	left: -50px;
	content: "";
}
.qa-area dt::before {
	width: 40px;
	height: 41px;
	background: url('../../images/icon/i-question.png') no-repeat;
}
.qa-area dd::before {
	width: 40px;
	height: 40px;
	background: url('../../images/icon/i-answer.png') no-repeat;
}

@media screen and ( max-width: 768px ) and ( min-width: 0px ) {
	#faq .main-visual {
		padding-top: 66.5%;
		background: url('../../images/visual/sp-faq-visual.jpg') no-repeat;
		background-size: contain;
	}
	.qa-area .tal-catchcopy {
		width: 100%;
	}
	.qa-area .column > li {
		width: 100%;
		height: auto;
	}
}