@charset "UTF-8";
/* 変数設定 */
/********************/
.svg-test {
  font-size: 20px;
}
.svg-test::before {
  content: "";
  display: block;
  background: url("../images/svg_sprite_01.svg") no-repeat;
  background-position: 0px 0px;
  width: 1em;
  height: 1em;
  fill: red;
}

.myicon {
  display: block;
  width: 32px;
  height: 32px;
  background-color: blue;
  -webkit-mask-image: url(../svg/svg_sprite_01.svg);
  mask-image: url(../svg/svg_sprite_01.svg);
  -webkit-mask-size: 32px 32px;
  mask-size: 32px 32px;
}

.swiper-pagination {
  text-align: center;
}
.swiper-pagination span {
  margin: 0 5px !important;
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 1;
  border-radius: 100%;
}
@media screen and (min-width: 750px) {
  .swiper-pagination span {
    border: 2px solid #fff;
  }
}

.swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}