/* ===================================================================
CSS information
 file name  :  qa.css
 style info :  質問ページ用（qa.css）
=================================================================== */
body {
	background-color:#FFFFFF;
}
.red {
	color: #ff0000;
}


/* PC用のスタイル記述 */
@media screen and (min-width: 760px) {
	
	.qa {
	}
	.qa dl {
		font-size: 16px;
		margin: 0 20px 20px 20px;
		padding-bottom: 20px;
		border-bottom: #000000 1px solid;
	}
	.qa dl dt {
		float: left;
		width: 40px;
		font-weight: bold;
		line-height: 1.6;
	}
	.qa dl dt.qu {
		margin-bottom: 10px;
		color: blue;
	}
	.qa dl dt.an {
		color: red;
	}
	.qa dl dd {
		float: right;
		width: 900px;
	}
	.qa dl dd.qu {
		font-size: 20px;
		font-weight:bold;
		margin-bottom: 10px;
	}
	.qa dl dd.an {
		font-size: 18px;
		line-height: 1.6;
	}
	.qa dl dd.link {
		margin-top: 10px;
		text-align: right;
	}
	
}



/* スマートフォン用のスタイル記述 */
@media screen and (max-width: 760px) {
	
	.qa {
	}
	.qa dl {
		margin: 0 10px 10px 10px;
		padding-bottom: 10px;
		border-bottom: #000000 1px solid;
	}
	.qa dl dt {
		float: left;
		width: 20px;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.6;
	}
	.qa dl dt.qu {
		color: blue;
	}
	.qa dl dt.an {
		color: red;
	}
	.qa dl dd {
	}
	.qa dl dd.qu {
		margin-bottom: 10px;
	}
	.qa dl dd.an {
		line-height: 1.6;
	}
	.qa dl dd.link {
		margin-top: 10px;
		text-align: right;
	}
	
}