/*==================================================
スライダーのためのcss
===================================*/
.slider img {
  width: 93%; /*スライダー内の画像を横幅100%に*/
  height: auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
  margin: 0 10px; /*スライド左右の余白調整*/
}
/* ドットインジケーターのスタイルを調整 */
.slick-dots {
  display: flex !important; /* 横並びにする */
  justify-content: center; /* 中央に配置 */
  list-style: none; /* リストスタイルを消す */
  padding: 0;
  margin: 0;
}

.slick-dots li {
  display: inline-block; /* 横並びにする */
  margin: 0 5px; /* ドット間のスペース */
}

.slick-dots li button {
  font-size: 0; /* 数字を消す */
  width: 10px; /* ドットの幅 */
  height: 10px; /* ドットの高さ */
  border-radius: 50%; /* ドットを丸くする */
  background-color: #ccc; /* ドットの色 */
  border: none; /* ボーダーを消す */
  padding: 0;
}

.slick-dots li.slick-active button {
  background-color: #333; /* アクティブなドットの色 */
}