@charset "UTF-8";
.mt-1 {
  margin-top: 1rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.ml-1 {
  margin-left: 1rem;
}

.mr-1 {
  margin-right: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.ml-2 {
  margin-left: 2rem;
}

.mr-2 {
  margin-right: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.ml-3 {
  margin-left: 3rem;
}

.mr-3 {
  margin-right: 3rem;
}

.mt-4 {
  margin-top: 4rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.ml-4 {
  margin-left: 4rem;
}

.mr-4 {
  margin-right: 4rem;
}

.mt-5 {
  margin-top: 5rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.ml-5 {
  margin-left: 5rem;
}

.mr-5 {
  margin-right: 5rem;
}

.mt-6 {
  margin-top: 6rem;
}

.mb-6 {
  margin-bottom: 6rem;
}

.ml-6 {
  margin-left: 6rem;
}

.mr-6 {
  margin-right: 6rem;
}

.mt-7 {
  margin-top: 7rem;
}

.mb-7 {
  margin-bottom: 7rem;
}

.ml-7 {
  margin-left: 7rem;
}

.mr-7 {
  margin-right: 7rem;
}

.mt-8 {
  margin-top: 8rem;
}

.mb-8 {
  margin-bottom: 8rem;
}

.ml-8 {
  margin-left: 8rem;
}

.mr-8 {
  margin-right: 8rem;
}

.main_content {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 0.04em;
}

h2,
h3 {
  font-weight: 700;
}

h2 {
  gap: 0;
}

.hero .hero_body h1 {
  font-size: 60px;
}
@media only screen and (max-width: 899px) {
  .hero .hero_body h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 5px;
    margin: 0;
  }
}

@media only screen and (max-width: 899px) {
  .menu li {
    width: 33.333%;
  }
  .menu li:nth-child(-n+3) {
    border-bottom: 1px solid #fff;
  }
  .menu li:last-child {
    border-right: 1px solid #fff;
  }
  .menu li:nth-child(3) {
    border-right: none !important;
  }
}
@media (max-width: 559px) {
  .menu li {
    width: 50%;
  }
  .menu li:nth-child(-n+4) {
    border-bottom: 1px solid #fff;
  }
  .menu li:nth-child(3) {
    border-right: 1px solid #fff !important;
  }
}
@media (max-width: 999px) {
  .menu li a {
    font-size: 110%;
  }
}
@media only screen and (max-width: 899px) {
  .menu li a {
    font-size: 120%;
  }
}