.swiper-wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 580px !important;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
}

.swiper-slide:nth-child(4n + 1) {
  background-image: url(../images/top_submenu01.png);
  background-size: 95%;
  background-repeat: no-repeat;
}

.swiper-slide:nth-child(4n + 2) {
  background-image: url(../images/top_submenu02.png);
  background-size: 95%;
  background-repeat: no-repeat;
}

.swiper-slide:nth-child(4n + 3) {
  background-image: url(../images/top_submenu03.png);
  background-size: 95%;
  background-repeat: no-repeat;
}

.swiper-slide:nth-child(4n + 4) {
  background-image: url(../images/top_submenu04.png);
  background-size: 95%;
  background-repeat: no-repeat;
}

.swiper-pagination-bullets {
  width: 100px;
}

.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  margin: 0 0 0 10px !important;
  background: #fff;
}

.swiper-pagination-bullet:first-child {
  margin: 0 !important;
}

.swiper-button-next::after, .swiper-button-prev::after {
  color: #036eb7;
}

/** swiperの重ね文字でやんす **/
.mojimoji {
  position: relative;
  width: 100%;
  height: 100%;
}
.mojimoji-img {
  position: relative;
  margin: 0;
  padding: 0;
}
.mojimoji .mojimoji-text {
  position: absolute;
  color: #fff;
}
.mojimoji .mojimoji-text .text1 {
  font-size: 25px;
  padding: 5% 20px 10px;
  color: #fff;
  text-align: center;
}
.mojimoji .mojimoji-text .text2 {
  padding: 67% 20px 10px;
  font-size: 18px;
  color: #fff;
}