/* ===================================================================
CSS
 file name  : help.css
=================================================================== */
@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
/* =====================================
金利
======================================== */
#container{
	width:640px;
	margin:auto;
	padding:0 0 30px 0;
}
#container h1{
	background:#00306D;
	color:#FFFFFF;
	padding:10px 20px;
	font-weight:bold;
	font-size:22px;
}
#container h2{
	border-top:3px solid #00306D;
	border-bottom:1px solid #00306D;
	color:#00306D;
	font-size:18px;
	padding:10px 0;
	font-weight:bold;
	margin-top:20px;
}
#container h3{
	color:#00306D;
	font-weight:bold;
	margin-top:20px;
}
#container h3:before{
	content: "\f192";
	font-family: FontAwesome;
	margin-right:5px;
}
.kinri_wrap{
	width:600px;
	margin:auto;
	padding:0 0 30px 0;
}
.kinri_wrap .sub_title{
	margin-top:-15px;
}
.kinri_wrap p{
	margin-top:10px;
}
.kinri_wrap table.merit{
	font-size:12px;
	margin-top:20px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
.kinri_wrap table.merit th{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:10px;
}
.kinri_wrap table.merit td{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:10px;
}
.kinri_wrap table.merit thead th{
	background:#FFFFCC;
}
.kinri_wrap table.merit tbody th{
	background:#FFD0D0;
	white-space:nowrap;
}
.kinri_wrap table.merit .sell_w{
	width:170px;
}
/* =====================================
閉じるボタン
======================================== */
#close .btn{
	background:#00306D;
	width:120px;
	margin:20px auto 0;
}
}
@media screen and (max-width : 768px ){
/* スマートフォン用のスタイル記述 */
/* =====================================
金利
======================================== */
#container{
	width:100%;
}
#container h1{
	background:#00306D;
	color:#FFFFFF;
	padding:10px 20px;
	font-weight:bold;
	font-size:140%;
}
#container h2{
	border-top:3px solid #00306D;
	border-bottom:1px solid #00306D;
	color:#00306D;
	font-size:120%;
	padding:10px 0;
	font-weight:bold;
	margin-top:20px;
}
#container h3{
	color:#00306D;
	font-weight:bold;
}
#container h3:before{
	content: "\f192";
	font-family: FontAwesome;
	margin-right:5px;
}
.kinri_wrap{
	margin:10px;
	box-sizing:border-box;
}
.kinri_wrap .sub_title{
	margin-top:-15px;
}
.kinri_wrap p{
	margin-top:10px;
}
.kinri_wrap table.merit{
	margin-top:10px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	width:100%;
	box-sizing:border-box;
}
.kinri_wrap table.merit th{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:10px;
}
.kinri_wrap table.merit td{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:10px;
}
.kinri_wrap table.merit thead th{
	background:#FFFFCC;
}
.kinri_wrap table.merit tbody th{
	background:#FFD0D0;
	white-space:nowrap;
}
.kinri_wrap table.merit .sell_w{
	width:26%;
}
/* =====================================
閉じるボタン
======================================== */
#close .btn{
	background:#00306D;
	width:80%;
	padding:5px 0;
	margin:20px auto;
}
}