@charset "UTF-8";
/**---------------------------------------------
 * ! bulma.io v0.9.3 | MIT License | github.com/jgthms/bulma
 * Author: saitoh
 * Description:960pxサイト向けテンプレート
 * Version:1.0.0
**-----------------------------------------------*/
.has-carousel {
  width: 100%;
}

.hero-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  z-index: 11 !important;
}
.hero-carousel div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 576px;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
  z-index: 1;
}
.hero-carousel div.is-active {
  opacity: 1;
}
.hero-carousel div img {
  width: 100%;
  height: 576px;
  -o-object-fit: cover;
     object-fit: cover;
}

.carousel-buttons {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.carousel-button {
  width: 64px;
  height: 64px;
  border: none;
  outline: none;
  padding: 0;
  background: transparent center no-repeat;
  cursor: pointer;
  opacity: 0.4;
}
.carousel-button.prev {
  font-size: 64px;
  color: #b283b8;
}
.carousel-button.next {
  font-size: 64px;
  color: #b283b8;
}
.carousel-button:hover {
  opacity: 0.8;
}

.carousel-dots {
  position: absolute;
  z-index: 11;
  bottom: 20px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}

.carousel-dot {
  position: relative;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 0;
  background: #777;
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.carousel-dot:nth-child(n+2) {
  margin-left: 5px;
}
.carousel-dot.is-active {
  opacity: 1;
}/*# sourceMappingURL=carousel.css.map */