@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);





@media print {

h2.loan_tl, h3.loan_l, h3.loan_r, .header, h1, .footer, .new_header {

	display: none;

}

#page-top {

	display: none!important;

}



.company_info {

	display: block;

	margin-top: 20px;

	background: #eee;

	padding: 20px;

	font-size: 14px;

	font-weight: bold;

	overflow: hidden;

}

.company_info p {

	float: left;

	padding: 0;

	margin: 0;

}

.company_info span {

	float: right;

	display: block;

}



.clear{

	clear:both;

}

a { text-decoration:none;}

a:hover {

	position:relative;

	top:1px;

	left:1px;

}

.hidden { overflow:hidden;}



/*スマホボタン表示記述*/



.pc_off { display:none;}





/*幅をサイトに合わせる*/



.loan_wrap{

	width:960px;

	margin:0 auto;

	overflow:hidden;

	text-align:left;

}

h2.loan_tl {

	width:960px;

	margin:0 auto;

	font-size:24px;

	font-weight:bold;

	border-bottom:solid 1px #E5E7E8;

	padding:0 0 10px 0;

	margin-top:30px;

	text-indent: 10px;

}

h3.loan_l {

	width: 460px;

	text-align: center;

	font-size: 22px;

	color: #2B85D8;

	float:left;

	margin: 20px 0 0 0;

}

h3.loan_l a {

	border: solid 3px #5EA2E2;

	line-height: 55px;

	display: block;

	color: #2B85D8;

}

h3.loan_l span, h3.loan_r span {

	display: block;

	color: #666666;

	font-size: 14px;

	margin: -30px 0 -5px 0;

}

h3.loan_r {

	width: 460px;

	text-align: center;

	font-size: 22px;

	color: #2B85D8;

	float:right;

	margin: 20px 0 0 0;	

}

h3.loan_r a {

	border: solid 3px #0085B2;

	line-height: 55px;

	display: block;

	color: #0085B2;

}

h4.loan_keisan {

	font-size: 20px;

	margin: 20px 0 0 0;

	height: 30px;

	background: url(/simulation/img/loan1_border.jpg) left bottom no-repeat;

	background-position: 0 25px;

}

p.loan_txt {

	font-size: 12px;

	font-weight: bold;

	margin: 5px 0 0 0;

}

.loan_box {

	width:916px;

	padding:0 20px;

	background:#F2F9FF;

	border:solid 2px #E8EEF4;

	margin: 10px 0 0 0;

	position:relative;

	overflow: hidden;

}

input.form, select.select {

	height: 40px;

	padding: 2px 0;

	font-size: 20px;

	font-weight: bold;

	font-family: meiryo;

	text-indent: 10px;

	border: solid 2px #858687;

}

.loan_tl {

	font-size: 16px;

	margin: 15px 0 5px 0;

}

b {

	font-size: 16px;

	color: #747677;

	vertical-align: bottom;

}

.loan_waku {

	width: 400px;

	overflow: hidden;

}

.loan_kinri {

	width: 200px;

	float: left;

}

.loan_nen {

	width: 200px;

	float: right;

}

p.radio {

	font-size: 18px;

	font-weight: bold;

	color: #393939;

	display: inline-block;

	vertical-align: middle;

	margin: 6px 0 0 0;

}

input.radiobutton {

	width: 20px;

	height: 20px;

	display: inline-block;

	vertical-align: middle;

}

p.keisan {

	font-family: 'Noto Sans Japanese', sans-serif;

	width: 395px;

	margin: 5px 0 0 0;

	padding:0 0 60px 0;

}

.loan_vector {

	position: absolute;

	top: 100px;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	width:180px;

}

.loan_before {

	width: 350px;

	float: left;

}

.loan_after {

	width: 360px;

	position: absolute;

	right: 20px;

	top: 40px;

}

.loan_kanou {

	font-size: 24px;

	font-weight: bold;

}

.loan_nedan {

	font-size: 30px;

	font-weight: bold;

	text-align: right;

	margin: 20px 0;

	color: #D80000;

}

.loan_hiyou {

	font-size: 20px;

	font-weight: bold;

	text-align: right;

	color: #333333;

}

.loan_hiyou span {

	color: #D80000;

	margin: 0 0 0 10px;

}

.loan_check {

	background: url(/simulation/img/search.png) left top no-repeat;

	background-position: 5px 0px;

	text-indent: 30px;

	font-size: 14px;

	margin: 20px 0 0 0;

}

.loan_search {

	overflow: hidden;

	padding: 0 20px 10px 20px;

}

.loan_search button {

	float: left;

	display:block;

	width: 150px;

	margin: 3px;

	background: #fff;

	border: 2px solid #333;

	padding: 5px 0;

	border-radius: 3px;

	font-weight: bold;

	cursor: pointer;

}

.loan_search button:hover {

	background: #eee;

}

.soukei {

	font-size: 14px;

	clear: both;

	font-weight: bold;

	margin: 0 0 5px 0;

	padding: 0 0 5px 0;

	border-bottom: solid 3px #0AB2F1;

}

.soukei_l {

	font-size: 14px;

	font-weight: bold;

	line-height: 27px;

	float: left;

}

.soukei_r {

	font-size: 14px;

	font-weight: bold;

	line-height: 27px;

	float: right;

}

input.copy {

	background: url(/simulation/img/loan1_copy.jpg) left top no-repeat;

	width: 353px;

	height: 72px;

	border: none;

	margin: 5px 0 0 0;

}



/*loan2*/

h4.loan_keisan2 {

	font-size: 20px;

	margin: 20px 0 0 0;

	height: 30px;

	background: url(/simulation/img/loan2_border.jpg) left bottom no-repeat;

	background-position: 0 25px;

}

input.copy2 {

	background: url(/simulation/img/loan2_copy.jpg) left top no-repeat;

	width: 353px;

	height: 72px;

	border: none;

	margin: 5px 0 0 0;

}

.loan_vector2 {

	position: absolute;

	top: 185px;

	left: 380px;

	width: 180px;

}

.loan_red {

	color:#8C0000;

}

.loan_gaisan {

	font-size: 20px;

	color: #333333;

	margin: 15px 0 0 65px;

	font-weight: bold;

}

.loan_gaisan span { color:#D80000;}

.soukei2 {

	font-size: 14px;

	clear: both;

	font-weight: bold;

	margin: 0 0 5px 0;

	padding: 0 0 5px 0;

	border-bottom: solid 3px #0085B2;

}











}