@charset "UTF-8";
/* cssを記述 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}

.flex {
  display: flex;
  flex-wrap: nowrap;
}

.gap {
  gap: 2em;
}

.img-1 + .img-1 {
  margin-top: 100px;
}

header {
  background-size: cover;
  background-position: center;
}

.image-banner {
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: center;
}

.image-banner,
.image-text {
  text-align: center;
}

.top img {
  width: 100%;
}

h1 {
  margin-top: 0;
  max-width: 800px; /* 最大幅 */
  min-width: 240px; /* 最小幅 */
  margin: 100px auto;
}

.box-1 {
  max-width: 900px; /* 最大幅 */
  min-width: 240px; /* 最小幅 */
  width: 100%;
  margin: 100px auto;
}

/* 画像部分 */
/* メイン */
main .box {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
main .text-1 {
  margin-top: 0;
  padding-left: 0px;
  max-width: 100%;
  display: flex;
  text-align: center;
}
main .text-1 > a:not(:last-child) {
  margin-right: 1.5em;
}
main .text-1 > a :hover {
  opacity: 0.5;
}
main .text-1 img {
  margin: 0 auto;
}
main #section-1 {
  margin: 50px auto;
}
main .img-1,
main .button {
  display: flex;
  justify-content: center;
}
main .button {
  margin-bottom: 40px;
}
main .img-2:hover {
  opacity: 0.5;
}

#section-1,
#section-2 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

#section-1 img,
#section-2 img {
  width: 100%;
}

main img {
  margin: 20px auto 0 auto;
}

.img-2 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.img-2 img {
  width: 100%;
}/*# sourceMappingURL=base0920.css.map */