@import url("https://use.typekit.net/dsl2ger.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
main {
  width: 100%;
  padding: 0px;
  box-sizing: border-box;
}
main .visual {
  width: 80%;
  padding: 0px;
  margin: 0 auto;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
main .visual .visualslide {
  width: 100%;
}
main .visual .thumb {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  position: absolute;
  bottom: 16px;
  left: 16px;
  z-index: 5;
}
main .visual .thumb span.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  padding: 0px;
  margin: 0 4px;
  background-color: #FFF;
}

/* --------------------------------------- Media Queries Smartphone --------------------------------------- */
@media screen and (max-width: 768px) {
  main {
    padding: 16px 0 0 0;
  }
  main .visual {
    width: calc(100% - 32px);
    padding: 0px;
    margin: 0 auto;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
  }
  main .visual .visualslide {
    width: 100%;
  }
  main .visual .thumb {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    position: absolute;
    bottom: 16px;
    left: 16px;
    z-index: 5;
  }
  main .visual .thumb span.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    padding: 0px;
    margin: 0 4px;
    background-color: #FFF;
  }
}

/*# sourceMappingURL=style_home.css.map */