.wrap > .bg img, footer .bg img {
  display: none !important;
}

footer .bg::before {
  background: #fff;
}

.pattern--integrated .header .drawer .g-nav .nav--official .nav--logo img, .header .drawer .g-nav .nav--official .nav--logo img {
  width: 70vw;
  max-width: 200px;
  min-width: 175px;
}

.page--home.pattern--integrated .view__area {
  background: rgba(0, 0, 0, 0.05);
}
.page--home.pattern--integrated .section--hero-img .block--hero-img {
  width: 100%;
  max-height: inherit;
  height: 100%;
  display: flex;
  justify-content: center;
  padding-top: 130px;
  margin-top: 5vh;
}
.page--home.pattern--integrated .section--hero-img .block--hero-img img {
  max-height: 100%;
}
.page--home.pattern--integrated .section--hero-img .block--login .g-nav--item__login::before {
  background: #6c6c6c;
}
.page--home.pattern--integrated #link.block--contents.block--wide--btn {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 20px;
}
.page--home.pattern--integrated #link.block--contents.block--wide--btn a {
  width: 30%;
  height: 80px;
  line-height: 76px;
  text-align: center;
  font-size: 20px;
  border: #90d3ca solid 1px;
  background: transparent;
  color: #90d3ca;
}
@media (any-hover: hover) {
  .page--home.pattern--integrated #link.block--contents.block--wide--btn a:hover {
    background: #90d3ca;
    color: #fff;
  }
}
.page--home.pattern--integrated .area--fc .section--login .logo--fc img {
  width: 40vw;
  max-width: 250px;
}

.page--feature .page--introduction .block--logo {
  max-width: 200px;
}

@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) h1.logo {
    width: 20vw;
  }
  .page--home .wrap h1.logo {
    height: auto;
    top: 60px;
  }
  .pattern--integrated .header .drawer .g-nav .nav--member .logo--fc, .pattern--integrated .header .drawer .g-nav .nav--member .nav--logo img {
    max-width: 130px;
  }
  .page--home.pattern--integrated .section--hero-img {
    flex-direction: column;
    height: 100%;
  }
  .page--home.pattern--integrated .section--hero-img .block--hero-img {
    max-height: 100%;
  }
  .page--home.pattern--integrated .section--hero-img .block--login {
    position: relative;
    margin-top: 50px;
    bottom: 0;
  }
  .page--home.pattern--integrated .header .drawer .g-nav .nav--official, .page--home.pattern--integrated .header .drawer .g-nav .nav--member {
    padding: 80px 0;
  }
  .page--home.pattern--integrated .block--contents:last-child {
    margin-bottom: 0;
  }
  .page--home.pattern--integrated #link.block--contents.block--wide--btn a {
    width: 100%;
    height: 64px;
    font-size: 16px;
    line-height: 64px;
    margin-bottom: 24px;
    max-width: 400px;
  }
  .page--feature.pattern--integrated .wrap {
    padding-bottom: 0;
  }
  .page--feature .page--introduction .block--logo {
    width: 40%;
  }
}
@media screen and (min-width: 961px) {
  h1.logo {
    width: clamp(140px, 22vw, 250px);
  }
  .pattern--integrated .wrap.loggedin .header, .pattern--integrated .header, .pattern--integrated.page--home .header, .window-scroll .header {
    background: #f2f2f2 !important;
  }
  .header .g-nav .nav li a::after, .detail__btn a::after, .list__more a::after {
    background: #222;
  }
  .pattern--integrated .header .drawer .g-nav .nav--official .nav--logo img, .header .drawer .g-nav .nav--official .nav--logo img {
    max-width: 17vw;
  }
  .pattern--integrated .header .drawer .g-nav .nav--member .nav--logo img, .header .drawer .g-nav .nav--member .nav--logo img {
    max-width: 11vw;
  }
  .page--home.pattern--integrated .view__area {
    padding-bottom: 70px;
  }
  .page--home.pattern--integrated .section--hero-img {
    height: 130vh;
  }
  .page--home.pattern--integrated .section--hero-img .block--hero-img img:not(.cover) {
    position: static;
    top: auto;
    left: auto;
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
    max-height: inherit;
    max-width: 96%;
  }
  .page--home.pattern--integrated #link.block--contents.block--wide--btn {
    margin-bottom: -70px;
  }
  .page--home.pattern--integrated .block--content-wrap section .block--title {
    width: 40%;
  }
  .page--home.pattern--integrated .block--content-wrap section .block--title + *, .page--home.pattern--integrated .block--content-wrap section.section--discography .block--title + * {
    padding: 40px 5% 0 5%;
  }
}
.css-pattern-5 .header .drawer .g-nav .nav__list--login li a,
.css-pattern-5 .area--fc .section--login .block--login .nav li a,
.pattern--integrated .css-pattern-5 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated .css-pattern-5 .area--fc .section--login .block--login .nav li a,
.pattern--integrated.page--home .css-pattern-5 .header .drawer .g-nav .nav__list--login li a,
.pattern--integrated.page--home .css-pattern-5 .area--fc .section--login .block--login .nav li a,
.btn .btn--main,
.limited .section-tit::after,
.tit .limited::after {
  background: #90d3ca;
}

.header .drawer .nav--member .nav__list--contents li a {
  color: #90d3ca !important;
}