@charset 'UTF-8';

 /*------ メインビジュアル --------*/
/* swiper */
#swiper01 .swiper {
  width: 100%;
  height: auto;
}

/* アローボタン */
#swiper01 .swiper-button-prev,
#swiper01 .swiper-button-next {
  width: 2vw;
  height: 2vw;
  margin-top: -16px;
}
#swiper01 .swiper-button-prev {
  margin-left: 2vw;
  background: url("../images/swiper-button-prev.png") no-repeat center center / contain;
}
#swiper01 .swiper-button-prev::after {
  content: "";
}

#swiper01 .swiper-button-next {
  margin-right: 2vw;
  background: url("../images/swiper-button-next.png") no-repeat center center / contain;
}
#swiper01 .swiper-button-next::after {
  content: "";
}

/* ページネイション */
#swiper01 .swiper-pagination-bullet {
  width: 0.5vw !important;
  height: 0.5vw !important;
  margin: 0 0 0 0.7vw !important;
  background: #003670 !important;
}
#swiper01 .swiper-pagination-bullet:nth-of-type(2){
  background: #c39000 !important;
}
#swiper01 .swiper-pagination-bullet:nth-of-type(3){
  background: #036534 !important;
}
#swiper01 .swiper-pagination-bullet:first-child {
  margin: 0 !important;
}
#swiper01 .swiper-pagination-bullet {
  opacity: 0.3;
}
#swiper01 .swiper-pagination-bullet-active {
  opacity: 1;
}

 /*------ MVの下 テンプレート --------*/
#swiper02 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}

#swiper02 .swiper-slide {
  width: 100%;
  height: 100%;
}

#swiper02 .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}