/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@charset   "UTF-8";
#finance h2 {
	margin:				50px auto;
	font-size:			27px;
	font-weight:		bold;
}
#finance p {
	width:				70%;
	margin:				50px auto;
	font-size:			16px;
	line-height:		23px;
}
#finance img {
	width:				100%;
}
#finance section {
	width:				80%;
	max-width:			1440px;
	margin:				0 auto;
	padding:			50px 0 20px 0;
/*border:1px red solid;*/
}
#finance h3 {
	width:				100%;
	margin:				30px auto;
	text-align:			left;
	font-size:			20px;
	font-weight:		bold;
}
#finance h4 {
	width:				100%;
	text-align:			left;
	font-size:			19px;
	font-weight:		normal;
}
@media screen and ( max-width:768px ) {
	#finance h2 {
		font-size:			20px;
	}
	#finance section {
		width:				80%;
		padding-top:		40px;
		padding-bottom:		0;
	}
	#finance h3 {
		font-size:			17px;
	}
	#finance h4 {
		font-size:			15px;
	}
}

/* JAバンクエリア ****************************************/

.box {
	display: flex;
	flex-flow: column;
}
#jabank {
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
/*border:1px lime solid;*/
}
#jabank .jbcont {
	display:			inline-block;
	width:				24%;
	min-width:			245px;
	margin:				5px .5%;
	background-color:	#e4e9eb;
	border-radius:		7%;
	text-align:			left;
	vertical-align:		top;
	padding:			20px 10px;
	line-height:		23px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
#jabank .head, #jabank ul {
	width:				100%;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
#jabank .head {
	margin:				10px auto;
	font-size:			16px;
	font-weight:		bold;
}
#jabank ul {
	padding-left:		25px;
}
#jabank li {
	font-size:			15px;
}
#finance .commonBtn_P {
	width:				40%;
	margin:				30px auto;
	padding:			20px 0;
}
@media screen and ( max-width:768px ) {
	#jabank .jbcont {
		width:				80%;
		border-radius:		7px;
		line-height:		18px;
		padding:			10px 5px 10px 10px;
	}
	#jabank .head {
		margin:				5px auto;
		font-size:			15px;
	}
	#jabank li {
		font-size:			13px;
	}
	#finance .commonBtn_P {
		width:				245px;
		margin-top:			10px;
	}
}

/* 各種ローンエリア *********************************/

#loan .img_head {
	width:				620px;
	margin:				3% auto;
}
#loan h4, #loan div {
	width:				100%;
	max-width:			800px;
	margin:				20px auto;
/*border:1px lime solid;*/
}
#loan div {
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row nowrap;
	        flex-flow:			row nowrap;
	-webkit-box-pack:	start;
	    -ms-flex-pack:	start;
	        justify-content:	flex-start;
}
#loan div a {
	display:			block;
	margin:				5px;
	width:				24%;
}
#loan div a img {
	width:				100%;
}
@media screen and ( max-width:768px ) {
	#loan .img_head {
		width:				100%;
	}
	#loan div {
		-webkit-box-orient:			horizontal;
		-webkit-box-direction:			normal;
		    -ms-flex-flow:			row wrap;
		        flex-flow:			row wrap;
		-webkit-box-pack:	center;
		    -ms-flex-pack:	center;
		        justify-content:	center;
	}
	#loan div a {
		width:				47.5%;
		margin:				1%;
	}
	#loan div a img {
		width:				100%;
	}
}
@media screen and ( max-width:428px ) {
	#loan div a {
		width:				90%;
		margin:				2px auto;
	}
}

/* お知らせエリア *********************************/
#notice .consul {
	width:				80%;
	max-width:			800px;
	margin:				0 auto;
}
#notice h4 {
	width:				100%;
	font-size:			25px;
	font-weight:		bold;
	text-align:			center;
	padding:			30px 0px;
/*border:1px blue solid;*/
}
#notice .consul p {
	width:				100%;
	padding:			30px 0px;;
	-webkit-box-sizing: 		border-box;;
	        box-sizing: 		border-box;
	text-align:			center;
	margin:				0 auto;
	font-size:			18px;
/*border:1px lime solid;*/
}
#notice .consul .table {
	display:     inline-block;
	/*display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row nowrap;
	        flex-flow:			row nowrap;
	-webkit-box-align:		start;
	    -ms-flex-align:		start;
	        align-items:		flex-start;
	-webkit-box-pack:	start;
	    -ms-flex-pack:	start;
	        justify-content:	flex-start;*/
	width:				500px;
	background-color:	#e0e0e0;
	border-radius:		2px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	margin:				20px auto;
	padding:			10px;

}
#notice .consul .th {
	display:			inline-block;
	width:				85px;
	margin:				0;
	padding:			10px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	font-size:			20px;
	font-weight:		bold;
	border:				1px #0000ff solid;
	border-radius:		5px;
}
#notice .consul .td {
	margin-left:		20px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	text-align:			center;
/*border:1px lime solid;*/
}
#notice .consul .td p {
	margin:				0;
	padding:			10px;
/*border:1px blue solid;*/
}
#notice .consul .td span {
	font-size:			30px;
	font-weight:		bold;
}
#notice .consul .td br {
	display:			none;
}
@media screen and ( max-width:768px ) {
	#notice .consul {
		width:				100%;
	}
	#notice h4 {
		font-size:			19px;
	}
	#notice .consul p {
		font-size:			14px;
		padding:			25px 0px;
	}
	#notice .consul .table {
		width:				100%;
		margin:				25px auto;
		-webkit-box-orient:			vertical;
		-webkit-box-direction:			normal;
		    -ms-flex-flow:			column nowrap;
		        flex-flow:			column nowrap;
	}
	#notice .consul .th {
		width:				75px;
		font-size:			17px;
	}
	#notice .consul .td {
		margin:				0 auto;
	}
	#notice .consul .td p {
		font-size:			14px;
	}
	#notice .consul .td span {
		font-size:			25px;
	}
}
@media screen and ( max-width:428px ) {
	#notice .consul .td  br {
		display:			block;
	}
	.th{
		width: 100%
	}
}

/* 規約・方針等エリア *****************************/
#kiyaku ul {
	width:				70%;
	max-width:			800px;
	margin:				0 auto;
	list-style:			none;
}
#kiyaku li {
	margin:				15px 0px;
	padding:			0;
}
#kiyaku li a.commonBtn_P {
	width:				100%;
	text-align:			left;
	margin:				0;
	padding:			20px 0px 20px 20px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
@media screen and ( max-width:767px ) {
	#kiyaku ul {
		width:				100%;
	}
	#kiyaku li a.commonBtn_P {
		padding:			15px;
	}
}