/* swiper */

.swiper{
  padding: 48px 0px 40px !important;
}

.swiper-wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 100%;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #333;
  background-color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 20px;
}

.swiper-button-prev,
.swiper-button-next {
	width: 24px; /* ボタンの幅 */
	height: 40px; /* ボタンの高さ */
	background-size: 24px 40px; /* 表示したいサイズ */
	transform: translateY(-50%);
  margin-top: 0;
}

/* 前次ページボタンのスタイル */
.swiper-button-next,
.swiper-button-prev {
  width: fit-content !important;
  object-fit: contain;
}

.swiper-button-next {
  right: -40px !important;
  transform: translateX(-50%);
}

.swiper-button-prev {
  left: -40px !important;
  transform: translateX(50%);
}

.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}


/********************/
.card {
  width: 100%;
}

.card__box {
  padding: 16px;
}

.card__img {
  width: 100%;
}

.card__text {
  font-size: 14px;
  text-align: left;
  border-bottom: 2px solid #EEEEEE;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.card__text--detail {
  font-size: 14px;
  text-align: left;
}

/***************************************************************
*             タブレット (min-width: 768px) px、vw指定            *
****************************************************************/
@media screen and (min-width: 768px) {
  .swiper {
    padding: 58px 0px 40px !important;
  }
}