@charset "utf-8";

.header_wrap {
	margin-bottom: 30px;
}

#qa {
	border-top: 1px solid #ddd;
}

#qa .item {
	padding: 20px;
	border-bottom: 1px solid #ddd;
}

#qa h2 {
	background: url(../img/icon_q.gif) left top no-repeat;
	margin-bottom: 15px;
	padding-left: 40px;
	font-weight: bold;
	font-size: 123%;
	color: #15a164;
	line-height: 21px;
}

#qa .body {
	background: url(../img/icon_a.gif) left top no-repeat;
	padding-left: 40px;
	font-size: 107%;
}

#qa .body .caption {
	margin: 25px 0 5px 0;
}

#qa .body table {
	table-layout: fixed;
	width: 100%;
}

#qa .body th {
	vertical-align: middle;
	text-align: center;
	background: #e5e5e5;
	padding-top: 12px;
	padding-bottom: 8px;
	font-size: 107%;
}

#qa .body td {
	padding: 10px 15px;
	font-size: 107%;
	text-align: center;
}
@media only screen and (max-width: 705px) {
	
	.header_wrap { margin-bottom: 20px; }
	
	#qa {
		margin: 0 -15px;
	}
	
	#qa .item {
		padding: 15px;
	}
	
	#qa h2 {
		background: url(../img_sp/icon_q.gif) left top no-repeat;
		background-size: 15px auto;
		margin-bottom: 15px;
		padding-left: 25px;
		font-weight: bold;
		font-size: 92%;
		color: #15a164;
		line-height: 17px;
	}
	
	#qa .body {
		background: url(../img_sp/icon_a.gif) left top no-repeat;
		background-size: 15px auto;
		padding-left: 25px;
		font-size: 92%;
	}
	
	#qa .body .caption {
		margin: 10px 0 5px 0;
	}

	#qa .body table {
		table-layout: fixed;
		width: 100%;
	}

	#qa .body th {
		vertical-align: middle;
		text-align: center;
		background: #e5e5e5;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 12px;
	}

	#qa .body td {
		padding: 15px 15px;
		font-size: 12px;
		text-align: center;
	}
}