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

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

.copyright {
  color: #fff;
}

.menu-block__heading {
  margin-top: calc(40 / 14 * 1rem);
}

.menu-segment {
  margin-top: 5%;
}

@media (min-width: 1024px) {
  .menu-segment::before {
    height: 100%;
  }
}

.footer-logo__link {
  /* background-color: #fff; */
}

@media (min-width: 1024px) {
  .footer-logo__link {
    padding: 0;
    /* width: 260px; */
  }
}

.g-header__logo[class*="--v@2"] {
  /* height: 12vw; */
}

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

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

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

.mv__slider-block {
  position: relative; /* オーバーレイを重ねるため */
  overflow: hidden;   /* 不要なら削除 */
}

.mv__slider-block .swiper-slide::before {
  content: "";
  position: absolute;
  inset: 0; /* top, right, bottom, left 全部0 */
  background: rgba(0, 0, 0, 0.3); /* 黒マスク（50%透過） */
  z-index: 1; /* 中身より上にしたい場合 */
}

.mv-copy__translation {
  color: #fff;
  text-shadow: 2px 2px 4px #000;
}

.g-footer::after {
  background: linear-gradient(135deg, #8c8c8c 15%, #000000 70%);
}

.qa .c-heading__alphabetic, .qa .c-heading__kana {
  color: var(--accent-color-3);
}

.qa-data {
  color: var(--accent-color-3);
  border-bottom: 1px solid var(--accent-color-3);
}

.qa-data > dt::before, .qa-data > dd::before {
  border: 1px solid var(--accent-color-3);
}

.qa-data > dd::before {
  background-color: var(--accent-color-3);
}

.flow .c-heading__alphabetic, .flow .c-heading__kana {
  color: var(--accent-color-3);
}

.flow-step {
  color: var(--accent-color-3);
}

.menu-segment::before {
  background-color: var(--accent-color-1);
}

.concept-title::first-letter {
    color: inherit; /* 親の文字色を継承 */
}


.access-data dd a {
  color: var(--accent-color-3);
}

.copyright {
  color: var(--accent-color-3);
}

.menu-segment__heading {
  background-color: #626262;
}