@charset "UTF-8";

.da-wrapper-procedure {
    margin-top: 16.0vw;
}
.da-procedure-bg {
    padding-top: 1px;
    padding-bottom: 6.133333333vw;
    background-color: #EAF3FC;
    margin-bottom: 30px;
}
@media screen and (min-width:1250px) {
    .da-wrapper-procedure {
        margin: 100px auto 0;
        width: 1200px;
    }
    .da-procedure-bg {
        padding-top: 1px;
        padding-bottom: 30px;
        margin-bottom: 80px;
    }
}
h2.da-procedure__h2 {
    margin: 4.533333333vw auto 0;
    padding: 3.733333333vw 0;
    font-size: 4.266666667vw;
    color: #FFF;
    font-weight: 700;
    text-align: center;
    background-color: #004EA2;
    border-radius: 1.333333333vw;
}
h2.da-procedure__h2 span {
    font-size: 3.733333333vw;
}
h2.da-procedure__h2::before,
h2.da-procedure__h2::after {
    display: none;
}

.da-procedure-text__white {
    margin-top: 8.0vw;
    padding: 5.6vw 0;
    font-size: 4.0vw;
    line-height: 1.7;
    font-weight: 600;
    text-align: center;
    background-color: #FFF;
}
.da-procedure-text {
    margin-top: 8.0vw;
    font-size: 4.0vw;
    line-height: 1.7;
    font-weight: 600;
    text-align: center;
}
.da-procedure-text strong,
.da-procedure-text__white strong {
    font-size: 1em;
    font-weight: 700;
    color: #004EA2;
}

.da-procedure-image {
    position: relative;
    margin-top: 4.8vw;
    height: 43.733333333vw;
    background: url(/-/media/Images/ZurichLife/product/category_shibou/disability/procedure/bg_procedure_image_sp.svg) no-repeat left 25.333333333vw bottom/34.666666667vw auto ;
}
.da-procedure-image__baloon01 {
    position: absolute;
    display: inline-block;
    padding: 2.133333333vw 2.666666667vw;
    font-size: 3.2vw;
    line-height: 1.5;
    border-radius: 2.666666667vw;
    background-color: #FFF;
}
.da-procedure-image__baloon02 {
    position: absolute;
    display: inline-block;
    bottom: 17.066666667vw;
    right: 0;
    padding: 2.133333333vw 2.666666667vw;
    font-size: 3.2vw;
    line-height: 1.5;
    border-radius: 2.666666667vw;
    background-color: #FFF;
}
@media screen and (min-width:1250px) {
    h2.da-procedure__h2 {
        margin: 30px auto 0;
        padding: 28px 0;
        width: 1120px;
        font-size: 2.8rem;
        border-radius: 10px;
    }
    h2.da-procedure__h2 span {
        font-size: 2.4rem;
    }

    .da-procedure-text__white {
        margin-top: 30px;
        padding: 25px 0;
        width: 1120px;
        font-size: 2.4rem;
    }
    .da-procedure-text {
        margin-top: 30px;
        font-size: 2.4rem;
    }

    .da-procedure-image {
        width: 726.27px;
        position: relative;
        margin-top: 50px;
        height: 332.32px;
        background: url(/-/media/Images/ZurichLife/product/category_shibou/disability/procedure/bg_procedure_image.svg) no-repeat left 196.2px bottom/376.02px auto ;
    }
    .da-procedure-image__baloon01 {
        padding: 20px;
        font-size: 2.4rem;
        border-radius: 10px;
    }
    .da-procedure-image__baloon02 {
        bottom: 147px;
        right: 0;
        padding: 20px;
        font-size: 2.4rem;
        border-radius: 10px;
    }
}

.da-procedure-step__title {
    width: 100%;
    padding-left: 5.333333333vw;
    font-size: 4.266666667vw;
    color: #FFF;
    font-weight: 600;
    background-color: #004EA2;
    border-top-left-radius: 1.333333333vw;
    border-top-right-radius: 1.333333333vw;
}
.da-procedure-step__title span {
    font-size: 1.5em;
}
.da-procedure-step__content {
    padding: 5.866666667vw 4.0vw 6.666666667vw;
    background-color: #FFF;
}
.da-procedure-step__content h3 {
    padding-bottom: 2.933333333vw;
    font-size: 4.0vw;
    line-height: 1.7;
    font-weight: 600;
    border-bottom: solid 1px #003E92;
}
.da-procedure-step__content h3 strong {
    font-size: 1.125em;
    color: #004EA2;
}
.da-procedure-step__content h3::before {
    display: none;
}
.da-procedure-step__content dl {
    position: relative;
    margin-top: 4.0vw;
    padding-top: 2.4vw;
    padding-left: 18.933333333vw;
}
.da-procedure-step__content dl::before {
    content: "";
    position: absolute;
    display: block;
    width: 16.0vw;
    height: 16.0vw;
    top: 0;
    left: 0;
}
.da-procedure-step__content dl:nth-of-type(1)::before {
    background: url(/-/media/Images/ZurichLife/product/category_shibou/disability/procedure/icon_step01_chat.svg) no-repeat center/contain;
}
.da-procedure-step__content dl:nth-of-type(2)::before {
    background: url(/-/media/Images/ZurichLife/product/category_shibou/disability/procedure/icon_step01_tel.svg) no-repeat center/contain;
}
.da-procedure-step__content dl dt {
    font-size: 4.8vw;
    font-weight: 700;
    color: #004EA2;
}
.da-procedure-step__content dl dd {
    font-size: 4.266666667vw;
    font-weight: 600;
}
.da-procedure-step__content dl dd img {
    margin-top: 5.333333333vw;
}
.da-procedure-step__content p span {
    font-size: 3.466666667vw;
    padding: 0.1em 1em;
    border-radius: .533333333vw;
    border: solid 1px #CECDCD;
}
.da-procedure-step__content dl dd p span {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.da-procedure-step__content dl dd a.tel {
    display: block;
    font-size: 7.466666667vw;
    font-weight: 700;
    color: #004EA2;
}
.da-procedure-step__content dl dd p small {
    font-size: 3.2vw;
    line-height: 1.5;
}
.da-procedure-step__content p.bottom {
    margin-top: 6.133333333vw;
    padding-top: 4.533333333vw;
    font-size: 3.2vw;
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
    border-top: solid 1px #003E92;
}
.da-procedure-step__content p.small {
    font-size: 3.67vw;
    font-weight: bold;
    padding-left: 27.466666667vw;
    background: url(/-/media/Images/ZurichLife/product/category_shibou/disability/procedure/img_step02_soudan.svg) no-repeat left center/23.466666667vw auto;
}

.da-procedure-step__content p.blue {
    text-align: center;
    margin-top: 11.2vw;
    font-size: 4.0vw;
    color: #004EA2;
}
.da-procedure-step__content ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 13.866666667vw 13.866666667vw 13.866666667vw;
    gap: 2.4vw 1.866666667vw;
    padding: 3.2vw 2.933333333vw;
    list-style: none;
    background-color: #D7E8FA;
}
.da-procedure-step__content li {
    display: grid;
    place-content: center;
    font-size: 3.466666667vw;
    text-align: center;
    background-color: #FFF;
}
.da-procedure-step__baloon {
    width: 100%;
    height: 32.533333333vw;
    padding: 4.266666667vw 36.266666667vw 4.533333333vw 3.466666667vw;
    font-size: 3.2vw;
    line-height: 1.5;
    text-align: left;
    background: url(/-/media/Images/ZurichLife/product/category_shibou/disability/procedure/bg_step02_baloon_sp.svg) no-repeat left center/contain;
}
.da-procedure-step__content .step3 {
    font-size: 4vw;
    line-height: 1.7;
    font-weight: bold;
}
.da-procedure-step + .da-procedure-step {
    margin-top: 8.0vw;
}
@media screen and (min-width:1250px) {
    .da-procedure-step {
        margin: 60px auto 0;
        width: 1120px;
    }
    .da-procedure-step__title {
        padding-left: 60px;
        font-size: 2.8rem;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .da-procedure-step__content {
        padding: 20px 30px 30px;
        background-color: #FFF;
    }
    .da-procedure-step__content h3 {
        padding-bottom: 15px;
        font-size: 2.8rem;
    }
    .da-procedure-step__flex {
        display: flex;
    }
    .da-procedure-step__content dl {
        margin-top: 30px;
        padding-top: 24px;
        padding-left: 100px;
        width: 470px;
    }
    .da-procedure-step__content dl::before {
        width: 90px;
        height: 90px;
    }
    .da-procedure-step__content dl dt {
        font-size: 2.8rem;
    }
    .da-procedure-step__content dl dd {
        margin-top: 24px;
        font-size: 2.4rem;
    }
    .da-procedure-step__content dl dd img {
        margin-top: 5px;
    }
    .da-procedure-step__content p span {
        margin: 0 3px;
        line-height: 2;
        font-size: 2.0rem;
        border-radius: 2px;
    }
    .da-procedure-step__content dl dd a.tel {
        margin-top: 7px;
        font-size: 4.2rem;
    }
    .da-procedure-step__content dl dd p small {
        margin-top: 5px;
        font-size: 2.0rem;
    }
    .da-procedure-step__content p.bottom {
        margin-top: 40px;
        padding-top: 30px;
        font-size: 2.0rem;
        line-height: 1.7;
        text-align: center;
        border-top: solid 1px #003E92;
    }
    .da-procedure-step__content p.small {
        display: grid;
        place-content: center start;
        height: 96.35px;
        font-size: 2.2rem;
        font-weight: 600;
        line-height: 1.5;
        padding-left: 261px;
        background: url(/-/media/Images/ZurichLife/product/category_shibou/disability/procedure/img_step02_soudan.svg) no-repeat left 52.5px center/163.43px auto;
    }

    .da-procedure-step__content p.blue {
        margin-top: 50px;
        font-size: 2.8rem;
    }
    .da-procedure-step__content ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 95px 95px;
        gap: 20px;
        padding: 25px 60px;
    }
    .da-procedure-step__content li {
        font-size: 2.4rem;
    }
    .da-procedure-step__baloon {
        margin:30px auto 30px;
        width: 732px;
        height: 185.96px;
        padding: 30px 248px 20px 33px;
        font-size: 2.2rem;
        background: url(/-/media/Images/ZurichLife/product/category_shibou/disability/procedure/bg_step02_baloon.svg) no-repeat left center/contain;
    }
    .da-procedure-step__content .step3 {
        margin-bottom: 20px;
        font-size: 2.2rem;
        font-weight: 600;
        line-height: 1.3;
    }
    .da-procedure-step + .da-procedure-step {
        margin-top: 60px;
    }
}

.da-procedure-after {
    margin-top: 9.866666667vw;
}
.da-procedure-after > p {
    font-size: 4.266666667vw;
    line-height: 1.5;
    font-weight: 600;
    text-align: center;
}
.da-procedure-after > p strong {
    font-size: 1.125em;
    font-weight: 600;
    color: #004EA2;
}
.da-procedure-after__baloon {
    position: relative;
    width: 85.6vw;
    height: 57.066666667vw;
    background: url(/-/media/Images/ZurichLife/product/category_shibou/disability/procedure/bg_procedure_after_sp.svg) no-repeat left 12.0vw bottom/57.333333333vw auto;
}
.da-procedure-after__baloon p {
    position: absolute;
    display: inline-block;
    font-size: 3.2vw;
    line-height: 1.5;
    padding: 2.133333333vw 3.733333333vw 1.866666667vw;
    background-color: #FFFFFF;
    border-radius: 2.666666667vw;
}
.da-procedure-after__baloon p strong {
    font-weight: 600;
    color: #004EA2;
}
.da-procedure-after__baloon .baloon01 {
    top: 10.666666667vw;
}
.da-procedure-after__baloon .baloon02 {
    top: -1.333333333vw;
    left: 34.133333333vw;
}

.da-procedure-bottom {
    font-size: 3.2vw;
}

@media screen and (min-width:1250px) {
    .da-procedure-after {
        margin-top: 50px;
    }
    .da-procedure-after > p {
        font-size: 2.8rem;
    }
    .da-procedure-after__baloon {
        position: relative;
        margin-top: 48px;
        margin-bottom: 0;
        width: 672px;
        height: 440.38px;
        background: url(/-/media/Images/ZurichLife/product/category_shibou/disability/procedure/bg_procedure_after.svg) no-repeat left 116px bottom/437.68px auto;
    }
    .da-procedure-after__baloon p {
        font-size: 2.4rem;
        padding: 20px;
        border-radius: 10px;
    }
    .da-procedure-after__baloon .baloon01 {
        top: 100px;
    }
    .da-procedure-after__baloon .baloon02 {
        margin-top: 0;
        top: 0;
        left: 260px;
    }

    .da-procedure-bottom {
        width: 1200px;
        margin-top: 0;
        padding: 25px calc(50% - 295px) 60px;
        font-size: 1.6rem;
    }

    .da-cv {
        margin: 0 auto;
        padding: 50px;
    }
}