@media (max-width: 767px) {
  .slider-area {
    position: relative;
    width: 100%;
    background: #e3e6e1;
  }
  .slider {
    max-width: 88%;
    margin: 0 auto;
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
    padding: 5% 0;
  }
  .slider::-webkit-scrollbar {
    display: none; /* Chrome / Safari */
  }
  .slide {
    flex: 0 0 100%;
    scroll-snap-align: start;
  }
  .slide img {
    width: 100%;
    display: block;
  }
  /* 矢印ボタン */
  .slider-btn {
    display: block;
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 10;
    width: 3.3%;
  }
  .slider-btn img {
    display: block;
    width: 32px;
    height: auto;
  }
  .slider-btn.prev { left: 1%; }
  .slider-btn.next { right: 1%; }

  /* ドットナビ */
  .dot-nav-wrap {
    display: flex;
    justify-content: center;
    gap: 12px;
    background: #fff;
    padding: 5% 0;
  }
  .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #c9caca;
    border: none;
    padding: 0;
    cursor: pointer;
  }
  .dot.active {
    background: #2b6b35;
  }
}