@charset "utf-8";

.mb60{
  margin-bottom: 60px;
}
.swiper-container{
  text-align: center;
}
.swiper-container .swiper-slide img{
  max-width: 100%;
  height: auto;
}
.prettyprint{
  border: none;
  background: #fafafa;
  color: #697d86;
}

/* カルーセル両側矢印 */

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url(images/main/prev_arrow.png);
    left: 50px;
    right: auto;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    width: 70px;
    height: 70px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    background-size: 70px 70px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(images/main/next_arrow.png);
    right: 50px;
    left: auto;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    width: 70px;
    height: 70px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 70px 70px;
    -webkit-background-size: 70px 70px;
    background-size: 70px 70px;
    background-position: center;
    background-repeat: no-repeat;
}

  @media (max-width: 860px){
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
      background-image: url(images/main/prev_arrow.png);
        left: 5%;
        right: auto;
        opacity: 0.8;
        position: absolute;
        top: 50%;
        width: 30px;
        height: 30px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        -moz-background-size: 30px 30px;
        -webkit-background-size: 30px 30px;
        background-size: 30px 30px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background-image: url(images/main/next_arrow.png);
        right: 5%;
        left: auto;
        opacity: 0.8;
        position: absolute;
        top: 50%;
        width: 30px;
        height: 30px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        -moz-background-size: 30px 30px;
        -webkit-background-size: 30px 30px;
        background-size: 30px 30px;
        background-position: center;
        background-repeat: no-repeat;
    }
  }

/* カルーセルナビゲーション */
.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #ffebeb;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #dd7777;
}