@charset "utf-8";

.title-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 150px;
        margin: 0 0 5rem auto;
        color: #ffffff;
        font-size: 3rem;
        background-color: #54BC00;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e8ffc2' fill-opacity='0.14' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
}

.main-contents {
        margin: 0 auto;
        padding-top: 0;
}

.contents-inner {
        max-width: 940px;
        padding: 0 20px;
        margin: 0 auto 10rem;
}

/* common */
.first-title {
        padding: 1rem 1rem 1rem 2rem;
        margin-bottom: 3rem;
        font-size: 3rem;
        font-weight: bold;
        background: #fff0de;
        border-left: solid 5px #EF8200;
}

.first-sub-title {
        padding: 1rem 1rem 1rem 2rem;
        margin-bottom: 3rem;
        font-size: 2.5rem;
        font-weight: bold;
        background-color: #dddddd;
}

.title-header-style {
        margin-top: 2rem;
}

.explanation {
        margin-left: 2rem;
        color: #EF8200;
        font-size: 1.7rem;
}

.paragraph {
        margin-bottom: 5rem;
        text-align: justify;
}

.paragraph-bgc {
        padding: 3rem;
        margin-bottom: 5rem;
        background-color: #f8f8f8;
        border-radius: 10px 30px;
}

.paragraph-bgc-w {
        padding: 2.5rem;
        background-color: #ffffff;
        border-radius: 5px 20px;
}

/* ol-style */
.ol-list-style {
        counter-reset: num;
        margin-top: 2rem;
}

.ol-list-style-item {
        position: relative;
        padding-left: 30px;
        line-height: 2.5rem;
        padding: 0.5rem 0.5rem 0.5rem 35px;
}

.ol-list-style-item:before {
        position: absolute;
        counter-increment: num;
        content: counter(num);
        display: inline-block;
        background: transparent;
        border: #555 1px solid;
        color: #555;
        font-family: 'Arial', sans-serif;
        font-weight: bold;
        font-size: 14px;
        border-radius: 50%;
        left: 0;
        width: 22px;
        height: 22px;
        line-height: 20px;
        text-align: center;
        top: 7px;
        padding-left: 1px;
}

/* ul-style */

.ul-list-style {
        position: relative;
        color: #104AB5;
        border-top: solid #104AB5 1px;
        border-bottom: solid #104AB5 1px;
        padding: 0.5em 0 0.5em 1.5em;
        margin: 2rem auto;
}

.ul-list-style-item {
        line-height: 1.5;
        padding: 0.5em 0;
}

.ul-list-style-item:before {
        font-family: "Font Awesome 5 Free";
        content: "\f14a";
        position: absolute;
        left: 0;
        color: #104AB5;
}

.fa-seedling {
        padding: 0 1rem;
        color: #54BC00;
}



/* flow */

.flow-style {
        margin-bottom: 5rem;
}

.flow-style-list {
        padding: 0;
}

.flow-style li {
        list-style-type: none;
}

.flow-style dd {
        margin-left: 0;
}

.flow-style-list>li {
        position: relative;
        list-style: none;
}

.flow-style-list>li:not(:last-child) {
        margin-bottom: 40px;
}

.flow-style-list>li dl {
        box-sizing: border-box;
        width: 100%;
        padding: 20px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 2px solid #104AB5;
        border-radius: 10px 30px;
        position: relative;
}

.flow-style-list>li:not(:last-child) dl::before,
.flow-style-list>li:not(:last-child) dl::after {
        content: "";
        border: solid transparent;
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
}

.flow-style-list>li:not(:last-child) dl::before {
        border-width: 17px;
        border-top-color: #104AB5;
}

.flow-style-list>li:not(:last-child) dl::after {
        border-width: 15px;
        border-top-color: #fff;
}

.flow-style-list>li dl dt {
        font-size: 1.9rem;
        font-weight: 600;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        margin-right: 2vw;
        text-align: center;
}

.flow-style-list>li dl dt .icon01 {
        font-size: 1.3rem;
        color: #fff;
        background-color: #21D4FD;
        background-image: linear-gradient(19deg, #21D4FD 0%, #104AB5 100%);
        padding: 5px 10px;
        margin-bottom: 10px;
        display: block;
        border-radius: 5px;
        position: relative;
        z-index: 1;
}

.flow-style-note {
        font-size: 1.4rem;
        color: #EF8200;
}

.paragraph-caution {
        margin-bottom: 2rem;
        color: #104AB5;
        font-weight: bold;
        font-size: 2rem;
}

.flow-style-list-detail {
        color: #EF8200;
        padding: 2rem 0 2rem 4rem;
}

.first-sub-title-h4 {
        position: relative;
        margin-bottom: 1rem;
        padding-left: 3rem;
        color: #104AB5;
        font-weight: bold;
        font-size: 2.3rem;
}

.first-sub-title-h4::before {
        font-family: "Font Awesome 5 Free";
        content: "\f111";
        font-weight: 900;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        color: #104AB5;
}

.souzoku-first-wrap {
        padding: 2rem 1rem;
        margin: 4rem auto 2rem;
        text-align: center;
}

.souzoku-first-img {
        width: 70%;
}

.souzoku-first-wrap02 {
        margin: 6rem auto 0;
        text-align: center;
}

.souzoku-first-img02 {
        width: 85%;
}

/* souzoku-btn */
.next-btn-block {
        display: flex;
        justify-content: space-between;
        margin-top: 15rem;
        font-size: 2.3rem;
        color: #ffffff;
}

.next-btn {
        width: 48%;
        display: flex;
        align-items: stretch;
}

.next-btn-reject .next-btn-wrap {
        width: 100%;
        border: 2px solid #54BC00;
        background: #54BC00 url(../images/next-btn-reject.svg) right bottom -10px no-repeat;
        background-size: 45%;
}

.next-btn-flow .next-btn-wrap {
        width: 100%;
        border: 2px solid #EF8200;
        background: #EF8200 url(../images/next-btn-flow.svg)right bottom -10px no-repeat;
        background-size: 45%;
}

.next-btn-first .next-btn-wrap {
        width: 100%;
        border: 2px solid #104AB5;
        background: #104AB5 url(../images/next-btn-first.svg)right bottom -10px no-repeat;
        background-size: 55%;
}

.next-btn-link {
        display: block;
        width: 100%;
        height: 100%;
        padding: 2rem 1rem 8rem 1rem;
}

.next-btn-reject .next-btn-wrap:hover {
        color: #54BC00;
        background-color: #ffffff;
        transition: .3s;
}

.next-btn-flow .next-btn-wrap:hover {
        color: #EF8200;
        background-color: #ffffff;
        transition: .3s;
}

.next-btn-first .next-btn-wrap:hover {
        color: #104AB5;
        background-color: #ffffff;
        transition: .3s;
}

/* inheritance */
.table-wrap {
        margin: 3rem auto;
        text-align: center;
}

.table-img {
        width: 90%;
}

.inheritance-box {
        margin: 5rem auto 0;
        text-align: center;
}

.inheritance-img {
        width: 90%;
}

/* last_request */

.last-request-ol-list-style {
        padding: 3rem;
        background-color: #f8f8f8;
        border-radius: 10px 30px;
}

.last-request-ol-title {
        margin-bottom: 1rem;
        color: #EF8200;
        font-weight: bold;
        font-size: 2rem;
}

.last-request-ol-list-style .ol-list-style-item::before {
        border: #EF8200 1px solid;
        color: #EF8200;
}

.last-request-paragraph-caution {
        margin-top: 2rem;
        color: #e5001b;
        font-size: 1.4rem;
}

.last-request-heading {
        margin-top: 8rem;
}

.heading-title {
        position: relative;
        padding: 2rem;
        color: #104AB5;
        border-radius: 0 10px 5px 10px;
        background: rgba(16, 74, 181, 0.07);
}

.heading-title:before {
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        top: -40px;
        left: 0;
        height: 40px;
        padding: 1rem 2rem;
        content: '\f0a4  遺言書を作成するにあたり';
        color: #fff;
        border-radius: 5px 5px 0 0;
        background: #104AB5;
}

.last-request-next-btn-kind .next-btn-wrap {
        width: 100%;
        border: 2px solid #54BC00;
        background: #54BC00 url(../images/last-request-btn-kind.svg) right bottom -10px no-repeat;
        background-size: 35%;
}

.last-request-next-btn-execute .next-btn-wrap {
        width: 100%;
        border: 2px solid #EF8200;
        background: #EF8200 url(../images/last-request-btn-execute.svg)right bottom -10px no-repeat;
        background-size: 33%;
}

.last-request-next-btn-first .next-btn-wrap {
        width: 100%;
        border: 2px solid #104AB5;
        background: #104AB5 url(../images/last-request-btn-first.svg)right bottom -10px no-repeat;
        background-size: 35%;
}

.last-request-next-btn-kind .next-btn-wrap:hover {
        color: #54BC00;
        background-color: #ffffff;
        transition: .3s;
}

.last-request-next-btn-execute .next-btn-wrap:hover {
        color: #EF8200;
        background-color: #ffffff;
        transition: .3s;
}

.last-request-next-btn-first .next-btn-wrap:hover {
        color: #104AB5;
        background-color: #ffffff;
        transition: .3s;
}

.tri-ico {
        display: block;
        text-align: center;
}

.last-request-ol-bgc {
        padding: 1rem;
        margin-bottom: 1rem;
        background-color: #ffffff;
        border-radius: 5px 10ps;
}

.calculation {
        padding: 2rem 1rem 2rem 2rem;
        margin-top: 2rem;
        color: #104AB5;
        font-size: 1.8rem;
        background-color: rgba(16, 74, 181, 0.07);
        border-radius: 5px 10px;
}

/* gift */
.gift-tax-paragraph-caution {
        color: #EF8200;
        font-size: 1.4rem;
}

.gift-next-btn-block {
        flex-wrap: wrap;
}

.gift-next-btn {
        margin-bottom: 4%;
}

.gift-next-btn-tax .next-btn-wrap {
        width: 100%;
        border: 2px solid #54BC00;
        background: #54BC00 url(../images/gift_tax.svg) right bottom -10px no-repeat;
        background-size: 35%;
}

.gift-next-btn-others .next-btn-wrap {
        width: 100%;
        border: 2px solid #EF8200;
}

.education .next-btn-wrap {
        background: #EF8200 url(../images/education.svg)right bottom -10px no-repeat;
        background-size: 23%;
}

.marriage .next-btn-wrap {
        background: #EF8200 url(../images/marriage.svg)right bottom -10px no-repeat;
        background-size: 30%;
}

.housing .next-btn-wrap {
        background: #EF8200 url(../images/housing.svg)right bottom -10px no-repeat;
        background-size: 25%;
}

.gift-next-btn-first .next-btn-wrap {
        width: 100%;
        border: 2px solid #104AB5;
        background: #104AB5 url(../images/gift_first.svg)right bottom -10px no-repeat;
        background-size: 40%;
}

.gift-next-btn-tax .next-btn-wrap:hover {
        color: #54BC00;
        background-color: #ffffff;
        transition: .3s;
}

.gift-next-btn-others .next-btn-wrap:hover {
        color: #EF8200;
        background-color: #ffffff;
        transition: .3s;
}

.gift-next-btn-first .next-btn-wrap:hover {
        color: #104AB5;
        background-color: #ffffff;
        transition: .3s;
}

.gift-wrap {
        margin-top: 5rem;
        text-align: center;
}

.gift-img {
        width: 80%;
}

/* gift-life-insurance */
.life-insurance-btn-wrap {
        margin: 0 0 0 auto;
}

.life-insurance-btn {
        position: relative;
        width: max-content;
        margin: 0 0 0 auto;
        background-color: #EF8200;
        border-radius: 5px 20px;
}

.life-insurance-btn-link {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 2rem 8rem 2rem 4rem;
        color: #ffffff;
        font-size: 1.8rem;
}

.life-insurance-btn:hover {
        background-position: right center;
        background-size: 200% auto;
        -webkit-animation: pulse 2s infinite;
        border-radius: 5px 20px;
        animation: shad02 1.5s infinite;
}

/* gift-arrow */
.life-insurance-btn-link::before {
        content: "";
        position: absolute;
        top: calc(50% - 3px);
        right: 20px;
        width: 10px;
        height: 1px;
        background: #ffffff;
        transform: translateY(-50%) skewY(31deg);
}

.life-insurance-btn-link::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        width: 40px;
        height: 1px;
        background: #ffffff;
        transform: translateY(-50%);
}

/* real-estate */
.exe-box {
        margin-top: 2rem;
        padding: 2rem;
        border: 2px solid #104AB5;
        border-radius: 10px 30px;
}

.exe-text {
        margin: 0.5rem auto 3rem;
        color: #e5001b;
        font-size: 1.8rem;
}

.real-estate-box {
        text-align: center;
}

.real-estate-img {
        width: 80%;
}

.paragraph-style {
        color: #e5001b;
        font-size: 2rem;
        font-weight: bold;
}

.paragraph-ol-list-style {
        margin-top: 1rem;
}

/* life-insurance */

.life-insurance-wrap {
        margin: 4rem auto 0;
        text-align: center;
}

.life-insurance-img {
        width: 75%;
}

.life-insurance-next-btn .next-btn-wrap {
        width: 100%;
        border: 2px solid #104AB5;
        background: #104AB5 url(../images/life_insurance.svg)right bottom -10px no-repeat;
        background-size: 35%;
}

.life-insurance-next-btn .next-btn-wrap:hover {
        color: #104AB5;
        background-color: #ffffff;
        transition: .3s;
}

.life-insurance-next-btn-block,
.life-insurance-app-next-btn-block {
        justify-content: flex-end;
}

.life-insurance-app-next-btn .next-btn-wrap {
        width: 100%;
        border: 2px solid #EF8200;
        background: #EF8200 url(../images/life_insurance_app.svg)right bottom -10px no-repeat;
        background-size: 33%;
}

.life-insurance-app-next-btn .next-btn-wrap:hover {
        color: #EF8200;
        background-color: #ffffff;
        transition: .3s;
}


/* inheritance_division */
.reference {
        padding: 2rem 3rem;
        margin-bottom: 2rem;
        border: 2px solid #104AB5;
        background-color: rgba(16, 74, 181, 0.07);
}

.inheritance-division-next-btn .next-btn-wrap {
        width: 100%;
        border: 2px solid #104AB5;
        background: #104AB5 url(../images/inheritance_detail.svg)right bottom -10px no-repeat;
        background-size: 35%;
}

.inheritance-division-next-btn .next-btn-wrap:hover {
        color: #104AB5;
        background-color: #ffffff;
        transition: .3s;
}

.inheritance-division-next-btn-block,
.inheritance-detail-next-btn-block {
        justify-content: flex-end;
}

.inheritance-detail-next-btn .next-btn-wrap {
        width: 100%;
        border: 2px solid #EF8200;
        background: #EF8200 url(../images/inheritance_division.svg)right bottom -5px no-repeat;
        background-size: 35%;
}

.inheritance-detail-next-btn .next-btn-wrap:hover {
        color: #EF8200;
        background-color: #ffffff;
        transition: .3s;
}

/* dementia */
.dementia-wrap {
        margin: 5rem auto;
        text-align: center;
}

.dementia-img {
        width: 70%;
}

.dementia-02-img {
        width: 55%;
}

.dementia-03-img {
        width: 70%;
}

.reference-style {
        display: block;
        margin: 2rem auto 5rem;
        color: #646464;
}

.term-box {
        margin-top: 5rem;
}

.term {
        color: #104AB5;
        font-weight: bold;
        font-size: 2rem;
}

.dementia-adult-next-btn-block,
.dementia-family-next-btn-block {
        justify-content: flex-end;
}

.dementia-adult-next-btn .next-btn-wrap {
        width: 100%;
        border: 2px solid #EF8200;
        background: #EF8200 url(../images/dementia_family.svg)right bottom -5px no-repeat;
        background-size: 35%;
}

.dementia-adult-next-btn .next-btn-wrap:hover {
        color: #EF8200;
        background-color: #ffffff;
        transition: .3s;
}

.dementia-family-next-btn .next-btn-wrap {
        width: 100%;
        border: 2px solid #104AB5;
        background: #104AB5 url(../images/dementia.svg)right bottom -5px no-repeat;
        background-size: 35%;
}

.dementia-family-next-btn .next-btn-wrap:hover {
        color: #104AB5;
        background-color: #ffffff;
        transition: .3s;
}



@media screen and (max-width:768px) {
        .paragraph-caution {
                text-align: left;
        }

        .title-wrap {
                margin-bottom: 0;
        }

        .contents-inner {
                display: block;
                margin: 0 auto;
        }

        .first-title {
                font-size: 2.2rem;
        }

        .first-sub-title {
                padding: 1rem;
                font-size: 2rem;
        }

        .first-sub-title-h4 {
                font-size: 1.8rem;
        }

        .first-sub-title-h4::before {
                top: 0;
                transform: none;
        }

        .souzoku-first-wrap {
                padding: 0;
                margin: 3rem auto 0;
        }

        .souzoku-first-wrap02 {
                margin: 2rem auto 0;
        }

        .explanation {
                font-size: 1.6rem;
        }

        .paragraph-bgc,
        .paragraph-bgc-w {
                padding: 1rem;
        }

        .gift-next-btn {
                margin-bottom: 0;
        }

        .next-btn-block {
                display: block;
                margin-top: 10rem;
                margin-bottom: 2rem;
        }

        .next-btn {
                width: 100%;
        }

        .next-btn-wrap {
                width: 100%;
                margin: 0 auto 2rem;
        }

        .next-btn-reject .next-btn-wrap {
                margin-right: 0;
                background: #54BC00 url(../images/next-btn-reject.svg)right bottom -10px no-repeat;
                background-size: 38% auto;
        }

        .next-btn-flow .next-btn-wrap {
                background: #EF8200 url(../images/next-btn-flow.svg)right bottom -10px no-repeat;
                background-size: 38%;
        }

        .next-btn-first .next-btn-wrap {
                margin-right: 0;
                background: #104AB5 url(../images/next-btn-first.svg)right bottom -10px no-repeat;
                background-size: 45%;
        }

        .flow-style-list>li:not(:last-child) {
                margin-bottom: 30px;
        }

        .flow-style-list>li dl {
                display: block;
                padding: 10px 15px;
                border-radius: 5px 20px;
        }

        .flow-style-list>li dl dt {
                margin-right: 0;
                font-size: 2rem;
        }

        .flow-style-list>li dl dt .icon01 {
                font-size: 1.6rem;
        }

        .fa-seedling {
                padding-left: 0;
        }

        .flow-style dd {
                margin-top: 1rem;
                font-size: 1.5rem;
        }

        .flow-style-list-detail {
                padding: 1rem;
                text-align: justify;
        }

        .table-wrap {
                margin: 2rem auto;
        }

        .last-request-next-btn-kind .next-btn-wrap {
                background: #54BC00 url(../images/last-request-btn-kind.svg) right bottom -10px no-repeat;
                background-size: 25%;
        }

        .last-request-next-btn-execute .next-btn-wrap {
                background: #EF8200 url(../images/last-request-btn-execute.svg)right bottom -10px no-repeat;
                background-size: 23%;
        }

        .last-request-next-btn-first .next-btn-wrap {
                background: #104AB5 url(../images/last-request-btn-first.svg)right bottom -10px no-repeat;
                background-size: 25%;
        }

        .last-request-ol-list-style {
                padding: 1rem;
                margin-bottom: 2rem;
        }

        .gift-next-btn-tax .next-btn-wrap {
                background: #54BC00 url(../images/gift_tax.svg) right bottom -10px no-repeat;
                background-size: 25%;
        }

        .gift-next-btn-others .next-btn-wrap {
                background: #EF8200 url(../images/next-btn-flow.svg)right bottom -10px no-repeat;
                background-size: 35%;
        }

        .education .next-btn-wrap {
                background: #EF8200 url(../images/education.svg)right bottom -10px no-repeat;
                background-size: 20%;
        }

        .marriage .next-btn-wrap {
                background: #EF8200 url(../images/marriage.svg)right bottom -10px no-repeat;
                background-size: 25%;
        }

        .housing .next-btn-wrap {
                background: #EF8200 url(../images/housing.svg)right bottom -10px no-repeat;
                background-size: 18%;
        }

        .gift-wrap {
                margin-top: 2rem;
        }

        .gift-next-btn-first .next-btn-wrap {
                background: #104AB5 url(../images/gift_first.svg)right bottom -10px no-repeat;
                background-size: 28%;
        }

        .inheritance-division-next-btn .next-btn-wrap {
                background: #104AB5 url(../images/inheritance_detail.svg)right bottom -10px no-repeat;
                background-size: 25%;
        }

        .inheritance-detail-next-btn .next-btn-wrap {
                background: #EF8200 url(../images/inheritance_division.svg)right bottom -5px no-repeat;
                background-size: 25%;
        }

        .life-insurance-next-btn .next-btn-wrap {
                background: #104AB5 url(../images/life_insurance.svg)right bottom -10px no-repeat;
                background-size: 26%;
        }

        .life-insurance-app-next-btn .next-btn-wrap {
                background: #EF8200 url(../images/life_insurance_app.svg)right bottom -10px no-repeat;
                background-size: 27%;
        }

        .exe-box {
                padding: 0;
                border: none;
        }

        .exe-text {
                font-size: 1.6rem;
        }

        .dementia-adult-next-btn .next-btn-wrap {
                background: #EF8200 url(../images/dementia_family.svg)right bottom -5px no-repeat;
                background-size: 25%;
        }

        .dementia-family-next-btn .next-btn-wrap {
                background: #104AB5 url(../images/dementia.svg)right bottom -5px no-repeat;
                background-size: 25%;
        }

        .reference {
                padding: 1rem;
        }
}

@media screen and (max-width:599px) {
        .next-btn-link {
                padding-bottom: 6.5rem;
        }

        .next-btn-reject .next-btn-wrap {
                font-size: 2rem;
                background: #54BC00 url(../images/next-btn-reject.svg)right bottom -10px no-repeat;
                background-size: 53% auto;
        }

        .next-btn-flow .next-btn-wrap {
                font-size: 2rem;
                background: #EF8200 url(../images/next-btn-flow.svg)right bottom -10px no-repeat;
                background-size: 50%;
        }

        .next-btn-first .next-btn-wrap {
                font-size: 2rem;
                background: #104AB5 url(../images/next-btn-first.svg)right bottom -10px no-repeat;
                background-size: 63%;
        }

        .last-request-next-btn-kind .next-btn-wrap {
                font-size: 2rem;
                background: #54BC00 url(../images/last-request-btn-kind.svg) right bottom -10px no-repeat;
                background-size: 40%;
        }

        .last-request-next-btn-execute .next-btn-wrap {
                font-size: 2rem;
                background: #EF8200 url(../images/last-request-btn-execute.svg)right bottom -10px no-repeat;
                background-size: 38%;
        }

        .last-request-next-btn-first .next-btn-wrap {
                font-size: 2rem;
                background: #104AB5 url(../images/last-request-btn-first.svg)right bottom -10px no-repeat;
                background-size: 40%;
        }

        .gift-next-btn-tax .next-btn-wrap {
                font-size: 2rem;
                background: #54BC00 url(../images/gift_tax.svg) right bottom -10px no-repeat;
                background-size: 30%;
        }

        .gift-next-btn-others .next-btn-wrap {
                font-size: 2rem;
                background: #EF8200 url(../images/next-btn-flow.svg)right bottom -10px no-repeat;
                background-size: 35%;
        }

        .education .next-btn-wrap {
                font-size: 2rem;
                background: #EF8200 url(../images/education.svg)right bottom -10px no-repeat;
                background-size: 23%;
        }

        .marriage .next-btn-wrap {
                font-size: 2rem;
                background: #EF8200 url(../images/marriage.svg)right bottom -10px no-repeat;
                background-size: 28%;
        }

        .housing .next-btn-wrap {
                font-size: 2rem;
                background: #EF8200 url(../images/housing.svg)right bottom -10px no-repeat;
                background-size: 22%;
        }

        .gift-next-btn-first .next-btn-wrap {
                font-size: 2rem;
                background: #104AB5 url(../images/gift_first.svg)right bottom -10px no-repeat;
                background-size: 38%;
        }

        .inheritance-division-next-btn .next-btn-wrap {
                background: #104AB5 url(../images/inheritance_detail.svg)right bottom -10px no-repeat;
                background-size: 38%;
        }

        .inheritance-detail-next-btn .next-btn-wrap {
                background: #EF8200 url(../images/inheritance_division.svg)right bottom -5px no-repeat;
                background-size: 38%;
        }

        .life-insurance-next-btn .next-btn-wrap {
                background: #104AB5 url(../images/life_insurance.svg)right bottom -10px no-repeat;
                background-size: 36%;
        }

        .life-insurance-app-next-btn .next-btn-wrap {
                background: #EF8200 url(../images/life_insurance_app.svg)right bottom -10px no-repeat;
                background-size: 35%;
        }

        .life-insurance-btn {
                width: 100%;
        }

        .life-insurance-btn-link {
                padding: 2rem 2rem 3rem 2rem;
                font-size: 1.5rem;
        }

        .life-insurance-btn-link::before {
                content: "";
                position: absolute;
                top: calc(80% - 3px);
                right: 20px;
                width: 10px;
                height: 1px;
                background: #ffffff;
                transform: skewY(31deg);
        }

        .life-insurance-btn-link::after {
                content: "";
                position: absolute;
                top: 80%;
                right: 20px;
                width: 40px;
                height: 1px;
                background: #ffffff;
                transform: none;
        }

        .dementia-adult-next-btn .next-btn-wrap {
                background: #EF8200 url(../images/dementia_family.svg)right bottom -5px no-repeat;
                background-size: 38%;
        }

        .dementia-family-next-btn .next-btn-wrap {
                background: #104AB5 url(../images/dementia.svg)right bottom -5px no-repeat;
                background-size: 38%;
        }

        .dementia-wrap {
                margin: 4rem auto 2rem;
        }

        .souzoku-first-img,
        .souzoku-first-img02,
        .table-img,
        .gift-img,
        .life-insurance-img,
        .inheritance-img,
        .real-estate-img,
        .dementia-img,
        .dementia-02-img,
        .dementia-03-img {
                width: 100%;
        }

}