@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;
  }
} */

/* //MEMO 背景が黒い時のフォームのラジオボタンの色調整 ※確認画面のみ*/
/* @media (min-width: 1024px) {
  .c-form-control__option input[type="radio"]:disabled,
  .c-form-control__option input[type="checkbox"]:disabled {
    filter: invert(1) brightness(10);
  }
} */

/* 色調整 */
.blended-title__upper-txt  {
   text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}
.blended-title__bottom-txt  {
  color: #fff !important;
   text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

.blended-title__bottom-txt {
  mix-blend-mode: initial;
}

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

/* フォントサイズ */
.therapist-name {
  font-size: 20px;
}

@media (max-width: 767px) {
  .blended-title>* {
    font-size: 7vw;
  }

  .concept-title {
    font-size: 195%;
  }
}

/* line調整 */
.therapist .c-heading__alphabetic>i {
  width: 72%;
}

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

/* logo */
.g-header__logo[class*="--v@2"] > a img {
    width: 8rem;
}

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

@media (min-width: 1024px) {
    .footer-logo__link {
        width: 275px;
    }
}

/* service */
@media (min-width: 1024px) {
  .about-feature {
    align-items: center;
  }

  .about-feature__fig {
    width: 400px;
    margin-bottom: 0;
  }

  .about-feature:not(:last-child) {
    margin-bottom: 100px;
  }

}