@charset 'utf-8';


/**
 * 最大幅の指定と中央寄せ
 */
.container {
  position: relative;
  margin:0 auto;
  max-width: 1100px;
min-height:180px;
}

/*!
 * swiper.js
 */

.swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 1;
}

.swiper-button-prev,
.swiper-button-next {
  fill: #fff;
  stroke: none;
  stroke-width: 0;
  z-index: 10000;
  width: 20px;
  margin-top: -18px;
  background-image: none;
display:block
}
.swiper-button-prev,
.swiper-button-next{
outline:none !important;
}

.swiper-slide-next,.swiper-slide-prev {
	opacity: 0.6;
-webkit-transition:all 1.0s ease-in-out;
transition:all .5s ease-in-out .4s;
}
.swiper-slide-next::before,
.swiper-slide-prev::before {
border:30px solid rgb(249,249,254);
border-left:5px solid rgb(249,249,254);
border-right:5px solid rgb(249,249,254);
box-sizing:border-box;
}

.swiper-pagination{
text-align:right;
padding-bottom:9px;
}


/* Bullets */
.swiper-pagination-bullet{
opacity:.8;
background:#fff;
margin-right:12px;
font-size:14px !important;
}
.swiper-pagination-bullet-active{
background: rgb(24,172,246);
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child {
  margin-right: 21px;
}

@media (max-width: 767px) { 
.swiper-button-prev,
.swiper-button-next {
  fill: #fff;
  stroke: none;
  stroke-width: 0;
  z-index: 10000;
  width: 20px;
  margin-top: -18px;
  background-image: none;
display:block;
opacity:0;
}
}