@charset "UTF-8";

/* -------------------------------------------------------------

LAYOUT

------------------------------------------------------------- */



/* ### 共通 ################################################# */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	
	/*長押しできないように設定
	-webkit-touch-callout: none;-webkit-user-select: none;*/
}
body {
    -webkit-text-size-adjust: 100%;
}

body{ width:100%; height:auto; background-color: #f6f6f6; }
#warapper{ width: 730px; height:auto; margin:0 auto; }
img{ display:block; border:none; }
.ie8 img{ border:none; }
.ie7 img{ border:none; }

#warapper h1,
#warapper h2,
#warapper h3,
#warapper h4,
#warapper h5,
#warapper h6,
#warapper p,
#warapper li{ color: #000000; }

#warapper a{ color: #1179c9; text-decoration: underline; }
#warapper a;link{ color: #1179c9; }
#warapper a:hover{ color: #ff6000; }
#warapper a:visited{ color: #551a8b; }


@media screen and (max-width: 767px){
#warapper{ width: 100%; max-width: 767px; overflow: hidden; }
	
}

.left	{ float: left; }
.right{ float: right; }
.clear{ clear: both; }

/* ### header ############################################### */
header{ width:100%; background:#0091d6; }

header div{ width:250px; padding:20px 15px; }
header div img{ width:100%; }

footer{ width:100%; color:#fff; background:#0091d6; }
footer div{ line-height:50px; text-align:center; }

@media screen and (max-width: 767px){
header div{ width:150px; padding:15px; }
footer div{ font-size:85.7%; line-height: 160%; padding:10px 0; }
}


/* ### content ############################################## */
#content{ width: 100%; height:100%; margin:0 auto; background-color: #ffffff; border:1px solid #989898; }

.loan_warap{ padding:25px 26px; }

.loan_warap h2{
	font-size: 171.4%;
  border-bottom: 2px solid #0091d6;
  padding: 20px 0 3px;
  margin-bottom: 20px;
  font-weight: normal;
}

.loan_warap #main-image{ width:100%; }
.loan_warap #main-image img{ width:100%; }

.loan_warap .btn_area{
	margin-bottom: 60px;
	padding-top: 20px;
}

.loan_warap .btn_area p{
	font-size: 100%;
	text-align: center;
}

.loan_warap .btn_area .btn_box{
	width: auto;
	margin:0 auto;
	padding-top: 20px;
}

.loan_warap .btn_area .btn_box,
.loan_warap .btn_area .btn_box a{
	width: 232px;
}

.loan_warap .btn_area .SP_btn_text,
.loan_warap .btn_area .SP_btn_box{
	display: none;
}



@media screen and (max-width: 767px){
#content{ margin: 0; margin-bottom:20px; border: none; }

.loan_warap{ padding: 0; }

.loan_warap h2{
	width: 94%;
	margin:0 auto;
	margin-bottom: 10px;
	font-size: 170%;
}

.loan_warap #main-image{ width:100%; }
.loan_warap #main-image img{ width:100%; }

.loan_warap .btn_area .btn_box{
	display: none;
}

.loan_warap .btn_area .btn_box,
.loan_warap .btn_area .btn_box a{
	width: 100%;
}

.loan_warap .btn_area .SP_btn_text,
.loan_warap .btn_area .SP_btn_box{
	display: block;
}

.loan_warap .btn_area .SP_btn_box{
	position: relative;
	width: 100%;
	height: 46px;
	margin-top: 1.5em;
	text-align: center;
	background: #0091d6;
	border-radius: 5px;
}

.loan_warap .btn_area .SP_btn_box a{
	display: block;
	width: 100%;
	font-size: 142.9%;
	color: #fff !important;
	line-height: 46px;
	text-decoration: none !important;
}

.loan_warap .btn_area .SP_btn_box .tr_L{
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -7.5px;
}

.loan_warap .btn_area{
	margin-bottom: 30px;
	padding-top: 10px;
}

.loan_warap .btn_area p{
	font-size: 100%;
	text-align: center;
}

.loan_warap .btn_area .SP_btn_text p{
	font-size: 100% !important;
}

}

@media screen and (max-width: 489px){
#content{ margin: 0; margin-bottom:20px; border: none; }

.loan_warap{ padding: 0; }

.loan_warap h2{
	font-size: 142.9%;
}

.loan_warap .btn_area p{
	font-size: 100%;
}

.loan_warap .btn_area .SP_btn_box a{
	font-size: 100%;
}

}


/* ### お手続きの流れ ####################################### */
.loan_warap .step_box{}
.loan_warap .stap_table{ display: table; margin-bottom:20px; }
.loan_warap .stap_table .icon,
.loan_warap .stap_table .text{
	display: table-cell;
	vertical-align: middle;
}
.loan_warap .stap_table .icon{ width: 200px; }
.loan_warap .stap_table .icon img{ margin:0 auto; }
.loan_warap .stap_table .text{ padding-left: 20px; }
.loan_warap .stap_table .text h3{
	font-size: 171.4%;
	color: #0091d6 !important;
}
.loan_warap .stap_table .text p{
	font-size: 100%;
}
.loan_warap .arrow{
	position: relative;
	widows: 100%;
	height: 60px;
	margin-bottom: 50px;
}
.loan_warap .arrow img{
	position: absolute;
	top: 0;
	left: 70px;
}

.loan_warap .caution_warap{
	margin-top: 60px;
	margin-bottom: 60px;
	border: 5px solid #f9c011;
}

.loan_warap .caution{
	padding:5px 20px;
	border: 1px solid #c9a600;
}
.loan_warap .caution h3{
	position: relative;
	font-size: 142.9%;
	border-bottom: 1px dotted #666;
	padding-left:56px;
	line-height: 56px;
}
.loan_warap .caution h3:before{
	content: "";
	position: absolute;
	width: 35px;
	height: 30px;
	top: 12px;
	left: 10px;
	background: url(icon_caution.gif) no-repeat;
}
.loan_warap .caution ul{
	padding: 1em 0;
	margin-bottom: 20px;
}
.loan_warap .caution li{
	font-size: 100%;
	padding-left: 1em;
	text-indent: -1em;
}
.loan_warap .caution li:before{
	content: "・";
}
.loan_warap .caution li.em{
	color: #a60000 !important;
	margin-bottom: 1em;
}

@media screen and (max-width: 767px){
.loan_warap .step_box{ width: 94%; margin:0 auto; padding: 10px 0; border: 2px solid #0091d6; }
.loan_warap .stap_table{ margin-top: 15px; }

.loan_warap .stap_table .text{ padding: 0px 1em; }
.loan_warap .stap_table .text h3{
	font-size: 142.9%;
}
.loan_warap .stap_table .text p{
	font-size: 100%;
}
.loan_warap .arrow{
	height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.loan_warap .arrow img{
	width: 50px;
	top: 0;
	left: 50%;
	margin-left: -25px;
}

.loan_warap .caution_warap{
	width: 94%;
	margin:0 auto;
	margin-top: 25px;
	margin-bottom: 25px;
}

.loan_warap .caution{
	padding:5px 10px;
}
.loan_warap .caution h3{
	font-size: 114.3%;
	line-height: 34px;
	padding-left: 44px;
}

.loan_warap .caution h3:before{
	width: 25px;
	height: 22px;
	background-size: cover;
	top: 4px;
}

.loan_warap .caution ul{
	margin-bottom: 10px;
}
.loan_warap .caution li{
	font-size: 100%;
}
.loan_warap .caution li:before{
	content: "・";
}

}

@media screen and (max-width: 489px){
.loan_warap .stap_table .icon{ width: 100px; }
.loan_warap .stap_table .icon img{ width:100%; }
.loan_warap .stap_table .pict img{ max-width:80px; }

.loan_warap .stap_table .text{ padding: 0px 1em; }
.loan_warap .stap_table .text h3{
	font-size: 100%;
}
.loan_warap .stap_table .text p{
	font-size: 100%;
}
.loan_warap .arrow{
	height: 35px;
}
.loan_warap .arrow img{
	width: 35px;
	margin-left: -17.5px;
}

.loan_warap .caution h3{
	font-size: 100%;
}

.loan_warap .caution li{
	font-size: 100%;
}

}


/* ### 個人情報にかかる同意条項 ############################# */
.loan_warap .agreement_box{}
.loan_warap .agreement_box h3{
	position: relative;
	font-size: 100%;
	padding-left: 30px;
	line-height: 24px;
	font-weight: normal;
}
.loan_warap .agreement_box h3:before{
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background: url(icon_unorder01.gif) no-repeat;
}

.loan_warap .agreement_box .SP_btn_area{
	display: none;
}

.loan_warap .scroll_area{
	width: 100%;
	height: auto;
	max-height: 500px;
	margin: 20px 0;
	padding:10px 20px;
	border: 1px solid #989898;
	-webkit-overflow-y: scroll;
	overflow-y: scroll;
}

.loan_warap .scroll_area h2{
	font-size: 142.9%;
	margin-bottom: 10px;
	border: none;
	font-weight: bold;
}

.loan_warap .scroll_area p{
	font-size: 100%;
}

.loan_warap .scroll_area table{
	width: 100%;
	font-size: 100%;
	margin-top: 20px;
	border: 1px solid #989898;
}

.loan_warap .scroll_area tr{
	border-bottom: 1px solid #989898;
}

.loan_warap .scroll_area tr:last-child{
	border-bottom: none;
}

.loan_warap .scroll_area th{
	width: 16%;
	padding-top:20px;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #989898;
	background: #edf5f9;
	color: #003893;
	font-weight: normal;
}

.loan_warap .scroll_area td{
	width: 84%;
	padding:20px;
}

.loan_warap .scroll_area td ul{
	padding-left: 1.2em;
	list-style-type: decimal;
}

.loan_warap .scroll_area td li{}



/* ### 同意ギミックCSS ############ */
.loan_warap .agreeCheckWrapper{
	text-align: center; 
	margin-top: 40px;
}

.loan_warap .agreeCheck{
	border: 3px solid #0091d6;
	box-shadow: 0 1px 2px #ccc;
	display: inline-block;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}

.loan_warap .agreeCheck p{
	margin: 0px;
	padding: 0 30px;
	color: #1179c9 !important;
	font-size: 128.6%;
}

.loan_warap .attendAreaC{
	background: #fdf4cf;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.loan_warap .attendAreaC li{
	display: inline-block;
	background: transparent url(icon_caution_24x20.gif) no-repeat 0 0;
	padding-left: 35px;
	min-height: 20px;
}





@media screen and (max-width: 767px){

.loan_warap .agreement_box{ width: 94%; margin:0 auto; }
.loan_warap .agreement_box h3{
	font-size: 100%;
	padding-left: 0px;
	line-height: 24px;
	font-weight: normal;
}
.loan_warap .agreement_box h3:before{
	display: none;
	position: static;
}

.loan_warap .agreement_box .SP_btn_area{
	display: block;
	margin-bottom: 10px;
}

.loan_warap .agreement_box .SP_btn_area h2{
	position: relative;
	font-size: 100%;
	margin: 10px 0;
	padding: 0;
	padding-left: 30px;
	border: none;
	line-height: 24px;
	font-weight: bold;
}

.loan_warap .agreement_box .SP_btn_area p{
	font-size: 100%;
}

.loan_warap .agreement_box .SP_btn_area h2:before{
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	background: url(icon_unorder01.gif) no-repeat;
}

.loan_warap .agreement_box #SP_btn{
	position: relative;
	width: 100%;
	height: 46px;
	font-size: 142.9%;
	color: #fff;
	margin-top: 1.5em;
	line-height: 46px;
	text-align: center;
	background: #0091d6;
	border-radius: 5px;
}

.loan_warap .agreement_box #SP_btn #tr_L{
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -7.5px;
}
.loan_warap .agreement_box #SP_btn #tr_R{
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	left: 10px;
	margin-top: -5px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #fff transparent transparent transparent;
	transform					: rotate(-90deg);
	-ms-transform			: rotate(-90deg);
	-moz-transform		: rotate(-90deg);
	-webkit-transform	: rotate(-90deg);
	}

.loan_warap .scroll_area{
	display: none;
	width: 100%;
	height: auto;
	max-height: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 1px solid #989898;
	-webkit-overflow: auto;
	overflow: auto;
}

.loan_warap .scroll_area > h2,
.loan_warap .scroll_area > p{
	display: none;
}

.loan_warap .scroll_area table,
.loan_warap .scroll_area tr,
.loan_warap .scroll_area th,
.loan_warap .scroll_area td{
	display: block;
}

.loan_warap .scroll_area table{
	font-size: 100%;
	margin-top: 0px;
	border: none;
}

.loan_warap .scroll_area tr{
	border-bottom: 1px solid #989898;
}

.loan_warap .scroll_area tr:last-child{
	border-bottom: none;
}

.loan_warap .scroll_area th{
	width: 100%;
	padding-top: 0px;
	padding-left: 1em;
	text-align: left;
	border-right: none;
	border-bottom: 1px solid #989898;
	line-height: 280%;
}

.loan_warap .scroll_area td{
	width: 100%;
	padding:1em;
}

.loan_warap .scroll_area p,
.loan_warap .scroll_area li{
	font-size: 100%;
}

.loan_warap .scroll_area p{
	margin-bottom: 1em;
}


}

@media screen and (max-width: 489px){


.loan_warap .agreement_box h3{
	font-size: 100%;
}

.loan_warap .agreement_box .SP_btn_area h2{
	font-size: 100%;
}

.loan_warap .agreement_box .SP_btn_area p{
	font-size: 100%;
}

.loan_warap .agreement_box #SP_btn{
	font-size: 100%;
}

.loan_warap .scroll_area table{
	font-size: 100%;
}

.loan_warap .scroll_area td{
	padding:10px;
}

.loan_warap .scroll_area p,
.loan_warap .scroll_area li{
	font-size: 100%;
}

}


/* ### お問い合わせ ######################################### */
.loan_warap .inquiryArea{
	position: relative;
	width: 100%;
	margin-top: 20px;
	border: 5px solid #0091d6;
	background: #fbfbfb;
	padding: 20px 0 0;
}

.loan_warap .inquiryArea > p{
	font-size: 100%;
	text-align: center;
	font-weight: bold;
}

.loan_warap .inquiryArea .inq_box{
	display: table;
	width: 100%;
	margin: 20px auto;
	padding: 0;
}

.loan_warap .inquiryArea .inq_box .inqL,
.loan_warap .inquiryArea .inq_box .inqR{
	display: table-cell;
	width: 50%;
	padding: 0 20px;
	vertical-align: middle;
	border-right: 1px dotted #ccc;
}

.loan_warap .inquiryArea .inq_box .inqR{
	border-right: none;
}

.loan_warap .inquiryArea .inq_box .inqL img,
.loan_warap .inquiryArea .inq_box .inqR img{
	margin: 0 auto;
}

@media screen and (max-width: 767px){

.loan_warap .inquiryArea{
	position: relative;
	width: 94%;
	margin: 0 auto;
}

.loan_warap .inquiryArea > p{
	width: 90%;
	font-size: 100%;
	margin:0 auto;
}

.loan_warap .inquiryArea .inq_box{
	display: block;
	width: 100%;
	margin: 20px auto;
	padding: 0;
}

.loan_warap .inquiryArea .inq_box .inqL,
.loan_warap .inquiryArea .inq_box .inqR{
	display: block;
	width: 90%;
	margin:0 auto;
	padding: 0;
}

.loan_warap .inquiryArea .inq_box .inqL{
	border: none;
	border-bottom: 1px dotted #ccc;
}

.loan_warap .inquiryArea .inq_box .inqL img,
.loan_warap .inquiryArea .inq_box .inqR img{
	width: 100%;
	margin: 10px auto;
}

}


@media screen and (max-width: 489px){

.loan_warap .inquiryArea > p{
	font-size: 100%;
}

}








/* ### フォーム入力 ######################################### */
.loan_warap .form_box{}
.loan_warap .form_box > p{ font-size: 100%; }
.loan_warap .form_box #form_table{
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #989898;
	border-bottom: 1px solid #989898;
}
.loan_warap .form_box #form_table tr{}
.loan_warap .form_box #form_table th{
	width: 25%;
	font-size: 100%;
	text-align: right;
	vertical-align: top;
	padding: 10px 1em 10px 0px;
	background: #edf5f9;
	border-right: 1px solid #989898;
	color: #003893;
}
.loan_warap .form_box #form_table td{
	width: 75%;
	font-size: 100%;
	padding: 10px 0px 10px 1em;
	border-bottom: 1px dotted #989898;
}

.loan_warap .form_box #form_table span{ display: inline-block; font-size: 100%; vertical-align: middle; }
.loan_warap .form_box #form_table select,
.loan_warap .form_box #form_table input{ height: 24px; vertical-align: middle; }
.loan_warap .form_box #form_table input[type="text"]{ width: 160px !important; }
.loan_warap .form_box #form_table input[type="radio"]{ display: inline-block; }
.loan_warap .form_box #form_table textarea{ width: 500px; margin-top:5px; font-size: 100%; }
.loan_warap .form_box #form_table label{ display: inline-block; }

.loan_warap .form_box #form_table .name span{
	width:32px;
	text-align: right;
}

.loan_warap .form_box #form_table .name div:first-child,
.loan_warap .form_box #form_table .address div:first-child{
	margin-bottom: 10px;
}

.loan_warap .form_box #form_table .age select{
	width: 100px;
}

.loan_warap .form_box #form_table .age select[name="age_y"]{
	width: 4.5em;
}
.loan_warap .form_box #form_table .age input[name="agetext"]{
	width: 3em;
}

.loan_warap .form_box #form_table .sex div{
	display: inline;
}

.loan_warap .form_box #form_table .sex div:first-child{
	margin-right: 15px;
}


.loan_warap .form_box #form_table .address input{
	width: 60px;
}

.contact-form-warap .contact-form-field .address input[name="address"]{
	width: 500px;
}
.loan_warap .form_box #form_table .address ul{
	font-size: 85.7%;
	line-height: 100%;
	margin-top: 10px;
	padding-left: 1em;
}

.loan_warap .form_box #form_table .address li{
	line-height: 160%;
	text-indent: -1em;
}

.loan_warap .form_box #form_table .address li:before{
	content: "※";
}

.loan_warap .form_box #form_table input[name="tel"],
.loan_warap .form_box #form_table input[name="email"]{
	width: 232px;
}


.loan_warap .form_box #form_table input[type="checkbox"]{
	 display: inline-block; 
}

.loan_warap .contact-form-field .chktime{
	display: flex;
	flex-wrap: wrap;
	
}

.loan_warap .contact-form-field .chktime li {
	margin-bottom: 7px;
	margin-right: 20px; 
  }

.loan_warap .form_box #form_table .bankcode input[name="bankcode1"]{
	margin-left: 10px;
	width: 3em;
}


.loan_warap .form_box #form_table .bankcode span{
	width:32px;
	text-align: right;
}

.loan_warap .form_box #form_table .bankcode div:first-child{
	margin-bottom: 10px;
}


.loan_warap .form_box .thanks{
	position: relative;
	width: 100%;
	padding:10px 25px 120px;
	border-bottom: 2px solid #0091d6;
}

.loan_warap .form_box .thanks h1{
	font-size: 171.4%;
	color: #0091d6 !important;
	margin-bottom: 15px;
}

.loan_warap .form_box .thanks p{
	position: relative;
	font-size: 114.3%;
	line-height: 180%;
	z-index: 100;
}

.loan_warap .form_box .thanks .thanks_img{
	position: absolute;
	width:400px;
	bottom: 0;
	right: 0;
}

.loan_warap .form_box .thanks .thanks_img img{
	width:100%;
}

.contact-form-warap {
    border-bottom: 1px solid #989898;
    border-top: 1px solid #989898;
    margin-top: 20px;
    width: 100%;
}

.contact-form-warap .contact-form-field{
	display: table;
    width: 100%;
}

.contact-form-warap .contact-form-field .form-label {
	display:table-cell;
    background: #edf5f9 none repeat scroll 0 0;
    border-right: 1px solid #989898;
    color: #003893 !important;
    font-size: 100%;
    padding: 10px 1em 10px 0;
    text-align: right;
    vertical-align: top;
    width: 25%;
}

.contact-form-warap .contact-form-field .form-element {
	display:table-cell;
    border-bottom: 1px dotted #989898;
    font-size: 100%;
    padding: 10px 0 10px 1em;
    width: 75%;
}

.contact-form-warap .contact-form-field .form-element span{
    display: inline-block;
    font-size: 100%;
    vertical-align: middle;
}

.contact-form-warap .contact-form-field .form-element span,
.contact-form-warap .contact-form-field .form-element input{ min-height: 24px; vertical-align: middle; }
.contact-form-warap .contact-form-field .taxtareabox span{ height:auto; }

.contact-form-warap .contact-form-field .form-element input[type="text"]{ width: 160px; }
.contact-form-warap .contact-form-field .form-element #addressbox{ width: auto; }
.contact-form-warap .contact-form-field .form-element input[type="radio"]{ display: inline-block; }
.contact-form-warap .form_box #form_table textarea{ width: 500px; margin-top:5px; font-size: 100%; }
.contact-form-warap .contact-form-field .form-element label{ display: inline-block; }

.contact-form-warap .contact-form-field .name span{
	width:32px;
	text-align: right;
}

.contact-form-warap .contact-form-field .form-element li{
	display:inline;
}

.contact-form-warap .contact-form-field .form-element .field_error{
	padding:0.5em 0 0.2em 0.2em;
	font-size:92%;
	color:#f00 !important;
}

.contact-form-warap textarea{ width: 98%; max-width: 480px; margin-top:5px; font-size: 100%; }

.contact-form-submit{
	text-align:center;
}

.contact-form-submit input[type="submit"]{
	width:232px;
	height:47px;
	border:none;
	background:none;
	font-size:0%;
	margin:0 auto;
	margin-top:20px;
	text-indent:-9999px;
	display:block;
	border-width:0px;
}

.contact-form-submit input[type="submit"]:hover{
	filter:alpha(opacity=75);
	opacity: 0.75;
}

 .contact-form-submit input[value="入力内容の確認へ"]{
	background:URL("btn-image02.png") no-repeat;
}

 .contact-form-submit input[value="送信"]{
	background:URL("btn-image03.png") no-repeat;
}

 .contact-form-submit input[value="内容を修正する"]{
	background:URL("btn-image08.png") no-repeat;
}

.btn_area .btn_box{
	text-align:center;
	margin-bottom:20px !important;
}

.btn_area .btn_box input[type="button"]{
	width:232px;
	height:47px;
	border:none;
	background:none;
	font-size:0%;
	background:URL("btn-image08.png") no-repeat;
}

.btn_area .btn_box input[type="button"]:hover{
	filter:alpha(opacity=75);
	opacity: 0.75;
}
.contact-form-warap .contact-form-field .address input[type="text"]{
	margin-top: 10px;
}


.contact-form-warap .contact-form-field .address ul{
	font-size: 85.7%;
	line-height: 100%;
	margin-top: 10px;
	padding-left: 1em;
}

.contact-form-warap .contact-form-field .address li{
	display: block !important;
	line-height: 160%;
	text-indent: -1em;
}

.contact-form-warap .contact-form-field .address ul.PostalCode{
	margin:0;
	margin-bottom: 10px;
	padding:0;
}

.contact-form-warap .contact-form-field .address ul.PostalCode li{
	float: left;
	width: 90px;
	text-indent: 0;
}

.contact-form-warap .contact-form-field .address ul.PostalCode li:nth-child(1):before{
	content: "〒";
}

.contact-form-warap .contact-form-field .address ul.PostalCode li:nth-child(1):after{
	content: "-";
}

.contact-form-warap .contact-form-field .address ul.PostalCode li:nth-child(2){
	width: 70px;
	margin-right: 10px;
}

.contact-form-warap .contact-form-field .address ul.PostalCode label{
	display: inline;
}

.contact-form-warap .contact-form-field .address ul.captxt li:before{
	content: "※";
}

.contact-form-warap .contact-form-field .address input[name="address"]{
	width: 480px !important;
}

.contact-form-warap .eymd{
	position: relative;
}

.contact-form-warap select{
	height: 24px;
}

p.form-element-era,
p.form-element-year,
p.form-element-month,
p.form-element-day{
	display: inline;
}

p.form-element-era{
  width:60px;
}

p.form-element-era select{
	width: 60px;
}

p.form-element-year{
  width:40px !important;
}
p.form-element-year input{
  width:40px !important;
}
span.eymd_error{
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 92%;
  color: #f00 !important;
}

p.form-element-month,
p.form-element-day{
  width: 100px;
}

p.form-element-month select,
p.form-element-day select{
  width: 100px;
}

div.form_box p#Error{
	margin-top:1em;
	color: #f00;
}

.btn_area .btn_box input[type="button"],
.contact-form-submit input[type="submit"],
.contact-form-submit input[type="button"] {
  -webkit-appearance: none;
  border-radius: 0;
	text-indent:0;
}
input#FanctionBt,
input#PostBtn{
	width: 122px;
	font-size: 87.5%;
	text-align: center;
	border-radius: 3px;
}

.contact-form-field ul.age li:nth-child(1):after{
	content: "年 ";
}

.contact-form-field ul.age li:nth-child(2):after{
	content: "月 ";
}

.contact-form-field ul.age li:nth-child(3):after{
	content: "日 ";
}




@media screen and (max-width: 767px){
.loan_warap .form_box{ width: 94%; margin:0 auto; }
.loan_warap .form_box > p{ font-size: 100%; margin:0 auto; margin-bottom:1em; }

.loan_warap .form_box table,
.loan_warap .form_box tbody,
.loan_warap .form_box tr,
.loan_warap .form_box th,
.loan_warap .form_box td{
	display: block;
}

.loan_warap .form_box #form_table{
	width: 100%;
	margin:0 auto;
	border: none;
}

.loan_warap .form_box #form_table tbody{
	width: 100%;
}

.loan_warap .form_box tr{
	width:100%;
}

.loan_warap .form_box #form_table th{
	width: 100%;
	font-size: 100%;
	text-align: left;
	line-height: 30px;
	padding: 0;
	padding-left: 1em;
	background: #0091d6;
	border: none;
	color: #fff;
	font-weight: normal;
}
.loan_warap .form_box #form_table td{
	width: 100%;
	font-size: 100%;
	border: none;
	padding:0;
}

.loan_warap .form_box #form_table td div{
	line-height: 100%;
}

.loan_warap .form_box #form_table span{ font-size: 100%; vertical-align: middle; }
.loan_warap .form_box #form_table select,
.loan_warap .form_box #form_table input{ height: 24px; vertical-align: middle; }
.loan_warap .form_box #form_table input[type="text"]{ width: 100px; }
.loan_warap .form_box #form_table input[type="radio"]{ display: inline-block; }
.loan_warap .form_box #form_table textarea{ width: 100%; margin-top:0px; }
.loan_warap .form_box #form_table label{ }

.loan_warap .form_box #form_table .name,
.loan_warap .form_box #form_table .age,
.loan_warap .form_box #form_table .address,
.loan_warap .form_box #form_table .tel,
.loan_warap .form_box #form_table .time,
.loan_warap .form_box #form_table .consult{
	padding: 10px 0px 20px;
}

.loan_warap .form_box #form_table .name .FirstC{
	float: left;
}
.loan_warap .form_box #form_table .name .LastC{
	float: right;
}
.loan_warap .form_box #form_table .name span{
	width:32px;
	text-align: left;
}
.loan_warap .form_box #form_table .name label{
	width: 48%;
}

.loan_warap .form_box #form_table .name input{
	width: 100%;
}

.loan_warap .form_box #form_table .age div{
	width: 100%;
	max-width: 500px;
}

.loan_warap .form_box #form_table .sex{
	padding:10px 0px 20px;
}

.loan_warap .form_box #form_table .age select{
	width: 25%;
}

.loan_warap .form_box #form_table .sex div{
	display: block;
	margin:0;
	margin-left:10px;
	padding:0px;
}

.loan_warap .form_box #form_table .sex div:last-child{
	padding-top:10px;
}

.loan_warap .form_box #form_table .address input{
	width: 60px;
}

.loan_warap .form_box #form_table .address label[for="address"],
.loan_warap .form_box #form_table .address input[name="address"]{
	width: 100%;
}
.loan_warap .form_box #form_table .address div p{
	font-size: 85.7%;
	line-height: 100%;
	margin-top: 10px;
}

.loan_warap .form_box #form_table .tel label,
.loan_warap .form_box #form_table .tel input{
	width: 100%;
}

.loan_warap .form_box #form_table .time select{
	width: 100%;
}

.loan_warap .form_box #form_table .consult label{
	width: 100%;
}


.loan_warap .form_box .thanks{
	padding:0px;
	padding-bottom: 25px;
}

.loan_warap .form_box .thanks h1{
	font-size: 142.9%;
	margin-bottom: 0px;
	text-align: center;
	line-height: 280%;
}

.loan_warap .form_box .thanks p{
	font-size: 100%;
	text-align: center;
}

.loan_warap .form_box .thanks .thanks_img{
	display: none;
}

.contact-form-warap {
	border: none;
}

.contact-form-warap .contact-form-field{
	display: block;
}

.contact-form-warap .contact-form-field .form-label {
	display: block;
	width: 100%;
	border: none;
	font-size: 100%;
	text-align: left;
	line-height: 30px;
	padding: 0;
	padding-left: 1em;
	background: #0091d6;
	color: #fff !important;
	font-weight: normal;
}

.contact-form-warap .contact-form-field .form-label #namekana{
	display: none;
}

.contact-form-warap .contact-form-field .form-element {
	display: block;
	width: 100%;
	font-size: 100%;
	border: none;
	padding:0;
}

.contact-form-warap .contact-form-field .form-element span{

}

.contact-form-warap .contact-form-field .form-element span,
.contact-form-warap .contact-form-field .form-element input{
	
}

.contact-form-warap .contact-form-field .form-element input[type="tel"],
.contact-form-warap .contact-form-field .form-element input[type="email"],
.contact-form-warap .contact-form-field .form-element input[type="text"]{
	width: 100%;
}
.contact-form-warap .contact-form-field .form-element input[type="radio"]{
	
}
.contact-form-warap .form_box #form_table textarea{
	width: 100%; max-width: 767px; margin:0 auto;
}
.contact-form-warap .contact-form-field .form-element label{
}

.contact-form-warap .contact-form-field .form-element .name span{

}

.contact-form-warap .contact-form-field .form-element li{
	
}

.contact-form-warap .contact-form-field .form-element .field_error{
	
}

.contact-form-warap textarea{ width: 100%; max-width: 767px; margin-top:10px; font-size: 100%; }

.contact-form-submit{
	position: relative;
}

.contact-form-submit input[type="submit"]{
	width: 100%;
	height: 46px;
	margin-top: 1.5em;
	text-align: center;
	font-size:100%;
	background-color: #0091d6 !important;
	color: #fff !important;
	border-radius: 5px;
}

.contact-form-submit:before{
	position: absolute;
	content: "";
	width: 10px;
	height: 15px;
	top:50%;
	margin-top:-7px;
	left: 15px;
	background: url(tr_icon01.png) no-repeat;
	z-index: 100;
}

.contact-form-submit input[type="submit"]:hover{
	filter:alpha(opacity=75);
	opacity: 0.75;
}

.btn_area .btn_box{
	position: relative;
	text-align:center;
	margin-bottom:20px !important;
}

.btn_area .btn_box:before{
	position: absolute;
	content: "";
	width: 10px;
	height: 15px;
	top: 56px;
	left: 15px;
	background: url(tr_icon01.png) no-repeat;
	z-index: 100;
}

.btn_area .btn_box input[type="button"]{
	width: 100%;
	height: 46px;
	margin-top: 1.5em;
	text-align: center;
	font-size:100%;
	background: none;
	background-color: #0091d6 !important;
	color: #fff !important;
	border-radius: 5px;
}

.contact-form-submit input[value="入力内容の確認へ"]{
	background:none;
}

.contact-form-submit input[value="送信"]{
	background:none;
}

.contact-form-submit input[value="内容を修正する"]{
	background:none;
}

.btn_area .btn_box input[type="button"]:hover{
	filter:alpha(opacity=75);
	opacity: 0.75;
}


.contact-form-warap .contact-form-field .age,
.contact-form-warap .contact-form-field .address,
.contact-form-warap .contact-form-field .tel,
.contact-form-warap .contact-form-field .time,
.contact-form-warap .contact-form-field .consult{
	padding: 10px 0 20px 0;
}

#namebox-field .form-element{ padding-top: 10px; }

#namekana-field .form-element{ padding-bottom: 20px; }

.contact-form-warap .contact-form-field .name{
	margin:5px 0;
}

.contact-form-warap .contact-form-field .kana{
	margin: 0;
	margin-bottom: 20px;
}

.contact-form-warap .contact-form-field .name li:nth-child(1){
	float: left;
	width: 48%;
}
.contact-form-warap .contact-form-field .name li:nth-child(2){
	float: right;
	width: 48%;
}
.contact-form-warap .contact-form-field .name span{
	width: 32px;
	height: 20px;
	text-align: left;
}
.contact-form-warap .contact-form-field .name label{
	width: 100%;
}

.contact-form-warap .contact-form-field .name input{
	width: 100% !important;
}

.contact-form-warap .age li{
	display: inline;
}

.contact-form-warap .age select{
	max-width: 100px;
}

.contact-form-warap .contact-form-field .form-element .age div{
	width: 100%;
	max-width: 500px;
}


.contact-form-warap .contact-form-field .gender{
	padding:10px 0px 20px;
}

.contact-form-warap .contact-form-field .form-element select{
	width: 25%;
}

.contact-form-warap .contact-form-field .gender li{
	display: block;
	margin:0;
	margin-left:10px;
	padding:0px;
}

.contact-form-warap .contact-form-field .gender li:last-child{
	padding-top:10px;
}

.contact-form-warap .contact-form-field .form-element .address input{
	width: 60px;
}

.contact-form-warap .contact-form-field .form-element .address label[for="address"],
.contact-form-warap .contact-form-field .form-element .address input[name="address"]{
	width: 100%;
}
.contact-form-warap .contact-form-field .form-element .address div p{
	font-size: 85.7%;
	line-height: 100%;
	margin-top: 10px;
}

.contact-form-warap .contact-form-field .time select{
	width: 100%;
}

.contact-form-warap .contact-form-field .mail{
	margin-top: 10px;
}

.contact-form-warap .contact-form-field .mailcheck{
	margin-bottom: 20px;
}

.contact-form-warap .contact-form-field .address input[name="address"]{
	width: 100% !important;
}

.contact-form-warap .contact-form-field .taxtareabox{
	padding: 10px 0 20px 0;
}

.contact-form-warap .contact-form-field .bankcode{
	padding: 10px 0 20px 0;
}

#bankcodebox-field .form-element{ 
	padding-top: 10px;
 }

.contact-form-warap .contact-form-field  .bankcoded input[name="bankcode1"]{
	width: 60px;	
}

.contact-form-warap .contact-form-field  .bankcoded input[name="bankcode2"]{
	width: 160px;
}

.contact-form-warap .contact-form-field .bankcode span{
	width: 100%;
	height: 20px;
	text-align: left;
	}
.contact-form-warap .contact-form-field .bankcode label{
	width: 100%;
	padding-bottom: 10px;
}

.contact-form-warap .contact-form-field .bankcode li{
	
}

.loan_warap .contact-form-field .chktime li {
	margin: 15px 10px 0px 10px;
  }

.loan_warap .contact-form-field .chktime li:last-child{
	margin-bottom: 15px;
  }


.SP_btn_box a{ font-size: 100% !important; }

.contact-form-warap .eymd{
	padding: 10px 0 20px 0 !important;
}

p.form-element-era,
p.form-element-year,
p.form-element-month,
p.form-element-day{
	display: inline;
}

p.form-element-era{
  width:4.5em;
}

p.form-element-era select{
	width: 4.5em;
}

p.form-element-year{
  width:2.8em !important;
}
p.form-element-year input{
  width:2.8em !important;
}
span.eymd_error{
	display: none !important;
}

p.form-element-month,
p.form-element-day{
  width: 20%;
}

p.form-element-month select,
p.form-element-day select{
  width: 20% !important;
}

}

@media screen and (max-width: 489px){
.loan_warap .form_box .thanks h1{
	font-size: 114.3%;
}

.loan_warap .form_box #form_table .age select{
	width: 20%;
}

.loan_warap .form_box #form_table .age input[name="agetext"]{
	width: 2.8em;
}

}

input,
textarea,
select {
    font-size: 16px;
}

.field_value{
  word-break: break-all;
  color: #000000;
}