main {
  margin-bottom: 5em;
}
main .pc {
  display: block;
}
main .mobile {
  display: none;
}
main p {
  text-align: justify;
  margin: 0 0 1.5em;
  width: 60%;
  font-size: 0.9em;
}
main h1 {
  margin: 3em 0 3em;
  grid-row: 2;
}

.topcontents {
  display: grid;
  width: 100%;
  grid-template-columns: 100%;
  grid-template-rows: auto auto;
}

.swiper {
  width: 100%;
}

.swiper-wrapper {
  height: auto;
}

.swiper-container {
  width: 100%;
  grid-row: 1;
  position: relative;
  margin-bottom: 1em;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  height: 1em;
  bottom: -2em;
}

.swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.5em;
}

@media screen and (max-width: 767px) {
  .swiper-container {
    grid-row: 2;
    margin-bottom: 4em;
  }
  main {
    padding: 0 10%;
  }
  main p {
    width: 100%;
  }
  main h1 {
    text-align: center;
    grid-row: 1;
  }
  main .pc {
    display: none;
  }
  main .mobile {
    display: block;
  }
}/*# sourceMappingURL=style_b.css.map */