@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Sansita:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&display=swap");
/* common */
body, .wrap, .area--official {
  background: rgb(255, 255, 255) !important;
}

.page--feature .support .section-tit {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
  font-style: normal !important;
}

.section-tit, .list__more a, .drawer .g-nav ul li a, .block--month .tit, .block--month ul li, .sys-schedule .block--date span, .detail__btn a, .block--txt .date, .category, .category .date, .block--category a {
  font-family: "Sansita", sans-serif !important;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.002em !important;
}

.drawer {
  background-color: #E2EB9F !important;
}
.drawer .nav--official {
  background: white !important;
}
.drawer .g-nav .nav__list--login li a {
  font-style: normal;
}

.searchBox input[type=text] {
  border: solid 1px rgba(44, 139, 115, 0.5) !important;
}

/* page--home */
.page--home .logo a img {
  height: auto;
  max-height: unset;
}
.page--home .area--fc .section--login .logo--fc, .page--home .area--fc .section--login img {
  max-width: 500px !important;
}

/* page--introduction */
.page--feature .page--introduction .block--logo {
  max-height: none;
}
.page--feature .page--introduction .block--logo .artistname {
  display: none;
}
.page--feature .page--introduction .block--login__member li {
  background: #2c8b73;
  color: #E2EB9F;
}
.page--feature .page--introduction .block--service .block--service__contents img {
  display: block;
  margin: 0 auto;
}
.page--feature .page--introduction .block--service .block--service__contents li .inner span {
  background: #2c8b73;
  color: #E2EB9F;
}

/* page--faq */
.page--faq .section--detail .icon--a {
  background-color: #2c8b73 !important;
}

@media screen and (min-width: 961px) {
  .logo {
    width: clamp(140px, 22vw, 230px) !important;
  }
}
@media screen and (max-width: 960px) and (min-width: 1px) {
  .wrap > .logo.sp {
    display: none !important;
  }
  .header .logo {
    top: 0;
    left: 0;
    width: clamp(120px, 30vw, 200px);
    height: auto;
    margin-top: 2em;
    margin-left: 1.5em;
  }
  .header .logo a {
    padding: 0 !important;
  }
  .header .logo.pc {
    display: block !important;
  }
  /* page--home */
  .page--home .wrap header .logo {
    position: inherit !important;
    margin: 10vw auto 0;
  }
  /* page--introduction */
  .page--feature .page--introduction .block--logo {
    width: 70%;
    margin-bottom: 2em;
  }
}