@charset "shift_jis";
/* CSS Document */

body{
    padding-top: 20px !important;
}

#spl_header{
    max-width: 1000px;
    margin: 0 auto 20px;
    padding: 0 10px;
    box-sizing: border-box;
}

@media (max-width: 1050px){
    #spl_header{
        width: 95%;
        padding: 0;
    }
}

.spl_footer{
    display: block;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    background: #FF0044;
    margin-top: 30px;
}

a {
    color: #c33;
    text-decoration: underline;
}

.body_tbl{
	width:980px;
	margin:0px auto 0;
}

.body_tbl h1{
	border-left:10px solid #eb3b3b ;
	border-bottom:solid 1px #cfcfcf;
	margin-bottom:20px;
	width:980px;
	margin:20px auto 0;
	font-size:18px;
	color:#656565;
	padding:3px 0 3px 20px;
	box-sizing:border-box;
		
}

.header_rmesg{
	padding-top:0px !important;
	margin:0 auto !important;	
}

.smp_tmpl{
	width:100% ;
	margin:30px auto 0;		
}

.smp_tmpl dl{
	display:table;	
	width:100%;
}

.smp_tmpl dl dt{
	display:table-cell;	
	width:275px;
	padding:20px 60px 20px 20px;
	box-sizing:border-box;
	font-size:15px;
	color:#333333;
	position:relative;
	border:solid 1px #535353;
	border-bottom:none;
	vertical-align:top;
}

.smp_tmpl dl dt span.min{
	display:block;
	font-size:12px;	
}

.smp_tmpl.confirm dl dt{
	padding:10px;	
}

.smp_tmpl.confirm dl dd{
	padding:10px;
}

.smp_tmpl dl .need{
	display:block;
	position:absolute;
	right:20px;
	top:20px;
	background:#ff0044;
	color:#FFF;	
	padding:0 5px;
	text-indent:0px;
}

.smp_tmpl dl .need:before{
	
}

.smp_tmpl dl dd{
	display:table-cell;	
	padding:10px 20px 20px;
	box-sizing:border-box;
	font-size:15px;
	color:#333333;
	border-top:solid 1px #535353;
	border-right:solid 1px #535353;
}

.smp_tmpl dl:last-child {
	border-bottom:	solid 1px #535353;
}

input[type="text"],
input[type="tel"],
select{
	font-size:15px;
	color:#333333;
	padding:5px;
	border-radius:3px;
	border:solid 1px;
	width:40%;
	margin-top:10px;	
	text-align:left;
}

label span{
	display:inline-block;
	margin-left:10px;	
}

.error_txt{
	color:#ff000a;
	text-align:center;
	font-size:14px;	
}

.submit_area{
	width:500px;
	margin:0 auto;	
}

.submit_area.long{
	width:100%;
}	

.submit,
.submit_btn_new{
	display:block;
	border-radius: 10px;
	background:url(https://www.taikobank.jp/images/common/loan_right.png) no-repeat 95%  center #ff000a;
	background-size:30px 30px;
	background-color: rgb(255, 0, 10);
	width: 200px;
	height: 70px;
	z-index: 53;
	font-size:23px;
	color:#FFF;
	border:none;
	position:relative;
	box-sizing:border-box;	
	text-decoration:none;
	line-height:1.3;
	margin-bottom:20px;
	text-align:center;
	margin:20px auto 10px;
	float:right;	
	
}

.submit_btn_new.f_none{
	float:none;	
}


.submit:hover,
.submit_btn_new:hover{
	opacity:0.7;	
}

.submit.print{
	width:300px;	
}

.submit[name="SMPFORM_BACK"],
.reset{
	display:block;
	border-radius: 10px;
	background:url(https://www.taikobank.jp/images/common/loan_left.png) no-repeat 5%  center #008cc9;
	background-size:30px 30px;
	width: 200px;
	height: 70px;
	z-index: 53;
	font-size:23px;
	color:#FFF;
	border:none;
	position:relative;
	box-sizing:border-box;	
	text-decoration:none;
	line-height:1.3;
	margin-bottom:20px;
	text-align:center;
	margin:20px auto 10px;	
	float:left;
	
}

.submit_area.long .submit{
	width:400px;
}	

.sub_text{
	font-size:16px;
	text-align:center;	
}


.sub_text .indent{
	display:block;
	font-size:15px;
	padding-left:1em;
	text-indent:-1em;
	text-align:left;
}




.code01 input[type="text"]{
	width:82%;
}

.code02 input[type="text"]{
	width:60%;
	display:inline-block;
	box-sizing:border-box;
}

.code01{
	display:inline-block;
	width:20%;
}

.code02{
	width:40%;
	display:inline-block;
}	

.num01 input[type="text"],
.num02 input[type="text"],
.num03 input[type="text"],
.time  input[type="text"]{
	width:80%;
}

.num01,
.num02,
.num03{
	display:inline-block;
	width:20%;
}



.time li{
	display:inline-block;
	width:20%;
}



.pnkz{
	margin-top:20px;	
}

.sample_txt_l{
	float:left;
	width:100px;
}

.address_area input[type="text"],
.address_area input[type="tel"],
.address_area select{
	margin-top:0;
	margin-bottom:10px;	
}



.smp_tmpl dl.last dt,
.smp_tmpl dl.last dd {
    border-bottom: solid 1px #535353;
}

h3.h3_ttl{
	padding: 0 0 3px 0px;
	background: none;
	border-bottom: solid 2px #c2c2c2;
	font-size: 13px;
	position: relative;
	margin-bottom: 0px;	
	margin-top:20px;
}

h3.h3_ttl.mb{
	margin-bottom:20px ;	
}

h3.h3_ttl:before{
    content: "";
    display: block;
    width: 190px;
    height: 2px;
    background: #ff0044;
    position: absolute;
    left: 0;
    bottom: -2px;
}

.h3_txt{
	margin:15px 0 10px;	
}

.h3_txt span{
	color:#ff0044;
	text-decoration:underline;
}

.submit_area2 .submit{
	float:none;
}

input[type="text"].input_year{
	width:60%;
}

.address_area input[type="text"].with_long{
	width:80%;
	margin-bottom:0;	
}

@media (max-width:1050px) {
	
	.address_area input[type="text"].with_long{
		width:100%;
		margin-bottom:0;	
	}
	
	.body_tbl{
		width:95%;
		margin:15px auto 0;
	}
	
	.body_tbl h1{
		border-left:5px solid #eb3b3b ;
		border-bottom:solid 1px #cfcfcf;
		margin-bottom:20px;
		width:100%;
		margin:20px auto 0;
		font-size:16px;
		color:#656565;
		padding:3px 0 3px 10px;
		box-sizing:border-box;
			
	}
	
	.header_rmesg{
		padding-top:10px !important;
		margin:0 auto !important;	
	}
	
	.smp_tmpl{
		width:100% ;
		margin:20px auto 0;		
	}
	
	.smp_tmpl dl{
		display:table;	
		width:100%;
	}
	
	.smp_tmpl dl dt{
		display:block;	
		width:100%;
		padding:10px ;
		box-sizing:border-box;
		font-size:15px;
		color:#333333;
		position:relative;
		border:solid 1px #535353;
		border-bottom:none;
		vertical-align:top;
		box-sizing:border-box;
	}
	
	.smp_tmpl dl .need{
		display:inline-block;
		background:#ff0044;
		color:#FFF;
		display:inline-block;
		position:absolute;
		right:20px;
		left:auto;
		top:10px;
			
		padding:0 5px;
		text-indent:0px;
	}
	
	.smp_tmpl dl .need:before{
		
	}
	
	.smp_tmpl dl dd{
		display:block;	
		padding:10px ;
		box-sizing:border-box;
		font-size:15px;
		color:#333333;
		border:solid 1px #535353;
		border-bottom:none;
	}
	
	.smp_tmpl dl:last-child {
		border-bottom:	solid 1px #535353;
	}
	
	input[type="text"],
	select{
		font-size:15px;
		color:#333333;
		padding:5px;
		border-radius:3px;
		border:solid 1px;
		width:100%;
		margin-top:0px;
		box-sizing:border-box;	
	}
	
	label{
		display:table;
	}
	
	input[type="checkbox"]{
		display:table-cell;
	}
	
	label span{
		display:table-cell;
		margin-left:0px;	
		padding-left:10px;
	}
	
	.error_txt{
		color:#ff000a;
		text-align:center;
		font-size:14px;	
	}
	
	.submit_area{
		width:95%;
		margin:0 auto;	
	}
	
	.submit_area.sp_mt{
		margin-top:5vw;	
	}
	
	.submit,
	.submit_btn_new{
		display:block;
		border-radius: 10px;
		background:url(https://www.taikobank.jp/images/common/loan_right.png) no-repeat 95%  center #ff000a;
		background-size:20px 20px;
		background-color: rgb(255, 0, 10);
		width: 45%;
		height: 50px;
		z-index: 53;
		font-size:16px;
		color:#FFF;
		border:none;
		position:relative;
		box-sizing:border-box;	
		text-decoration:none;
		line-height:1.3;
		margin-bottom:20px;
		text-align:center;
		margin:0px auto 20px;	
		
	}
	
	.submit.print{
		width:80%;
		margin-top:10px;	
	}
	
	.submit[name="SMPFORM_BACK"],
	.reset{
		display:block;
		border-radius: 10px;
		background:url(https://www.taikobank.jp/images/common/loan_left.png) no-repeat 5%  center #008cc9;
		background-size:20px 20px;
		width: 45%;
		height: 50px;
		z-index: 53;
		font-size:16px;
		color:#FFF;
		border:none;
		position:relative;
		box-sizing:border-box;	
		text-decoration:none;
		line-height:1.3;
		margin-bottom:20px;
		text-align:center;
		margin:0px auto 20px;	
		
	}
	
	.spiralSeal td{
		display:block;
		width:100%;
	}	
	
	
	.spiralSeal td.img{
		text-align:center !important;
	}
	
	.spiralSeal td.img img{
		float:none !important;	
	}
	
	.code01 input[type="text"]{
		width:72%;
	}
	
	.code02 input[type="text"]{
		width:40%;
		display:inline-block;
	}
	
	.code01{
		display:inline-block;
		width:30%;
	}
	
	.code02{
		width:60%;
		display:inline-block;
	}
	
	.time li{
		display:inline-block;
		width:45%;
	}
	
	.time input[type="text"]{
		display:inline-block;
		width:70%;
	}
	
	.num01 input[type="text"],
	.num02 input[type="text"],
	.num03 input[type="text"],
	.time  input[type="text"]{
		width:70%;
	}
	
	.num01,
	.num02,
	.num03{
		display:inline-block;
		width:25%;
	}
	
}

/************ contact ****************/

.contact_txt01{
	margin-top:10px;
	font-size:16px;	
}

.contact_txt02{
	margin-top:10px;
	font-size:16px;	
}

.ruleBox {
    width: 85%;
    margin: 0px auto 15px auto;
    padding: 15px;
    background: #F9F2F2;
    border: 1px solid #999;
	margin-top:20px;
}

.ruleBox h5 {
    color: #993333;
    font-weight: bold;
	margin-bottom:10px;
}

.ruleBox li {
    list-style-type: decimal;
    margin: 0 0 15px 20px;
    background-color: #F9F2F2;
}

.ruleBox2 {
	text-align:center;	
}

.ruleBox2 span{
	color:#FF0000;	
}

.noticeBox {
    width: 85%;
    margin: 0px auto 15px auto;
    padding: 15px;
    border: 1px solid #C00;
	margin-top:20px;
}

input[type="text"].min_w{
	width:50px;
	margin-left:10px;
}

.input_mt0{
	margin-top:0 !important;
}	

@media (max-width:1050px) {
	input[type="text"].min_w{
		
		width:50px;
		margin-left:0px;
		margin-bottom:10px;
	}
}

/************ /contact ****************/

/************ contact ****************/

.step_navi{
	width:980px;
	margin:40px auto 0;
}

.step_navi li{
	width:195px;
	height:85px;
	background:url(../img/jyutaku_lorn_form/step_right.gif) no-repeat 175px center;	
	
	text-align:center;
	float:left;
	margin-right:12px;
}

.step_navi li.last{
	width:150px;
	*padding-right:0px;
	background:none;	
	margin-right:0px;
}

.step_navi li span.step_inner{
	display:block;	
	width:150px;
	height:85px;
	background:url(../img/jyutaku_lorn_form/step_off.jpg) no-repeat left top;	
}

.step_navi li.active span.step_inner{
	display:block;	
	width:150px;
	height:85px;
	background:url(../img/jyutaku_lorn_form/step_on.jpg) no-repeat left top;	
}

.step_inner .step{
	display:block;
	text-align:center;
	font-size:20px;
	color:#ffffff;	
	padding-top:5px;
}

.step_inner .step_ttl{
	display:block;
	text-align:center;
	font-size:15px;
	color:#ffffff;	
	padding-top:16px;
}

li.active .step_inner .step_ttl{
	color:#e94237;	
}


.agree_txt01{
	font-size:18px;
	color:#333333;	
	margin-top:30px;
	text-align:left !important;
	font-weight:normal !important;
}

.form_ttl{
	margin:70px auto 0;	
	background:#fa736e;
	font-size:25px;
	color:#ffffff;
	font-weight:normal;
	padding:12px 0 6px 30px;
}

.form_ttl.mb{
	margin-bottom:20px;	
}

.agree_txt02{
	font-size:15px;
	color:#333333;	
	margin-top:35px;	
	text-align:left !important;
	font-weight:normal !important;
}

.agree_txt02_2{
	font-size:15px;
	color:#333333;	
	margin-top:50px;	
}

.agree_txt02_3{
	font-size:15px;
	color:#333333;	
	margin-top:10px;	
}

.agree_ttl{
	margin-top:40px;
}

.agree_txt03{
	font-size:18px;
	color:#333333;
	margin:20px 0 10px 110px;
	line-height:160%;
}

.agree_txt03 span{
	display:block;
	font-size:13px;
}

.form_ttl02{
	font-size:18px;
	color:#333333;
	margin-top:25px;
	border-bottom:solid 1px #cccccc;	
}

.form_txt01{
	font-size:15px;
	color:#333333;	
	margin-top:15px;
}

.agree_txt02_3 {
    font-size: 15px;
    color: #333333;
    margin-top: 10px;
}

.anc{
	display:block;
	padding-top:90px;
	margin-top:-90px;	
}

p.js_error_msg{
	color:#ff0044;
	display:none;
	font-weight:bold;	
}

dd span.msg{
	color:#ff0044;
	font-weight:bold;	
}

.smp_tmpl dl dd{
	position:relative;
}

.input_ab{
	position:absolute;	
	left:190px;	
	bottom:15px;
}

.input_min{
	width:70px !important;	
	margin-left:5px;
}

.input_min2{
	width:45px !important;	
	margin-left:5px;
}

.zip_image{
	position:relative;
	top:2px;
	left:10px;	
}

.input_w100{
	width:100% !important;
	box-sizing:border-box;
}

span.kana{
	font-size:12px;	
}

.tel_area{
	margin-top:10px;	
}

.tel_l{
	width:120px;
	float:left;
	padding-top:15px;	
}

.tel_r{
	width:500px;
	float:left;	
}

@media (max-width:1050px) {
	
	body{
		width:100%;
		overflow-x:hidden;
	}	
	
	.step_navi{
		width:95%;
		margin:20px auto 0;
	}
	
	.step_navi li{
		width:46%;
		height:25vw;
		text-align:center;
		float:left;
		margin-right:0px;
		position:relative;
	}
	
	.step_navi li:nth-child(2n):before{
		content:"";
		display:block;
		width:5%;
		height:10vw;	
		background:url(../img/jyutaku_lorn_form/step_right.gif) no-repeat left top;	
		background-size:contain;
		position:absolute;
		left:-11%;
		top:50%;
		margin-top:-2vw;
		
	}
	
	.step_navi li:nth-child(2n){
		float:right;	
	}
	
	.step_navi li.last{
		width:46%;
		height:25vw;
		background:none;	
		margin-right:0px;
	}
	
	.step_navi li span.step_inner{
		display:block;	
		width:100%;
		height:24vw;
		background:url(../img/jyutaku_lorn_form/step_off.jpg) no-repeat left top;	
		background-size:contain;
	}
	
	.step_navi li.active span.step_inner{
		display:block;	
		width:100%;
		height:24vw;
		background:url(../img/jyutaku_lorn_form/step_on.jpg) no-repeat left top;	
		background-size:contain;
	}
	
	.step_inner .step{
		display:block;
		text-align:center;
		font-size:4.5vw;
		color:#ffffff;	
		padding-top:5px;
	}
	
	.step_inner .step_ttl{
		display:block;
		text-align:center;
		font-size:4vw;
		color:#ffffff;	
		padding-top:12%;
	}
	
	li.active .step_inner .step_ttl{
		color:#e94237;	
	}
	
	.submit_area.long{
		margin-top:20px;	
	}
	
	.submit_area.long .submit{
		width:100%;
	}
	
	.anc{
		display:block;
		padding-top:60px;
		margin-top:-60px;	
	}
	.input_ab{
		position:inherit;	
		left:190px;	
		bottom:15px;
	}
	
	.tel_area{
		margin-top:10px;	
	}
	
	.tel_l{
		width:100%;
		float:none;
		padding-top:0px;	
	}
	
	.tel_r{
		width:100%;
		float:none;	
	}
	
	.input_min{
		width:50px !important;	
		margin-left:5px;
	}

}

.form_table01{
	width: 500px;
	margin: 0;
	border: 1px solid #999999;
	border-right: none;
	border-bottom: none;
}

.form_table01 th {
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    background: #eeeeee;
    text-align: center;
    padding: 5px 0;
    font-size: 15px;
    font-weight: normal;
}

.form_table01 td {
    border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background: #FFF;
	padding: 5px 0 15px;
	padding-left: 20px;
}

.form_table01 td select{
	width:90%;
}	

.select_min{
	width:200px !important;
}

.input_long{
	width:400px !important;	
}

.select_auto{
	width:auto !important;	
}

.agree_txt02.mb{
	margin-bottom:20px;	
}

@media (max-width:1050px) {
	.form_table01{
		width:100%;	
	}
	
	.form_table01 td {
		padding-bottom:5px;	
	}
	
	.form_table01 td input[type="text"]{
		width:80%;
	}
	
	.sp_block{
		display:block;
		margin-top:10px;
	}
	
	.input_long{
		width:100% !important;	
		margin-top:5px !important;
	}
}


.form_table02{
	width: 100%;
	margin: 0;
	border: 1px solid #999999;
	border-right: none;
	border-bottom: none;
	box-sizing:border-box;
}

.form_table02 th {
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    background: #eeeeee;
    text-align: center;
    padding: 5px 0;
    font-size: 15px;
    font-weight: normal;
}

.form_table02 td {
    border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background: #FFF;
	padding: 5px 0 15px;
	padding-left: 20px;
}

.form_table02 td.td1 {
	width:20%;	
}

.form_table02 td.td1 select,
.form_table02 td.td1 input[type="text"] {
	width:90%;
	box-sizing:border-box;	
}

.form_table02 td.td2 select {
	width:90%;
	box-sizing:border-box;	
}

.form_table02 td.td3 input[type="text"] {
	width:30%;
	box-sizing:border-box;	
}

.form_table02 td.td7 select {
	width:90%;
	box-sizing:border-box;	
}

@media (max-width:1050px) {
	.form_table02 th,
	.form_table02 td {
		display:block;
		width:100% !important;
		box-sizing:border-box;
	}
	
}

.form_table03{
	width: 100%;
	margin: 0;
	border: 1px solid #999999;
	border-right: none;
	border-bottom: none;
	box-sizing:border-box;
}

.form_table03 th {
	width:260px;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    background: #eeeeee;
    text-align: center;
    padding: 5px 0;
    font-size: 15px;
    font-weight: normal;
}

.form_table03 td {
    border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background: #FFF;
	padding: 5px 0 15px;
	padding-left: 20px;
}

.form_table03 td .sample{
	display:block;
	margin-top:5px;
}

.address_area2 a{
	position:relative;
	top:8px;	
}

@media (max-width:1050px) {
	.form_table03 th,
	.form_table03 td {
		display:block;
		width:100%;
		box-sizing:border-box;	
	}
	
	.form_table03 td input[type="text"] {
		max-width:90%;
	}
	
	.form_table03 td select {
		width:30%;
	}
	
	.form_table03 td label{
		display:inline-block;	
		margin-left:10px;
	}
	
	.form_table03 td label span{
		display:inline-block;	
	}
	
	.address_area2 a{
		position:relative;
		top:0px;	
	}
	
	.spmt{
		margin-top:20px;
	}
	
}

.mail_confirm{
	margin-top:10px;	
}

.mail_confirm input{
	margin:0;	
}

.form_table02 td.td2,
.form_table02 td.td7{
	padding-left:5px !important;
	padding-right:5px;	
}

.form_table02 td.td2 .wmax,
.form_table02 td.td7 .wmax{
	width:100px;	
}

@media (max-width:1050px) {
	.form_table02 td.td2,
	.form_table02 td.td7{
		padding: 5px 0 15px 20px !important;
	}
	
	.form_table02 td.td2 .wmax,
	.form_table02 td.td7 .wmax{
		width:60%;	
	}
}

/************ /contact ****************/









/************ spi_form ****************/

.head_txt2{
	font-size:14px;
	margin-top:20px;	
}

.head_txt{
	padding:20px 20px 0;	
}

.head_txt li{
	font-size:14px;
	padding-left:1em;
	text-indent:-1em;	
}

.head_txt3 li {
    font-size: 14px;
    margin-top: 5px;
}

.doui_box{
	text-align:center;
	font-size:14px;
	margin:20px 0 5px;	
}

.header_rmesg,
.header_emesg{
	font-size:14px;	
	margin-top:15px;
}

span.msg{
	display:block;
}

.msg_top{
	display:block;
	text-align:center;
	color:#ff0044;
	font-size:15px;
	font-weight:bold;		
}

@media (max-width:1050px) {
	
	.head_txt li{
		font-size:14px;
		padding-left:1em;
		text-indent:-1em;	
	}
	
	.head_txt2{
		font-size:14px;
		margin-top:20px;	
	}
	
	.head_txt3 li{
		font-size:14px;
		margin-top:5px;	
	}
	
	.doui_box{
		text-align:center;
		font-size:14px;
		margin:20px 0 5px;	
	}
	
	.header_rmesg,
	.header_emesg{
		font-size:14px;	
		margin-top:15px;
	}		
}

.f_none{
	float:none !important;	
}

.form_image{
	width:1000px;	
	margin:30px auto 0;
}

.form_image img{
	width:100%;
	height:auto;	
}

.submit_area.t_center{
	text-align:center;	
}

.submit_area.t_center .f_none{
	float:none;	
}

@media (max-width:1050px) {
	.form_image{
		width:100%;	
		margin:5vw auto 0;
	}	
}

/************ /spi_form ****************/























