@charset "utf-8";

/**************************************************************
* カスタム用CSS
**************************************************************/

/* ロゴ（サイズの調整したい場合、コメントアウトを削除）
********************************/
/* //MEMO 大体1/1の画像であれば、widthの調整だけでリサイズ可能（max-widthかかっている）*/
/* .g-header__logo[class*="--v@2"] > a img {
  width: 5.25rem;
}

@media all and (min-width: 1024px) {
  .g-header__logo[class*="--v@2"] > a img {
    width: 9rem;
  }
} */

/* //MEMO 縦長の場合、画像の親要素の高さも調整する */
/* .g-header__logo[class*="--v@2"] {
  height: 30vw;
}

@media all and (min-width: 1024px) {
  .g-header__logo[class*="--v@2"] {
    height: 15.35vw;
  }
} */

.g-header__logo[class*="--v@2"] > a img {
  width: 100%;
}

@media (min-width: 1024px) {
  .g-header__logo[class*="--v@2"] > a img {
    width: 90%;
  }
}

.g-header__logo[class*="--v@2"] > a {
  background-color: #5E181C;
}

.g-nav[class*="--v@2"] {
  background: linear-gradient(135deg, #5E181C 15%, #000 70%);
}

.therapist__body {
  display: block;
}

@media (min-width: 767px) {
  .therapist__body li {
    display: flex;
    gap: 5%;
  }
}

.therapist-message > ul > li:first-child {
  font-size: 16px;
  margin-top: 20px;
}

.ui-state-nav-opened .g-header__logo[class*="--v@2"] > a {
  background-color: transparent;
}

.footer-logo__link {
  padding: 0;
}

.footer-logo__wrap > a > img {
  margin-inline: auto;
}

@media (min-width: 1024px) {
  .g-footer__nav-block > nav {
    max-width: 60%;
  }
}

@media (max-width: 767px) {
  .concept-title {
    width: 95%;
  }

  .concept-paragraph {
    width: 95%;
  }
}

@media (min-width: 1024px) {
  .nav-links {
    min-width: 200px;
  }
}

@media (min-width: 1024px) {
  .c-heading__alphabetic.has-left-line > i {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .concept-title {
    font-size: 280%;
  }
}

@media (min-width: 1024px) {
  .concept__body {
      padding-left: 35%;
  }
}

@media (min-width: 1024px) {
  .concept-visual[class*="--1"] .concept-visual__bg {
    right:-3.5vw;
  }
}

@media (min-width: 1024px) {
  .flow .c-heading__alphabetic.has-bottom-line > i {
      height: 1100px;
  }
}