@charset "UTF-8";
/* CSS Document */
/*******************************
	ログインページ用CSS(PC SP共通)
*******************************/
header {
	position: absolute;
	width: 100%;
	min-height: 0;
	background: #ffffff;
	z-index: 3;
}
h3 {
	font-family: 'Noto Sans JP';
	font-weight: 500;
}
h4 {
	font-family: 'Noto Sans JP';
	font-weight: 500;
	font-size: 18px;
	padding: 16px 15px;
	border-left: 4px solid #52A807;
	background: #E1F0C5;
}

.contact {
	padding: 0;
	text-align: center;
}
.contact h3 {
	margin-bottom: 30px;
	font-size: 20px;
}
h3.underline::after {
	width: 60px;
	background: #326ab7;
}
.contact h3 + p {
	margin-bottom: 25px;
	font-family: "Noto Medium";
}
.contact .btnTel {
	width: 275px;
	margin: 0 auto;
	padding-left: 50px;
	background: url("../img/login/img_tel.png") left center no-repeat;
	background-size: 40px auto;
}
.contact .btnTel a {
	font-family: 'Oswald';
	font-weight: 700;
	font-size: 36px;
	color: #52A807;
	cursor: default;
	line-height: 1;
	letter-spacing: 0.01em;
}
.contact .btnTel + p {
	font-family: "Noto Medium";
}
.contact-line {
	height:3px;
	width:90%;
	background-color:#52A807;
	border:none;
}

.stepList {
	position: relative;
	background-color: #fafafa;
	z-index: 2;
}

.stepList ol {
	overflow: hidden;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.1);
	text-align: center;
	background: #ffffff;
}
	.stepList ol li p em {
		display: block;
		font-family: 'Oswald';
		font-weight: 500;
		color: #52A807;
		letter-spacing: 0.05em;
	}
.cntBox {
	background: #ffffff;
	box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.cntBox .cntWrap {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}
/*ローディング*/
.loader {
	text-align: center;
}
	.loader img {
		width: 24px;
	}
	.loader p {
		margin-top: 10px;
	}
/*チェックボックス*/
.checkBox li {
	position: relative;
}
	.checkBox li input[type="checkBox"] {
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		height: 100%;
		opacity: 0;
		z-index: -1;
		cursor: pointer;
	}
	.checkBox li label {
		display: inline-block;
		padding-left: 30px;
		background: url("../img/form/check_off.png") left center no-repeat;
		background-size: 22px auto;
		cursor: pointer;
	}
	.checkBox li input[type="checkBox"]:checked + label {
		background: url("../img/form/check_on.png") left center no-repeat;
		background-size: 22px auto;
	}
/*入力ボックス*/
.formBox input[type="text"],
.formBox input[type="password"],
.formBox input[type="email"],
.formBox input[type="tel"],
.formBox input[type="number"] {
	display: inline-block;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    background: #ffffff;
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
}
.formBox input[type=number]::-webkit-inner-spin-button,
.formBox input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.formBox input[type="text"][disabled],
.formBox input[type="password"][disabled],
.formBox input[type="email"][disabled],
.formBox input[type="tel"][disabled],
.formBox input[type="number"][disabled] {
	background: #eeeeee;
}
.formBox input + span {
	display: inline-block;
	margin: 0 5px;
}
/*テキストエリア*/
.formBox textarea {
	width: 100%;
	padding: 0 10px;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    background: #ffffff;
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
}
/*セレクトボックス*/
.formBox .selectBox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 42px;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
	background-image: url("../img/form/icon_arrow_select.png");
	background-position: right 0.5em center;
    background-repeat: no-repeat;
    background-size: 8px auto;
}
.formBox .selectBox label {
	position: absolute;
	top:10px;
	left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: calc(100% - 2.5em);
}
.formBox .selectBox select {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	border-radius: 4px;
	-ms-filter: "alpha(opacity=0)";
	-webkit-appearance:none;
	-moz-appearance: none;
	appearance: none;
}

/*エラー*/
.formBox .errTxt {
	margin-bottom: 5px !important;
	font-size: 14px !important;
	font-weight: bold !important;
	color: #ff4444 !important;
	line-height: 1.2 !important;
}
.formBox .warning {
	margin-bottom: 5px !important;
	font-size: 14px !important;
	font-weight: bold !important;
	color: #ff4444 !important;
	line-height: 1.2 !important;
}
.formBox .danshin {
	margin-bottom: 5px !important;
	font-size: 20px !important;
	font-weight: bold !important;
	color: #ff4444 !important;
	background-color: #ffff44 !important;
	line-height: 1.2 !important;
}
.formBox dl + .errTxt {
	margin-top: 20px;
}
.formBox input.errInput {
	border: 1px solid #ff4444;
	background:#ffe7e7; 
}
.formBox .selectBox.errSelect {
	border: 1px solid #ff4444;
	background:#ffe7e7; 
}

/*次へ進むボタン*/
.btnNext input {
	height: 60px;
	font-family: 'Noto Sans JP';
	font-weight: 500;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	border: none;
	border-radius: 4px;
	background: url("../img/form/arrow_white_right.png") 93% center no-repeat #52A807;
	background-size: 7px auto;
	-webkit-appearance:none;
	-moz-appearance: none;
	appearance: none;
}
.btnNext input[disabled] {
	pointer-events:none;
	opacity: 0.6;
}
/*戻るボタン*/
.cntBox + .btnBack {
	margin-top: 20px;
}
.btnBack input {
	width: 80px;
	font-size: 12px;
	text-indent: 1em;
	line-height: 35px;
	cursor: pointer;
	border: none;
	border-radius: 2px;
	border-bottom: 1px solid #bfbfbf;
	background: url("../img/form/icon_arrow_back.png") 10px center no-repeat #eaeaea;
	background-size: 7px auto;
	-webkit-appearance:none;
	-moz-appearance: none;
	appearance: none;
}

/*戻るボタン注意メッセージ*/
.cautionBtnBack {
	position: relative;
	margin-bottom: 40px;
	padding: 20px 10px;
	text-align: center;
	background: #ffe7e7;
}
	.cautionBtnBack .btnBack {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 10px;
		width: 80px;
		height: 40px;
		margin: auto 0;
	}
	.cautionBtnBack .cautionTxt {
		padding-left: 25px;
	}
/*入力不備メッセージ*/
.cautionFormErr {
	margin-bottom: 20px;
	padding: 20px 30px;
	background: #ffe7e7;
}
	.cautionFormErr .cautionTxt {
		padding-left: 25px;
		font-weight: bold;
		color: #ff1e1e;
		line-height: 1.4;
		background: url("../img/form/icon_caution.png") left center no-repeat;
		background-size: 16px auto;
	}
/* --------------------------------------------------
	pagetop
-------------------------------------------------- */
#pagetop {
	display: block;
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 50px;
	cursor: pointer;
}
/* --------------------------------------------------
    モーダルウインドウ
-------------------------------------------------- */
.modalOverlay {
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.modalContent {
    display: none;
    width: 100%;
    overflow: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    margin: auto;
    max-width:600px;
    min-width: 300px;
    z-index: 10000;
}
.modalContent > div {
    padding: 20px 40px;
    font-size: 12px;
    background: #ffe7e7;
}
.modalContent > div dl dt {
	font-weight: bold;
}
.modalContent .modalClose {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.modalContent .modalClose img {
	display: block;
}

.docBox {
	overflow: auto;
	margin-bottom: 10px;
	border: 1px solid #bfbfbf;
}
.docBox + div {
	text-align: center;
	background: #efefef;
}
.docBox + div > p {
	margin-bottom: 10px;
}

/*ラジオボタン*/
.radioBox {
	display: inline-block;
}

.radioBox ~ * {
	margin: 10px 0 0 0;
}

.radioBox + :not([class]) {
	display: inline-block;
}

.setContact {
	max-width: none;
	margin: 0;
}

.setContact tr {
	height: auto;
}

.setContact th,
.setContact td {
	border: 0;
	text-align: left;
}

.setContact tr:nth-child(odd) > th {
	width: auto;
	padding-top: 20px;
}

.setContact tr:nth-child(even) > th {
	width: 70px;
}

.setContact tr:nth-child(even) > td {
	width: auto;
}

/**************************************************
	共通PC用CSS
**************************************************/
@media only screen and (min-width : 641px) {

	header .linkContact {
		float: right;
		margin: 15px 20px 10px 0;
		padding-left: 40px;
		font-family: 'Noto Sans JP';
		font-weight: 500;
		font-size: 13px;
		background: url("../img/form/icon_btn_contact.png") left center no-repeat;
        background-size: 35px auto;
	}

	.contact .btnTel a:hover {
		opacity: 1;
	}
	.stepList {
		padding: 110px 10px 0;
	}
		.stepList ol {
			display: table;
			padding: 10px 0;
		}
		.stepList ol li {
			position: relative;
			display: table-cell;
			width: 16.6%;
			font-size: 12px;
			font-weight: bold;
			vertical-align: top;
			border-left: 10px solid #ffffff;
			background: #efefef;
		}
		.stepList ol li:last-child {
			border-right: 10px solid #ffffff;
		}
			.stepList ol li.current:after {
				content: '';
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 2px;
				border-bottom: 2px solid #52A807;
			}
			.stepList ol li p {
				padding: 10px 1%;
				line-height: 1.3;
			}
			.stepList ol li p em {
				font-size: 16px;
				line-height: 1.7;
			}
	/*戻るボタン注意メッセージ*/
	.cautionBtnBack .cautionTxt {
		width: 50%;
		margin: 0 auto;
		line-height: 1.3;
		background: url("../img/form/icon_caution.png") left center no-repeat;
		background-size: 16px auto;
	} 

	h3 {
		margin-bottom: 30px;
		font-size: 28px;
	}
	.cntBox {
		padding: 40px 10px 80px;
	}

	/*ラジオボタン*/
    .radioBox li {
        position: relative;
        display: inline-block;
    }
    .radioBox input[type="radio"] {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 1;
        cursor: pointer;
    }
    .radioBox label {
        display: block;
        padding-left: 30px;
        background: url("../img/form/btn_radio_off.png") left center no-repeat;
        background-size: 22px auto;
        cursor: pointer;
    }
    .radioBox input[type="radio"]:checked + label {
        background: url("../img/form/btn_radio_on.png") left center no-repeat;
        background-size: 22px auto;
    }
    .btnNext {
    	text-align: center;
    }
    .btnNext input {
    	width: 360px;
	}

    article .linkContact {
		display: none;
	}

	#pagetop {
		bottom: 80px;
	}

	.docBox {
		height: 360px;
	}
	.docBox + div {
		padding: 20px 10px;
	}

	/*生年月日*/
	.selectBirth .radioBox {
		display: inline-block;
	}
	.selectBirth input[type="tel"] {
		width: 70px !important;
	}
  
}

/**************************************************
	共通スマートフォン用CSS
**************************************************/
@media only screen and (max-width : 640px) {

	header .linkContact {
		display: none;
	}
	
	.contact h3 + p br {
		display: none;
	}

	.stepList {
		z-index: 0;
		padding: 59px 0 0;
	}
	.stepList ol {
		padding: 5px 0;
	}
	.stepList ol li {
		float: left;
		width: 15.6%;
		margin-left: 1%;
		padding: 10px 1%;
		background: #efefef;
	}
	.stepList ol li p {
		font-size: 14px;
	}
	.stepList ol li p span {
		display: none;
	}
	.stepList ol li.current {
		background: #52A807;
	}
	.stepList ol li.current p em {
		color: #ffffff;
	}
	#step5 .stepList + * {
		padding-top: 20px;
	}
	h3 {
		margin-bottom: 20px;
		font-size: 21px;
		line-height: 1.2;
	}
	.cntBox {
		padding: 20px 10px 35px;
	}
	/*ラジオボタン*/
	.radioBox > * {
        position: relative;
        flex-grow: 1;
        width: 10px;
        vertical-align: middle;
    }
    .radioBox li input[type="radio"] {
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 1;
        cursor: pointer;
    }
    .radioBox li label {
        display: table;
        width: 100%;
        height: 50px;
        font-size: 16px;
        line-height: 1;
        text-align: center;
        cursor: pointer;
        border-top: 1px solid #bfbfbf;
        border-bottom: 1px solid #bfbfbf;
        border-left: 1px solid #bfbfbf;
        background: #ffffff;
    }
	.radioBox li label span {
		display: table-cell;
		vertical-align: middle;
	}
    .radioBox li:first-child label {
    	border-radius: 2px 0 0 2px;
    }
    .radioBox li:last-child label {
    	border-radius: 0 2px 2px 0;
    	border-right: 1px solid #bfbfbf;
    }
    .radioBox li input[type="radio"]:checked + label {
    	color: #ffffff;
    	background: #52A807;
    }
    .formBox input + span {
    	margin: 0 2px;
    }
	.btnNext input {
    	width: 100%;
    }
    .linkContact {
		display: inline-block;
		margin: 50px 0 0 10px;
		font-family: 'Noto Sans JP';
		font-weight: 500;
		font-size: 13px;
		background: url("../img/form/icon_btn_contact.png") 10px center no-repeat #ffffff;
        background-size: 35px auto;
	}
	.linkContact a {
		display: block;
		padding: 10px 10px 10px 50px;
	}
	/*戻るボタン注意メッセージ*/
	.cautionBtnBack {
		overflow: hidden;
		margin: -10px 0 20px;
		padding: 12px 10px;
	}
	.cautionBtnBack .cautionTxt {
		float: right;
		display:block;
		width: 70%;
		font-size: 12px;
		text-align: left;
		line-height: 1.3;
		background: url("../img/form/icon_caution.png") left center no-repeat;
		background-size: 16px auto;
	}
	/*入力不備メッセージ*/
	.cautionFormErr {
		padding: 20px 10px;
	}

	/*戻るボタン*/
	.cntBox + .btnBack {
		margin: 20px 0 0 10px;
	}
		
	/* --------------------------------------------------
		モーダルウインドウ
	-------------------------------------------------- */
	.modalContent {
		width: 90%;
		max-height: 90%;
	}
	.modalContent > div {
		padding: 35px 20px 20px;
	}
	.modalContent > div dl dd br {
		display: none;
	}

	.docBox {
		height: 180px;
	}
	.docBox + div {
		padding: 15px 10px;
	}

	/*生年月日*/
	.selectBirth input[type="tel"] {
		width: 60px !important;
	}

	.setContact {
		display: block;
	}

	.setContact tbody {
		display: block;
	}
	
	.setContact tr {
		display: block;
	}

	.setContact th,
	.setContact td {
		display: block;
	}
}

/*******************************
	step2
*******************************/
#step2 h4 {
	margin-bottom: 20px;
}
#step2 .checkBox {
	margin-bottom: 40px;
	background: #efefef;
}
#step2 .caution {
	margin-bottom: 40px;
	text-align: left;
	padding: 15px 10px;
	background: #ffe7e7;
}
#step2 .caution span {
	display: inline-block;
	padding-left: 35px;
	background: url("../img/form/icon_caution.png") left center no-repeat;
	background-size: 16px auto;
	max-width:770px;
}
#step2 .btnPdf {
	position: relative;
	width: 260px;
	margin: 0 auto 40px;
	padding: 10px 20px;
	font-family: 'Noto Sans JP';
	font-weight: 500;
	border-radius: 2px;
	border-bottom: 1px solid #bfbfbf;
	background: #eaeaea url("../img/form/icon_pdf.png") 210px center no-repeat;
}
	#step2 .btnPdf input {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
		-webkit-appearance:none;
		-moz-appearance: none;
		appearance: none;
	} 
		#step2 .btnPdf span {
			display: inline-block;
			margin-right: 10px;
			padding: 2px 5px;
			font-size: 10px;
			color: #ffffff;
			background: #ff4444;
		}
/**************************************************
	step2PC用CSS
**************************************************/
@media only screen and (min-width : 641px) {
	
	#step2 section + section {
		margin-top: 40px;
	}
	#step2 .radioBox li + li {
		margin-left: 70px;
	}
	#step2 .checkBox {
		padding: 30px 35px;
	}
	#step2 .checkBox li + li {
		margin-top: 10px;
	}
		#step2 .checkBox li label {
			background-position: left top;
		}
	
}

/**************************************************
	step2スマートフォン用CSS
**************************************************/
@media only screen and (max-width : 640px) {

	#step2 section + section {
		margin-top: 30px;
	}
	.radioBox {
		display: flex;
		width: 100%;
	}
	#step2 .radioBox li:first-child label {
		border: 1px solid #52A807;
	}
	#step2 .radioBox li:first-child input[type="radio"]:checked + label {
		border: 1px solid #bfbfbf;
	}
	#step2 .radioBox li input[type="radio"].active + label {
		border: 1px solid #bfbfbf;
	}
	#step2 .radioBox li + li label {
		border-left: none;
	}

	#step2 .checkBox {
		padding: 10px;
	}
		#step2 .checkBox li {
			padding: 6px 0;
		}
		#step2 .checkBox li + li {
			border-top: 1px solid #bfbfbf;
		}

}

/*******************************
	switch_user
*******************************/
#switch_user h4 {
	margin-bottom: 20px;
}
#switch_user .checkBox {
	margin-bottom: 40px;
	background: #efefef;
}
#switch_user .caution {
	margin-bottom: 40px;
	text-align: left;
	padding: 15px 10px;
	background: #ffe7e7;
}
#switch_user .caution span {
	display: inline-block;
	padding: 0 1em;
	background-size: 16px auto;
	max-width:770px;
}
#switch_user .btnPdf {
	position: relative;
	width: 260px;
	margin: 15px auto 20px;
	padding: 10px 20px;
	font-family: 'Noto Sans JP';
	font-weight: 500;
	border-radius: 2px;
	border-bottom: 1px solid #bfbfbf;
	background: #eaeaea url("../img/form/icon_pdf.png") 210px center no-repeat;
	text-align:center;
}
	#switch_user .btnPdf input {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
		-webkit-appearance:none;
		-moz-appearance: none;
		appearance: none;
	} 
		#switch_user .btnPdf span {
			display: inline-block;
			margin-right: 10px;
			padding: 2px 5px;
			font-size: 10px;
			color: #ffffff;
			background: #ff4444;
		}
/**************************************************
	switch_userPC用CSS
**************************************************/
@media only screen and (min-width : 641px) {
	
	#switch_user section + section {
		margin-top: 40px;
	}
	#switch_user .radioBox li + li {
		margin-left: 70px;
	}
	#switch_user .checkBox {
		padding: 30px 35px;
	}
	#switch_user .checkBox li + li {
		margin-top: 10px;
	}
		#switch_user .checkBox li label {
			background-position: left top;
		}
	
}

/**************************************************
	switch_userスマートフォン用CSS
**************************************************/
@media only screen and (max-width : 640px) {

	#switch_user section + section {
		margin-top: 30px;
	}
	.radioBox {
		display: flex;
		width: 100%;
	}
	#switch_user .radioBox li:first-child label {
		border: 1px solid #52A807;
	}
	#switch_user .radioBox li:first-child input[type="radio"]:checked + label {
		border: 1px solid #bfbfbf;
	}
	#switch_user .radioBox li input[type="radio"].active + label {
		border: 1px solid #bfbfbf;
	}
	#switch_user .radioBox li + li label {
		border-left: none;
	}

	#switch_user .checkBox {
		padding: 10px;
	}
		#switch_user .checkBox li {
			padding: 6px 0;
		}
		#switch_user .checkBox li + li {
			border-top: 1px solid #bfbfbf;
		}

}

/*******************************
	step3　step1共通
*******************************/
.formBox section > dl > dt {
	font-size: 12px;
	background: #efefef;
}
.formBox section > dl > dt span {
	margin-right: 0.5em;
	font-family: 'Noto Sans JP';
	font-weight: 500;
	font-size: 16px;
}
.formBox section > dl > dt strong {
	display: inline-block;
	margin-right: 0.5em;
	color: #ff4444;
}
.formBox section > dl > dt em {
	position: relative;
	top: -2px;
	display: inline-block;
	line-height: 13px;
	margin-left: 0.5em;
	padding: 4px 5px;
	font-size: 10px;
	color: #ffffff;
	line-height: 1;
	vertical-align: middle;
	background: #ff4444;
}

/*ローン条件*/
.formBox .loanConditions {
	background: #f6f6f6;
}



/*******************************
	step3　step1共通(PC)
*******************************/
@media only screen and (min-width : 641px) {

	.formBox section + section {
		margin-top: 40px;
	}
	.formBox h4 {
		margin-bottom: 30px;
	}
	.formBox section > dl + dl {
		margin-top: 30px;
	}
	.formBox section > dl > dt {
		padding: 7px 20px;
	}
	.formBox section > dl > dd {
		padding: 20px 20px 0;
	}
	/*電話*/
	.formBox .inputTel input {
		width: 80px;
	}




}
/*******************************
	step3　step1共通(SMP)
*******************************/
@media only screen and (max-width : 640px) {

	.formBox section + section {
		margin-top: 30px;
	}
	.formBox h4 {
		margin-bottom: 20px;
	}
	.formBox section > dl + dl {
		margin-top: 30px;
	}
	.formBox section > dl > dt {
		padding: 10px;
	}
	.formBox section > dl > dd {
		padding: 20px 20px 0;
	}
	.formBox section > dl > dd {
		padding: 20px 10px 0;
	}

	/*電話*/
	.formBox .inputTel input {
		width: 70px;
	}


}

/*******************************
	step1
*******************************/

#step1 .btnBar {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
}

#step1 .btnBarCalc {
	margin-bottom: 40px;
	padding: 10px;
	text-align: center;
	background: #f9f7f1;
}

#step1 .btnReset {
	width: 100px;
	font-size: 12px;
	text-indent: 1em;
	line-height: 25px;
	cursor: pointer;
	border: none;
	border-radius: 2px;
	border-bottom: 1px solid #bfbfbf;
	background: url("../img/form/icon_reset.png") 10px center no-repeat #eaeaea;
	background-size: 12px auto;
	-webkit-appearance:none;
	-moz-appearance: none;
	appearance: none;
}

#step1 .btnCalc {
	display: inline-block;
	width: 360px;
	padding: 10px 0;
	font-family: 'Noto Sans JP';
	font-weight: 500;
	font-size: 16px;
	text-indent: 1em;
	line-height: 30px;
	cursor: pointer;
	border: none;
	border-radius: 2px;
	border-bottom: 1px solid #bfbfbf;
	background: url("../img/form/icon_calc.png") 60px center no-repeat #eaeaea;
	background-size: 24px auto;
	-webkit-appearance:none;
	-moz-appearance: none;
	appearance: none;
}

#step1 .reformItem .btnAccord {
	margin-top: 10px;
	text-align: right;
}
	#step1 .reformItem .btnAccord span {
		display: inline-block;
		width: 150px;
		font-size: 12px;
		line-height: 25px;
		text-indent: 1em;
		text-align: center;
		cursor: pointer;
		border-radius: 2px;
		border-bottom: 1px solid #bfbfbf;
		background: url("../img/form/icon_plus.png") 10px center no-repeat #eaeaea;
		background-size: 12px auto;
	}
	#step1 .reformItem .btnAccord span.active {
		background: url("../img/form/icon_minus.png") 10px center no-repeat #eaeaea;
		background-size: 12px auto;
	}
#step1 .reformItem .btnAccord + div {
	display: none;
}


/*販売店*/
#step1 .inputStore dd dl + dl {
	margin-top: 20px;
}
#step1 .inputStore dd dl dt {
	font-size: 12px;
	font-weight: bold;
}
	#step1 .inputStore dd dl dt em {
		display: inline-block;
		margin-right: 0.5em;
		font-size: 14px;
		font-weight: bold;
	}
	#step1 .inputStore dd aside p {
		position: relative;
		padding-left: 1em;
		font-size: 12px;
		color: #52A807;
		line-height: 1.3;
	}
	#step1 .inputStore dd aside p:before {
		content: '※';
		position: absolute;
		left: 0;
	}
	#step1 .inputStore input[type="text"] {
		width: 100%;
	}
/*自由入力欄*/
#step1 .inputFree dd dl + dl {
	margin-top: 20px;
}
#step1 .inputFree dd dl dt {
	font-size: 12px;
}
	#step1 .inputFree dd dl dt em {
		display: inline-block;
		margin-right: 0.5em;
		font-size: 14px;
		font-weight: bold;
	}
	#step1 .inputFree dd aside p {
		position: relative;
		padding-left: 1em;
		font-size: 12px;
		color: #52A807;
		line-height: 1.3;
	}
	#step1 .inputFree dd aside p:before {
		content: '※';
		position: absolute;
		left: 0;
	}
	#step1 .inputFree input[type="text"] {
		width: 100%;
	}


/*--ローン情報 入力--*/
#step1 input[type="tel"] {
	width: 180px;
	text-align: right;
}
/*テーブル*/
.formTbl01 th {
	width: 33%;
	padding: 5px 10px;
	font-weight: bold;
	text-align: center;
}
.formTbl01 td {
	width: auto;
	padding: 5px 10px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: #ffffff;
}
/*ローン条件*/
#step1 .loanConditions {
	margin-bottom: 30px;
	text-align: center;
}
	#step1 .loanConditions > p {
		margin-bottom: 10px;
		font-weight: bold;
	}
/*自動車代金等 頭金 差引残金*/
#step1 .calcPrice dl + dl {
	margin-top: 20px;
}
	#step1 .calcPrice dl dt {
		margin-bottom: 5px;
	}
	#step1 .calcPrice dl dt span {
		display: inline-block;
		width: 25px;
		height: 25px;
		line-height: 25px;
		margin-right: 10px;
		text-align: center;
		color: #ffffff;
		border-radius: 50%;
	}
	#step1 .calcPrice dl dt em {
		font-weight: bold;
	}
	#step1 .calcPrice dl dt a {
		display: inline-block;
		margin-left: 10px;
		width: 20px;
	}
	#step1 .calcPrice .resultTxt p {
		padding: 20px 10px;
		text-align: right;
		background: #f6f6f6;
	}
	/*ローン金額*/
	#step1 .calcPrice .resultTxt .loanPriceTxt {
		text-align: center;
	}
	#step1 .calcPrice .resultTxt .loanPriceTxt em {
		font-size: 26px;
		font-weight: bold;
	}

/*初回支払年月*/
#step1 .initialPayment dd > p {
	margin-bottom: 10px;
	font-size: 12px;
}
#step1 .initialPayment dd dl + dl {
	margin-top: 10px;
}
#step1 .initialPayment dd dl dt > em {
	margin-right: 1em;
	font-weight: bold;
}
#step1 .initialPayment dd dl dt > span {
	font-size: 12px;
}
#step1 .initialPayment dd dl dt > span em {
	font-weight: bold;
	color: #ff4444;
}
#step1 .initialPayment dd dl dd .selectBox + span {
	margin: 0 5px;
}
#step1 .initialPayment dd dl dd .yearMonthSelect {
	width: 130px;
}
#step1 .initialPayment dd dl dd .yearSelect {
	width: 90px;
}
/*ご返済内容*/
#step1 .repayment dd dl + dl {
	margin-top: 20px;
}
	#step1 .repayment dd dl dt {
		font-weight: bold;
	}
		#step1 .repayment dd dl dt span {
			display: inline-block;
			margin-left: 0.5em;
			font-size: 12px;
			font-weight: normal;
		}
	#step1 .repayment dd dl dd .timeBox,
	#step1 .repayment dd dl dd .priceBox {
		display: none;
	}
	#step1 .repayment dd dl dd .monthSelect,
	#step1 .repayment dd dl dd input[type="tel"] {
		width: 70px;
	}
	#step1 .repayment dd dl dd .monthSelect + span {
		margin: 0 5px;
	}
	#step1 .repayment dd .bonusBox {
		display: none;
		margin-top: 10px;
	}
	#step1 .repayment dd .bonusBox span + .selectBox {
		margin-left: 30px;
	}

/*ご返済内容*/
#step1 #resultRepayment {
	display: none;
}
#step1 #resultRepayment > dl > dt {
	font-family: 'Noto Sans JP';
	font-weight: 500;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
}
#step1 #resultRepayment > dl > dd {
	background: #f6f6f6;
}
#step1 #resultRepayment > dl > dd > * {
	max-width: 700px;
	margin: 0 auto;
}
#step1 #resultRepayment .formTbl01 th {
	font-size: 16px;
}
#step1 #resultRepayment .formTbl01 .total {
	font-size: 28px;
}
#step1 #resultRepayment .directDebit {
	margin: 10px auto 20px;
	padding: 10px 0;
	font-weight: bold;
	color: #ff4444;
	text-align: center;
	border: 2px solid #ff4444;
	background: #ffffff;
}
	#step1 #resultRepayment .directDebit em {
		font-size: 18px;
	}

/*multiBox*/
#step1 .multiBox dl + dl {
	margin-top: 20px;
}
	#step1 .multiBox dl dt {
		font-size: 12px;
	}
		#step1 .multiBox dl dt span {
			font-size: 14px;
			font-weight: bold;
		}
		#step1 .multiBox dl dt em {
			position: relative;
			top: -2px;
			display: inline-block;
			line-height: 13px;
			margin-left: 15px;
			padding: 4px 5px;
			font-size: 10px;
			color: #ffffff;
			line-height: 1;
			vertical-align: middle;
			background: #ff4444;
		}

/**************************************************
	step1PC用CSS
**************************************************/
@media only screen and (min-width : 641px) {
	
	#step1 input[type="text"] {
		width: 38%;
	}
	#step1 .radioBox {
		margin-bottom: 5px;
	}
	#step1 .radioBox li {
		margin-right: 40px;
	}

	/*担当セールス氏名*/
	#step1 .inputSalesName input {
		width: 38%;
	}

	/*ローン条件*/
	#step1 .loanConditions {
		padding: 20px 40px;
	}
	#step1 .loanConditions > p {
		font-size: 16px;
	}
	#step1 .calcPrice .resultTxt p {
		width: 180px;
	}
	/*ローン情報*/
	#step1 .infoLoan {

	}
	/*ローン金額*/
	#step1 .calcPrice .resultTxt .loanPriceTxt {
		width: 300px;
	}
	/*初回支払年月*/
	#step1 .initialPayment dd dl dd .monthSelect,
	#step1 .initialPayment dd dl dd .daySelect {
		width: 80px;
	}
	/*ご返済内容*/
	#step1 .repayment .paymentTerms dd .selectBox {
		width: 85px;
		height: 30px;
	}
		#step1 .repayment .paymentTerms dd .selectBox label {
			top: 3px;
			left: 17px;
		}
		#step1 .repayment .paymentTerms dd input[type="tel"] {
			width: 180px;
			height: 30px;
		}
	#step1 .repayment .bonusFirst dd .selectBox {
		width: 130px;
	}
	/*ボーナス加算額(ベーシック)*/
	#step1 .repayment dd .bonusBox dl + dl input[type="tel"] {
		width: 180px;
	}
	#step1 .repayment .formTbl02 {
		max-width: 760px;
		width: 100%;
		margin: 0 auto 50px;
		font-size: 16px;
		border-top: 1px solid #D0D0D0;
		border-left: 1px solid #D0D0D0;
		background: #ffffff;
	}
	#step1 .repayment .formTbl02 tr {
		border-bottom: 1px solid #D0D0D0;
	}
	#step1 .repayment .formTbl02 th,
	#step1 .repayment .formTbl02 td {
		width: auto;
		padding: 5px 10px;
		font-size: 14px;
		border-right: 1px solid #dddddd;
	}
	#step1 .repayment .formTbl02 th {
		font-weight: bold;
		color: #000000;
		background: #ecf9ff;
	}
	#step1 .repayment .formTbl02 thead .bonus {
		width: 50%;
	}
	#step1 .repayment .formTbl02 tbody .bonus {
		width: 25%;
		padding: 10px 5px 10px 10px;
	}
	#step1 .repayment .formTbl02 tbody th {
		display: none;
	}
	#step1 .repayment .formTbl02 tbody td {
		font-weight: normal;
	}
	#step1 .repayment .formTbl02 td em {
		display: inline-block;
		margin-left: 10px;
		font-size: 14px;
		color: #FF0000;
	}
	#step1 .repayment .formTbl02 td a:hover {
		color: #FF0000;
		text-decoration: underline;
	}
	/*ご返済内容*/
	#step1 #resultRepayment > dl > dt {
		font-size: 20px;
	}
	#step1 #resultRepayment > dl > dd {
		padding: 30px 10px;
	}
	#step1 #resultRepayment .formTbl02 dl {
		display: table;
		line-height: 1.3;
	}
		#step1 #resultRepayment .formTbl02 dl dt {
			display: table-cell;
			font-weight: normal;
			vertical-align: middle;
		}
		#step1 #resultRepayment .formTbl02 .bonus dl dt {
			/*width: 60px;*/
		}
		#step1 #resultRepayment .formTbl02 dl dd {
			display: table-cell;
			vertical-align: middle;
			text-align: right;
		}
		#step1 #resultRepayment .tblBtnBox {
			text-align: center;
		}
		#step1 #resultRepayment .tblBtnBox span {
			font-size: 12px;
		}
		#step1 #resultRepayment .tblBtnBox p {
			width: 260px;
			margin: 0 auto;
			font-family: 'Noto Sans JP';
			font-weight: 500;
			text-indent: 1em;
			line-height: 50px;
			cursor: pointer;
			border: none;
			border-radius: 2px;
			border-bottom: 1px solid #bfbfbf;
			background: url("../img/form/icon_graph.png") 55px center no-repeat #eaeaea;
			-webkit-appearance:none;
			-moz-appearance: none;
			appearance: none;
		}
			#step1 #resultRepayment .tblBtnBox p span {
				display: block;
			}
	#step1 section + p {
		margin: 35px 0 30px;
		text-align: center;
	}
	#step1 .formBox .reformAddrTxt {
		position: relative;
		padding-left: 25em;
		font-size: 12px;
		color: #326ab7;
	}

/*お支払パターン入力フォーム*/
#edit_pay_plan {
	display: none;
}
#edit_pay_plan table {
	max-width: 760px;
	width: 100%;
	margin: 0 auto 5px;
	font-size: 16px;
	border-top: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	background: #ffffff;
}
	#edit_pay_plan table tr {
		border-bottom: 1px solid #D0D0D0;
	}
	#edit_pay_plan table th,
	#edit_pay_plan table td {
		width: auto;
		font-size: 14px;
		border-right: 1px solid #dddddd;
	}
	#edit_pay_plan table th {
		padding: 5px 10px;
		font-weight: bold;
		color: #000000;
		background: #ecf9ff;
	}
	#edit_pay_plan table thead th {
		text-align: left;
	}
	#edit_pay_plan table thead tr + tr th {
		text-align: center;
	}
	#edit_pay_plan table thead tr + tr th:nth-child(2){
		width: 22%;
	}
	#edit_pay_plan table thead tr + tr th:nth-child(3){
		width: 26%;
	}
	#edit_pay_plan table tbody th {
		display: none;
	}
	#edit_pay_plan table td {
		padding: 5px;
		font-weight: normal;
	}
	#edit_pay_plan table .rowPrice + td input {
		width: 80px !important;
		height: 30px;
	}
	#edit_pay_plan table .rowCount + td {
		text-align: left;
	}
	#edit_pay_plan table .rowCount + td .radioBox {
		display: inline-block;
		margin-right: 3%;
	}
		#edit_pay_plan table .rowCount + td .radioBox li {
			display: block;
			text-align: left;
		}
		#edit_pay_plan table .rowCount + td .radioBox li + li {
			margin: 10px 0 0 0;
		}
	#edit_pay_plan table .rowCount + td .radioBox + p {
		display: inline-block;
		vertical-align: top;
	}
	#edit_pay_plan table .rowCount + td input[type="tel"] {
		display: inline-block;
		width: 50px !important;
		height: 30px;
		vertical-align: top;
	}
	#edit_pay_plan table .rowCount + td input[type="tel"] + span {
		display: inline-block;
		line-height: 34px;
		vertical-align: top;
	}
	#edit_pay_plan table .rowBonus + td {
		width: 37%;
		text-align: left;
	}
		#edit_pay_plan table .rowBonus + td .radioBox li {
			width: 78px;
		}
		#edit_pay_plan table .rowBonus + td .radioBox li,
		#edit_pay_plan table .rowBonus + td .radioBox li + li {
			margin: 5px 0 0 0;
		}
	#edit_pay_plan table .rowBonus + td > div {
		margin-top: 10px;
	}
		#edit_pay_plan table .rowBonus + td .selectBox {
			width: 50px;
			height: 30px;
			padding-right: 1.5em;
			text-align: right;
			line-height: 30px;
		}
			#edit_pay_plan table .rowBonus + td .selectBox label {
				position: static;
			}
		#edit_pay_plan table .rowBonus + td input[type="tel"] {
			display: inline-block;
			width: 50px;
			height: 30px;
		}
	#edit_pay_plan table td input[type="button"] {
		width: 180px;
		font-size: 12px;
		text-indent: 1em;
		line-height: 20px;
		cursor: pointer;
		border: none;
		border-radius: 2px;
		border-bottom: 1px solid #bfbfbf;
		background: url("../img/form/icon_tbl_line.png") 10px center no-repeat #eaeaea;
		background-size: 14px auto;
		-webkit-appearance:none;
		-moz-appearance: none;
		appearance: none;
	}

	/*グラフ・支払展開表*/
	body.fixed {
		overflow: hidden;
	}
	#step1 .ui-dialog,
	#step4 .ui-dialog {
		width: 800px !important;
		height: 630px !important;
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		margin: auto !important;
		z-index: 10000 !important;
	}
	#step1 .ui-dialog #dialog_graph_tenkai,
	#step4 .ui-dialog #dialog_graph_tenkai {
		height: 475px !important;
		margin-bottom: 30px;
	}
	#step1 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button,
	#step4 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
		width: 260px;
		height: 50px;
		color: #000000;
		border-bottom: 1px solid #bfbfbf;
		background:#eaeaea;
	}
	#step1 .ui-dialog .dialogTbl,
	#step4 .ui-dialog .dialogTbl {
		margin-top: 20px;
		text-align: center;
	}
		#step1 .ui-dialog .dialogTbl > span,
		#step4 .ui-dialog .dialogTbl > span {
			font-size: 14px;
			font-weight: bold;
		}
	#step1 #graphBox,
	#step4 #graphBox {
		position: relative;
		max-width: 610px;
		margin: 0 auto;
	}
	#step1 #graphBox:before,
	#step4 #graphBox:before {
		content: '支払額';
		position: absolute;
		top: 0;
		left: -25px;
		bottom: 0;
		width: 12px;
		height: 40px;
		margin: auto 0;
		font-family: 'Noto Sans JP';
		font-weight: 500;
		font-size: 12px;
		line-height: 1;
	}
	#step1 .ui-dialog .dialogTbl table,
	#step4 .ui-dialog .dialogTbl table {
		width: auto;
		margin: 0 auto;
		border-top: 1px solid #D0D0D0;
		border-left: 1px solid #D0D0D0;
		background: #ffffff;
	}
		#step1 .ui-dialog .dialogTbl table tr,
		#step4 .ui-dialog .dialogTbl table tr {
			border-bottom: 1px solid #D0D0D0;
		}
		#step1 .ui-dialog .dialogTbl table th,
		#step1 .ui-dialog .dialogTbl table td,
		#step4 .ui-dialog .dialogTbl table th,
		#step4 .ui-dialog .dialogTbl table td {
			padding: 5px 0;
			font-size: 14px;
			text-align: center;
			border-right: 1px solid #dddddd;
		}
		#step1 .ui-dialog .dialogTbl table th,
		#step4 .ui-dialog .dialogTbl table th {
			font-weight: bold;
			color: #000000;
			background: #ebf3fd;
		}
		#step1 .ui-dialog .dialogTbl table tbody tr:first-child td,
		#step4 .ui-dialog .dialogTbl table tbody tr:first-child td {
			font-weight: normal;
		}
	#step1 .ui-dialog #dialogTbl01 table th, 
	#step1 .ui-dialog #dialogTbl01 table td,
	#step4 .ui-dialog #dialogTbl01 table th, 
	#step4 .ui-dialog #dialogTbl01 table td {
		width: 120px;
	}
	#step1 .ui-dialog #dialogTbl02 table,
	#step4 .ui-dialog #dialogTbl02 table {
		width: 100%;
	}
	#step1 .ui-dialog #dialogTbl02 table th, 
	#step1 .ui-dialog #dialogTbl02 table td,
	#step4 .ui-dialog #dialogTbl02 table th, 
	#step4 .ui-dialog #dialogTbl02 table td {
		width: auto;
	}

}
/**************************************************
	step1スマートフォン用CSS
**************************************************/
@media only screen and (max-width : 640px) {
	#step1 .btnBar {
		margin-top: 20px;
		margin-bottom: 15px;
	}

	#step1 .btnBarCalc {
		margin: 0 -20px 20px;
	}

	#step1 .btnBarCalc input {
		max-width: 300px;
		width: 100%;
		background-position: 30px center;
	}

	/*申込種別*/
	#step1 input[type="text"] {
		width: 100%;
	}

	/*担当セールス氏名*/
	#step1 .inputSalesName input {
		width: 100%;
	}

	/*初回支払年月*/
	#step1 .initialPayment dd dl dt > em {
		display: block;
	}
	#step1 .initialPayment dd dl dt > span {
		display: block;
		line-height: 1.3;
	}
	#step1 .initialPayment dd dl dd .monthSelect,
	#step1 .initialPayment dd dl dd .daySelect {
		width: 60px;
	}
	#step1 .initialPayment dd dl dd .selectBox + span {
		margin: 0;
	}

	/*ローン条件*/
	#step1 .loanConditions {
		margin: 0 -10px 30px;
		padding: 10px;
	}
	#step1 .calcPrice dl dt span {
		margin-right: 5px;
	}
	#step1 input[type="tel"],
	#step1 .calcPrice .resultTxt p {
		width: 100%;
		max-width: 250px;
	}
	/*ご返済内容*/
	#step1 .repayment dd dl dt span {
		display: block;
		margin-left: 0;
		line-height: 1.3;
	}
	#step1 .repayment .paymentTerms dd .radioBox {
		margin-bottom: 5px;
	}
	#step1 .repayment .paymentTerms dd .selectBox {
		width: 85px;
	}
	#step1 .repayment .paymentTerms dd input[type="tel"] {
		width: 250px;
	}
	#step1 .repayment .paymentTerms + dl {
		margin-bottom: 20px;
	}
	/*ボーナス加算額(ベーシック)*/
	#step1 .repayment dd .bonusBox dl + dl input[type="tel"] {
		width: 250px;
	}

	#step1 #resultRepayment {
		margin: 0 -20px;
	}
	#step1 #resultRepayment .formTbl01 th {
		font-size: 14px;
	}
	#step1 #resultRepayment .formTbl01 .total {
		font-size: 20px;
	}
	#step1 #resultRepayment .directDebit {
		margin: 10px auto 0;
	}
	#step1 #resultRepayment .formTbl02 {
		width: 100%;
		margin: 0 auto;
		font-size: 14px;
	}
	#step1 #resultRepayment .formTbl02 thead {
		display: none;
	}
	#step1 #resultRepayment .formTbl02 tbody th {
		float: left;
		display: block;
		font-weight: bold;
		border-left: 1px solid #dddddd;
	}
	#step1 #resultRepayment .formTbl02 tbody td {
		float: left;
		display: block;
		width: 72%;
		font-size: 14px;
		font-weight: normal;
	}
	#step1 #resultRepayment .formTbl02 tr {
		border-bottom: 1px solid #dddddd;
	}
	#step1 #resultRepayment .formTbl02 th,
	#step1 #resultRepayment .formTbl02 td {
		padding: 10px 0;
		line-height: 1.2;
		border: none;
	}
	#step1 #resultRepayment .formTbl02 th {
		width: 28%;
	}
	#step1 #resultRepayment .formTbl02 tbody .term {
		padding: 20px 0 0 0;
		text-align: left;
		border: none;
	}
	#step1 #resultRepayment .formTbl02 tbody th.price,
	#step1 #resultRepayment .formTbl02 tbody th.bonusSingle {
		border-top: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		background: #ecf9ff;
	}
	#step1 #resultRepayment .formTbl02 tbody th.bonus {
		padding: 10px 0 0 0;
		height: 50px;
		border-top: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		background: #ecf9ff
	}
	#step1 #resultRepayment .formTbl02 tbody th.bonusSingle {
		height: 55px;
	}
	#step1 #resultRepayment .formTbl02 tbody td.price,
	#step1 #resultRepayment .formTbl02 tbody td.bonusSingle {
		border-top: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		background: #ffffff;
	}
	#step1 #resultRepayment .formTbl02 tbody td.bonus {
		width: 36%;
		height: 50px;
		padding: 10px 5px 0;
		font-size: 13px;
		line-height: 1.2;
		border-top: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		background: #ffffff;
	}
	#step1 #resultRepayment .formTbl02 tbody td.bonusSingle {
		height: 55px;
		padding: 10px 5px;
	}
	#step1 #resultRepayment .formTbl02 td em {
		display: inline-block;
		margin-left: 10px;
		font-size: 14px;
		color: #FF0000;
	}
	#step1 #resultRepayment .formTbl02 dl dt {
		font-weight: normal;
	}
	
	#step1 #resultRepayment .formTbl02 td a:hover {
		color: #FF0000;
		text-decoration: underline;
	}
	/*ご返済内容*/
	#step1 #resultRepayment > dl > dt {
		font-size: 18px;
	}
	#step1 #resultRepayment > dl > dd {
		padding: 20px 10px;
	}
	#step1 #resultRepayment .tblBtnBox {
		display: none;	
	}
	#step1 section + p {
		margin: 25px 0 20px;
		text-align: center;
	}
	#step1 .formBox .reformAddrTxt {
		position: relative;
		font-size: 12px;
		color: #326ab7;
	}

	/*お支払パターン入力フォーム*/
	#edit_pay_plan {
		display: none;
	}
	#edit_pay_plan table {
		width: 100%;
		margin: 20px auto 10px;
	}
		#edit_pay_plan table thead {
			display: none;
		}
		#edit_pay_plan table tr {
			overflow: hidden;
			display: block;
			width: 100%;
			height: 430px;
			margin-bottom: 10px;
		}
		#edit_pay_plan table th,
		#edit_pay_plan table td {
			display: block;
			width: auto;
			font-size: 14px;
			border-left: 1px solid #D0D0D0;
		}
		#edit_pay_plan table th {
			float: left;
			width: 28%;
			padding: 5px 10px;
			font-weight: bold;
			line-height: 1.3;
			border: none;
			border-left: 1px solid #D0D0D0;
			border-bottom: 1px solid #D0D0D0;
			background: #ecf9ff;
		}
		#edit_pay_plan table .rowTerm {
			border-top: 1px solid #D0D0D0;
		}
		#edit_pay_plan table .rowTerm,
		#edit_pay_plan table .rowTerm + td {
			height: 70px;
			padding: 20px 0 0 0;
		}
		#edit_pay_plan table .rowTerm + td {
			text-align: center;
		}
		#edit_pay_plan table .rowPrice,
		#edit_pay_plan table .rowPrice + td {
			height: 54px;
		}
		#edit_pay_plan table .rowPrice {
			padding: 20px 0 0 0;
		}
		#edit_pay_plan table .rowCount,
		#edit_pay_plan table .rowCount + td {
			height: 125px;
		}
		#edit_pay_plan table .rowCount {
			padding: 50px 0 0 0;
		}
		#edit_pay_plan table .rowBonus,
		#edit_pay_plan table .rowBonus + td {
			height: 180px;
		}
		#edit_pay_plan table .rowBonus {
			padding: 70px 0 0 0;
		}
		#edit_pay_plan table td {
			float: left;
			width: 72%;
			padding: 5px;
			font-weight: normal;
			text-align: left;
			border-bottom: 1px solid #D0D0D0;
			background: #ffffff;
		}
		#edit_pay_plan table .rowPrice + td input {
			width: 100% !important;
			max-width: 160px !important;
			height: 40px;
		}
		#edit_pay_plan table .rowCount + td .radioBox {
			margin-bottom: 10px;
		}
			#edit_pay_plan table .rowCount + td .radioBox li label {
				padding: 10px 0;
				font-size: 14px;
			}
			#edit_pay_plan table .rowBonus + td .radioBox li {
				width: 33%;
			}
			#edit_pay_plan table .rowBonus + td .radioBox li label {
				padding: 10px 0;
				font-size: 14px;
			}
		#edit_pay_plan table .rowBonus + td > div {
			margin-top: 10px;
		}
		#edit_pay_plan table .rowBonus + td .selectBox,
		#edit_pay_plan table .rowBonus + td input[type="tel"] {
			width: 60px;
		}
	#edit_pay_plan table .addRow {
		height: auto;
	}
		#edit_pay_plan table .addRow td {
			float: none;
			width: 100%;
			text-align: center;
			border: none;
			background: none;
		}
		#edit_pay_plan table .addRow input {
			width: 100%;
			font-size: 12px;
			text-indent: 1em;
			line-height: 40px;
			cursor: pointer;
			border: none;
			border-radius: 2px;
			border-bottom: 1px solid #bfbfbf;
			background: url("../img/form/icon_tbl_line.png") 40% center no-repeat #eaeaea;
			background-size: 14px auto;
			-webkit-appearance:none;
			-moz-appearance: none;
			appearance: none;
		}
	#step1 .repayment #edit_pay_plan .btnCalcContainer {
		margin: 0 0 20px;
		background: none;
		text-align: center;
	}

	#step1 .repayment #edit_pay_plan .btnCalcContainer .btnCalc {
		max-width: 300px;
		width: 100%;
		background-position: 30px center;
	}
}

/*******************************
	step3
*******************************/
#step3 .multiBox dl + dl {
	margin-top: 20px;
}
	#step3 .multiBox dl dt {
		font-size: 12px;
	}
		#step3 .multiBox dl dt span {
			font-size: 14px;
			font-weight: bold;
		}
		#step3 .multiBox dl dt em {
			position: relative;
			top: -2px;
			display: inline-block;
			line-height: 13px;
			margin-left: 15px;
			padding: 4px 5px;
			font-size: 10px;
			color: #ffffff;
			line-height: 1;
			vertical-align: middle;
			background: #ff4444;
		}
#step3 .formBox aside p,
#step3 .formBox dl dd aside p {
	position: relative;
	padding-left: 1em;
	font-size: 12px;
	color: #326ab7;
}
#step3 .formBox aside p a,
#step3 .formBox dl dd aside p a {
	display: inline;
}
#step3 .formBox aside p:before,
#step3 .formBox dl dd aside p:before {
	content: '※';
	position: absolute;
	left: 0;
}
/*セレクトボックス*/
#step3 .formBox .selectBox + span {
	margin: 0 10px;
}

/*お客さま氏名*/
#step3 .inputName input[type="text"]{
	width: 100px;
}
#step3 .inputName .multiBox dd span {
	display: inline-block;
	margin: 0 5px 0 0;
}
#step3 .inputName .multiBox dd input[type="text"] + span {
	margin: 0 5px 0 20px;
}
/*郵便番号*/
#step3 .btnAddr {
	width: 100px;
	margin-left: 10px;
	font-size: 14px;
	text-indent: 1em;
	line-height: 25px;
	cursor: pointer;
	border: none;
	border-radius: 2px;
	border-bottom: 1px solid #bfbfbf;
	background: url("../img/form/icon_search.png") 10px center no-repeat #eaeaea;
	background-size: 15px auto;
	-webkit-appearance:none;
	-moz-appearance: none;
	appearance: none;
}
#step3 .btnAddr + aside p a {
	display: inline-block;
	padding-right: 18px;
	font-weight: bold;
	text-decoration: underline;
	background: url("../img/form/icon_target.png") right center no-repeat;
	background-size: 16px auto;
}
/*ご住所*/
#step3 .inputAddress input[type="text"] {
	width: 100%;
}
#step3 .inputResidenceYears input[type="tel"] {
	width: 60px !important;
}
/*運転免許証番号*/
#step3 .inputLicence input[type="tel"] {
	width: 140px !important;
}
/*メールアドレスとパスワード*/
#step3 .mailPwd input {
	width: 100%;
}
#step3 .mailPwd .btnAccord {
	margin-top: 10px;
	text-align: right;
}
	#step3 .mailPwd .btnAccord span {
		display: inline-block;
		width: 160px;
		font-size: 12px;
		line-height: 25px;
		text-indent: 1em;
		text-align: center;
		cursor: pointer;
		border-radius: 2px;
		border-bottom: 1px solid #bfbfbf;
		background: url("../img/form/icon_plus.png") 10px center no-repeat #eaeaea;
		background-size: 12px auto;
	}
	#step3 .mailPwd .btnAccord span.active {
		background: url("../img/form/icon_minus.png") 10px center no-repeat #eaeaea;
		background-size: 12px auto;
	}
#step3 .mailPwd .btnAccord + div {
	display: none;
}
/*お勤め先*/
#step3 .workPlace input[type="text"] {
	width: 100%;
}
#step3 .workPlace #employed,
#step3 .workPlace #unemployed,
#step3 .workPlace .required {
	display: none;
}
#step3 .workPlace .inputPostalCode,
#step3 .workPlace .inputAddress {
	display: none;
}
#step3 .workPlace .btnAccord {
	margin: 30px 0;
	padding: 13px 10px;
	text-align: center;
	background: #f9f9f9;
}
	#step3 .workPlace .btnAccord span {
		display: inline-block;
		width: 270px;
		font-size: 12px;
		line-height: 30px;
		text-indent: 1em;
		text-align: center;
		cursor: pointer;
		border-radius: 2px;
		border-bottom: 1px solid #bfbfbf;
		background: url("../img/form/icon_plus.png") 15px center no-repeat #eaeaea;
		background-size: 12px auto;
	}
	#step3 .workPlace .btnAccord span.active {
		background: url("../img/form/icon_minus.png") 15px center no-repeat #eaeaea;
		background-size: 12px auto;
	}
#step3 .workPlace .btnAccord + div {
	display: none;
}
/*勤続年数*/
#step3 .joinYear input[type="tel"] {
	width: 60px !important;
}
/*アンケート*/
#step3 .questionnaire dl dd > p {
	margin-bottom: 10px;
	font-size: 12px;
}
#step3 section + p {
	margin: 35px 0 30px;
	text-align: center;
}
/**************************************************
	step3PC用CSS
**************************************************/
@media only screen and (min-width : 641px) {

/*ラジオボタン*/
#step3 .formBox .radioBox li {
	margin-right: 40px;
}
/*生計を一にする人数*/
#step3 .inputLiving input[type="tel"] {
	width: 70px !important;
}
/*連絡先郵便番号*/
#step3 .formBox input[type="tel"] {
	width: 80px;
}
/*住居タイプ*/
#step3 .selectHouseType .selectBox {
	width: 240px;
}
/*世帯主／配偶者のクレジット支払額*/
#step3 .formBox input[type="tel"][name='set_credit_pay'] {
	width: 100px;
}
/*証明番号名称*/
#step3 .inputSyoumeiKbn .selectBox {
	width: 240px;
}
/*メールアドレスとパスワード*/
#step3  .mailPwd .selectBox {
	width: 240px;
}
/*お勤め先*/
#step3 .workPlace .selectBox {
	width: 240px;
}
/*ご質問事項*/
#step3 .question textarea {
	height: 90px;
}
/*アンケート*/
#step3 .questionnaire dl dd .checkBox {
	margin: -5px 0 0 -40px;
}
#step3 .questionnaire dl dd .checkBox li {
	display: inline-block;
	margin: 5px 0 0 40px;
	vertical-align: top;
}
#step3 .questionnaire dl dd .checkBox li:last-child {
	display: block;
}
	#step3 .questionnaire dl dd .checkBox li:last-child input[type="text"] {
		width: 380px;
		margin-left: 20px;
	}
#step3 #search_addr > table {
	width: 700px;
}


}

/**************************************************
	step3スマートフォン用CSS
**************************************************/
@media only screen and (max-width : 640px) {

/*郵便番号*/
#step3 .btnAddr {
	line-height: 35px;
}
/*生計を一にする人数*/
#step3 .inputLiving input[type="tel"] {
	width: 60px !important;
}
/*連絡先郵便番号*/
#step3 .formBox input[type="tel"] {
	width: 70px;
}
/*住居タイプ*/
#step3 .selectHouseType .selectBox {
	width: 280px;
}
/*世帯主／配偶者のクレジット支払額*/
#step3 .formBox input[type="tel"][name='set_credit_pay'] {
	width: 100px;
}
/*証明番号名称*/
#step3 .inputSyoumeiKbn .selectBox {
	width: 280px;
}
/*メールアドレスとパスワード*/
#step3  .mailPwd .selectBox {
	width: 280px;
}
/*お勤め先*/
#step3 .workPlace .selectBox {
	width: 280px;
}
/*ご質問事項*/
#step3 .question textarea {
	height: 150px;
}
/*アンケート*/
#step3 .questionnaire dl dd .checkBox li + li {
	margin-top: 15px;
}
#step3 .questionnaire dl dd .checkBox li:last-child input[type="text"] {
	display:block;
	width: 100%;
	margin-top: 10px;
}


}

/*******************************
	step4
*******************************/
#step4 article section {
	position: relative;
	margin-bottom: 40px;
}

/*--ローン情報 入力--*/
#step4 #resultRepayment .formTbl01 td {
	font-size: 16px;
}
#step4 #resultRepayment .formTbl01 .total {
	font-size: 22px;
}
/*------------------*/

/*修正ボタン*/
#step4 .btnReset {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 80px;
	height: 30px;
}
	#step4 .btnReset input {
		display: block;
		width: 100%;
		font-family: 'Noto Sans JP';
		font-weight: 500;
		font-size: 14px;
		text-indent: 1em;
		line-height: 30px;
		cursor: pointer;
		border: none;
		border-radius: 2px;
		border-bottom: 1px solid #bfbfbf;
		background: url("../img/form/icon_reset.png") 10px center no-repeat #eaeaea;
		background-size: 12px auto;
		-webkit-appearance:none;
		-moz-appearance: none;
		appearance: none;
	}
#step4 table {
	max-width: 100%;
}
#step4 table tbody tr {
	height: auto;
}
#step4 table tbody tr:first-child td {
	font-size: 14px;
	font-weight: normal;
}
#step4 table th {
	width: auto;
	padding: 5px 20px;
	font-weight: bold;
	text-align: left;
	line-height: 1.3;
}
#step4 table td {
	padding: 5px 20px;
	text-align: left;
}

#step4 .infoTbl .sub {
	padding: 5px 10px;
}
#step4 .infoTbl td {
	width: 62%;
}
/*ローンの情報*/
#step4 .loanTbl01 {
	margin-bottom: 10px;
}
#step4 .loanTbl01 th {
	width: 20%;
}
#step4 .loanTbl01 td {
	width: 80%;
	padding: 0;
}
#step4 .loanTbl01 p {
	position: relative;
	display: table-cell;
	width: 260px;
	padding: 5px 5px 5px 30px;
	vertical-align: middle;
	background: #fbfbfb;
}
#step4 .loanTbl01 p + p {
	width: 380px;
	padding: 5px 20px 5px 5px;
	text-align: right;
	border-left: 1px solid #ddd;
	background: #ffffff;
}
#step4 .loanTbl01 .rowResult p + p {
	font-weight: bold;
}
	#step4 .loanTbl01 p span {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 5px;
		width: 22px;
		height: 22px;
		margin: auto 0;
		font-family: 'Noto Sans JP';
		font-weight: 500;
		color: #ffffff;
		text-align: center;
		line-height: 22px;
		border-radius: 50%;
	}
	#step4 .loanTbl01 p em {
		font-weight: bold;
	}
#step4 .loanTbl02 {
	margin-bottom: 40px;
}
#step4 .loanTbl02 th {
	width: 20%;
}
#step4 .loanTbl02 td {
	width: 80%;
	padding: 0;
}
#step4 .loanTbl02 p {
	display: table-cell;
	width: 140px;
	padding: 5px;
	vertical-align: middle;
	background: #fbfbfb;
}
#step4 .loanTbl02 p + p {
	width: 500px;
	padding: 5px 5px 5px 20px;
	border-left: 1px solid #ddd;
	background: #ffffff;
}
	#step4 .loanTbl02 p em {
		font-weight: bold;
	}
/*ご返済内容*/
#step4 #resultRepayment > dl > dt {
	font-family: 'Noto Sans JP';
	font-weight: 500;
	color: #ffffff;
	text-align: center;
	line-height: 30px;
}
#step4 #resultRepayment > dl > dd {
	padding: 20px 0;
	background: #f6f6f6;
}
#step4 #resultRepayment > dl > dd > * {
	max-width: 700px;
	margin: 0 auto;
}
#step4 #resultRepayment .formTbl01 th {
	width: 33%;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}
#step4 #resultRepayment .formTbl01 td {
	width: auto;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #ffffff;
}
#step4 #resultRepayment .formTbl01 .annualRate {
	font-size: 14px;
}
#step4 #resultRepayment .formTbl01 .total {
	font-size: 22px;
}
#step4 #resultRepayment .directDebit {
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #ff4444;
	text-align: center;
	border: 2px solid #ff4444;
	background: #ffffff;
}
#step4 #resultRepayment > dl > dd > p,
#step4 #resultRepayment > dl > dd > aside p {
	font-size: 12px;
}
#step4 #resultRepayment > dl > dd > aside p {
	position: relative;
	padding-left: 1em;
}
#step4 #resultRepayment > dl > dd > aside p:before {
	content: '※';
	position: absolute;
	left: 0;
}
#step4 .btnPdf + p {
	margin-bottom: 20px;
}
/**************************************************
	step4PC用CSS
**************************************************/
@media only screen and (min-width : 641px) {

	#step4 h4 {
		margin-bottom: 30px;
	}
	/*ご返済内容*/
	#step4 #resultRepayment > dl > dt {
		font-size: 16px;
	}
	#step4 #resultRepayment .directDebit {
		margin: 10px auto 20px;
	}
	#step4 #resultRepayment .formTbl02 {
		width: 100%;
		margin: 0 auto 20px;
		font-size: 16px;
		border-top: 1px solid #D0D0D0;
		border-left: 1px solid #D0D0D0;
		background: #ffffff;
	}
	#step4 #resultRepayment .formTbl02 tr {
		border-bottom: 1px solid #D0D0D0;
	}
	#step4 #resultRepayment .formTbl02 th,
	#step4 #resultRepayment .formTbl02 td {
		width: auto;
		padding: 10px;
		font-size: 14px;
		border-right: 1px solid #dddddd;
	}
	#step4 #resultRepayment .formTbl02 th {
		font-weight: bold;
		color: #000000;
		text-align: center;
		background: #ecf9ff;
	}
	#step4 #resultRepayment .formTbl02 thead .bonus {
		width: 50%;
	}
	#step4 #resultRepayment .formTbl02 tbody .bonus {
		width: 25%;
	}
	#step4 #resultRepayment .formTbl02 tbody th {
		display: none;
	}
	#step4 #resultRepayment .formTbl02 tbody td {
		font-weight: normal;
		text-align: center;
	}
	#step4 #resultRepayment .formTbl02 td em {
		display: inline-block;
		margin-left: 10px;
		font-size: 14px;
		color: #FF0000;
	}
	#step4 #resultRepayment .formTbl02 dl {
		display: table;
		line-height: 1.3;
	}
		#step4 #resultRepayment .formTbl02 dl dt {
			display: table-cell;
			vertical-align: middle;
		}
		#step4 #resultRepayment .formTbl02 dl dd {
			display: table-cell;
			vertical-align: middle;
			text-align: right;
		}
	/*グラフ・支払展開表*/
	#step4 #resultRepayment .tblBtnBox {
		margin-bottom: 20px;
		text-align: center;
	}
	#step4 #resultRepayment .tblBtnBox span {
		font-size: 12px;
	}
	#step4 #resultRepayment .tblBtnBox p {
		width: 260px;
		margin: 0 auto;
		font-family: 'Noto Sans JP';
		font-weight: 500;
		text-indent: 1em;
		line-height: 25px;
		cursor: pointer;
		border: none;
		border-radius: 2px;
		border-bottom: 1px solid #bfbfbf;
		background: url("../img/form/icon_graph.png") 55px center no-repeat #eaeaea;
		-webkit-appearance:none;
		-moz-appearance: none;
		appearance: none;
	}
		#step4 #resultRepayment .tblBtnBox p span {
			display: block;
		}
	/*PDF*/
	#step4 .btnPdf {
		position: relative;
		width: 260px;
		margin: 0 auto 40px;
		padding: 13px 20px;
		font-family: 'Noto Sans JP';
		font-weight: 500;
		text-align: center;
		border-radius: 2px;
		border-bottom: 1px solid #bfbfbf;
		background: #eaeaea;
	}
		#step4 .btnPdf input {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			cursor: pointer;
			-webkit-appearance:none;
			-moz-appearance: none;
			appearance: none;
		}
	#step4 .btnPdf + p {
		text-align: center;
	}

}


/**************************************************
	step4スマートフォン用CSS
**************************************************/
@media only screen and (max-width : 640px) {

	#step4 h4 {
		margin-bottom: 10px;
	}
	/*修正ボタン*/
	#step4 .btnReset {
		position: static;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		text-align: right;
	}
		#step4 .btnReset input {
			display: inline-block;
			width: 80px;
			line-height: 30px;
		}
	/*情報テーブル*/
	#step4 .infoTbl th {
		width: auto;
		padding: 5px 10px;
	}
		#step4 .infoTbl th br {
			display: none;
		}
	#step4 .infoTbl .rowLength {
		width: 40px;
	}
	#step4 .infoTbl td {
		width: 70%;
		padding: 5px 10px;
	}

	/*ローンの情報*/
	#step4 .loanTbl01,
	#step4 .loanTbl02 {
		border-bottom: 1px solid #ddd;
	}
	#step4 .loanTbl01 th,
	#step4 .loanTbl01 td,
	#step4 .loanTbl02 th,
	#step4 .loanTbl02 td {
		display: block;
		width: 100%;
		font-size: 14px;
		line-height: 1.3;
		border-bottom: none;
	}
	#step4 .loanTbl01 th,
	#step4 .loanTbl02 th {
		padding: 5px 10px;
		line-height: 1.3;
	}
		#step4 .loanTbl01 th br {
			display: none;
		}


	/*ご返済内容*/
	#step4 #resultRepayment {
		margin: 0 -10px;
	}
	#step4 #resultRepayment > dl > dt {
		font-size: 18px;
	}
	#step4 #resultRepayment > dl > dd {
		padding: 20px 10px;
	}
	#step4 #resultRepayment .directDebit {
		margin: 10px auto 0;
	}
		#step4 #resultRepayment .directDebit em {
			font-size: 18px;
		}
	#step4 #resultRepayment .formTbl02 {
		width: 100%;
		margin: 0 auto 30px;
		font-size: 14px;
	}
	#step4 #resultRepayment .formTbl02 thead {
		display: none;
	}
	#step4 #resultRepayment .formTbl02 tbody th {
		float: left;
		display: block;
		font-weight: bold;
		text-align: center;
		border-left: 1px solid #dddddd;
	}
	#step4 #resultRepayment .formTbl02 tbody td {
		float: left;
		display: block;
		width: 67%;
		font-size: 14px;
		text-align: center;
		font-weight: normal;
	}
	#step4 #resultRepayment .formTbl02 tr {
		border-bottom: 1px solid #dddddd;
	}
	#step4 #resultRepayment .formTbl02 th,
	#step4 #resultRepayment .formTbl02 td {
		padding: 10px 0;
		line-height: 1.2;
		border: none;
	}
	#step4 #resultRepayment .formTbl02 th {
		width: 28%;
	}
	#step4 #resultRepayment .formTbl02 tbody td {
		width: 72%;
	}
	#step4 #resultRepayment .formTbl02 tbody .term {
		padding: 20px 0 0 0;
		text-align: left;
		border: none;
	}
	#step4 #resultRepayment .formTbl02 tbody th.price,
	#step4 #resultRepayment .formTbl02 tbody th.bonusSingle {
		border-top: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		background: #ecf9ff;
	}
	#step4 #resultRepayment .formTbl02 tbody th.bonus {
		padding: 10px 0 0 0;
		height: 50px;
		line-height: 1.2;
		border-top: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		background: #ecf9ff
	}
	#step4 #resultRepayment .formTbl02 tbody th.bonusSingle {
		height: 55px;
	}
	#step4 #resultRepayment .formTbl02 tbody td.price,
	#step4 #resultRepayment .formTbl02 tbody td.bonusSingle {
		border-top: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		background: #ffffff;
	}
	#step4 #resultRepayment .formTbl02 tbody td.bonus {
		width: 36%;
		height: 50px;
		padding: 10px 5px 0;
		line-height: 1.2;
		font-size: 13px;
		border-top: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		background: #ffffff;
	}
	#step4 #resultRepayment .formTbl02 tbody td.bonusSingle {
		height: 55px;
		padding: 10px 5px;
	}
	#step4 #resultRepayment .formTbl02 td em {
		display: inline-block;
		margin-left: 10px;
		font-size: 14px;
		color: #FF0000;
	}
	#step4 #resultRepayment .tblBtnBox {
		display: none;
	}
	/*PDF*/
	#step4 .btnPdf {
		display: none;
	}
	#step4 .btnPdf + p {
		text-align: left;
	}

}

/*******************************
	step5
*******************************/
#step5 .msgBox {
	text-align: center;
}
#step5 .caution {
	margin-bottom: 40px;
	text-align: center;
	padding: 15px 10px;
	background: #ffe7e7;
}
#step5 .caution span {
	display: inline-block;
	padding-left: 25px;
	background: url("../img/form/icon_caution.png") left center no-repeat;
	background-size: 16px auto;
	max-width:770px;
	font-size: 24px;
}

	#step5 .btnOpenPdfDialog {
		position: relative;
		width: 260px;
		margin: 0 auto 40px;
		padding: 10px 20px;
		font-family: 'Noto Sans JP';
		font-weight: 500;
		border-radius: 2px;
		border-bottom: 1px solid #bfbfbf;
		background: #eaeaea;
	}
		#step5 .btnOpenPdfDialog input {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			cursor: pointer;
			-webkit-appearance:none;
			-moz-appearance: none;
			appearance: none;
		} 
			#step5 .btnOpenPdfDialog span {
				display: inline-block;
				margin-right: 10px;
				padding: 2px 5px;
				font-size: 10px;
				color: #ffffff;
				background: #ff4444;
			}
	#step5 .btnPdf {
		position: relative;
		width: 140px;
		margin: 0 auto 40px;
		padding: 10px 20px;
		font-family: 'Noto Sans JP';
		font-weight: 500;
		border-radius: 2px;
		border-bottom: 1px solid #bfbfbf;
		background: #eaeaea url("../img/form/icon_pdf.png") 110px center no-repeat;
	}
		#step5 .btnPdf input {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			cursor: pointer;
			-webkit-appearance:none;
			-moz-appearance: none;
			appearance: none;
		} 

/*******************************
	step6
*******************************/
#step6 .msgBox {
	text-align: center;
}
	#step6 .msgBox dt {
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: bold;
	}
	#step6 .msgBox dt + dd p + p {
			margin-top: 1em;
		}
		#step6 .msgBox dt + dd .receiptNum {
			padding: 10px 20px;
			font-size: 18px;
			background: #efefef;
		}
	#step6 .msgBox dt + dd + dd {
		font-family: 'Noto Sans JP';
		font-weight: 500;
	}
	#step6 .btnTel {
		width: 275px;
		margin: 10px auto 0;
		padding-left: 50px;
		background: url("../img/login/img_tel.png") left center no-repeat;
		background-size: 40px auto;
	}
		#step6 .btnTel a {
			font-family: 'Oswald';
			font-weight: 700;
			font-size: 36px;
			color: #52A807;
			cursor: default;
			line-height: 1;
			letter-spacing: 0.01em;
		}
	#step6 .btnTel + p {
		margin-bottom: 20px;
	}
	#step6 .acceptance {
		margin: 1em 0 2em;
	}
		#step6 .acceptance em {
			font-weight: 700;
		}
/**************************************************
	step6PC用CSS
**************************************************/
@media only screen and (min-width : 641px) {

	#step6 .msgBox dt + dd {
		margin-bottom: 50px;
	}
	#step6 .btnTel a:hover {
		pointer-events:none;
	}

}
/**************************************************
	step6スマートフォン用CSS
**************************************************/
@media only screen and (max-width : 640px) {

	#step6 .msgBox dt + dd {
		margin-bottom: 35px;
	}

}

/**************************************************
	規約文書送付先設定用CSS
**************************************************/
#step2-1 article{
	padding: 65px 0 50px;
}
#step2-1 .cntWrap .caution {
	margin-bottom: 35px;
	line-height: 1.2;
}
	#step2-1 .cntWrap > p em {
		display: block;
		margin-top: 5px;
		color: #ff4444;
	}
	#step2-1 .cntWrap > p span {
		font-weight: bold;
	}
#step2-1 .cntWrap > dl + dl {
	margin: 20px 0 40px;
}
#step2-1 .cntWrap > dl + p + dl {
	margin: 0 0 40px;
}
	#step2-1 .cntWrap > dl > dt {
		font-size: 12px;
	}
		#step2-1 .cntWrap > dl > dt span {
			font-size: 14px;
			font-weight: bold;
		}
		#step2-1 .cntWrap > dl > dt em {
			position: relative;
			top: -2px;
			display: inline-block;
			line-height: 13px;
			margin-left: 15px;
			padding: 4px 5px;
			font-size: 10px;
			color: #ffffff;
			line-height: 1;
			vertical-align: middle;
			background: #ff4444;
		}
	#step2-1 .cntWrap > dl > dd input {
		width: 100%;
	}
#step2-1 table {
	max-width: 100%;
	margin-bottom: 20px;
}
#step2-1 table tr {
	height: auto;
}
#step2-1 table th,
#step2-1 table td {
	width: 100%;
	padding: 5px 10px;
	text-align: left;
	border: 1px solid #bfbfbf;
}
#step2-1 table th {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background: #f6f6f6;
}
#step2-1 table tbody tr:first-child td {
	font-size: 14px;
	font-weight: normal;
}
#step2-1 .msg {
	margin: 20px 0 35px;
}
/**************************************************
	規約文書送付先設定用CSS(画面サイズ641px〜)
**************************************************/
@media only screen and (min-width : 641px) {

	#step2-1 article{
		padding: 130px 0 50px;
	}
}


/**************************************************
	規約文書送付先設定用CSS
**************************************************/
#step2-2 article{
	padding: 65px 0 50px;
}
#step2-2 .cntWrap .caution {
	margin-bottom: 35px;
	line-height: 1.2;
}
	#step2-2 .cntWrap > p em {
		display: block;
		margin-top: 5px;
		color: #ff4444;
	}
	#step2-2 .cntWrap > p span {
		font-weight: bold;
	}
#step2-2 .cntWrap > dl + dl {
	margin: 20px 0 40px;
}
#step2-2 .cntWrap > dl + p + dl {
	margin: 0 0 40px;
}
	#step2-2 .cntWrap > dl > dt {
		font-size: 12px;
	}
		#step2-2 .cntWrap > dl > dt span {
			font-size: 14px;
			font-weight: bold;
		}
		#step2-2 .cntWrap > dl > dt em {
			position: relative;
			top: -2px;
			display: inline-block;
			line-height: 13px;
			margin-left: 15px;
			padding: 4px 5px;
			font-size: 10px;
			color: #ffffff;
			line-height: 1;
			vertical-align: middle;
			background: #ff4444;
		}
	#step2-2 .cntWrap > dl > dd input {
		width: 100%;
	}
#step2-2 table {
	max-width: 100%;
	margin-bottom: 20px;
}
#step2-2 table tr {
	height: auto;
}
#step2-2 table th,
#step2-2 table td {
	width: 100%;
	padding: 5px 10px;
	text-align: left;
	border: 1px solid #bfbfbf;
}
#step2-2 table th {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background: #f6f6f6;
}
#step2-2 table tbody tr:first-child td {
	font-size: 14px;
	font-weight: normal;
}
#step2-2 .msg {
	margin: 20px 0 35px;
}
/**************************************************
	規約文書送付先設定用CSS(画面サイズ641px〜)
**************************************************/
@media only screen and (min-width : 641px) {

	#step2-2 article{
		padding: 130px 0 50px;
	}

}

.btnModify {
    width: 135px;
    font-size: 12px;
    text-indent: 1em;
    line-height: 30px;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    border-bottom: 1px solid #bfbfbf;
    background: url(../img/form/icon_pencil.png) 10px center no-repeat #eaeaea;
    background-size: 14px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btnCalcContainer {
	margin-bottom: 40px;
    padding: 10px;
    text-align: center;
	background-color: #ffffff;
}

.infoLoan .formTbl01 tr:first-child td {
	color: #7cb52a;
}

.infoLoan.flexible .formTbl01 tr:first-child td {
	color: #00a1e9;
}

.infoLoan h4 {
	border-left: 4px solid #7cb52a;
	background: #ecf7dd;
}

.infoLoan.flexible h4 {
	border-left: 4px solid #00a1e9;
	background: #ecf9ff;
}

.infoTbl th,
.loanTbl01 th {
	background: #f6f6f6;
}

.infoLoan .formTbl01 th {
	background: #ecf7dd;
}

.infoLoan.flexible .formTbl01 th {
    background: #ecf9ff;
}

.infoLoan #resultRepayment > dl > dt {
	background: #7cb52a;
}

.infoLoan.flexible #resultRepayment > dl > dt {
	background: #00a1e9;
}

.infoLoan #resultRepayment .formTbl01 {
    margin: 0 auto 20px;
}

.infoLoan #resultRepayment .formTbl01 {
    margin: 0 auto 20px;
}

.infoLoan #resultRepayment .formTbl01 td {
	color: #7cb52a;
}

.infoLoan.flexible #resultRepayment .formTbl01 td {
	color: #00a1e9;
}

.infoLoan .loanTbl01 p span {
	background: #7cb52a;
}

.infoLoan.flexible .loanTbl01 p span {
	background: #00a1e9;
}

.infoLoan .calcPrice dl dt span {
	background: #7cb52a;
}

.infoLoan.flexible .calcPrice dl dt span {
	background: #00a1e9;
}

.infoLoan .calcPrice .resultTxt .loanPriceTxt em {
	color: #7cb52a;
}

.infoLoan.flexible .calcPrice .resultTxt .loanPriceTxt em {
	color: #00a1e9;
}

.expansionPanelHeader {
	display: flex;
    align-items: center;
	border: 1px solid transparent;
	cursor: pointer;
}

.expansionPanelHeader:hover {
	border: 1px solid black;
}

.expansionPanelHeader > .expansionPanelIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.5em;
	width: 20px;
	height: 20px;
	border: 1px solid black;
	border-radius: 10px;
	transform: rotateZ(90deg);
	transform-origin: center;
	transition: all .3s ease-out;
}

.expansionPanelHeader > .expansionPanelIcon::before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -0.1em;
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	border-bottom: 0.75em solid black;
	content: "";
}

.expansionPanel.isOpened > .expansionPanelHeader > .expansionPanelIcon {
	transform: rotateZ(180deg);
}