@media screen and (min-width: 769px) {
    .p-stayHero__pc { display: block; }
    .p-stayHero__sp { display: none !important; }

    .p-stayHero__grid {
        display: grid;
        grid-template-columns: 2.2fr 1fr;
        grid-template-rows: repeat(3, 1fr);
        gap: 8px;
        border-radius: 12px;
        overflow: hidden;
        aspect-ratio: 18 / 10;
    }

    /* メイン画像は縦3マス分を貫通する */
    .p-stayHero__gridItem.-main { 
        grid-row: span 3; 
    }

    .p-stayHero__gridItem { 
        position: relative; 
        /* ↓絶対に足りなかったコード（コンテナの枠を固定する）↓ */
        width: 100%; 
        height: 100%; 
        overflow: hidden; 
    }

    .p-stayHero__gridItem img { 
        width: 100%; 
        height: 100%; 
        object-fit: cover; 
        transition: 0.4s ease; 
        display: block; /* 画像の下の隙間を消す */
    }

    .p-stayHero__gridItem:hover img { 
        transform: scale(1.03); 
    }

    .p-stayHero__gridOverlay {
        position: absolute; 
        inset: 0; 
        background: rgba(0,0,0,0.2);
        display: flex; 
        align-items: center; 
        justify-content: center; 
        z-index: 10;
        pointer-events: none;
    }

    .p-stayHero__openModalBtn {
        pointer-events: auto;
    }
}