#page-main header {
  aspect-ratio: 66.5625/27.5625;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../images/front-page/site-members-only-bg.webp);
  background-size: cover;
  background-position: center;
  margin-bottom: 5.63rem;
}
@media (max-width: 767px) {
  #page-main header {
    aspect-ratio: 21.875/15.375;
    margin-bottom: 3.75rem;
  }
}
#page-main header h1 {
  color: #fff;
  font-family: Zen Kaku Gothic Antique;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.125rem;
}
@media (max-width: 767px) {
  #page-main header h1 {
    color: #fff;
    font-family: Zen Kaku Gothic Antique;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.1rem;
  }
}
#page-main .lead {
  color: #000;
  text-align: center;
  font-family: Zen Kaku Gothic Antique;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05625rem;
  margin-bottom: 3.75rem;
}
#page-main .lead span {
  display: inline-block;
}
@media (max-width: 767px) {
  #page-main .lead {
    color: #000;
    text-align: center;
    font-family: Zen Kaku Gothic Antique;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem; /* 200% */
    letter-spacing: 0.05rem;
    margin-bottom: 2rem;
  }
}
#page-main .lead-link {
  text-align: center;
  margin-bottom: 5.63rem;
}
@media (max-width: 767px) {
  #page-main .lead-link {
    margin-bottom: 5rem;
  }
}
#page-main .lead-link a {
  display: inline-block;
  border: 2px solid #000;
  padding: 0.88rem 5.44rem;
  color: #000;
  text-align: justify;
  font-family: Zen Kaku Gothic Antique;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 177.778% */
  letter-spacing: 0.05625rem;
  transition: all 0.3s ease-in-out;
}
#page-main .lead-link a:hover {
  background-color: #000;
  color: #fff;
}
@media (max-width: 767px) {
  #page-main .lead-link a {
    color: #000;
    text-align: justify;
    font-family: Zen Kaku Gothic Antique;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem; /* 200% */
    letter-spacing: 0.05rem;
    padding: 0.8rem 1rem;
  }
}
#page-main #message {
  margin-top: 6.31rem;
}
@media (max-width: 767px) {
  #page-main #message {
    margin-top: unset;
  }
}
#page-main #message h2 {
  color: #000;
  font-family: Zen Kaku Gothic Antique;
  font-size: 1.5625rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.07813rem;
  text-align: center;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  #page-main #message h2 {
    color: #000;
    font-family: Zen Kaku Gothic Antique;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.07813rem;
  }
}
#page-main #message .ilustration {
  text-align: center;
  margin-bottom: 3rem;
}
@media (max-width: 767px) {
  #page-main #message .ilustration {
    margin-bottom: 1rem;
  }
}
#page-main #message .ilustration img {
  display: inline-block;
  width: 12rem;
  height: auto;
}
@media (max-width: 767px) {
  #page-main #message .ilustration img {
    width: 10rem;
  }
}
#page-main #message main {
  display: flex;
  flex-direction: column;
  gap: 2em;
  max-width: 52.875rem;
  margin-inline: auto;
}
#page-main #message main p {
  color: #000;
  text-align: justify;
  font-family: Zen Kaku Gothic Antique;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 177.778% */
  letter-spacing: 0.05625rem;
}
@media (max-width: 767px) {
  #page-main #message main p {
    color: #000;
    text-align: justify;
    font-family: Zen Kaku Gothic Antique;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem; /* 200% */
    letter-spacing: 0.03rem;
  }
}
#page-main #message footer {
  text-align: right;
  margin-top: 3.75rem;
  max-width: 52.875rem;
  margin-inline: auto;
}
#page-main #message footer p {
  color: #000;
  font-family: Zen Kaku Gothic Antique;
  font-size: 1.5625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem; /* 128% */
  letter-spacing: 0.07813rem;
}
@media (max-width: 767px) {
  #page-main #message footer p {
    color: #000;
    font-family: Zen Kaku Gothic Antique;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem; /* 160% */
    letter-spacing: 0.0625rem;
  }
}
#page-main #membership-fee {
  margin-top: 11.25rem;
}
@media (max-width: 767px) {
  #page-main #membership-fee {
    margin-top: 7.5rem;
  }
}
#page-main #membership-fee h2 {
  color: #000;
  font-family: Zen Kaku Gothic Antique;
  font-size: 1.5625rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.07813rem;
  text-align: center;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  #page-main #membership-fee h2 {
    color: #000;
    font-family: Zen Kaku Gothic Antique;
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.07813rem;
  }
}
#page-main #membership-fee .price {
  color: #000;
  text-align: center;
  font-family: Zen Kaku Gothic Antique;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 128% */
  letter-spacing: 0.07813rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  #page-main #membership-fee .price {
    color: #000;
    text-align: center;
    font-family: Zen Kaku Gothic Antique;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem; /* 128% */
    letter-spacing: 0.07813rem;
  }
}
#page-main #membership-fee .price .price-symbol {
  font-size: 1.5625rem;
}
@media (max-width: 767px) {
  #page-main #membership-fee .price .price-symbol {
    font-size: 1.5625rem;
  }
}
#page-main #membership-fee .price .price-number {
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  #page-main #membership-fee .price .price-number {
    font-size: 2.5rem;
  }
}
#page-main #membership-fee .price .price-period {
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  #page-main #membership-fee .price .price-period {
    font-size: 1.125rem;
  }
}
#page-main #membership-fee .note {
  color: #000;
  text-align: center;
  font-family: Zen Kaku Gothic Antique;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 177.778% */
  letter-spacing: 0.05625rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 767px) {
  #page-main #membership-fee .note {
    color: #000;
    text-align: justify;
    font-family: Zen Kaku Gothic Antique;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2rem; /* 200% */
    letter-spacing: 0.02rem;
  }
}
#page-main #membership-fee .link {
  text-align: center;
  margin-bottom: 5.63rem;
}
#page-main #membership-fee .link a {
  display: inline-block;
  border: 2px solid #000;
  padding: 0.88rem 5.44rem;
  color: #000;
  text-align: justify;
  font-family: Zen Kaku Gothic Antique;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem; /* 177.778% */
  letter-spacing: 0.05625rem;
  transition: all 0.3s ease-in-out;
}
#page-main #membership-fee .link a:hover {
  background-color: #000;
  color: #fff;
}
@media (max-width: 767px) {
  #page-main #membership-fee .link a {
    color: #000;
    text-align: justify;
    font-family: Zen Kaku Gothic Antique;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem; /* 200% */
    letter-spacing: 0.05rem;
    padding: 0.88rem 3.81rem;
  }
}/*# sourceMappingURL=page-members-only.min.css.map */