@charset "UTF-8";

#section02 {
	background: transparent url('/common/img/bg/bg_pattern01.png') repeat 0 0;
}

.qa_list {
	text-align: justify;
	margin: 20px 0 0;
}

	.qa_list dt {
		font-weight: bold;
		margin: 0 0 5px;
		padding: 5px 0 0 3.0em;
		position: relative;
	}

	.qa_list dt:before {
		content: 'Q';
		display: inline-block;
		margin: 0 10px 0 0;
		padding: 0 10px;
		line-height: 1.2;
		font-size: 1.7em;
		font-family: 'Raleway', sans-serif;
		font-weight: 700;
		background: #59b35e;
		color: #fff;
		border-radius: 5px;
		position: absolute;
		top: 0;
		left: 0;
	}

	.qa_list dd {
		margin: 0 0 30px;
		padding: 5px 0 0 3.0em;
		position: relative;
	}

	.qa_list dd:before {
		content: 'A';
		display: inline-block;
		margin: 0 10px 0 0;
		padding: 0 10px;
		line-height: 1.2;
		font-size: 1.7em;
		font-family: 'Raleway', sans-serif;
		font-weight: 700;
		background: #fff;
		color: #59b35e;
		border: 1px solid #59b35e;
		border-radius: 5px;
		position: absolute;
		top: 0;
		left: 0;
	}

		.qa_list dd a {
			text-decoration: underline;
		}

		.qa_list dd a:hover {
			text-decoration: none;
		}

#section02 .btn_green_wood {
	margin: 30px auto 0;
}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:480px) {
	.underlayer .ttl_section .h02 {
			letter-spacing: -0.08em;
	}
}