@charset "utf-8";
/* CSS Document */
.faq_loan.mb40{margin-bottom:40px;}
#about_repayment{padding-top: 60px;
margin-top: -60px;}

#list_support_service .space_wrap_link li:nth-child(3) a{    background-image: url(../img/navi_icon03_2.png);}
#list_support_service .space_wrap_link li:nth-child(4) a{    background-image: url(../img/navi_icon04_2.png);}
#list_support_service .space_wrap_link li:nth-child(5) a{    background-image: url(../img/navi_icon05_2.png);}

.product_summary #related_products li a{padding:12px 0;border-bottom:1px solid #dbd6d3;    padding-left: 34px;
    position: relative;display:block;}

.product_summary #related_products li a:before{content:'';position:absolute;z-index:1;
   top:0;bottom:0;margin:auto 0;
    left:0;
    width: 20px;
    height: 20px;
    vertical-align: middle;

}

.product_summary #related_products li a{color:#1B4EA2!important;}

#related_products{padding-top:60px;}
#list_support_service{padding-top:60px;}
.product_summary #related_products li.arrow a:before{
width: 7px;
    height: 7px;left:5px;
    vertical-align: middle;
    border-top: 2px solid #54A12B;
    border-right: 2px solid #54A12B;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);}
.product_summary #related_products li.pdf2 a:before {

    background-image: url(../img/icon_pdf.png);
    background-size:20px;
}
.product_summary #related_products li a:hover{background:#eee;}

.newpage_loan .product_summary #related_products h2{    margin-bottom:16px;}
#contents a.button.apply_btn{margin-top:20px;}

#list_support_service ul{    max-width: 540px;
    margin: 0 auto;
    width: 100%;}

.space_wrap_link_wrap {
    display: flex;
    justify-content: center;
    align-content: center;
}

#contents #loan_faq a.button.mid_button{    display: flex;
    min-height: 70px;    align-items: center;
    justify-content: center;}

.loan_faqbox.js_open2 {
    border: 1px solid #DBD6D3;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 16px 20px;
    /* padding-left: 0px; */
    margin-bottom: 18px;
    cursor: pointer;
}
.loan_faqbox.js_open2.is_open2{padding-bottom: 0;}

.loan_faqbox{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 20px 23px;
    padding-left:0px;
    margin-bottom: 18px;    cursor: pointer;
    border: 1px solid #DBD6D3;
}
.js_inner2 .loan_faqbox{border:0;}
.loan_faqbox h4{    text-align: left;
    margin-bottom: 0;
    position: relative;
    color: #000;padding-left:40px;font-weight: bold;}

.loan_faqbox h4:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
width: 8px;
    height: 8px;
    border: 2px solid #54A12B;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
    transition: all .5s;
}
.loan_faqbox h4:after {
    content: 'Q';
    position: absolute;
    top: 0px;
  /*  bottom: 0;
    margin: auto 0;*/
    left: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #1B4EA2;
    line-height: 1;
    width: 13px;
    height: 22px;font-weight:bold;
}

.loan_faqbox .js_inner{    margin-top: 20px;
    padding:0 20px;
    padding-right: 0;}
.loan_faqbox .js_inner p{position:relative;    padding-left: 20px;line-height: 150%;}
.loan_faqbox .js_inner li{
    line-height: 150%;}
.loan_faqbox .js_inner p:after {
    content: 'A';
    position: absolute;
    top: 4px;
    /*bottom: 0;*/
    margin: auto 0;
    left: 1px;
    display: inline-block;
    vertical-align: middle;
    color: #54A12B;
    line-height: 1;
    width: 13px;
    height: 22px;font-weight:bold;
}
.loan_faqbox_wrap{margin-bottom:30px;}
.cgiplan_page .newpage_loan .product_summary h2{margin-bottom:20px;}
#contents .newpage_loan #loan_first_faq a{display:block;
border:1px solid #DBD6D3;margin-bottom:16px;border-radius: 5px;
padding: 10px 20px;padding-right: 28px;position:relative;}
#product_description{margin-bottom:30px;}
#loan_first_faq{margin-bottom:60px;font-weight:bold;}

#contents .newpage_loan #loan_first_faq a:hover{background:#eee;}

#contents .newpage_loan #loan_first_faq a:after {
    position: absolute;
    top: 50%;
    right: 1.5em;
    display: inline-block;
    content: "";
    width: 7px;
    height: 7px;
    margin-top: -4px;
    margin-right: -4px;
    vertical-align: middle;
    border-top: 2px solid #54A12B;
    border-right: 2px solid #54A12B;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
#product_description .plan_wrap{margin-top:0;margin-bottom:30px;}
#product_description .plan_wrap:before{content:none;}

#contents .newpage_loan .plan_wrap li a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 257px;margin:0;
}

.plan_wrap h4{margin-bottom:0;}
.loan_faqbox.is_open h4:before {
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(25%) rotate(-45deg);
}
.img_syorui_wrap {
    display: flex;
    align-items: center;
}
.repo_flex{min-height:inherit;}
.more_link{margin-top:10px;}
.product_summary .loan_faqbox_wrap h3 {
    border: none;
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 0;
}/*.loan_faqbox_wrap .loan_faqbox_wrap{    border: 1px solid #DBD6D3;border-radius: 5px;padding:16px 20px;}*/
#loan_faq .loan_faqbox .loan_faqbox.js_open{border:none;border-bottom: 1px solid #DBD6D3;border-radius:0;}

#loan_faq .loan_faqbox .loan_faqbox.js_open:last-child{border-bottom:none!important;}

.indent_wrap{padding-left:20px;margin-top: 4px}

#loan_faq .loan_faqbox_wrap {
    margin-bottom: 0px;
}

.loan_faqbox h3{position:relative;}
.loan_faqbox h3:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
width: 8px;
    height: 8px;
    border: 2px solid #54A12B;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
    transition: all .5s;
}

.loan_faqbox.is_open2 h3:before {
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(25%) rotate(-45deg);
}
#loan_faq.faq_loan .loan_faqbox.js_open{    padding: 20px 0px;margin-bottom: 0;}
#loan_faq.faq_loan .loan_faqbox.js_open .js_inner{padding:0;}
#loan_faq.faq_loan .loan_faqbox.js_open h4{    padding-left: 20px;}

.js_open2 .loan_faqbox h4{font-weight:normal;}
#loan_faq.faq_loan .loan_faqbox.js_open h4:after{left:0;}


#contents ul.required_doc_tb li{
    margin-bottom: 6px;}
.#contents ul.required_doc_tb li:before {
    content: '●';
    color: #54A12B;
    padding-right: 5px;
}
#contents ul.keiyaku1 li{    margin-bottom: 6px;}

#contents ul.keiyaku1 li:before {
    content: '●';
    color: #54A12B;
    padding-right: 5px;
}
.who_can_use_tb.required_doc_tb th{
    width: 149px;}

.required_doc_tb2{margin-bottom:30px;}

#preliminary_screening_doc{margin-bottom:60px;padding-top: 60px;}

#contents a.button.mid_button{    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;}

.required_doc_tb{margin-bottom:20px;}
.required_doc_tb2{margin-bottom:30px;}

#main_examination_doc{padding-top:60px;margin-top:-60px;}

.s_casebox h5{font-size:15.99px;font-weight:bold;position:relative;}


.s_casebox h5:after {
    position: absolute;
    right: 0.5em;
    display: inline-block;
    content: "";
    width: 7px;
    height: 7px;
    margin-top: -4px;
    margin-right: -4px;
    vertical-align: middle;
    border-top: 2px solid #54A12B;
    border-right: 2px solid #54A12B;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(45deg);    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);    top: 50%; transition: all .3s;
}
.s_casebox.is_open h5:after{    top: 60%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(45deg);
}

.step_guide_wrap{    background: #F6F7FC;
    border-radius: 10px;
    padding: 40px 20px;
    padding-bottom: 30px;
}
.step1_0{    padding: 18px 40px;    padding-bottom: 20px;
    box-shadow: 0px 2px 10px #5151511A;
    background: #fff;
    border-radius: 10px;
    position: relative;margin-bottom:48px;}

.number_plan.step_number{
    position: absolute;
    top: -10px;
    left: 40px;}

.guide_step_box h4{font-weight:bold;color:#000;font-size:18px;}

#contents .newpage_loan a.txt_b_arrow {
    font-weight: bold;    padding: 5px 0;
    padding-right: 25px;
    position: relative;
    display: table;
    margin: 0 auto;margin-top:12px;
}
.txt_b_arrow:before{position:absolute;
    top: 50%;
    right: 1.2em;
    display: inline-block;
    content: "";
    width: 7px;
    height: 7px;
    margin-top: -4px;
    margin-right: -4px;
    vertical-align: middle;
    border-top: 2px solid #1B4EA2;
    border-right: 2px solid #1B4EA2;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.txt_b_arrow_wrap{margin-top: 20px;}

.step_1_3 .txt_b_arrow_wrap {
    margin-top: 6px;
}

.step1_0:after {
    content: '';
    /* top: 0; */
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    bottom: -33px;
    display: inline-block;
    vertical-align: middle;
    color: #DBD6D3;
    line-height: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 16px 16px;
    border-top-color: currentColor;
    border-bottom: 0;
}

.step1_0.step_1_8:after{
    content:none;
}

.step1_0.step_1_8{margin-bottom:0;}

ul.step_nav{display: flex;
justify-content: space-between;    align-items: center;
}
.step_nav_wrap{padding:20px;    position: relative;}
.step_nav{position:relative;}

.step_nav:before{position:absolute;z-index:1;top:0;bottom:0;margin:auto 0;height:4px;background:#D0EFBF;width:100%;left:0;content:'';}


.step_nav:first-child:before{    left: 22px;}
.step_nav:last-child:before{    left: -22px;}



#contents .link_step1_wrap a.button:after {
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    content: "";
    width: 7px;
    height: 7px;
    /* margin-top: -4px; */
    /* margin-right: -4px; */
    vertical-align: middle;
    border-right: 2px solid #54A12B;
    border-bottom: 2px solid #54A12B;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
#contents .link_step1_wrap a.button:before {
    position: absolute;
    top: 47px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    content: "";
    width: 30px;
    height: 25px;
    /* margin-top: -4px; */
    /* margin-right: -4px; */
    vertical-align: middle;
    background-size:30px;
    background-repeat:no-repeat;
    background-position:50% 50%;
}
#contents .link_step1_wrap a.button.link_step1:before{
    background-image:url("../img/guide/icon_nagare1.png");background-size:30px;
}
#contents .link_step1_wrap a.button.link_step2:before{
    background-image:url("../img/guide/icon_nagare2.png");background-size:23px;
}
#contents .link_step1_wrap a.button.link_step3:before{
    background-image:url("../img/guide/icon_nagare3.png");background-size:25px;
}
#contents .link_step1_wrap a.button.link_step4:before{
    background-image:url("../img/guide/icon_nagare4.png");background-size:24px;height:29px;
}
#contents .link_step1_wrap a.button.link_step5:before{
    background-image:url("../img/guide/icon_nagare5.png");background-size:30px;
}
#contents .link_step1_wrap a.button.link_step6:before{
    background-image:url("../img/guide/icon_nagare6.png");background-size:32px;
}
#contents .link_step1_wrap a.button.link_step7:before{
    background-image:url("../img/guide/icon_nagare7.png");background-size:24px;height:29px;
}
#contents .link_step1_wrap a.button.link_step8:before{
    background-image:url("../img/guide/icon_nagare8.png");background-size:32px;
}
.link_step_step {
    color: #1B4EA2;
    font-size: 14px;
    line-height: 20px;
    background: #fff;
    text-align: center;
    border: 1px solid #1B4EA2;
    border-radius: 10px;
    font-weight: bold;
    padding: 0 10px;
    margin: 0 auto;
    display: table;
    margin-bottom: 12px;
}

.link_step_step .link_step1{padding:14px 0;    height: 125px;border-radius: 10px;
}
#contents ul li.link_step1_wrap{
margin-bottom:16px;
}
#contents .link_step1_wrap a.button {
    width: 160px;
    height: 125px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 2px 10px #5151511A;
    display: flex;
    flex-direction: column;
    justify-content: space-around;position:relative;    z-index: 1;
    background: #fff;
}
#contents .link_step1_wrap a.button:hover{background:#efefef;}

.link_step_tit{font-weight:bold;padding-bottom:4px;}

#step1,#step2,#step3,#step4,#step5,#step6,#step7,#step8{
    margin-top:-70px;
    padding-top:70px;
}
#contents .newpage_loan .step_1_7 a.txt_b_arrow{margin-top:0;}

.guide_page #contents .product_description .row{    margin-right: -8px;
    margin-left: -8px;}

.guide_page #contents .product_description ul li.col-md-6{padding:0 8px;}

.required_doc_tb li:before{
    content: '●';
    color: #54A12B;
    padding-right: 5px;
}