@charset "UTF-8";
/* CSS Document */

/*下層MV*/
#autoparts-molding #lower_mv {
    background: url("../../assets/img/service/autoparts-molding/mv.webp") no-repeat;/*各ページごとに変更*/
    background-size: cover;
    background-position: center;
}
#autoparts-molding main {
    margin-top: 80px;/*各ページごとに変更*/
}
@media (max-width: 768px) {
    #autoparts-molding main {
        margin-top: 40px;
    }
}

/*キャッチ*/
@media (max-width: 768px) {
    .service-catch_wrap .service-catch_LB {
        letter-spacing: 3px;
    }
}


/*コンテンツ*/
#autoparts-molding #operations .image_flow {
    max-width: 370px;
    margin: 24px auto 40px;
}
#autoparts-molding #operations .image_flow img {
    object-fit: contain;
}
#autoparts-molding #operations h2 {
    margin-top: 48px;
}
#autoparts-molding #operations p {
    font-weight: 300;
    line-height: 1.8;
}

#autoparts-molding #operations .column2_txt_img {
    display: flex;
    gap: 60px;
}
#autoparts-molding #operations .column2_txt_img > div {
    width: calc(50% - 30px);
}
#autoparts-molding #operations .column2_img_img {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin: 24px auto 0;
    max-width: 900px;
}
#autoparts-molding #operations .column2_img_img > div {
    width: calc(50% - 20px);
}
@media (max-width: 768px) {
    #autoparts-molding #operations .column2_txt_img {
        flex-direction: column;
        gap: 24px;
    }
    #autoparts-molding #operations .column2_txt_img > div {
        width: 100%;
    }
    #autoparts-molding #operations .column2_img_img {
        flex-direction: column;
        gap: 12px;
    }
    #autoparts-molding #operations .column2_img_img > div {
        width: 100%;
    }
}


/*関連ページへのボタン*/
#autoparts-molding .button_wrapper {
    background: #F0F0F0;
    padding-top: 80px;
    padding-bottom: 128px;
    margin-top: 120px;
}
#autoparts-molding .button_wrapper .box_wrap {
    display: flex;
    gap: 0;
}

#autoparts-molding .button_wrapper .button_wrap {
    margin-top: 24px;
    width: 100%;
    display: flex;
    gap: 16px;
}

#autoparts-molding .button_wrapper .button_wrap a.sp {
    display: none;
}
@media (max-width: 768px) {
    #autoparts-molding .button_wrapper {
        padding-top: 40px;
        padding-bottom: 56px;
        margin-top: 80px;
    }
    #autoparts-molding .button_wrapper .box_wrap {
        flex-direction: column-reverse;
    }
}