@charset "UTF-8";
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W8);
  font-weight: 800;
}
/*****************
swiper
*****************/

.blog-container {
  .container .swiper-slide {
    padding: 10px 0;
    padding-bottom: 30px;
  }

  .card-image > a > img {
    width: 100%;
  }

  .container .swiper-container .swiper-wrapper {
    display: flex;
  }
  .container .swiper-container .swiper-wrapper .swiper-slide {
    transform-style: preserve-3d;
  }
  .container .swiper-container .swiper-wrapper .swiper-slide .card-image {
    border: none;
    outline: none;
  }
  .container .swiper-container .swiper-button-prev:after,
  .container .swiper-container .swiper-button-next:after {
    bottom: 0;
    content: "";
    height: 0;
    margin: auto;
    position: absolute;
  }
  .container .swiper-container .swiper-button-prev:after {
    top: 3%;
    right: 40%;
  }
  .container .swiper-container .swiper-button-next:after {
    top: 3%;
    left: 40%;
  }
  .container .swiper-container .swiper-button-prev:after {
    border-bottom: 10px solid transparent;
    border-right: 15px solid #dbfaff;
    border-top: 10px solid transparent;
  }
  .container .swiper-container .swiper-button-next:after {
    border-bottom: 10px solid transparent;
    border-left: 15px solid #dbfaff;
    border-top: 10px solid transparent;
  }
  .container .swiper-container .swiper-button-next,
  .container .swiper-container .swiper-button-prev {
    position: absolute;
    background-image: none;
    background-color: #ff66c4;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 1.2rem;
    color: rgb(29, 29, 29);
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.881);
    z-index: 1000;
  }
  .container .swiper-container .swiper-button-next .arrow-icon,
  .container .swiper-container .swiper-button-prev .arrow-icon {
    margin-bottom: 5%;
    font-size: 3rem;
    color: #ff66c4;
  }

  .swiper-pagination {
    width: 100%;
    margin-top: 0%;
    z-index: 1000;
  }
  .swiper-pagination-bullet {
    opacity: 0.8;
    background: #dbfaff;
    margin: 0 1.5%;
    padding: 0.2%;
    border: solid 1px #ff66c4;
  }
  .swiper-pagination-bullet-active {
    background: #ff66c4;
  }

  @media screen and (max-width: 767.98px) {
    .interview .swiper-button-next,
    .interview .swiper-button-prev {
      top: 40% !important;
    }
  } /*# sourceMappingURL=swipe.css.map */
}