@charset "UTF-8";



.pmd_swiper{
	position: absolute;
    top: 275px;
    left: 655px;
	width:555px;
	height:450px;
}
.swiper {
	width: 100%;
	height: 100%;
  }

  .swiper-slide {
	text-align: center;
	
  }

  .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

  body {
	background: #000;
	color: #000;
  }

  .swiper {
	width: 100%;
	height: 382px;
	margin-left: auto;
	margin-right: auto;
  }

  .swiper-slide {
	background-size: cover;
	background-position: center;
	height: 390px;
  }

  .mySwiper2 {
	margin-bottom: 0px;
	overflow: hidden;
  }

  .mySwiper {
	height: 78px;
	box-sizing: border-box;
	padding: 0 0;
	overflow: hidden;
  }



  .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
  }

  .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  



  .slider-caption {
	margin: 0;
font-family: VDL-LineG;
font-weight: normal;
font-size: 20px;
letter-spacing: 0.05em;
line-height: 16px;
text-align: center;
color: #c7c2af;
display: flex;
justify-content: center;
align-items: center;
height: 35px;
background-color: rgba(5,48,6,0.5);
  }
  .slider-caption span {
    font-family: yu-gothic-pr6n, sans-serif;
    font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 16px;
	text-align: center;
	color: #c7c2af;
	
}

  .swiper-button-next, .swiper-button-prev {
    top: 200px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    left: 559px;
    right: auto;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -35px;
    right: auto;
}

.mySwiper .swiper-slide {
    width: 25%;
    height: 58px;
    opacity: 1;
}

.mySwiper .swiper-slide-thumb-active {
scale: 1.1;
/*	margin: 0 20px !important; */

}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
  height: 30px;
  width: 30px;
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 30px;
  margin: auto;
  width: 30px;
}

/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
	background-image: url(../images/arow_left.png);
  }
  /* 次への矢印カスタマイズ */
  .swiper-button-next::after {
	background-image: url(../images/arow_right.png);
  }
  /* 画像サイズ調整 */
  .swiper-slide img {
	height: auto;
	width: 100%;
  }
  

  .pmd_swiper{

    left: 605px;
 
 }