/* Homepage performance overrides: the LCP image is real responsive content. */
#main-visual {
    position: relative;
    overflow: hidden;
    background-image: none;
}

#main-visual .mv-background-picture {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
}

#main-visual .mv-background-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
}

#main-visual > .container {
    position: relative;
    z-index: 1;
}

@media (max-width: 1024px) and (min-width: 601px) {
    #main-visual { background-image: none; }
    #main-visual .mv-background-picture img { object-position: center center; }
}

@media (max-width: 600px) {
    #main-visual { background-image: none; }
    #main-visual .mv-background-picture img { object-position: center top; }
}