@charset "UTF-8";

/*-----------------------------------------------
CSSファイル名:index-slider.css
-------------------------------------------------*/


#sub{
margin: 0;
}

#flash-area{
height: 440px;
margin-bottom: 0;
background: #fff url(/common/index-img/bg_swiper.jpg) no-repeat center top;
}

.swiper {
    width: 880px;
    height: 440px;
    overflow: hidden;
}

.swiper-wrapper{
height: 400px;
}

.swiper .swiper-wrapper .swiper-slide.swiper-slide-next, .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev {
  opacity: 0;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  color: #fff;
  width: 36px;
  background: rgba(133,133,133,0.7);
}
.swiper .swiper-button-prev {
  left: 4px;
}
.swiper .swiper-button-next {
  right: 4px;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  top: calc(50% - 20px);
}

.swiper .swiper-button-prev:after,
.swiper .swiper-button-next:after {
font-size: 30px;
}

.swiper-pagination-fraction {
  display: inline;
  width: auto;
  background: #1b77c3;
  color: #fff;
  bottom: 10px;
  padding: 0 14px;
  font-size: 1.4rem;
  font-family: "Oswald";
  left: auto;
  right: 6.25vw;
}
.swiper-pagination-fraction .swiper-pagination-current {
  font-size: 2rem;
}
.swiper-pagination-fraction .swiper-pagination-total {
  font-size: 1.4rem;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 15px;
  }
  .swiper-pagination-bullet {
    border-radius: 0;
    opacity: 1;
    background: #88d6f0;
  }
  .swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  .swiper-pagination {
    text-align: center;
  }
  .swiper-pagination-bullet-active{
  background: #1b77c3;
  }

#main h2:first-child{
margin-top: 0;
}