/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
#intro .swiper-container.top-test {
  width: 100%;
  height: auto;
  padding-bottom: 35px;
}
#intro .swiper-container.top-test .swiper-wrapper {
  height: auto;
}
#intro .swiper-container.top-test .swiper-wrapper .swiper-slide {
  width: calc(100% / 3);
  height: auto;
  background-size: cover;
  background-position: center;
  /* border-bottom: 1px solid #F5F5F5; */
  /*&.ph01 {
  	background-image: url("https://placehold.jp/08244c/ea5504/1200x2025.png?text=SLIDE");
  }
  &.ph02 {
  	background-image: url("https://placehold.jp/FFFFFF/08244c/1200x2025.png?text=SLIDE");
  }
  &.ph03 {
  	background-image: url("https://placehold.jp/08244c/ea5504/1200x2025.png?text=SLIDE");
  }
  &.ph04 {
  	background-image: url("https://placehold.jp/FFFFFF/08244c/1200x2025.png?text=SLIDE");
  }
  &.ph05 {
  	background-image: url("https://placehold.jp/08244c/ea5504/1200x2025.png?text=SLIDE");
  }*/
}
@media only screen and (min-width: 1024px) {
  #intro .swiper-container.top-test .swiper-wrapper .swiper-slide {
    -webkit-transition: all .3s;
    transition: all .3s;
  }
}
@media only screen and (min-width: 1024px) {
  #intro .swiper-container.top-test .swiper-wrapper .swiper-slide:hover {
    z-index: 300;
    -webkit-transition: all .3s;
    transition: all .3s;
    box-shadow: 0px 0px 30px 8px rgba(0, 0, 0, 0.15);
  }
}
#intro .swiper-container.top-test .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-image: url("../images/svg/new_arrow-prev.svg");
  background-size: 30px;
  left: 10px;
}
@media only screen and (min-width: 1024px) {
  #intro .swiper-container.top-test .swiper-button-prev {
    background-size: 40px;
  }
}
#intro .swiper-container.top-test .swiper-button-next {
  width: 40px;
  height: 40px;
  background-image: url("../images/svg/new_arrow-next.svg");
  background-size: 30px;
  rigth: 4px;
}
@media only screen and (min-width: 1024px) {
  #intro .swiper-container.top-test .swiper-button-next {
    background-size: 40px;
  }
}
#intro .swiper-container.top-test .swiper-pagination-bullets {
  bottom: 4px;
}
@media only screen and (min-width: 1024px) {
  #intro .swiper-container.top-test .swiper-pagination-bullets {
    bottom: 0;
  }
}
#intro .swiper-container.top-test .swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: #CCCCCC;
  width: 14px;
  height: 14px;
}
#intro .swiper-container.top-test .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #ea5504;
}