@charset "utf-8";

/* mv */
@media (min-width: 769px) {
    .underlayer_mv_img {
        background: url('../../images/about/service/mv.webp') no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .underlayer_mv_img {
        background: url('../../images/about/service/mv_sp.webp') no-repeat 50% 50% / cover;
    }
    .anchor {
        border-top: none;
        margin-top: 0;
    }

}

/* service */
.service {
    margin-top: 100rem;
}
.service_ttl {
    line-height: 1;
}
.service_img_wrap {
    width: 100%;
}
.service_img {
    width: 100%;
}
@media (min-width: 769px) {
    .border_flex_content {
        padding-top: 50rem;
    }
    .service_ttl {
        font-size: 22rem;
    }
    .service_img_wrap {
        margin-top: 60rem;
        display: flex;
        justify-content: space-between;
        gap: 20rem;
    }
    .service_img_wrap-wrap {
        flex-wrap: wrap;
    }
    .display_img_wrap-wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20rem;
    }
    .service_img_cover_l {
        width: 500rem;
    }
    .service_img_cover_m {
        width: 370rem;
    }
    .service_img_cover_s {
        width: 240rem;
    }
}
@media (max-width: 768px) {
    .border_flex .border_flex_inner:nth-child(1) .border_flex_content:nth-child(1) {
        padding-top: 40rem;
    }
    .service_ttl {
        font-size: 20rem;
    }
    .service_img_wrap {
        margin-top: 40rem;
    }
    .display_img_wrap-wrap {
        display: grid;
        grid-template-columns: 1fr;
        gap: initial;
    }
    .service_img_cover + .service_img_cover {
        margin-top: 20rem;
    }
}