@charset "UTF-8";
/*===============================================================*/
/* 住宅ローン事前審査申込
/*===============================================================*/

/* ---------------------------------------------------------------
   ページ固有のスクリプトレイヤー
-----------------------------------------------------------------*/

.p-form_loanHome .js-formSameVal_btn {
    font-size: clamp(0.7rem,2vw,1.4rem)
}

/*-- js-releaseBtn ラジオボタンの解除 --*/

/* ---------------------------------------------------------------
フォームステップの定義
-----------------------------------------------------------------*/

.p-form_loanHome_formStep .l-formStepMany_progress.is-step1:after {
    width: calc( ( ( 100% - 20px ) / 10 ) * 0 );
}

.p-form_loanHome_formStep .l-formStepMany_progress.is-step2:after {
    width: calc( ( ( 100% - 20px ) / 10 ) * 1 )
}

.p-form_loanHome_formStep .l-formStepMany_progress.is-step3:after {
    width: calc( ( ( 100% - 20px ) / 10 ) * 2 );
}

.p-form_loanHome_formStep .l-formStepMany_progress.is-step4:after {
    width: calc( ( ( 100% - 20px ) / 10 ) * 3 )
}

.p-form_loanHome_formStep .l-formStepMany_progress.is-step5:after {
    width: calc( ( ( 100% - 20px ) / 10 ) * 4 );
}

.p-form_loanHome_formStep .l-formStepMany_progress.is-step6:after {
    width: calc( ( ( 100% - 20px ) / 10 ) * 5 )
}

.p-form_loanHome_formStep .l-formStepMany_progress.is-step7:after {
    width: calc( ( ( 100% - 20px ) / 10 ) * 6);
}

.p-form_loanHome_formStep .l-formStepMany_progress.is-step8:after {
    width: calc( ( ( 100% - 20px ) / 10 ) * 7);
}

.p-form_loanHome_formStep .l-formStepMany_progress.is-step9:after {
    width: calc( ( ( 100% - 20px ) / 10 ) * 8);
}

.p-form_loanHome_formStep .l-formStepMany_progress.is-step10:after {
    width: calc( ( ( 100% - 20px ) / 10 ) * 9);
}

.p-form_loanHome_formStep .l-formStepMany_progress.is-step11:after {
    width: calc( ( ( 100% - 20px ) / 10 ) * 10);
}

.p-form_loanHome_formStep .is-step1 .l-formStepMany_progress_point.this-step1:before,
.p-form_loanHome_formStep .is-step2 .l-formStepMany_progress_point.this-step2:before,
.p-form_loanHome_formStep .is-step3 .l-formStepMany_progress_point.this-step3:before,
.p-form_loanHome_formStep .is-step4 .l-formStepMany_progress_point.this-step4:before,
.p-form_loanHome_formStep .is-step5 .l-formStepMany_progress_point.this-step5:before,
.p-form_loanHome_formStep .is-step6 .l-formStepMany_progress_point.this-step6:before,
.p-form_loanHome_formStep .is-step7 .l-formStepMany_progress_point.this-step7:before,
.p-form_loanHome_formStep .is-step8 .l-formStepMany_progress_point.this-step8:before,
.p-form_loanHome_formStep .is-step9 .l-formStepMany_progress_point.this-step9:before,
.p-form_loanHome_formStep .is-step10 .l-formStepMany_progress_point.this-step10:before,
.p-form_loanHome_formStep .is-step11 .l-formStepMany_progress_point.this-step11:before {
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: -45px;
    left: -5px;
    background-color: var(--color-gray);
    transform: rotate(45deg);
    border-bottom-right-radius: 2px;
}

.p-form_loanHome_formStep .is-step1 .l-formStepMany_progress_point:nth-of-type(1),
.p-form_loanHome_formStep .is-step2 .l-formStepMany_progress_point:nth-of-type(-n+2),
.p-form_loanHome_formStep .is-step3 .l-formStepMany_progress_point:nth-of-type(-n+3),
.p-form_loanHome_formStep .is-step4 .l-formStepMany_progress_point:nth-of-type(-n+4),
.p-form_loanHome_formStep .is-step5 .l-formStepMany_progress_point:nth-of-type(-n+5),
.p-form_loanHome_formStep .is-step6 .l-formStepMany_progress_point:nth-of-type(-n+6),
.p-form_loanHome_formStep .is-step7 .l-formStepMany_progress_point:nth-of-type(-n+7),
.p-form_loanHome_formStep .is-step8 .l-formStepMany_progress_point:nth-of-type(-n+8),
.p-form_loanHome_formStep .is-step9 .l-formStepMany_progress_point:nth-of-type(-n+9),
.p-form_loanHome_formStep .is-step10 .l-formStepMany_progress_point:nth-of-type(-n+10),
.p-form_loanHome_formStep .is-step11 .l-formStepMany_progress_point:nth-of-type(-n+11) {
    background-color: var(--color-red);
}

.p-form_loanHome_formStep .l-formStepMany_progress_point.this-step1 {
    left: calc( ( ( 100% - 20px ) / 10 ) * 0 );
}

.p-form_loanHome_formStep .l-formStepMany_progress_point.this-step2 {
    left: calc( ( ( 100% - 20px ) / 10 ) * 1 )
}

.p-form_loanHome_formStep .l-formStepMany_progress_point.this-step3 {
    left: calc( ( ( 100% - 20px ) / 10 ) * 2 );
}

.p-form_loanHome_formStep .l-formStepMany_progress_point.this-step4 {
    left: calc( ( ( 100% - 20px ) / 10 ) * 3 )
}

.p-form_loanHome_formStep .l-formStepMany_progress_point.this-step5 {
    left: calc( ( ( 100% - 20px ) / 10 ) * 4 );
}

.p-form_loanHome_formStep .l-formStepMany_progress_point.this-step6 {
    left: calc( ( ( 100% - 20px ) / 10 ) * 5 )
}

.p-form_loanHome_formStep .l-formStepMany_progress_point.this-step7 {
    left: calc( ( ( 100% - 20px ) / 10 ) * 6 );
}

.p-form_loanHome_formStep .l-formStepMany_progress_point.this-step8 {
    left: calc( ( ( 100% - 20px ) / 10 ) * 7 );
}

.p-form_loanHome_formStep .l-formStepMany_progress_point.this-step9 {
    left: calc( ( ( 100% - 20px ) / 10 ) * 8 );
}

.p-form_loanHome_formStep .l-formStepMany_progress_point.this-step10 {
    left: calc( ( ( 100% - 20px ) / 10 ) * 9 );
}

.p-form_loanHome_formStep .l-formStepMany_progress_point.this-step11 {
    left: calc( ( ( 100% - 20px ) / 10 ) * 10 );
}


.p-form_loanHome .l-formBtns {
    /*border-top: solid 1px #a2a2a2;*/
    padding-top: 48px;
    margin-top: 48px;
    margin-bottom: 120px;
}

@media screen and (max-width:814px) {
    .p-form_loanHome_formStep .l-formStepMany_progress.is-step1:after {
        width: calc( ( ( 100% - 12px ) / 10 ) * 0 );
    }

    .p-form_loanHome_formStep .l-formStepMany_progress.is-step2:after {
        width: calc( ( ( 100% - 12px ) / 10 ) * 1 )
    }

    .p-form_loanHome_formStep .l-formStepMany_progress.is-step3:after {
        width: calc( ( ( 100% - 12px ) / 10 ) * 2 );
    }

    .p-form_loanHome_formStep .l-formStepMany_progress.is-step4:after {
        width: calc( ( ( 100% - 12px ) / 10 ) * 3 )
    }

    .p-form_loanHome_formStep .l-formStepMany_progress.is-step5:after {
        width: calc( ( ( 100% - 12px ) / 10 ) * 4 );
    }

    .p-form_loanHome_formStep .l-formStepMany_progress.is-step6:after {
        width: calc( ( ( 100% - 12px ) / 10 ) * 5 )
    }

    .p-form_loanHome_formStep .l-formStepMany_progress.is-step7:after {
        width: calc( ( ( 100% - 12px ) / 10 ) * 6);
    }

    .p-form_loanHome_formStep .l-formStepMany_progress.is-step8:after {
        width: calc( ( ( 100% - 12px ) / 10 ) * 7);
    }

    .p-form_loanHome_formStep .l-formStepMany_progress.is-step9:after {
        width: calc( ( ( 100% - 12px ) / 10 ) * 8);
    }

    .p-form_loanHome_formStep .l-formStepMany_progress.is-step10:after {
        width: calc( ( ( 100% - 12px ) / 10 ) * 9);
    }

    .p-form_loanHome_formStep .l-formStepMany_progress.is-step11:after {
        width: calc( ( ( 100% - 12px ) / 10 ) * 10);
    }

    .p-form_loanHome_formStep .is-step1 .l-formStepMany_progress_point.this-step1:before,
    .p-form_loanHome_formStep .is-step2 .l-formStepMany_progress_point.this-step2:before,
    .p-form_loanHome_formStep .is-step3 .l-formStepMany_progress_point.this-step3:before,
    .p-form_loanHome_formStep .is-step4 .l-formStepMany_progress_point.this-step4:before,
    .p-form_loanHome_formStep .is-step5 .l-formStepMany_progress_point.this-step5:before,
    .p-form_loanHome_formStep .is-step6 .l-formStepMany_progress_point.this-step6:before,
    .p-form_loanHome_formStep .is-step7 .l-formStepMany_progress_point.this-step7:before,
    .p-form_loanHome_formStep .is-step8 .l-formStepMany_progress_point.this-step8:before,
    .p-form_loanHome_formStep .is-step9 .l-formStepMany_progress_point.this-step9:before,
    .p-form_loanHome_formStep .is-step10 .l-formStepMany_progress_point.this-step10:before,
    .p-form_loanHome_formStep .is-step11 .l-formStepMany_progress_point.this-step11:before {
        display: block;
        content: "";
        width: 30px;
        height: 30px;
        position: absolute;
        top: -50px;
        left: -5px;
        background-color: var(--color-gray);
        transform: scale(0.6) rotate(45deg);
        border-bottom-right-radius: 2px;
    }

    .p-form_loanHome_formStep .is-step1 .l-formStepMany_progress_point:nth-of-type(1),
    .p-form_loanHome_formStep .is-step2 .l-formStepMany_progress_point:nth-of-type(-n+2),
    .p-form_loanHome_formStep .is-step3 .l-formStepMany_progress_point:nth-of-type(-n+3),
    .p-form_loanHome_formStep .is-step4 .l-formStepMany_progress_point:nth-of-type(-n+4),
    .p-form_loanHome_formStep .is-step5 .l-formStepMany_progress_point:nth-of-type(-n+5),
    .p-form_loanHome_formStep .is-step6 .l-formStepMany_progress_point:nth-of-type(-n+6),
    .p-form_loanHome_formStep .is-step7 .l-formStepMany_progress_point:nth-of-type(-n+7),
    .p-form_loanHome_formStep .is-step8 .l-formStepMany_progress_point:nth-of-type(-n+8),
    .p-form_loanHome_formStep .is-step9 .l-formStepMany_progress_point:nth-of-type(-n+9),
    .p-form_loanHome_formStep .is-step10 .l-formStepMany_progress_point:nth-of-type(-n+10),
    .p-form_loanHome_formStep .is-step11 .l-formStepMany_progress_point:nth-of-type(-n+11) {
        background-color: var(--color-red);
    }

    .p-form_loanHome_formStep .l-formStepMany_progress_point.this-step1 {
        left: calc( ( ( 100% - 12px ) / 10 ) * 0 );
    }

    .p-form_loanHome_formStep .l-formStepMany_progress_point.this-step2 {
        left: calc( ( ( 100% - 12px ) / 10 ) * 1 )
    }

    .p-form_loanHome_formStep .l-formStepMany_progress_point.this-step3 {
        left: calc( ( ( 100% - 12px ) / 10 ) * 2 );
    }

    .p-form_loanHome_formStep .l-formStepMany_progress_point.this-step4 {
        left: calc( ( ( 100% - 12px ) / 10 ) * 3 )
    }

    .p-form_loanHome_formStep .l-formStepMany_progress_point.this-step5 {
        left: calc( ( ( 100% - 12px ) / 10 ) * 4 );
    }

    .p-form_loanHome_formStep .l-formStepMany_progress_point.this-step6 {
        left: calc( ( ( 100% - 12px ) / 10 ) * 5 )
    }

    .p-form_loanHome_formStep .l-formStepMany_progress_point.this-step7 {
        left: calc( ( ( 100% - 12px ) / 10 ) * 6 );
    }

    .p-form_loanHome_formStep .l-formStepMany_progress_point.this-step8 {
        left: calc( ( ( 100% - 12px ) / 10 ) * 7 );
    }

    .p-form_loanHome_formStep .l-formStepMany_progress_point.this-step9 {
        left: calc( ( ( 100% - 12px ) / 10 ) * 8 );
    }

    .p-form_loanHome_formStep .l-formStepMany_progress_point.this-step10 {
        left: calc( ( ( 100% - 12px ) / 10 ) * 9 );
    }

    .p-form_loanHome_formStep .l-formStepMany_progress_point.this-step11 {
        left: calc( ( ( 100% - 12px ) / 10 ) * 10 );
    }
}



/* ---------------------------------------------------------------
地域の選択：p-form_loanHome_agree_area
-----------------------------------------------------------------*/
/*地域の選択*/
.p-form_loanHome_agree_area__form {
    position: relative;
    border: solid 1px #DFDFDF;
    background-color: var(--color-gray);
    padding: 24px 80px;
    margin-bottom: 2em;
}

    .p-form_loanHome_agree_area__form:before,
    .p-form_loanHome_agree_area__form .l-formItem__entry:before {
        content: "必須";
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
        color: #FFF;
        background-color: var(--color-red);
        font-size: 1.4rem;
        padding: 2px 10px;
        font-weight: bold;
    }

    /*スマホ表示用：必須アイコンは非表示*/
    .p-form_loanHome_agree_area__form .l-formItem__entry:before {
        display: none;
    }

    .p-form_loanHome_agree_area__form .l-formItem {
        margin-top: 0;
    }

    .p-form_loanHome_agree_area__form fieldset {
        text-align: center;
        font-weight: bold;
    }

        .p-form_loanHome_agree_area__form fieldset label:not(:nth-last-of-type(1)) {
            margin-right: 36px;
        }

.p-form_loanHome_agree_area__form__msg {
    color: var(--color-red);
    text-align: center;
    font-weight: bold;
}

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

    /*地域の選択*/
    .p-form_loanHome_agree_area__form {
        padding-right: 10px;
        padding-left: 10px;
    }

    .p-form_loanHome_agree_area__form__msg {
        text-align: left;
    }

    .p-form_loanHome_agree_area__form .l-formItem__entry {
        position: relative;
        padding-left: 60px;
    }

        .p-form_loanHome_agree_area__form .l-formItem__entry:before {
            display: inline-block;
            letter-spacing: normal;
            left: 0;
        }

    .p-form_loanHome_agree_area input[type="radio"] + label {
        display: inline-block;
    }

    .p-form_loanHome_agree_area__form fieldset {
        text-align: left;
        font-weight: bold;
    }

    .p-form_loanHome_agree_area fieldset label:not(:nth-last-of-type(1)) {
        margin-right: 16px;
    }

    /*必須アイコン*/
    .p-form_loanHome_agree_area__form:before {
        display: none;
    }
}

@media screen and (max-width:414px) {
    .p-form_loanHome_agree_area input[type="radio"] + label {
        display: block;
    }

    .p-form_loanHome_agree_area {
        padding-right: 10px;
    }

        .p-form_loanHome_agree_area fieldset {
            text-align: left;
        }
}

/* ---------------------------------------------------------------
個人情報および個人信用情報の取扱いに関する同意書：p-form_loanHome_agree_attention__userPolicy
-----------------------------------------------------------------*/
.p-form_loanHome_agree_attention__userPolicy {
    border: solid 1px #DFDFDF;
    height: 250px;
    width: 100%;
    overflow: auto;
    padding: 0px;
    font-size: 1.3rem;
    resize: vertical;
}

    .p-form_loanHome_agree_attention__userPolicy ul,
    .p-form_loanHome_agree_attention__userPolicy ol {
        margin-top: 1.5em;
    }

        .p-form_loanHome_agree_attention__userPolicy ul.this-circle li {
            list-style-type: circle;
        }

    .p-form_loanHome_agree_attention__userPolicy .this-chapterMidashi {
        margin-top: 1em;
        font-size: 1.4rem;
        text-align: center;
        font-weight: bold;
        margin-bottom: 2em;
    }

    .p-form_loanHome_agree_attention__userPolicy ul > li:nth-of-type(n+2),
    .p-form_loanHome_agree_attention__userPolicy ol > li:nth-of-type(n+2) {
        margin-top: 0.5em;
    }

.p-form_loanHome_agree_attention__userPolicy__header .this-title {
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 2em;
}

.p-form_loanHome_agree_attention__userPolicy__header .this-signature {
    margin-bottom: 2em;
}

    .p-form_loanHome_agree_attention__userPolicy__header .this-signature td {
        padding: 0;
        padding-right: 2em;
        border: none;
    }

/*連絡先*/
.p-form_loanHome_agree_attention__contact {
    margin-bottom: 1em;
}

    .p-form_loanHome_agree_attention__contact .o-hintBox__btn {
        background-color: #FFF;
        margin-bottom: 1em;
        max-width: unset;
        width: auto;
        padding-right: 36px;
        display: inline-block;
    }

    .p-form_loanHome_agree_attention__contact .o-hintBox__text {
        border: none;
    }

    .p-form_loanHome_agree_attention__contact .this-item {
        background-color: #FFF;
        border-radius: 6px;
        padding: 16px;
    }

        .p-form_loanHome_agree_attention__contact .this-item p {
            border-bottom: solid #DFDFDF 1px;
            padding: 10px 0;
        }

    .p-form_loanHome_agree_attention__contact .this-midashi {
        font-weight: bold;
        font-size: 1.8rem;
    }

    .p-form_loanHome_agree_attention__contact .this-item .this-bikou {
        border-bottom: none;
        font-weight: normal;
        font-size: small;
    }

/* ---------------------------------------------------------------
ご留意事項の確認・地域確認・各種同意確認：p-form_loanHome
-----------------------------------------------------------------*/

.p-form_loanHome_agree_attention {
    margin-top: 72px;
}

    .p-form_loanHome_agree_attention h4 {
        margin-top: 72px;
    }


hr.p-form_loanHome_agree__partition {
    margin-top: 36px;
    margin-bottom: 72px;
    height: 1px;
    background-color: #acacac;
    border: 0;
}

.p-form_loanHome_agree_attention .c-attention {
    padding: 36px;
}

    .p-form_loanHome_agree_attention .c-attention li {
        margin-bottom: 8px;
        font-weight: 500;
    }

.p-form_loanHome_agree_attention__agree {
    position: relative;
    border: solid 1px #DFDFDF;
    background-color: var(--color-gray);
    padding: 24px 80px;
    padding-top: 15px;
    margin-bottom: 1em;
}

    .p-form_loanHome_agree_attention__agree:after {
        content: "必須";
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
        color: #FFF;
        background-color: var(--color-red);
        font-size: 1.4rem;
        padding: 2px 10px;
        font-weight: bold;
    }

    .p-form_loanHome_agree_attention__agree fieldset {
        text-align: center;
        font-weight: bold;
    }

    .p-form_loanHome_agree_attention__agree > input[type="checkbox"] + label {
        display: inline-block;
    }

    .p-form_loanHome_agree_attention__agree .l-formAgree__guide {
        margin-top: 8px;
    }

/*インナーコンテンツ幅以下の時*/
@media screen and (max-width:960px) {
    .p-form_loanHome_agree_attention__agree .l-formAgree__guide {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
}

@media screen and (max-width:814px) {
    .p-form_loanHome_agree_attention__agree > input[type="checkbox"] + label {
        display: inline-block;
    }
}

@media screen and (max-width:600px) {
    .p-form_loanHome_agree_attention__agree {
        padding-right: 10px;
    }

        .p-form_loanHome_agree_attention__agree .l-formAgree__guide {
            justify-content: flex-start;
            padding-left: 8px;
        }

        .p-form_loanHome_agree_attention__agree fieldset {
            text-align: left;
        }
}


/*連帯保証人*/
.p-form_loanHome_agree_attention__comaker {
    position: relative;
    border: solid 1px #DFDFDF;
    background-color: var(--color-gray);
    padding: 24px 80px;
    padding-top: 15px;
    margin-bottom: 2em;
}

    .p-form_loanHome_agree_attention__comaker:after {
        content: "必須";
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
        color: #FFF;
        background-color: var(--color-red);
        font-size: 1.4rem;
        padding: 2px 10px;
        font-weight: bold;
    }

    .p-form_loanHome_agree_attention__comaker fieldset {
        text-align: center;
        font-weight: bold;
    }

        .p-form_loanHome_agree_attention__comaker fieldset label:nth-of-type(1) {
            margin-right: 36px;
        }

.p-form_loanHome_agree_attention__comaker_midashi {
    border-bottom: solid 1px #DFDFDF;
    margin-bottom: 8px;
    font-weight: 800;
    text-align: center;
}

@media screen and (max-width:814px) {
    .p-form_loanHome_agree_attention__comaker input[type="radio"] + label {
        display: inline-block;
    }
}

@media screen and (max-width:600px) {
    .p-form_loanHome_agree_attention__comaker {
        padding-right: 10px;
    }

        .p-form_loanHome_agree_attention__comaker fieldset {
            text-align: left;
        }
}

/*-- 送信する p-form_loanHome_agree__send --*/
.p-form_loanHome_agree__send {
    margin-bottom: 120px;
}

    .p-form_loanHome_agree__send .l-formBtns {
        justify-content: center;
    }

    .p-form_loanHome_agree__send .l-formBtns__wrapper {
        width: 100%;
        max-width: 250px;
    }

    .p-form_loanHome_agree__send .l-formBtns__btn.this-send {
        height: 70px;
    }


/* ---------------------------------------------------------------
お勤め先（お客さま）の入力 .p-loanHome_kaisha
-----------------------------------------------------------------*/
.p-form_loanHome_kazoku table td,
.p-form_loanHome_kazoku table th {
    padding: 10px;
}

.p-form_loanHome_kazoku table th {
    width: 8em;
    font-size: 1.4rem;
}

.p-form_loanHome_kazoku .l-formItem {
    margin-top: 0px;
}





/* ---------------------------------------------------------------
お勤め先（お客さま）の入力 .p-loanHome_kaisha
-----------------------------------------------------------------*/

/* --- お勤めについての情報 > ご職業について > お仕事の内容 ---*/
.p-loanHome_kaisha_job_kaishaShokushu fieldset {
    display: block;
}

    .p-loanHome_kaisha_job_kaishaShokushu fieldset > * {
        display: inline-block;
        width: 30%;
    }

        .p-loanHome_kaisha_job_kaishaShokushu fieldset > * label {
            padding-top: 0px;
            padding-bottom: 0px;
        }

/* --- お勤めについての情報 > ご職業について > 給与形態 ---*/
@media screen and (max-width:814px) {
    .p-loanHome_kaisha_job_kaishaShunyu fieldset {
        display: flex;
        flex-wrap: wrap;
    }

    .p-loanHome_kaisha_job_kaishaShunyu label {
        width: 50%;
    }
}


/* --- お勤めについての情報 > ご職業について > 業種 ---*/
.p-loanHome_kaisha_job_kaishaGyoshu .this-kaisha_gyoshu_sonota {
    margin-top: 8px;
}

/* --- お勤めについての情報 > ご職業について > 資本金 ---*/
.p-loanHome_kaisha_job_kaishaShihon .this-kaisha_shihon_sonota {
    margin-top: 8px;
}

/* --- お勤めについての情報 > ご職業について > 勤務形態 ---*/
.p-loanHome_kaisha_job_kaishaKoyokbn fieldset {
    max-width: 680px;
    display: block;
}

    .p-loanHome_kaisha_job_kaishaKoyokbn fieldset > * {
        display: inline-block;
        width: 25%;
    }

        .p-loanHome_kaisha_job_kaishaKoyokbn fieldset > * label {
            padding-top: 0px;
            padding-bottom: 0px;
        }

@media screen and (max-width:960px) {
    .p-loanHome_kaisha_job_kaishaShokushu fieldset > * {
        width: 49%;
    }
}

@media screen and (max-width:536px) {
    .p-loanHome_kaisha_job_kaishaShokushu fieldset > * {
        width: 100%;
    }
}



/* ---------------------------------------------------------------
連帯保証人さまの入力 .p-loanHome_kaisha
-----------------------------------------------------------------*/
/* --- 就業状況 ---*/
.p-loanHome_jsEmployment .l-formChapter__midashi {
    margin-bottom: 24px;
}

.p-loanHome_jsEmployment {
    margin-bottom: 72px;
}

/* --- お勤めについての情報 > 連帯保証人さま個人の情報 > お申込人とのご関係 ---*/
.p-loanHome_js_kojin_jsRelationship fieldset {
    max-width: 680px;
    display: block;
    margin-top: 1em;
}

    .p-loanHome_js_kojin_jsRelationship fieldset > input[type="radio"] + label {
        display: inline-block;
        width: 25%;
        padding-top: 0px;
        padding-bottom: 0px;
    }

@media screen and (max-width:814px) {
    .p-loanHome_js_kojin_jsRelationship fieldset > input[type="radio"] + label {
        display: inline-block;
        min-width: 10em;
    }
}

@media screen and (max-width:500px) {
    .p-loanHome_js_kojin_jsRelationship fieldset > input[type="radio"] + label {
        display: inline-block;
        width: 30%;
    }
}

/* ---------------------------------------------------------------
お勤め先（お客さま）の入力 .p-loanHome_kaisha
-----------------------------------------------------------------*/

/* --- お勤めについての情報 > ご職業について > お仕事の内容 ---*/
.p-loanHome_kaisha_job_jsKaishaShokushu fieldset {
    display: block;
}

    .p-loanHome_kaisha_job_jsKaishaShokushu fieldset > * {
        display: inline-block;
        width: 30%;
    }

        .p-loanHome_kaisha_job_jsKaishaShokushu fieldset > * label {
            padding-top: 0px;
            padding-bottom: 0px;
        }

/* --- お勤めについての情報 > ご職業について > 給与形態 ---*/
@media screen and (max-width:814px) {
    .p-loanHome_kaisha_job_jsKaishaShunyu fieldset {
        display: flex;
        flex-wrap: wrap;
    }

    .p-loanHome_kaisha_job_jsKaishaShunyu label {
        width: 50%;
    }
}


/* --- お勤めについての情報 > ご職業について > 業種 ---*/
.p-loanHome_kaisha_job_jsKaishaGyoshu .this-kaisha_gyoshu_sonota {
    margin-top: 8px;
}

/* --- お勤めについての情報 > ご職業について > 資本金 ---*/
.p-loanHome_kaisha_job_jsKaishaShihon .this-kaisha_shihon_sonota {
    margin-top: 8px;
}

/* --- お勤めについての情報 > ご職業について > 勤務形態 ---*/
.p-loanHome_kaisha_job_jsKaishaKoyokbn fieldset {
    max-width: 680px;
    display: block;
}

    .p-loanHome_kaisha_job_jsKaishaKoyokbn fieldset > * {
        display: inline-block;
        width: 25%;
    }

        .p-loanHome_kaisha_job_jsKaishaKoyokbn fieldset > * label {
            padding-top: 0px;
            padding-bottom: 0px;
        }

@media screen and (max-width:960px) {
    .p-loanHome_kaisha_job_jsKaishaShokushu fieldset > * {
        width: 49%;
    }
}

@media screen and (max-width:536px) {
    .p-loanHome_kaisha_job_jsKaishaShokushu fieldset > * {
        width: 100%;
    }
}



/* ---------------------------------------------------------------
ローン情報の入力（1）.p-loanHome_loandata_loan
-----------------------------------------------------------------*/
/* --- お申込内容 > 資金計画 ---*/
.p-loanHome_loandata_loan_plan table {
    width: 100%;
}

    .p-loanHome_loandata_loan_plan table th {
        width: 15em;
    }

    .p-loanHome_loandata_loan_plan table td,
    .p-loanHome_loandata_loan_plan table th {
        padding: 10px;
        text-align: left;
        vertical-align: middle;
    }

        .p-loanHome_loandata_loan_plan table th span {
            display: inline-block;
        }

        .p-loanHome_loandata_loan_plan table td .l-formItem {
            margin-top: 0;
        }

@media screen and (max-width:814px) {
    .p-loanHome_loandata_loan_plan table th {
        width: 10em;
    }

    .p-loanHome_loandata_loan_plan .this-raise_loan_name .c-formSplitFormat {
        display: block;
    }

        .p-loanHome_loandata_loan_plan .this-raise_loan_name .c-formSplitFormat > *:nth-of-type(2) {
            display: inline-block;
        }
}

@media screen and (max-width:600px) {
    .p-loanHome_loandata_loan_plan table th,
    .p-loanHome_loandata_loan_plan table td {
        width: 100%;
        display: block;
    }

    .p-loanHome_loandata_loan_plan table tr td {
        border-top: none 0;
    }


    .p-loanHome_loandata_loan_plan table .this-expense_build th br,
    .p-loanHome_loandata_loan_plan table .this-raise_loan th br {
        display: none;
    }
}


/* ---------------------------------------------------------------
STEP7 金融機関お借入状況： p-loanHome_lenderr
-----------------------------------------------------------------*/
/* --- お借入先 ---*/
[class*="p-loanHome_lender_item"] .l-formSection__midashi.js-accordion_btn {
    transition: opacity 0.3s;
    opacity: 1;
}

    [class*="p-loanHome_lender_item"] .l-formSection__midashi.js-accordion_btn,
    [class*="p-loanHome_lender_item"] .l-formSection__midashi.js-accordion_btn.is-close {
        background-image: var(--icon-open__black);
        background-repeat: no-repeat;
        background-position: right top;
        background-size: auto 70%;
    }

        [class*="p-loanHome_lender_item"] .l-formSection__midashi.js-accordion_btn.is-open {
            background-image: var(--icon-close__black);
        }

        [class*="p-loanHome_lender_item"] .l-formSection__midashi.js-accordion_btn:hover {
            opacity: 0.6;
        }

[class*="p-loanHome_lender_item"] .js-accordion.is-close + p {
    transition: opacity 0.5s;
    opacity: 1;
}

[class*="p-loanHome_lender_item"] .js-accordion.is-open + p {
    opacity: 0;
}


/* ---------------------------------------------------------------
STEP8 金融機関お取引状況 p-loanHome_lenderr
-----------------------------------------------------------------*/
/*銀行支店名*/
@media screen and (max-width:814px) {
    .p-loanHome_ugage_item__name.c-formSplitFormat .this-text {
        display: inline-block;
        width: 7em;
    }
}

/* ---------------------------------------------------------------
STEP9 金融機関お取引状況 p-loanHome_loandata_shiten
-----------------------------------------------------------------*/
/*銀行支店名*/
@media screen and (max-width:814px) {
    .p-loanHome_shiten_hopeOffice .l-formItem__entry select {
        margin-top: 8px;
    }
}

/* ---------------------------------------------------------------
STEP11 入力内容の確認 p-loanHome_check
-----------------------------------------------------------------*/

.p-loanHome_check .c-formSplitFormat {
    flex-wrap: wrap;
}

.p-loanHome_check .l-formChapter:nth-of-type(n+2) {
    margin-top: 72px;
}

.p-loanHome_check .l-formChapter__midashi {
    margin-bottom: 20px;
}

.p-loanHome_check .l-formSection__midashi {
    margin-bottom: 20px;
}

.p-loanHome_check .l-formGroup__midashi {
    margin-bottom: 10px;
    margin-top: 10px;
}


.p-loanHome_check dl {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 9em calc(100% - 9em - 10em) 10em;
    grid-template-rows: auto;
    gap: 0px;
    grid-template-areas:
        "title data correct";
}

    .p-loanHome_check dl dt {
        grid-area: title;
    }

    .p-loanHome_check dl dd {
        grid-area: data;
    }

        .p-loanHome_check dl dd.this-back {
            grid-area: correct;
        }

.p-loanHome_check hr {
    border: 0;
    height: 1px;
    background-color: #CDCDCD;
}

    .p-loanHome_check hr + hr {
        display: none;
    }

.p-loanHome_check dl dt {
    /*width: 9em;*/
    text-align: center;
    padding: 5px 8px;
}

.p-loanHome_check dl dd {
    position: relative;
    /*width: calc(100% - 10em - 8em);*/
    border-left: solid 1px #CDCDCD;
    padding: 5px 8px;
}

    .p-loanHome_check dl dd.this-back {
        /*width: 8em;*/
        padding-top: 0;
        border-left: 1px solid #c9c9c9;
    }

.p-loanHome_check .this-back button {
    display: inline-block;
    position: relative;
    padding: 5px 35px 5px 15px;
    margin: 0;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 1.4rem;
    text-decoration: none;
    color: #000000;
    transition: 0.5s background,color;
    background-color: #FFF;
}

    .p-loanHome_check .this-back button:after {
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        top: 0;
        bottom: 0;
        width: 16px;
        height: 1em;
        margin: auto;
        background-image: var(--icon_maruYajirushiRight__black);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

.p-loanHome_check .this-label {
    font-size: 1.2rem;
    font-weight: bold;
}

.p-loanHome_check dd * + .this-label {
    margin-top: 0.8em;
}

.p-loanHome_check .this-label:before {
    content: "[ ";
}

.p-loanHome_check .this-label:after {
    content: " ]";
}

.p-loanHome_check .l-formBtns {
    margin-bottom: 48px;
    margin-top: 0;
    justify-content: flex-end;
}


@media screen and (max-width:960px) {
    .p-loanHome_check dl {
        grid-template-columns: calc(100% - 9em) 10em;
        grid-template-rows: auto auto;
        gap: 3px 8px;
        grid-template-areas:
            "title correct"
            "data correct";
    }

        .p-loanHome_check dl dt {
            text-align: left;
            padding: 0px 8px;
            display: inline-flex;
            flex-direction: column;
            justify-content: center;
            background: #f4f4f6;
        }

        .p-loanHome_check dl dd {
            border-left: none;
            padding: 0px 8px;
        }

            .p-loanHome_check dl dd.this-back {
            }
}

@media screen and (max-width:500px) {
    .p-loanHome_check dl {
        display: block;
    }

        .p-loanHome_check dl dt {
            width: 100%;
        }

        .p-loanHome_check dl dd {
            border-left: none;
            padding: 8px;
        }

            .p-loanHome_check dl dd.this-back {
                border-left: none;
                border-top: solid #DFDFDF 1px;
                padding: 10px 0px;
                text-align: right;
            }
}


/* ---------------------------------------------------------------
STEP11 住宅ローン事前審査申込 p-form_loanHome_agree_attention
-----------------------------------------------------------------*/

.p-form_loanHome_thanks__contact {
    margin-top: 24px;
    font-weight: normal;
}

    .p-form_loanHome_thanks__contact .this-item {
        background-color: #FFF;
        border-radius: 6px;
        padding: 16px;
    }

        .p-form_loanHome_thanks__contact .this-item p {
            border-bottom: solid #DFDFDF 1px;
            padding: 10px 0;
        }

        .p-form_loanHome_thanks__contact .this-item .this-bikou {
            border-bottom: none;
            font-weight: normal;
            font-size: small;
        }

    .p-form_loanHome_thanks__contact .this-midashi {
        font-weight: bold;
        font-size: 1.8rem;
    }