@charset "UTF-8";
/* CSS Document */

/* #contentHead
 * --------------------------------------- */
#contentHead {
	background-image: url(/wp-content/themes/sozoku/img/contentHead_qa.jpg);
}


/* #qa .qaList
 * --------------------------------------- */
#qa .qaList .wrapBox {
	/*border-bottom: 2px dotted #dbe9d9;*/
	margin-bottom: 40px;
	padding-bottom: 40px;
}
#qa .qaList .qaBox {
	margin-bottom: 15px;
	overflow: hidden;
}
#qa .qaList .qaBox .num {
	float: left;
	display: table;
	background-color: #f5f5f5;
	border-radius: 30px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	width: 60px;
	height: 60px;
}
#qa .qaList .qaBox .num span {
	display: table-cell;
	vertical-align: middle;
}

#qa .qaList .qBox .num {
	background-color: #568b52;
	color: #fff;
}
#qa .qaList .qBox h3 {
	border-bottom: none;
	color: #568b52;
	padding: 15px 0 0 80px;
}



#qa .qaList .aBox .num {
	background-color: #dbe9d9;
	color: #568b52;
}
#qa .qaList .aBox .txt {
	padding: 15px 0 0 80px;
	text-align: left;
}
#qa .qaList .aBox .txt p {
	margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
	#qa .qaList .wrapBox {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	#qa .qaList .qaBox {
		margin-bottom: 5px;
	}
	#qa .qaList .qaBox .num {
		border-radius: 22.5px;
		font-size: 1.8rem;
		width: 45px;
		height: 45px;
	}

	#qa .qaList .qBox h3 {
		padding: 10px 0 0 60px;
	}

	#qa .qaList .aBox .txt {
		padding: 10px 0 0 60px;
	}
}