@charset "UTF-8";

/* subCol */
#subCol .loan-simulation {
	margin-top: 10px;
	margin-bottom: 10px;
	background: #FAFAFA;
}
	#subCol .loan-simulation .title {
		background: #008CA2;
    	position: relative;
	}
	#subCol .loan-simulation .title:before {
    	content: "";
    	width: 41px;
    	height: 35px;
    	display: block;
    	background: url(/files/400333909.png) no-repeat;
    	position: absolute;
    	top: 9px;
    	right: 12px;
	}
	#subCol .loan-simulation .title img {
    	display: block;
	}
	#subCol .loan-simulation ul {
    	margin: 0;
    	list-style: none;
	}
	#subCol .loan-simulation li {
		border-bottom: dotted 1px #bbb;
	}
	#subCol .loan-simulation li a {
    	display: block;
    	text-decoration: none;
    	color: #333;
    	font-size: 85.7%;
    	padding: 10px 15px 15px;
    	line-height: 1.4;
	}
	#subCol .loan-simulation li a span {
    	display: block;
    	color: #008CA2;
    	font-size: 116.6%;
    	margin-bottom: 9px;
    	background: url(/files/400333905.png) no-repeat right 2px;
    	background-size: 7px auto;
	}
	
#subCol .sub-banner {
	margin-bottom: 10px;
}
	#subCol .sub-banner ul {
    	margin: 0;
    	list-style: none;
	}
	#subCol .sub-banner li {
		margin-bottom: 5px;
	}
	#subCol .sub-banner li img {
    	display: block;
    	margin: 0 auto;
	}

/* index */
.pageHead-image {
	position: relative;
	border: solid 1px #deedf1;
	text-align: right;
	padding: 10px 10px 0;
	background: #eef6f8;
}
	.pageHead-image > img {
    	width: auto !important;
    	display: block;
    	margin: 0 auto 10px;
	}
	.pageHead-image .icon.arrow {
		background-color: transparent !important;
	}
	.pageHead-image .rate {
	}
		#mainBody .pageHead-image .rate table {
			border-collapse: separate;
			width: 100%;
        	border: solid 1px #215e9c;
        	border-spacing: 0;
        	border-radius: 3px;
        	background: #fff;
        	margin: 0;
		}
		#mainBody .pageHead-image .rate table thead th {
        	font-weight: normal;
        	text-align: left;
        	background: #215e9c;
        	color: #fff;
        	font-size: 0.75rem;
        	padding: 3px;
        	overflow: hidden;
        	border-top: none !important;
		}
		#mainBody .pageHead-image .rate table thead th strong {
        	font-size: 0.8125rem;
		}
		#mainBody .pageHead-image .rate table thead th .fsS {
        	float: right;
        	margin: 3px 2px 0 0;
		}
		#mainBody .pageHead-image .rate table tbody th {
			text-align: center;
			color: #215e9c;
			border-top: dotted 1px #215e9c;
			padding: 8px 2px;
			background: none;
			font-size: 0.625rem;
		}
		#mainBody .pageHead-image .rate table tbody td {
        	text-align: center;
        	color: #d83400;
        	border: none;
			border-left: dotted 1px #215e9c;
			border-top: dotted 1px #215e9c;
			font-weight: bold;
			vertical-align: middle;
			padding: 0 2px;
        	font-size: 0.6875rem;
		}
		#mainBody .pageHead-image .rate table tbody td span {
			font-weight: normal;
		}
		#mainBody .pageHead-image .rate table tbody td span.fsS {
        	font-size: 0.5rem;
			font-weight: bold;
		}
		#mainBody .pageHead-image .rate table tbody td span.fsL {
			font-weight: normal;
			display: inline-block;
			margin: 0 4px;
		}
		#mainBody .pageHead-image .rate table tbody tr:first-child th,
		#mainBody .pageHead-image .rate table tbody tr:first-child td {
			border-top: none;
		}
		#mainBody .pageHead-image .rate table tbody td .fsL {
        	font-size: 1.125rem;
		}


.itemBlockH2 .col-2 .item {
	margin-bottom: 15px;
}
	.itemBlockH2 .col-2 .item + .item {
		margin-top: 25px;
	}
	.itemBlockH2 .col-2 .item .inBlockLimg img {
	    max-width: 30%;
	    margin-top: 0;
	    margin-right: 5%;
	    float: left;
	    width: auto;
	}
	.itemBlockH2 .col-2 .item .inBlockLimg p.fsL {
    	color: #001F77;
    	margin-left: 35%;
    	overflow: hidden;
	}
	.itemBlockH2 .col-2 .item .inBlockLimg p + p {
		margin-top: 5px;
		line-height: 1.5;
    	margin-left: 35%;
    	overflow: hidden;
	}

.lineBlock {
	border: solid 3px #F6F6F6;
	margin: 5px 0 0;
	padding: 5px 10px;
}
	.lineBlock .col-2 .item h4 {
    	background: #26317D;
    	color: #FFF;
	}
	.lineBlock .col-2 .item h4 a {
    	color: #FFF;
    	display: block;
    	text-align: center;
        padding: 10px 0;
	}
	.lineBlock .col-2 .item h4 a span {
		width: 335px;
    	display: table-cell;
    	vertical-align: middle;
    	line-height: 1.4;
	}
	.lineBlock .col-2 ul {
    	list-style: none;
		margin: 0;
	}
	.lineBlock .col-2 li {
		background: url(/files/400333790.png) no-repeat left 2px;
		padding-left: 25px;
		color: #E3662A;
		font-weight: bold;
		margin: 12px -30px 13px 0;
	}
	.lineBlock .col-2 li:first-child {
		margin-right: 10px;
	}
	.lineBlock .col-2 li span {
    	font-size: 0.75rem;
	}
	.lineBlock .col-2 .item .link a {
		width: 234px;
		margin: 19px auto 0;
		padding: 4px 0 5px;
    	display: block;
 		background: #F6F6F6 url(/files/400338992.png) no-repeat 11px center;
		text-align: center;
    	border-radius: 3px;
	}

.itemBlockH2 .title.lv2 {
	overflow: hidden;
}
	.itemBlockH2 .title.lv2 a.more {
		background: url(/files/400333731.gif) no-repeat 0 50%;
		font-size: 0.625rem;
		margin-top: 3px;
		padding-left: 8px;
		display: inline-block;
		float: right;
	}
.block-loan_voice .col-5 { border-bottom: 1px solid #EEE; }
	.block-loan_voice .col-5 .item { background: #FFF; padding: 10px; position: relative; }
	.block-loan_voice .col-5 .item+.item { border-top: 1px dotted #DDD; }
	.block-loan_voice .col-5 .item a { display: block; }
	.block-loan_voice .col-5 .thumb { float: left; margin-right: 10px; width: 90px; }
	.block-loan_voice .col-5 .title { margin: 0 0 10px; padding-left: 8px; overflow: hidden; display: block; margin-left: 100px; height: auto !important; background: url(/files/400333731.gif) no-repeat left 4px; }
	.block-loan_voice .col-5 .desc { margin: 0; overflow: hidden; display: block; margin-left: 100px; }
	.block-loan_voice .col-5 .item .tag { color: #000C66; overflow: hidden; display: block; margin-left: 100px; }
		.block-loan_voice .col-5 .item .tag span { border: 1px solid #000C66; display: inline-block; line-height: 1; margin: 5px auto 0; padding: .25em .5em; }

.btn-nav01 ul {
	list-style: none;
	margin-top: 15px;
}
	.btn-nav01 li {
		width: 49%;
		float: left;
		margin-left: 2%;
		margin-bottom: 5px;
	}
	.btn-nav01 li:nth-child(2n+1) {
		margin-left: 0;
	}
	.btn-nav01 li a {
		height: 40px;
    	display: table;
    	border: solid 2px #0087CF;
    	border-radius: 2px;
    	text-align: center;
    	font-size: 0.75rem;
    	text-decoration: none;
    	color: #333;
    	line-height: 1.3;
    	padding-right: 10px;
    	background: url(/files/400338990.png) no-repeat 95% center;
    	background-size: 5px auto;
	}
	.btn-nav01 li a span {
		width: 176px;
		display: table-cell;
		vertical-align: middle;
	}

.block-condition {
	margin-top: 30px;
}
	.block-condition .lineBlock {
    	padding-bottom: 15px;
	}
	.block-condition .lineBlock h3 {
    	text-align: center;
    	background: #215E9C;
    	margin: -8px -13px 13px;
    	padding: 10px 0 9px;
    	font-size: 0.875rem;
    	color: #fff;
	}
	.block-condition .inBlockLimg {
		overflow: hidden;
	}
		.block-condition .inBlockLimg img {
			width: auto;
			max-width: 100%;
	    	margin: 7px auto 10px;
		}
	.block-condition .list-custom {
    	margin-left: 0;
	}
	.block-condition .list-custom.disc li {
    	margin-left: 1em;
    	text-indent: -1em;
    	margin-right: 10px;
    	margin-bottom: 10px;
	}
		.block-condition .list-custom.disc li:before {
	    	margin-right: 7px;
			position: static;
			margin-top: 0;
			vertical-align: 2px;
		}
	.link {
    	text-align: right;
    	margin-top: 24px;
	}
		.link a {
			min-width: 144px;
        	display: inline-block;
        	vertical-align: middle;
        	border-radius: 2px;
        	margin-right: 5px;
        	padding: 4px 15px 5px 25px;
        	text-align: center;
	 		background: #F6F6F6 url(/files/400338992.png) no-repeat 11px center;
		}
		.link a + a {
        	margin-top: 10px;
		}
	.block-condition .lineBlock + .lineBlock {
    	margin-top: 20px;
	}
.btn-nav02 ul {
	margin-top: 20px;
}
	.btn-nav02 li {
		float: left;
		list-style: none;
		margin: 0 0 5px 2%;
		padding: 0;
		width: 49%;
	}
	.btn-nav02 li:nth-child(2n+1) {
    	margin-left: 0;
	}
	.btn-nav02 li a {
		display: block;
		background: #EFF4F8;
		border: solid 1px #E8EFF5;
		border-radius: 2px;
		font-size: 0.75rem;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		color: #215E9C;
		height: 46px;
		line-height: 46px;
		padding-right: 10px;
		position: relative;
	}
	.btn-nav02 li a:after {
		content: "";
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -5px;
		width: 5px;
		height: 10px;
    	background: url(/files/400333789.png) no-repeat;
    	background-size: 5px auto;
	}

.column-block {
	background: #F7F7F7;
	border-radius: 3px;
	padding: 10px 12px;
	margin: 20px 0 30px;
}
	.column-block .inBlockLimg img {
    	margin: 0 auto;
	}
	.column-block .inBlockLimg h3 {
    	color: #008C9F;
    	font-size: 0.9375rem;
    	overflow: hidden;
    	position: relative;
    	margin: 10px 0;
    	min-height: 32px;
    	background: url(/files/400333791.png) no-repeat;
    	background-size: 80px auto;
    	padding: 8px 0 0 90px;
	}

.flow-block {
	border-bottom: dotted 1px #ccc;
	padding-bottom: 20px;
}
.flow {
	border: solid 2px #0087CF;
	border-radius: 3px;
	position: relative;
	margin: 25px 10px 0;
	padding: 3px 20px 20px;
}
	h2 + .flow {
    	margin-top: 32px;
	}
	.flow+.flow:after {
		content: "";
		width: 34px;
		height: 17px;
		display: block;
		background: url(/files/400333792.png) no-repeat;
		position: absolute;
		top: -27px;
		left: 50%;
		margin-left: -17px;
	}
	.flow .step {
		position: absolute;
		left: -15px;
		top: -19px;
	}
	.flow .step img {
    	width: 40px;
	}
	.flow .title a,
	.flow .title {
		font-weight: bold;
		color: #0657C3;
		text-decoration: underline;
		font-size: 0.9375rem;
	    padding-bottom: 0;
	}
	.flow .title {
		text-decoration: none;
	}
	.flow .link {
    	text-align: left;
    	margin-top: 14px;
	}
	.flow .link {
    	text-align: left;
    	margin-top: 14px;
	}
	.flow .icon-blank {
	 	background: #F6F6F6 url(/files/400338992.png) no-repeat 11px center !important;
	}
	.flow .icon-blank:after {
    	content: "";
    	width: 10px;
    	height: 10px;
    	display: inline-block;
    	margin-left: 5px;
    	background: url(/files/400338993.png) no-repeat;
	}

.separator {
	border-bottom: dotted 1px #ccc;
}

/* bnrBlock */
.bnrBlock {
	border-top: dotted 1px #ccc;
	margin-top: 13px;
	padding-top: 20px;
}
	.bnrBlock ul {
    	background: #F6F7F1;
    	margin: 0;
    	list-style: none;
    	overflow: hidden;
    	padding: 5px;
	}
	.bnrBlock ul li {
		width: 32%;
    	float: left;
	}
	.bnrBlock ul li img {
    	max-width: 100%;
	}
	.bnrBlock ul li+li {
    	margin-left: 2%;
	}
	.bnrBlock ul li img {
    	display: block;
	}


/* caseBlock */
.list-anchor {
	margin-top: 10px;
}
	.list-anchor li {
	    width: 49%;
	}

#mainBody .caseBlock .tableBlock table.result {
	color: #DB6F47;
	margin-top: 10px;
	font-weight: bold;
}
	#mainBody .caseBlock .tableBlock table.result th {
		background: #000D66;
		color: #fff;
		border-color: #000D66 !important;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#mainBody .caseBlock .tableBlock table.result td {
		border-color: #000D66 !important;
		background: none !important;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#mainBody .caseBlock .tableBlock table.result td span {
		color: #000D66;
	}
	#mainBody .caseBlock .tableBlock table.result tr td:first-child {
		border-left: none;
	}
#mainBody .caseBlock .tableBlock table tr:first-child td:first-child,
#mainBody .caseBlock .tableBlock table tr:first-child th:first-child {
	width: 25%;
}
#mainBody .caseBlock .tableBlock table td strong {
	color: #0087CF;
}
#mainBody .caseBlock .tableBlock table tr:nth-child(2n+1) td {
	background: #FAFAFA;
}
	.caseBlock .conditionArea dl {
		border: solid 5px #EEF0E5;
	}
	.caseBlock .conditionArea dl dt {
		background: #EEF0E5;
		color: #664C00;
		font-size: 1.063rem;
		padding: 4px 0 9px 15px;
		margin-bottom: 12px;
		font-weight: bold;
	}
	.caseBlock .conditionArea dl dd {
		padding: 2px 0 9px 30px;
		position: relative;
		line-height: 1.5;
	}
	.caseBlock .conditionArea dl dd .fsS {
    	margin-left: -5px;
	}
	.caseBlock .conditionArea dl dd:before {
		content: "";
		position: absolute;
		left: 14px;
		top: 8px;
		width: 7px;
		height: 7px;
		border-radius: 4px;
		display: block;
		background: #664C00;
	}
.noteArea {
	background: #F7F7F7;
	padding: 12px 15px 7px;
	font-size: 0.75rem;
	margin: 20px 0 30px;
}
.noteInner {
	background: #fff;
	margin: 15px -7px 0;
	padding: 10px 10px 18px;
}
	.btn_simulation {
		text-align: center !important;
	}
	.btn_simulation a {
		min-width: 260px;
		height: 42px;
		line-height: 39px;
		display: inline-block;
		border: solid 2px #0087CF;
		font-size: 0.9375rem;
		text-decoration: none;
		color: #333;
		background: url(/files/400338990.png) no-repeat 95.769% center !important;
		border-radius: 3px;
		text-align: center;
	}
/* アクセシビリティ対応　2020/2/18 */
/*
	.btn_simulation a:after {
                display: none;
	}
*/


	.caseBlock .exampleArea table {
    	width: 503px;
    	margin: 0 auto;
	}
	.caseBlock .exampleArea .tableBlock {
		overflow: auto;
		margin: 10px 0 10px;
		position: relative;
	}
	.caseBlock .exampleArea .tableBlock table {
		margin-bottom: 0;
    	white-space: nowrap;
	}
	.caseBlock .exampleArea .tableBlock::-webkit-scrollbar{
		height: 5px;
	}
	.caseBlock .exampleArea .tableBlock::-webkit-scrollbar-track{
		background: #F1F1F1;
		border-radius: 5px;
	}
	.caseBlock .exampleArea .tableBlock::-webkit-scrollbar-thumb {
		background: #BCBCBC;
		border-radius: 5px;
	}

.redBlock ul {
	list-style: disc;
	margin-left: 1.5em;
}


/* merit */
.meritList {
	overflow: hidden;
	margin: 10px 0 15px;
}
	.meritList li {
		list-style: none;
		margin: 0 0 10px;
		padding: 0;
		background: #f6f6f6;
	}
	.meritList li img {
    	max-width: 100%;
    	display: block;
    	margin: 0 auto;
	}

.flowList {
	overflow: hidden;
	margin: 10px 0 21px;
}
	.flowList li {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: solid 2px #0087CF;
		border-radius: 3px;
		list-style: none;
		margin: 0 0 10px;
		height: auto;
		text-align: center;
		font-size: 0.875rem;
		color: #0085CD;
		font-weight: bold;
		line-height: 1.3;
		padding: 10px 0;
	    position: relative;
	}
	.flowList li br {
    	display: none;
	}
	.flowList li:before {
		content: "";
		width: 17px;
		height: 9px;
		background: url(/files/400333792.png) no-repeat;
		background-size: 17px auto;
		position: absolute;
		bottom: -11px;
		top: auto;
		left: 50%;
		margin-left: -17px;
	}
	.flowList li span {
		font-size: 0.75rem;
	}
	.flowList li:first-child+li {
		padding-top: 10px;
	}
	.flowList li.last {
		padding-top: 0;
	}
	.flowList li.last:before {
		display: none;
	}
	.flowList li.last h4 {
		margin: 0;
		padding: 10px 0;
		background: #0085CD;
		color: #fff;
		font-size: 0.875rem;
	}
	.flowList li.last p {
		color: #333;
		text-align: center;
		font-size: 0.75rem;
		font-weight: normal;
		margin-top: 7px;
		padding-bottom: 0;
	}
	.txt-orange {color: #E3662A;}
.zeroArea {
	width: 48%;
	float: left;
	overflow: hidden;
}
	.zeroArea+.zeroArea {
		float: right;
	}
	.zeroArea .img {
		width: 60px;
		display: block;
		margin: 0 auto;
		vertical-align: middle;
	}
	.zeroArea .img+p {
		width: auto;
		display: block;
		vertical-align: middle;
		font-weight: bold;
		font-size: 0.8125rem;
		margin-bottom: 17px;
		line-height: 1.4;
		padding-top: 0;
	}
	.zeroArea .img+p br {
    	display: none;
	}
	.zeroArea + .price {
		padding-top: 0;
		width: 100px;
		margin: 0 auto;
	}

.mynote {
	border: solid 3px #F6F6F6;
	border-top: none;
	border-radius: 5px 5px 0 0;
	clear: both;
	margin: 0;
	padding: 0 0 10px;
}
	.mynote h2 {
		margin: -3px -3px 15px;
		padding: 5px 10px;
		border-radius: 3px 3px 0 0;
		background: #269F3E;
		text-align: center;
		color: #fff;
		border: none;
		font-size: 0.9375rem;
	}
	.mynote h2 span {
		display: block;
		font-size: 0.75rem;
		margin-left: 8px;
	}
	.mynote > p {
		padding: 0 15px;
		font-weight: bold;
		margin-bottom: 10px;
		margin-top: 10px;
		line-height: 1.8;
	}
	.mynote > ul {
		list-style: none;
		overflow: hidden;
		width: auto;
		margin: 0 10px;
	}
	.mynote > ul li {
		margin-bottom: 10px;
	}
	.mynote > ul li img {
    	max-width: 100%;
    	display: block;
    	margin: 0 auto;
	}
	.mynote h3 {
		background: none;
		border: none;
		line-height: 1.3;
		font-size: 0.875rem;
		color: #28A03E;
		padding: 0 0 0 10px;
		margin: 0 0 10px;
		border-left: solid 3px #67BB76;
	}
	.mynote .serviceArea {
		background: #FAFAFA;
		border-radius: 5px;
		margin: 15px 10px 0;
		width: auto;
		padding: 10px;
		overflow: hidden;
	}
	.mynote .serviceArea ol {
		width: auto;
		font-weight: bold;
		list-style: none;
		margin-left: 0;
	}
	.mynote .serviceArea ol li {
		margin-bottom: 3px;
		margin-top: 8px;
	}

.link a {text-align: left;}