@charset "UTF-8";

.slider_container{
  width: 100%;
}

.slider_wrap{
  width: 100%;
}

.slider_img{
  display: block;
  object-fit: cover;
  width: 100%;
  height: auto;
}

/* bxSliderのスタイル */
.bx-wrapper{
  position: relative;
}

.bx-wrapper .bx-controls-direction a{
  outline: 0;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
}

.bx-wrapper .bx-next{
  right: 5%;
  /* お好みの画像に変更してください */
  background: url(./image/slider_arrow_right.svg) no-repeat;
}
.bx-wrapper .bx-prev {
  left: 5%;
  /* お好みの画像に変更してください */
  background: url(./image/slider_arrow_left.svg) no-repeat;
}

.bx-wrapper .bx-controls-auto{
  display: none; /* スタートボタンを非表示にする */
}

.bx-wrapper .bx-pager{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100px;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  border-radius: 1000px;
  display: block;
  opacity: 0.5;
  text-indent: -9999px;
  width: 15px;
  height: 15px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  opacity: 1;
}