
.page-mainvisual-bg::after {
    background-image: url(../../../image/products/door-checker/product_pic_door_cheker.png);
    aspect-ratio: 740 / 483.85;
    max-width: 740px;
    width: 40%;
    margin-top: -45px;
}

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

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

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


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

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

@media print,
screen and (min-width: 1200px) {
    .page-mainvisual-bg::after {
        margin-top: -230px;
    }
}

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


/*
.page-lead::after {
    background-image: url(../../../image/products/door-checker/door-checker.png);
    aspect-ratio: 800 / 914.7;
}

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

/* @media print,
screen and (min-width: 1200px) {
    .page-lead::after {
        bottom: -17%;
    }
} */

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

/* .page-list li {
    margin-bottom: calc(var(--layout-gap) / 2);
}

@media print,
screen and (min-width: 1200px) {
    .page-list li {
        margin-bottom: calc(var(--layout-gap) / 1);
    }
} */
