.catchBlock.kariru_lucky {
    background-image: url("../images/img/img_luckyback.jpg");
    background-size: cover;
    background-position: center; }

.catchBlock.kariru_carloan {
    background-image: url("../images/img/img_36929714.jpg");
    background-size: cover;
    background-position: center; }

.catchBlock.kariru_educationloan {
    background-image: url("../images/img/img_33927540.jpg");
    background-size: cover;
    background-position: center; }

.catchBlock.kariru_sinialife {
    background-image: url("../images/img/img_194530900.jpg");
    background-size: cover;
    background-position: center; }

.catchBlock.kariru_mylife {
    background-image: url("../images/img/img_97685042.jpg");
    background-size: cover;
    background-position: center; }

.catchBlock.kariru_support {
    background-image: url("../images/img/img_60289973.jpg");
    background-size: cover;
    background-position: center; }

.catchBlock .boxWrapper.jcc {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }

.catchBlock .txt.cb, .catchBlock .title.cb {
    color: #333; }

.catchBlock .txt.tsh, .catchBlock .title.tsh {
    text-shadow: 1px 1px 1px #fff; }

.imgTitle.sonaeru-index {
    background-image: url("../images/kv/kv_sonaeru_001.png");
    background-size: cover;
    background-position: left center; }

.numList.is-expand > li > .numList:not([class*="par"]) {
    padding-left: 36px;
    counter-reset: number; }
    .numList.is-expand > li > .numList:not([class*="par"]) > li:before {
        display: block;
        position: absolute;
        top: 0;
        right: calc(100% + 12px);
        color: #418258;
        font-weight: bold;
        white-space: nowrap;
        counter-increment: number;
        content: "(" counter(number) ")"; }
    .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList {
        padding-left: 36px; }
        .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList > li:before {
            display: block;
            position: absolute;
            top: 0;
            right: calc(100% + 12px);
            color: #418258;
            font-weight: bold;
            white-space: nowrap; }
        .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList > li:nth-child(1):before {
            content: "(\2170)"; }
        .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList > li:nth-child(2):before {
            content: "(\2171)"; }
        .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList > li:nth-child(3):before {
            content: "(\2172)"; }
        .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList > li:nth-child(4):before {
            content: "(\2173)"; }
        .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList > li:nth-child(5):before {
            content: "(\2174)"; }
        .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList > li:nth-child(6):before {
            content: "(\2175)"; }
        .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList > li:nth-child(7):before {
            content: "(\2176)"; }
        .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList > li:nth-child(8):before {
            content: "(\2177)"; }
        .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList > li:nth-child(9):before {
            content: "(\2178)"; }
        .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList > li:nth-child(10):before {
            content: "(\2179)"; }
        .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList > li:nth-child(11):before {
            content: "(\217A)"; }
        .numList.is-expand > li > .numList:not([class*="par"]) > li > .numList > li:nth-child(12):before {
            content: "(\217B)"; }
    .numList.is-expand > li > .numList:not([class*="par"]) .num {
        display: none; }

.p-demo {
    width: 520px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px; }
    .p-demo tr:first-child td:first-child {
        padding-right: 40px; }

.p-pageDesc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -64px;
    background-color: #f8fdf0; }
    @media screen and (max-width: 767px) {
        .p-pageDesc {
            margin-top: -32px; } }
    @media screen and (min-width: 768px) {
        .p-pageDesc.is-account-01 .p-pageDesc__inner {
            background-image: url(/common/images/img/img_account_004.png); } }

@media screen and (min-width: 768px) {
    .p-pageDesc__inner {
        width: 920px;
        margin-left: auto;
        margin-right: auto;
        padding: 63px 0;
        background-repeat: no-repeat;
        background-position: right bottom; } }

@media screen and (max-width: 767px) {
    .p-pageDesc__inner {
        padding: 32px 0; } }

.p-flowHorizontal2 {
    margin-top: 45px;
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
        .p-flowHorizontal2 {
            margin-bottom: 45px; } }

@media screen and (max-width: 767px) {
    .p-flowHorizontal2__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }

@media screen and (min-width: 768px) {
    .p-flowHorizontal2__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }

.p-flowHorizontal2__item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    border: 1px solid #d7d7d7;
    text-align: center;
    background-color: #fff; }
    @media screen and (max-width: 767px) {
        .p-flowHorizontal2__item {
            width: 100%; }
            .p-flowHorizontal2__item + .p-flowHorizontal2__item {
                margin-top: 36px; } }
    @media screen and (min-width: 768px) {
        .col05 .p-flowHorizontal2__item {
            width: calc((100% - (17px * 4)) / 5); } }
    .p-flowHorizontal2__item + .p-flowHorizontal2__item::before {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-width: 16px;
        border-style: solid;
        border-color: transparent; }
        @media screen and (max-width: 767px) {
            .p-flowHorizontal2__item + .p-flowHorizontal2__item::before {
                left: 50%;
                bottom: calc(100% + 21px);
                -webkit-transform: translateX(-50%);
                        transform: translateX(-50%);
                border-top-color: #333333;
                border-bottom-width: 0; } }
        @media screen and (min-width: 768px) {
            .p-flowHorizontal2__item + .p-flowHorizontal2__item::before {
                top: 50%;
                right: calc(100% + 1px);
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                border-left-color: #333333;
                border-right-width: 0; } }

.p-flowHorizontal2__label {
    position: absolute;
    left: 50%;
    top: -16px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 16px;
    border-radius: 32px;
    height: 32px;
    color: #fff;
    font-size: 87.5%;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    background-color: #418258;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }

.p-flowHorizontal2__title {
    color: #7fb512;
    font-size: 112%; }
    @media screen and (max-width: 767px) {
        .p-flowHorizontal2__title {
            margin-top: 36px;
            margin-bottom: 15px; } }
    @media screen and (min-width: 768px) {
        .p-flowHorizontal2__title {
            margin-top: 36px;
            margin-bottom: 15px; } }

.p-flowHorizontal2__pict {
    margin: auto;
    max-width: 100%;
    height: auto; }
    @media screen and (max-width: 767px) {
        .p-flowHorizontal2__pict {
            max-width: 40px; } }

.p-flowHorizontal2__footer {
    margin-top: 30px; }

.p-flowHorizontal2__link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 3em;
    background-color: #f4f4f4; }
    .p-flowHorizontal2__link:link, .p-flowHorizontal2__link:visited, .p-flowHorizontal2__link:hover, .p-flowHorizontal2__link:focus, .p-flowHorizontal2__link:active {
        color: #333333;
        text-decoration: none; }
    .p-flowHorizontal2__link::after {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-width: 6px;
        border-style: solid;
        border-color: transparent; }
        @media screen and (min-width: 768px) {
            .p-flowHorizontal2__link::after {
                top: 21px;
                right: 15px;
                border-top-color: #7fb512;
                border-bottom-width: 0; } }

.p-figureGrid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (max-width: 767px) {
        .p-figureGrid {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center; } }

@media screen and (max-width: 767px) {
    .p-figureGrid__figure {
        margin-bottom: 32px; } }

@media screen and (min-width: 768px) {
    .p-figureGrid__figure {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin-right: 32px; } }

.p-figureGrid__figure img {
    width: 100%;
    height: auto; }
    @media screen and (min-width: 768px) {
        .p-figureGrid__figure img {
            max-width: 360px; } }

.p-figureGrid__data {
    text-align: left; }
    .p-figureGrid__data.vCenterItem {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center; }
    .p-figureGrid__data .btnWrapper > .btn:only-child {
        width: auto; }

.p-numList__list {
    counter-reset: pNumCounter; }

.p-numList__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 24px 0; }
    .p-numList__item:first-child {
        padding-top: 0; }
    .p-numList__item:last-child {
        padding-bottom: 0; }
    .p-numList__item + .p-numList__item {
        border-top: 1px solid #eee; }
    .p-numList__item::before {
        counter-increment: pNumCounter;
        content: counter(pNumCounter);
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: 16px;
        width: 24px;
        height: 24px;
        border-radius: 24px;
        color: #fff;
        background-color: #418258; }

.p-numList__text {
    text-align: left; }
    @media screen and (max-width: 767px) {
        .p-numList__text .attentionWrapper > img.u-flr[src="/common/images/img/img_minicardloan_001.gif"] {
            width: 75px; } }

.p-numList__maintext {
    margin: 0;
    font-size: 125%; }
    .p-numList__maintext strong {
        font-weight: bold; }

.p-numList__subtext {
    margin-top: 1em;
    margin-bottom: 0;
    font-size: 87.5%; }

.bgColorChangeHeader {
    background-color: #9e1515 !important; }

.bgColorChangeBody {
    background-color: #f5e5e5 !important; }

@media screen and (min-width: 768px) {
    .u-pc-tac {
        text-align: center; } }

@media screen and (max-width: 767px) {
    .u-pc {
        display: none; } }

@media screen and (min-width: 768px) {
    .u-sp {
        display: none; } }

.u-flr {
    float: right; }

.u-clb {
    clear: both; }

.u-rl {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    white-space: nowrap;
    letter-spacing: calc( 100em / 1000); }

.fs45 {
    font-size: 250% !important; }
