.page-mainvisual-bg::after {
    background-image: url(../../../image/products/door-hinge/product_pic_door_hinge.png);
    aspect-ratio: 902 / 741;
    max-width: 601px;
    width: 40%;
    margin-inline: auto 20px;
    margin-top: -60px;
}

.page-lead {
    background-image: url(../../../image/products/door-hinge/page_lead_bg_door_hinge.png);
}

.page-lead::after {
    background-image: url(../../../image/products/door-hinge/page-lead-bg.png);
    aspect-ratio: 1498 / 336;
}

@media print,
screen and (min-width: 769px) {
    .page-mainvisual-bg::after {
        margin-inline: auto 40px;
        margin-top: -150px;
    }
}

@media print,
screen and (min-width: 960px) {
    .page-mainvisual-bg::after {
        margin-inline: auto 60px;
        margin-top: -250px;
    }
    .page-lead {
        background-size: 50%;
        background-position: top 20% right 40px;
    }
}


@media print,
screen and (min-width: 1600px) {
    .page-mainvisual-bg::after {
        margin-inline: auto calc(50% - 600px);
        margin-top: -380px;
    }
    .page-lead {
        background-size: 780px;
        background-position: top 25% right calc(50% - 380px);
    }
}

/*================================================
    features
================================================*/

/* .features li:first-child {
    margin-bottom: calc(var(--layout-gap) / 4);
} */