/**
 * NKTS Construction v1.6.8 Hero fixes.
 * Hero専用色・1行タイトル・固定メイン画像の最終上書き。
 */

body.nk-construction-theme #nk-con-hero .nk-con-hero__content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* 他セクションのH1/H2/H3/H4色から完全に分離する。 */
body.nk-construction-theme #nk-con-hero .nk-con-hero__title {
  color: var(--nk-con-hero-title-color, #ffffff) !important;
  font-size: var(--nk-con-front-title-pc-size, 72px) !important;
  max-width: none !important;
}

/* 通常セクションのeyebrow色から完全に分離する。 */
body.nk-construction-theme #nk-con-hero .nk-con-hero__eyebrow {
  color: var(--nk-con-hero-eyebrow-color, #ffffff) !important;
}

/*
 * 1行表示ON時はCSS側で改行を禁止する。
 * JavaScriptが指定サイズを上限として、利用可能幅に収まる場合だけ自動縮小する。
 */
body.nk-construction-theme #nk-con-hero .nk-con-hero__title.is-single-line {
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  line-break: auto !important;
  text-wrap: nowrap !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
}

/* 固定静止画ではスライド切替・ズームによる見切れを止める。 */
body.nk-construction-theme #nk-con-hero.nk-con-hero-media-image .nk-con-hero__slide,
body.nk-construction-theme.nk-con-hero-media-image #nk-con-hero .nk-con-hero__slide {
  opacity: 1 !important;
  transform: scale(1) !important;
  animation: none !important;
}

@media (max-width: 767px) {
  body.nk-construction-theme #nk-con-hero .nk-con-hero__title {
    font-size: var(--nk-con-front-title-sp-size, 40px) !important;
  }
}