/* ===================================================================
CSS
 file name  :  loan.css
=================================================================== */
@media screen and (min-width: 769px) {
/* =====================================
住宅ローンのこと本当に分かってる？
======================================== */
#loan p{
	margin-top: 20px;
}
#loan h4{
	color:#00306D;
	float:left;
	width:370px;
	margin-top:20px;
	font-size:18px;
}
#loan #text01{
	float:left;
	width:370px;
	margin-top:20px;
}
#loan #img01{
	float:right;
	width:300px;
	margin-top:30px;
}
#loan #text02{
	text-align:center;
	font-size:18px;
}
#loan #text03{
	float:right;
	width:450px;
	margin-top:30px;
}
#loan #text04{
	float:left;
	width:200px;
	margin-top:30px;
	text-align:center;
}
#loan #text04 a{
	display:block;
	margin-top:5px;
	color:#0085B2;
}
#loan #text04 a:hover{
	color:#0171FF;
}
#loan .red{
	color:#FF0000;
	font-size:22px;
}
}
@media screen and (max-width: 768px ){
/* スマートフォン用のスタイル記述 */
/* =====================================
住宅ローンのこと本当に分かってる？
======================================== */
#loan p{
	margin:10px 20px;
}
#loan h4{
	color:#00306D;
	margin:10px 20px;
	font-size:120%;
}
#loan #text01{
	margin:10px 20px;
}
#loan #img01{
	margin:10px 20px;
	text-align:center;
}
#loan #text02{
	text-align:center;
	font-size:120%;
}
#loan #text03{
	margin:10px 20px;
	text-align:center;
}
#loan #text04{
	margin:10px 20px;
	text-align:center;
}
#loan #text04 a{
	display:block;
	margin-top:5px;
	color:#0085B2;
}
#loan .red{
	color:#FF0000;
	font-size:140%;
}
}