.subtitle_bg_1 {
    position: absolute;
    background-color: #e55207;
    width: 20.3rem;
    height: 3.3125rem;
    top: 1rem;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
}

.subtitle_bg_2 {
    position: absolute;
    background-color: #e55207;
    width: 15.6rem;
    height: 3.3125rem;
    top: 5.9375rem;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
}

.design_comp {
    display: flex;
}

.design_pc_img {
    width: 50.4625rem;
    height: fit-content;
}

.design_sp {
    width: fit-content;
    display: flex;
    margin: 0 6rem 0 auto;
    gap: 1.9375rem;
}

.design_pc {
    width: fit-content;
    display: flex;
    margin: 0 auto 0 6rem;
    gap: 0px;
    margin-bottom: 8rem;
}

@media screen and (max-width:768px) {
    .design_pc_img {
        width: 100%;
        height: auto;
    }

    .design_sp_img {
        width: 100%;
        height: auto;
    }

    .design_comp {
        display: block;
    }

    .design_pc {
        width: fit-content;
        display: flex;
        margin: 0 1.6875rem;
        gap: 0px;
        margin-bottom: 8rem;
    }

    .design_sp {
        width: auto;
        display: flex;
        margin: 0 1.6875rem;
        gap: 0px;
        margin-bottom: 8rem;
    }

    .design_sp_img {
        width: 100%;
    }

    .design_comp {
        position: relative;
        z-index: 100;
    }

    .subtitle_bg_1 {
        width: 218px;
        height: 38px;
        top: 9px;
    }

    .subtitle_bg_2 {
        width: 168px;
        height: 38px;
        top: 61px;
    }
}