@charset "utf-8";

.copy_block {
    background-image: url(../../images/infection_measures/index/copy_bg.webp);
}

@media screen and (max-width: 767px) {
    .copy_block {
        margin-bottom: 22px;
    }
}

/* ------------------------------
list
------------------------------ */
.list_circle02 {
    position: relative;
}

.list_circle_double {
    font-size: 26px;
}

@media screen and (max-width: 767px) {
    .list_circle_double li::before {
        width: 18px;
        height: 18px;
    }

    .list_circle_double li:not(:last-child) {
        margin-bottom: 3px;
    }
}


/* ------------------------------
flow_block
------------------------------ */
.flow_block .list_circle_double {
    padding-right: 20px;
}

.flow_list > li {
    position: relative;
}

.flow01 {
    padding-bottom: 40px;
}

.flow02 {
    padding-bottom: 123px;
    ;
}

.flow01::after,
.flow02::after {
    content: "";
    position: absolute;
    top: 110px;
    left: 12px;
    width: 75px;
    height: calc(100% - 110px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.flow01::after {
    background-image: url(../../images/infection_measures/index/flow_arrow01.svg);
}

.flow02::after {
    background-image: url(../../images/infection_measures/index/flow_arrow02.svg);
}

.flow_title_block {
    display: flex;
    justify-content: space-between;
}

.flow_title {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 215px;
    height: 110px;
    text-align: center;
    color: #fff;
    border-left: 10px solid #94d5e6;
    background-color: #27b1ad;
    font-size: 28px;
}

.flow_title.only_sp {
    display: none;
}

.flow_title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -113px;
    width: 85px;
    height: 40px;
    transform: translateY(-50%);
    background-image: url(../../images/infection_measures/index/flow_title_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.flow_text {
    width: calc(100% - 350px);
    padding: 27px 20px 27px 30px;
    background: #ffffdb;
    box-shadow: 1px 1px 0 #cdd08d;
    font-size: 18px;
}

.flow_detail {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 50px 0 0 160px;
}

.flow_detail img {
    width: 50%;
    max-width: 370px;
}

@media screen and (max-width: 767px) {
    .flow_title {
        width: 34px;
        height: auto;
        padding: 7px 0;
        -ms-writing-mode: tb-rl;
        border-top: 7px solid #94d5e6;
        border-left: 0;
        font-size: 18px;
        font-weight: 500;

            writing-mode: vertical-rl;
    }

    .flow_title.only_sp {
        display: inline-flex;
    }

    .flow_title .combine {
        -webkit-text-combine: horizontal;
        -ms-text-combine-horizontal: all;
        text-combine-upright: all;
    }

    .flow_title::after {
        top: 15px;
        right: -34px;
        width: 26px;
        height: 12px;
    }

    .flow_text {
        width: calc(100% - 62px);
        padding: 17px 14px;
        background: #ffffdb;
        box-shadow: 1px 1px 0 #cdd08d;
        font-size: 14px;
    }

    .flow_detail {
        flex-flow: column;
        margin: 18px 0 0 45px;
    }

    .flow_detail img {
        width: 100%;
        margin-top: 15px;
    }

    .flow01 {
        padding-bottom: 30px;
    }

    .flow02 {
        padding-bottom: 55px;
    }

    .flow01::after {
        background-image: url("../../images/infection_measures/index/flow_arrow03.svg");
    }

    .flow01::after,
    .flow02::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 34px;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center bottom 5px;
        background-size: contain;
    }
}


/* ------------------------------
pdca_block
------------------------------ */
.pdca_block {
    margin-top: 56px;
}

.pdca_block > div:not(:last-child) {
    margin-bottom: 50px;
}

.pdca_detail {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.pdca_detail .pdca_text_block {
    padding-right: 20px;
}

.pdca_detail .pdca_text_block p {
    max-width: 592px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 185%;
}

.pdca_detail .pdca_text_block .list_circle_double {
    margin-left: 10px;
}

.pdca_detail img {
    width: 50%;
    max-width: 370px;
}

@media screen and (max-width: 767px) {
    .pdca_block {
        margin-top: 40px;
    }

    .pdca_detail {
        flex-flow: column;
    }

    .pdca_block > div:not(:last-child) {
        margin-bottom: 30px;
    }

    .pdca_detail .pdca_text_block .list_circle_double {
        margin-left: 0;
    }

    .pdca_detail .pdca_text_block {
        padding-right: 0;
    }

    .pdca_detail .pdca_text_block p {
        max-width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 150%;
    }

    .pdca_detail img {
        width: 100%;
        max-width: 100%;
        min-height: 100%;
        margin-top: 22px;
    }
}