@charset "UTF-8";
/* Updated 2022/09/14.t */

.cardLoan-screening {
    position: relative;
    margin-top: 100px
}
._cardLoanCenter {
    text-align: center
}
.cardLoan-headingLv1 {
    font-size: 2.8rem;
    font-weight: 700
}
.cardLoan-screening::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    content: "";
    background-color: #f5f9e6
}

.cardLoan-screening>.inner {
    position: relative;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
}

.cardLoan-screeningCard {
    background: #fff;
    border: 1px solid #d5dedb;
    border-top-color: #c5d800;
    border-top-width: 8px;
    border-radius: 8px;
    padding: 40px 28px 66px

}

.cardLoan-screeningPhone {
    max-width: 815px;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.cardLoan-screeningPhoneNum {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cardLoan-screeningPhoneNum>._cardLoanNum {
    font-size: 3.9rem;
    font-weight: 700;
    color: #004831
}

.cardLoan-notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
._cardLoanDef {
    color: #2b2d31
}
._cardLoanFz12 {
    font-size: 1.2rem
}

._cardLoanNum {
    font-family: "Roboto Condensed",sans-serif
}
.cardLoan-headingLv3 {
    font-size: 2rem;
    font-weight: 700
}
.cardLoan-card {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px;
    text-decoration: none;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.08),0 12px 15px 0 rgba(81,127,111,.16);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.08),0 12px 15px 0 rgba(81,127,111,.16);
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}
a.cardLoan-card {
    cursor: pointer;
}

@media screen and (min-width: 768px){
    .cardLoan-screeningCard>.inner>.body {
    width: 824px;
    margin: auto;
}
}

@media all and (min-width: 768px) {
    .cardLoan-notice.-cardLoanCCenter {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
    *+.cardLoan-unit.-cardLoan03 {
        margin-top: 28px
    }
    ._cardLoanSpContent {
        display: none
    }
    .cardLoan-screeningCard {
        padding: 40px 28px 66px
    }
    .cardLoan-screening::before {
        height: calc(100% - 56px)
    }
    *+.cardLoan-screeningPhone {
        margin-top: 40px
    }
    .cardLoan-screeningPhoneNum {
        align-items: center;
        justify-content: center;
        padding: 30px 12px;
        pointer-events: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center
    }

    *+.cardLoan-screeningPhoneNum {
        margin-top: 20px
    }

    .cardLoan-screeningPhoneNum>span {
        padding: 0 15px
    }
    .cardLoan-screening>.inner {
        padding: 0 40px 70px
    }

}

@media only screen and (max-width: 767px) {
    .cardLoan-screeningCard {
        padding: 34px 28px 46px
    }
    .cardLoan-screening::before {
        height: calc(100% - 46px)
    }
    *+.cardLoan-screeningPhone {
        margin-top: 30px
    }
    .cardLoan-screeningPhoneNum {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 4vw 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    *+.cardLoan-screeningPhoneNum {
        margin-top: 4vw
    }

    .cardLoan-screeningPhoneNum>span+span {
        padding-top: 2vw
    }
    .cardLoan-screening>.inner {
        padding: 0 4vw 16vw
    }
    *+.cardLoan-unit.-cardLoan03 {
        margin-top: 28px
    }
    a[href^=tel] {
        pointer-events: inherit
    }
    .cardLoan-notice.-cardLoanCCenter {
        text-align:left
    }
}

@media print {
    .cardLoan-screeningCard {
        padding: 40px 28px 66px
    }
    .cardLoan-screening::before {
        height: calc(100% - 56px)
    }
    *+.cardLoan-screeningPhone {
        margin-top: 40px
    }
    .cardLoan-screeningPhoneNum {
        align-items: center;
        justify-content: center;
        padding: 30px 12px;
        pointer-events: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center
    }

    *+.cardLoan-screeningPhoneNum {
        margin-top: 20px
    }
    ._cardLoanSpContent {
        display: none
    }

    .cardLoan-screeningPhoneNum>span {
        padding: 0 15px
    }
    .cardLoan-screening>.inner {
        padding: 0 40px 70px
    }
    *+.cardLoan-unit.-cardLoan03 {
        margin-top: 28px
    }
    .cardLoan-notice.-cardLoanCCenter {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}