@charset "UTF-8";

/* subCol */
#subCol .loan-simulation {
	margin-top: 20px;
	background: #FAFAFA;
}
	#subCol .loan-simulation .title {
    	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 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 {
		width: 180px;
		height: 3em;
    	display: table-cell;
    	vertical-align: middle;
    	color: #008CA2;
    	font-weight: bold;
    	font-size: 116.6%;
        border-bottom: solid 10px transparent;
    	background: url(/files/400333905.png) no-repeat right 2px;
	}
	
#subCol .sub-banner {
	margin-top: 20px;
}
	#subCol .sub-banner ul {
    	margin: 0;
    	list-style: none;
	}
	#subCol .sub-banner li {
		margin-bottom: 5px;
	}
	#subCol .sub-banner li img {
    	display: block;
	}

/* index */
.pageHead-image {
	position: relative;
	border: solid 1px #deedf1;
	border-top: none;
	background: #eef6f8;
	padding: 22px 0 14px 14px;
	margin-bottom: 15px;
}
	.pageHead-image:before {
		content: "";
		position: absolute;
		top: 0;
		left: -1px;
		right: -1px;
		height: 5px;
		background: #000d66;
	}
	.pageHead-image > img {
    	display: block;
	}
	.pageHead-image .icon.arrow {
		position: absolute;
		bottom: 2px;
		right: 14px;
		color: #0657C3;
		font-size: 0.75rem;
		text-decoration: none;
		padding-left: 21px;
		letter-spacing: 1px;
		background: url(/files/400338992.png) no-repeat 10px 4px;
	}
	#mainBody .pageHead-image .rate {
		position: absolute;
		right: 10px;
		top: 20px;
		width: 352px;
	}
		#mainBody .pageHead-image .rate table {
			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.875rem;
        	font-weight: normal;
		}
		#mainBody .pageHead-image .rate table thead th .fsS {
        	float: right;
        	margin: 5px 2px 0 0;
			position: absolute;
			right: 3px;
			top: 3px;
		}
		#mainBody .pageHead-image .rate table tbody th {
			width: 73px;
			text-align: center;
			color: #215e9c;
			border-top: dotted 1px #215e9c;
			padding: 8px 0;
			background: none;
        	font-size: 0.8125rem;
		}
		#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.75rem;
		}
		#mainBody .pageHead-image .rate table tbody td strong {
        	font-size: 0.875rem;
		}
		#mainBody .pageHead-image .rate table tbody td span {
			font-weight: normal;
		}
		#mainBody .pageHead-image .rate table tbody td span.fsS {
        	font-size: 0.65625rem;
			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.25rem;
		}
	#mainBody .pageHead-image .rate.line3 {
		top: 15px;
	}
		#mainBody .pageHead-image .rate.line3 table thead th {
        	padding: 2px 3px;
		}
		#mainBody .pageHead-image .rate.line3 table tbody th {
			padding: 4px 0 3px;
		}
		#mainBody .pageHead-image .rate.line3 table tbody td .fsL {
        	font-size: 1.125rem;
		}
		#mainBody .pageHead-image .rate.line3 table tbody tr:first-child + tr th {
        	letter-spacing: -.5px;
		}
		#mainBody .pageHead-image .rate.line3 table tbody tr:first-child + tr td {
        	letter-spacing: -.1px;
		}
.itemBlockH2 .col-2 {
	margin-left: -15px;
}
	.itemBlockH2 .col-2 .item {
		width: 355px;
		margin-left: 15px;
		float: left;
	}
	.itemBlockH2 .col-2 .item + .item + .item {
    	margin-top: -1em;
	}
	.itemBlockH2 .col-2 .item .inBlockLimg img {
    	margin-right: 15px;
	}
	.itemBlockH2 .col-2 .item .inBlockLimg p {
    	margin-left: 160px;
    	font-size: 0.8125rem;
    	line-height: 1.4;
	}
	.itemBlockH2 .col-2 .item .inBlockLimg p.fsL {
    	font-size: 1rem;
    	color: #001F77;
	}
	.itemBlockH2 .col-2 .item .inBlockLimg p + p {
		margin-top: 5px;
		line-height: 1.5;
	}
	.itemBlockH2 .col-2 .item .inBlockLimg p.notice {
		margin-top: 0;
    	padding-left: 1em;
    	text-indent: -1em;
	}

.lineBlock {
	border: solid 5px #F6F6F6;
	margin: 5px 0 0;
	padding: 10px 15px 20px;
}
	.lineBlock .col-2 .item {
		width: 335px;
		margin-left: 15px;
		float: left;
	}
	.lineBlock .col-2 .item h4 {
		height: 54px;
    	background: #26317D;
    	color: #FFF;
	}
	.lineBlock .col-2 .item h4 a {
		height: 54px;
    	color: #FFF;
    	display: table;
    	text-align: center;
	}
	.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 {}
	.itemBlockH2 .title.lv2 a.more {
		background: #F6F6F6 url(/files/400338992.png) no-repeat 10px 50%;
		border-radius: 3px;
		color: #0657C3;
		font-size: 0.875rem;
		font-weight: normal;
		margin-bottom: 0;
		padding: 5px 15px 5px 20px;
		position: absolute;
		right: 0;
		top: -3px;
	}
.block-loan_voice {
	margin-top: 30px;
}
	.block-loan_voice .col-5 { margin-right: -5px; }
		.block-loan_voice .col-5 .item { margin-right: 5px; padding: 0; width: 141px; }
			.block-loan_voice .col-5 .item .thumb { border: 1px solid #FFF; margin: 0 5px; display: inline-block; }
			.block-loan_voice .col-5 .item a { color: inherit; text-decoration: none; display: block; padding: 5px 0 10px; height: 100%; }
			.block-loan_voice .col-5 .item .desc { text-align: center; display: block; padding: 10px 0 0; }
			.block-loan_voice .col-5 .item .title { display: block; }
			.block-loan_voice .col-5 .item .tag { color: #000C66; text-align: center; display: block; }
				.block-loan_voice .col-5 .item .tag span { border: 1px solid #000C66; display: inline-block; line-height: 1; margin: 12px auto 0; padding: .36em .6em; font-weight: bold; }
.btn-nav01 ul {
	list-style: none;
	margin-top: 5px;
	margin-left: -7px;
}
	.btn-nav01 li {
		width: 176px;
		float: left;
		margin-left: 7px;
	}
	.btn-nav01 li a {
		height: 72px;
    	display: table;
    	border: solid 2px #0087CF;
    	border-radius: 2px;
    	text-align: center;
    	font-size: 1rem;
    	text-decoration: none;
    	color: #333;
    	line-height: 1.3;
    	padding-right: 17px;
    	background: url(/files/400338990.png) no-repeat 153px center;
	}
	.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: -15px -20px 13px;
    	padding: 10px 0 9px;
    	font-size: 1.125rem;
    	color: #fff;
	}
	.block-condition .inBlockLimg {
		overflow: hidden;
	}
		.block-condition .inBlockLimg img {
	    	margin: 7px 42px 7px 6px;
		}
	.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;
		}
	.block-condition .lineBlock + .lineBlock {
    	margin-top: 20px;
	}
.btn-nav02 ul {
	margin-left: -10px;
	margin-top: 20px;
}
	.btn-nav02 li {
		float: left;
		list-style: none;
		margin: 0 0 10px 10px;
		padding: 0;
		width: 357px;
	}
	.btn-nav02 li:first-child,
	.btn-nav02 li:first-child+li,
	.btn-nav02 li:first-child+li+li {
		width: 235px;
	}
	.btn-nav02 li a {
		display: block;
		background: #EFF4F8;
		border: solid 1px #E8EFF5;
		border-radius: 2px;
		font-size: 1rem;
		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: 12px;
		top: 50%;
		width: 8px;
		height: 14px;
		margin-top: -7px;
    	background: url(/files/400333789.png) no-repeat;
	}

.column-block {
	background: #F7F7F7;
	border-radius: 3px;
	padding: 10px 20px 10px 12px;
	margin: 20px 0 30px;
}
	.column-block .inBlockLimg img {
    	margin-right: 20px;
	}
	.column-block .inBlockLimg h3 {
    	color: #008C9F;
    	font-size: 1rem;
    	overflow: hidden;
    	position: relative;
    	left: -8px;
    	margin-bottom: 10px;
    	background: url(/files/400333791.png) no-repeat;
    	min-height: 46px;
    	padding: 3px 0 0 122px;
    	margin-top: 1px;
    	line-height: 1.35;
	}

.flow-block {
	border-bottom: dotted 1px #ccc;
	padding-bottom: 20px;
}
.flow {
	border: solid 2px #0087CF;
	border-radius: 3px;
	position: relative;
	margin: 25px 20px 0;
	padding: 3px 30px 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: -26px;
		top: -19px;
	}
	.flow .title a {
		font-weight: bold;
		color: #0657C3;
		text-decoration: underline;
		font-size: 1.125rem;
	    padding-bottom: 0;
	}
	.flow .link {
    	text-align: left;
    	margin-top: 14px;
	}
	.flow .link {
    	text-align: left;
    	margin-top: 14px;
	}
	.link .icon-blank {
	 	background: #F6F6F6 url(/files/400338992.png) no-repeat 11px center !important;
	}
	.link .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 {
	padding-top: 20px;
}
	.bnrBlock ul {
    	background: #F6F7F1;
    	margin: 0;
    	list-style: none;
    	overflow: hidden;
    	padding: 9px;
	}
	.bnrBlock ul li {
    	float: left;
	}
	.bnrBlock ul li+li {
    	margin-left: 7px;
	}
	.bnrBlock ul li img {
    	display: block;
	}


/* caseBlock */
.list-anchor {
	margin-top: 20px;
}
	.list-anchor li {
		margin-bottom: 5px;
	}

#mainBody .caseBlock .tableBlock table.result {
	color: #DB6F47;
	margin-top: -5px;
	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 {
	width: 210px;
	float: left;
}
	.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;
	}
.caseBlock .exampleArea {
	margin-left: 220px;
}
.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;
	}
	.btn_simulation a {
		min-width: 260px;
		height: 46px;
		line-height: 45px;
		display: inline-block;
		border: solid 2px #0087CF;
		font-size: 1rem;
		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;
	}
*/


/* merit */
.meritList {
	overflow: hidden;
	margin: 22px 0 15px;
}
	.meritList li {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
	}
	.meritList li+li {
		margin-left: 7px;
	}
.flowList {
	overflow: hidden;
	margin: 10px 0 21px;
}
	.flowList li {
		width: 162px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: solid 3px #0087CF;
		border-radius: 3px;
		list-style: none;
		float: left;
		margin: 0;
		height: 96px;
		text-align: center;
		font-size: 1.125rem;
		color: #0085CD;
		font-weight: bold;
		line-height: 1.3;
		padding: 22px 0 0;
	    position: relative;
	}
	.flowList li:before {
		content: "";
		width: 11px;
		height: 34px;
		display: block;
		background: url(/files/400333807.png) no-repeat;
		position: absolute;
		right: -14px;
		top: 50%;
		margin-top: -17px;
	}
	.flowList li+li {
		margin-left: 20px;
	}
	.flowList li span {
		font-size: 0.9375rem;
	}
	.flowList li:first-child+li {
		padding-top: 35px;
	}
	.flowList li.last {
		padding-top: 0;
	}
	.flowList li.last:before {
		display: none;
	}
	.flowList li.last h4 {
		margin: 0;
		padding: 12px 0;
		background: #0085CD;
		color: #fff;
		font-size: 1.125rem;
	}
	.flowList li.last p {
		color: #333;
		text-align: center;
		font-size: 0.75rem;
		font-weight: normal;
		margin-top: 7px;
	}
	.txt-orange {color: #E3662A;}
.zeroArea {
	width: 490px;
	float: left;
}
	.zeroArea+.zeroArea {
    	margin-top: 10px;
	}
	.zeroArea .img {
		width: 113px;
		display: inline-block;
		margin-right: 15px;
		vertical-align: middle;
	}
	.zeroArea .img+p {
		width: 352px;
		display: inline-block;
		vertical-align: middle;
		font-weight: bold;
		font-size: 1rem;
		margin-bottom: 17px;
		line-height: 1.4;
	}
	.zeroArea + .price {
		padding-top: 53px;
	}
.mynote {
	border: solid 5px #F6F6F6;
	border-top: none;
	border-radius: 5px 5px 0 0;
	clear: both;
	padding-bottom: 15px;
}
	.mynote h2 {
		margin: -5px -5px 13px;
		padding: 10px 0 9px;
		border-radius: 3px 3px 0 0;
		background: #269F3E;
		text-align: center;
		color: #fff;
		border: none;
		font-size: 1.125rem;
	}
	.mynote h2 span {
		display: inline;
		font-size: 0.9375rem;
		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: 685px;
		margin: 0 auto;
	}
	.mynote > ul li {
		float: left;
	}
	.mynote > ul li+li {
		margin-left: 5px;
	}
	.mynote h3 {
		background: none;
		border: none;
		line-height: 1.3;
		font-size: 1rem;
		color: #28A03E;
		padding: 0 0 0 10px;
		margin: 0 0 10px;
		border-left: solid 5px #67BB76;
	}
	.mynote .serviceArea {
		background: #FAFAFA;
		border-radius: 5px;
		margin: 10px auto 0;
		width: 685px;
		padding: 18px 20px 1px;
		overflow: hidden;
	}
	.mynote .serviceArea ol {
		float: left;
		width: 50%;
		font-weight: bold;
		list-style: none;
		margin-left: 0;
	}
	.mynote .serviceArea ol li {
		margin-bottom: 3px;
		margin-top: 8px;
	}