.container {display: flex;flex-wrap: wrap;gap: 20px;padding: 3em 0 6em;}
.left-image {flex: 0 0 30%;}
.left-image img {height: 800px;object-fit: cover;}
.right-items {flex: 1;display: grid;grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));gap: 10px;margin:0;}
section {
    & .slider-container {
        & .autoplay {padding: 4em 4vw;gap: 2vw;
            img {max-width: 200px;height: 100%;}
			}
	}
}

/* モバイル対応 */
@media (max-width: 768px) {
.container {flex-direction: column;}
.left-image {width: 100%;}
.left-image img {max-height: 300px;width: 100%;max-width:300px;object-position:center -48px;}
.right-items {grid-template-columns: repeat(2, 1fr); /* モバイルでは2列表示 */}
}

/* さらに小さい画面用 */
@media (max-width: 480px) {
.right-items {grid-template-columns: 1fr; /* 超小型画面では1列表示 */}
}