@media (max-width: 768px) {
  #eyecatch ol {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    list-style: none;
    padding: 20px 10%;
    margin: 0;
    width: 100%;
    gap: 50px;

    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  
  #eyecatch ol::-webkit-scrollbar {
    display: none;
  }

  #eyecatch ol li {
    flex: 0 0 80%;      /* 80%固定 */
    scroll-snap-align: center; 
  }
}

/* 狭いブラウザサイズ */
@media (max-width: 1020px) and (min-width: 769px) {
  #eyecatch ol li {
    flex: 0 0 30%;      /* 30%固定 */
  }
}