@charset "utf-8";
body { min-width:320px; background-image:url(../img/bg_01.gif); color:#565656; }
#jbk-frame-main { margin-top: 0; }
@media screen and (min-width: 1021px){
	#jbk-frame-main { margin-top: 50px; }
}
#jbk-frame-main .frame-content { padding: 0; }
.c-ground-01 {
	margin-top: 0;
	padding-top: 0;
	border: none;
}
.c-ground-01 h4, .c-ground-01 h5 {
	margin: 0;
}
.c-linkList-01 a, .c-rightLink-02 a {
	line-height: 1.6;
	text-decoration: underline;
}
.c-linkList-01 a:before, .c-rightLink-02 a:before {
	width: 18px;
	height: 100%;
	background-image: url(../img/marker_01_@2x.png);
	background-repeat: no-repeat;
	background-size: auto 18px;
}
.c-noteList-03 li:before {
	margin-top: 1px;
	height: 18px;
	background: url(../img/marker_04_@2x.png) left top no-repeat;
	-moz-background-size: cover;
	background-size: cover;
}
@media screen and (max-width: 640px){
.c-rightLink-02 {
	text-align: right;
	margin-left: 0;
	padding: 0;
}
}
.c-infoBlock-01 {
	margin-top: 6%;
	background: #f2f2f2;
	border: none;
}
.c-noteList-01.num {
	margin-left: 1.6em;
}
.c-noteList-01.num li {
	text-indent: -1.82em;
}
.c-noteList-01.num span {
	margin-right: .22em;
}
.c-noteList-01.inline {
	margin: 0;
	padding: 0;
}
.c-noteList-01.inline li {
	display: inline;
}

/* mv */
.mv h2 {
	font-size: 0;
}
.mv-cv {
	padding-bottom: 5%;
	background: url(../img/mv_bg.png) repeat-y left top;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
}
.mv-cv .cv-link a, .existing-link a{
	color: #ff7e00 !important;
	background-image: url(../img/marker_02_@2x.png) !important;
}

/* cv */
.cv {
	padding: 7% 0 4%;
	background: #eb7000;
}
.cv-btn {
	margin: 0;
	padding: 0 7.8%;
	list-style-type: none;
}
.cv-btn li {
	margin-top: 3%;
}
.cv-btn li:first-child {
	margin-top: 0;
}
.cv-link {
	text-align: center;
	padding: 4% 0;
}
.cv-link a, .existing-link a {
	color: #fff;
	font-size: 12px;
	text-align: left;
	display: inline-block;
	padding-left: 24px;
	background-image: url(../img/marker_03_@2x.png);
	background-repeat: no-repeat;
	background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	background-position: left center;
}
.existing-link {
	text-align: center;
}

/* nav */
.nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.nav li {
	width: 49.8%;
	margin-top: 0.4%;
}
.nav li:first-child, .nav li:nth-child(2) {
	margin-top: 0;
}
.nav li:nth-child(even) {
	margin-left: 0.4%;
}

/* */
.relative { position: relative; }
.c-ground-01 img { width: 100%; }
.c-ground-01 .img, .mv, .nav, .cv, .wrap01, .wrap02, .c-infoBlock-01 {
	margin-left: -10px;
	margin-right: -10px;
}
@media screen and (min-width: 641px){
.c-ground-01 .img, .mv, .nav, .cv, .wrap01, .wrap02, .c-infoBlock-01 {
	margin-left: -54px;
	margin-right: -54px;
}
}
.cur { text-align: right; }
.pnc01 { margin-top: 8% !important; }
.pnc02 { margin-top: 12% !important; }
.pnc03 { margin-top: 6% !important; }
.pnc04 { margin-top: 4% !important; }
.wrap01, .mv-wrap {
	padding: 0 10px !important;
}
@media screen and (min-width: 641px){
	.wrap01, .mv-wrap {
		padding: 0 54px !important;
	}
}
.frame {
	font-size: 88%;
	line-height: 1.8;
	padding: 6px;
	background: #f2f2f2;
}
.frame .blc {
	padding: 8.4% 5% 5%;
	border-top: solid 1px #d9d9d9;
}
.frame .blc:first-child {
	padding: 5%;
	border-top: none;
}
.frame a, .campaign a {
	color: #fd7e23;
}
.step-flow {
	margin: 0 -0.5em 0 0;
	padding: 0;
	list-style-type: none;
}
.step-flow li {
	padding: 22px 0 8px;
	background-image: url(../img/sec03_arrow.png);
	background-repeat: no-repeat;
	background-size: 12px 15px;
	-moz-background-size: 12px 15px;
	-webkit-background-size: 12px 15px;
	-o-background-size: 12px 15px;
	background-position: center top;
}
.step-flow li:first-child {
	padding: 0 0 10px;;
	background-image: none;
}
.step-flow li .c-note {
	display: block;
	margin: 5px 0 0 1.3em;
}
.step-flow li .c-note em {
	font-weight: normal;
	text-indent: -1.3em;
	display: block;
}
.step-flow li .c-note em span {
	text-align: right;
	margin-right: .375em;
}
.check {
	margin: 0 -2.4% 9%;
}
.app-flow, .app-flow .detail .month {
	display: table;
	width: 100%;
}
.app-flow .period {
	vertical-align: middle;
	display: table-cell;
	width: 8.5%;
	padding-bottom: 4%;
}
.app-flow .period.new {
	background: url(../img/sec04_bg01.png) no-repeat left bottom #eef5f8;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
}
.app-flow .period.member {
	background: url(../img/sec04_bg07.png) no-repeat left bottom #eff9f4;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
}
.app-flow .detail, .app-flow .detail .month .balloon {
	display: table-cell;
	padding-left: 1.3%;
}
.app-flow .detail .month {
	padding-top: 6.6%;
	background: url(../img/sec04_arrow.png) no-repeat left top;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
}
.app-flow .detail .month:first-child {
	padding-top: 0;
	background: none;
}
.app-flow .detail .month.reduction {
	padding-top: 6.6%;
	background: url(../img/sec04_arrow.png) no-repeat left top;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
}
.app-flow .detail .month .dat {
	vertical-align: middle;
	display: table-cell;
	width: 11.2%;
	background: url(../img/sec04_bg02.png) no-repeat left top, url(../img/sec04_bg03.png) no-repeat left bottom, #eb7000;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
}
.app-flow .detail .month .dat.case01 {
	padding-bottom: 30%;
	background: url(../img/sec04_bg02.png) no-repeat left top, url(../img/sec04_bg04.png) no-repeat left bottom, #eb7000;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
}
.app-flow .detail .month .dat.case02 {
	padding-bottom: 30%;
	background: url(../img/sec04_bg02.png) no-repeat left top, url(../img/sec04_bg08.png) no-repeat left bottom, #eb7000;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
}
.balloon .bal-contents {
	padding: 4% 0 1.8%;
	background: url(../img/sec04_bg06.png) no-repeat left bottom;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
}
.balloon .bal-contents:first-child {
	padding-top: 0;
}
.balloon .bal-contents .note {
	font-size: 88%;
	padding: 0 3.2% 2.2% 5.4%;
	background: url(../img/sec04_bg05.png);
	background-size: 100%;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
}
.balloon .bal-contents .note a {
	color: #06a;
}
.balloon .bal-contents .note .em {
	color: #eb7000;
	font-size: 110%;
	font-weight: bold;
}
ul.clearfix {
	margin; 0;
	padding: 0;
}
ul.clearfix li {
	list-style: none;
	float: left;
}
.link-btn {
	margin: 8% 0;
}
.link-btn a {
	display: block;
	width: 75%;
	float: right;
}
.anc {
	width: 80%;
	margin: 6% 0 6% 7.2%;
}
.sec01 .c-noteList-03 {
	color: #888;
	font-size: 87.5%;
}
.sec01 .c-noteList-03 li {
	padding-left: 17px;
}
.sec01 .c-noteList-03 li:before {
	height: 13px !important;
	width: 13px !important;
}
.sec01 .pnc01.wrap02 {
	background: #eb7000;
}
@media screen and (min-width: 641px){
	.sec01 .c-noteList-03 li:before {
		margin-top: 3px;
	}
}
.campaign h3 {
	text-align: center;
	line-height: 0;
	margin-bottom: 0;
	padding: 4.2% 0;
	background: #4d4d4d;
}
.campaign p {
	color: #888;
	font-size: 92%;
	padding-top: 6%;
	margin-bottom: 2%;
}
.campaign p.member {
	padding-top: 4.5%;
}
.campaign .c-noteList-01 {
	margin-top: 0;
}

/* 問い合わせ */
.lp-info-box-01 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eb5505;
    margin-top: 18px;
    padding: 0 10px 15px;
}
.lp-info-box-01 hr {
	display: block;
	height: 1px;
	margin: 20px 0;
	background: #eb5505;
	border: none;
}
.lp-heading-lv2-01 {
    margin: -16px -10px 0 !important;
    text-align: center;
}
.lp-info-box-01 .lp-heading-lv2-01 {
    background-color: #eb5505;
    color: #fff;
    margin-left: -10px !important;
    margin-right: -10px !important;
    margin-top: 0 !important;
    padding: 10px;
}

.lp-info-box-01 .lp-heading-lv2-01 h2 {
    font-size: 20px;
}

.lp-heading-lv3-01 {
    text-align: center;
}
.lp-heading-lv3-01 h3 {
    font-weight: bold;
    line-height: 1.34;
    margin: 17px 0 0;
    padding: 0;
}
.lp-info-box-01 .lp-heading-lv3-01 h3 {
    color: #eb5505;
    font-size: 20px;
}
.lp-info-box-01 .lp-heading-lv3-01 h3.bank {
    font-size: 18px;
}
.lp-heading-lv3-01 .loan {
    margin: 0;
}
.lp-telBlock-01 {
    margin-top: 18px;
    text-align: center;
}
.lp-telBlock-01 .text-00 {
    color: #eb5505;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.lp-telBlock-01 .text-00 em {
    font-size: 22px;
}
.lp-telBlock-01 .text-01 {
    color: #eb5505;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.lp-telBlock-01 .text-01 em {
    font-size: 25px;
}
.lp-telBlock-01 .text-01 a {
    color: #eb5505;
    text-decoration: none;
}
.lp-telBlock-01 .text-02 {
    margin: 0;
    padding-left: 8px;
    padding-right: 8px;
}
.lp-telBlock-01 .text-03 {
    color: #eb5505;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.lp-telBlock-01 .text-03 em {
    font-size: 25px;
}
.lp-telBlock-01 .text-03 a {
    color: #eb5505;
    text-decoration: none;
}
.lp-noteText-01 p {
    margin: 18px 0 0;
    text-align: center;
}
.lp-info-box-01 .lp-noteText-01 p {
    margin-top: 0;
}
.lp-noteText-02 {
    border-radius: 12px;
    margin-top: 16px;
    padding: 3px 5px 0 5px;

}
.lp-noteText-02 p {
    font-size: 14px;
    margin: 0;
    text-align: center;
}
.lp-info-box-01 .lp-noteText-02 {
    background-color: #fedecd;
}

/* ----- header ----- */
.jbk-frametype-1col-simple #jbk-header-area {
    margin-bottom:0;
    border: none;
}
#jbk-header-area h1 {
    width: 190px;
    margin: 0;
    padding: 0;
    float: left;
}

#jbk-header-area h2 {
    float: right;
}

#jbk-frame-main img, #jbk-header-area h2 img {
    height: auto;
	max-width:100%;
	margin:0 auto;
}

@media screen and (max-width: 640px){
	#jbk-header-area h1 {
		width: 109px;
		height: 36px;
	}
	#jbk-header-area h2 {
		width: 175px;
	}
}

/* ----- footer ----- */
.pb-link-01 {
    background-color: #4e4d4d;
}
.c-topLink-01 {
    text-align: right;
    padding: 0 10px 0 0;
}
@media screen and (min-width: 1021px){
	.c-topLink-01 {
		padding: 0;
	}
}
.c-topLink-01 a {
    padding: 1px 0 1px 24px;
    color: #535252;
    text-decoration: none;
    position: relative;
    display: inline-block;
}
.c-topLink-01 a:before {
    width: 18px;
    height: 100%;
    background-image: url(../img/marker_07_@2x.png);
    background-repeat: no-repeat;
    background-position: -18px 0;
    background-size: auto 18px;
    -moz-background-size: auto 18px;
    -webkit-background-size: auto 18px;
    -o-background-size: auto 18px;
    position: absolute;
    left: 0;
    top: 3px;
    content: "";
}
.jbk-frametype-1col-simple #jbk-footer-area {
	margin-top: 0;
}
ul.c-linkList-01 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pb-link-01 .c-linkList-01 li {
    padding: 12px 0 10px;
    text-align: center;
}
.pb-link-01 .c-linkList-01 a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    line-height: 1.2;
}
.pb-link-01 .c-linkList-01 a:before {
    width: 18px;
    height: 100%;
    background-image: url(../img/marker_01_@2x.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    -moz-background-size: auto 18px;
    -webkit-background-size: auto 18px;
    -o-background-size: auto 18px;
    background-position: -216px center;
}
.js-area {
    height: 0;
    overflow: hidden;
}

/*=========================================================================
style.css 2016.10.19
=========================================================================*/

.alertBlock {
	max-width: 998px;
    margin: 2em 10px !important;
    background-color: #ffdede;
    border: 1px solid #e50000;
    padding: 24px;
}

.end {
    margin: 0;
    padding: 0;
    padding-left: 24px;
    position: relative;
    color: #e50000;
    font-weight: normal;
}

.end li:before {
    width: 18px;
    height: 100%;
    background-image: url(../img/marker_04_@2x.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    position: absolute;
    left: 0;
    content: "";
}