@media (min-width: 641px) { /* PC用 */
/* CSS Document */
.swiper {
  /*padding: 0 50px;*/
}
.swiper-button-prev, .swiper-button-next {
  width: 50px; /* ボタンの幅 */
  height: 50px; /* ボタンの高さ */
  background-size: 50px 50px; /* 表示したいサイズ */
  transform: translateY(-50%);
  margin-top: 0;
}
/* 次ページボタンのスタイル */
.swiper-button-next {
  background-image: url("../img/common/img_arrow_black_01.png");
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
  background-image: url("../img/common/img_arrow_black_01.png");
  transform: translateY(-50%) scale(-1, 1); /* 左右反転 */
}
.swiper-button-prev:after, .swiper-button-next:after {
  display: none;
}
}


@media (max-width: 640px) { /* SP用 */
.swiper {
  /*padding: 0 30px;*/
}
.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
}
.swiper-button-prev:after {
  font-family: FontAwesome;
  font-weight: 900;
  content: "\f137";
  color: #fff; /* 色を白に */
  margin-left: 10px; /* マージンを追加 */
  font-size: 1.5em;
}
.swiper-button-next:after {
  font-family: FontAwesome;
  font-weight: 900;
  content: "\f138";
  color: #fff;
  margin-right: 10px;
  font-size: 1.5em;
}
.swiper-button-prev, .swiper-button-next {
  width: 40px; /* ボタンの幅 */
  height: 40px; /* ボタンの高さ */
  background-size: 40px 40px; /* 表示したいサイズ */
  transform: translateY(-50%);
  margin-top: 0;
}
/* 次ページボタンのスタイル */
.swiper-button-next {
  background-image: url("file:///D|/OneDrive/WORKS/メディカルラボ/求人サイト/assets/img/common/img_arrow_black_01.png");
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
  background-image: url("file:///D|/OneDrive/WORKS/メディカルラボ/求人サイト/assets/img/common/img_arrow_black_01.png");
  transform: translateY(-50%) scale(-1, 1); /* 左右反転 */
}
.swiper-button-prev:after, .swiper-button-next:after {
  display: none;
}
}