.swiper-container {
        width: 655px;
        height: 437px;
    }

.swiper-container.tate {
        width: 323px;
        height: 437px;
    }

/* 前ページ、次ページボタン共通のスタイル */

.swiper-button-prev,
.swiper-button-next {
	/* background-image: none;	 *//* デフォルトのボタン画像を消す */
	width: 28px; /* ボタンの幅 */
	height: 86px; /* ボタンの高さ */
	margin-top: -43px; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
}

.swiper-button-prev:after {
  /*font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f137";*/
  font-size: 20px;
  
  color: #cccccc; /* 色を白に */  
  margin-left:30px; /* マージンを追加 */
}
.swiper-button-next:after {
  /*font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f138";*/
  font-size:20px;
  color: #cccccc;
  margin-right:2px;
}

//縦の場合（サブクラス）
.swiper-button-prev.vert,
.swiper-button-next.vert {
	/*background-image: none;	*/ /* デフォルトのボタン画像を消す */
	width: 28px; /* ボタンの幅 */
	height: 86px; /* ボタンの高さ */
	margin-top: -43px; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
}

.swiper-button-prev.vert:after {
  /* font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f137";*/
  font-size: 20px;
  color: #cccccc; /* 色を白に */  
  margin-left:2px; /* マージンを追加 */
}
.swiper-button-next.vert:after {
  /*font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f138";*/
  font-size:20px;
  color: #cccccc;
  margin-right:2px;
}
.swiper-pagination{
    margin-bottom: 10px;
}