/* **************************************
エレナビ追加 2026.02作業 ここから
***************************************** */
.t-solutionInfoElenavi[class] {
  --products-main-color: #2F9AAC;
  --products-liner-light-color: #fff;
  --sub-text-color: #FF7777;
  /* ===== MKT追記 26.07: 下段セクション余白（切れ目＞見出し下／共通は触らず上書き） ===== */
  --section-top: 90px;
  --section-head-gap: 60px; /* PC 見出し下60 */
}

/* key_visual */
.t-solutionInfoElenavi[class] .key_visual {
  padding-bottom: 50px;
  height: auto;
  background-color: var(--bg-light-color);
  position: relative;
}
/* ===== MKT追記 26.07: KV背景ドットの下フェードを優先 ===== */
.t-solutionInfoElenavi[class] .key_visual__bg {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: calc((1020px - 100vw) / 2);
  width: 100vw;
  min-height: 600px;
  /* coverのまま下寄せ（枠を広げない＝ドット拡大を避ける） */
  background: url("/assets/img/solution_info/elenavi/002/img/kv_bg.png?20260807") no-repeat center bottom / cover;
  pointer-events: none;
}
/* ===== MKT追記 26.07: KV背景 ここまで ===== */
.t-solutionInfoElenavi[class] .key_visual__inner {
  padding: 80px 20px 13px;
  position: relative;
  max-width: 1020px;
  margin: 0 auto;
  z-index: 1;
  left: 0;
  /* background: var(--products-main-color); */
}
.t-solutionInfoElenavi[class] .key_visual__inner::before {
  content: '';
  width: 100vw;
  margin-left: calc((1020px - 100vw) / 2);
  height: 268px;
  background: var(--products-main-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.t-solutionInfoElenavi[class] .key_visual__content {
  margin: 0 auto;
  /* padding: 0 20px; */
  /* max-width: 1020px; */
}
.t-solutionInfoElenavi[class] .key_visual__heading {
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
  font-weight: normal;
  position: relative;
  left: 0;
}

.t-solutionInfoElenavi[class] .key_visual__text {
  margin-bottom: 14px;
  display: block;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  z-index: 1;
  /* ===== MKT追記 26.07: ロゴ上文言の字間 ===== */
  letter-spacing: 0.1em;
}
/* ===== MKT追記 26.07: ®でロゴ枠が右に伸びた分、上下日本語を光学中央へ（PC中央揃え時） ===== */
@media screen and (min-width: 768px) {
  .t-solutionInfoElenavi[class] .key_visual__text,
  .t-solutionInfoElenavi[class] .key_visual__ruby {
    transform: translateX(-11px); /* (282-260)/2 */
  }
}

.t-solutionInfoElenavi[class] .key_visual__logo {
  display: block;
  width: 282px; /* ===== MKT追記 26.07: ロゴ幅（®入り1475/旧1361に合わせて260→282） ===== */
  max-width: 282px;
  /* width:  calc(374 / 1920 * 100vw); */
  position: relative;
}
.t-solutionInfoElenavi[class] .key_visual__logo img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  
}
.t-solutionInfoElenavi[class] .tm-mark {
  font-size: 0.55em;
  font-weight: 700;
  line-height: 1;
  vertical-align: super;
}
.t-solutionInfoElenavi[class] .key_visual__logo::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/img/solution_info/elenavi/002/img/elenavi_logo.svg?20260807") no-repeat center / cover;
  filter: drop-shadow(9px 10px 0px rgb(13, 143, 171, 0.27));
  mix-blend-mode: multiply;

}
.t-solutionInfoElenavi[class] .key_visual__ruby {
  margin-top: 15px;
  font-size: 16px;
  position: relative;
  z-index: 1;
  /* ===== MKT追記 26.07: ロゴ下ルビの字間 ===== */
  letter-spacing: 0.1em;
}
.t-solutionInfoElenavi[class] .key_visual__footer {
  margin: 100px auto 0; /* ===== MKT追記 26.07: ロゴ〜キャッチ上アキ（60→100） ===== */
  padding: 0 20px 64px;
  max-width: 1020px;
  position: relative;
  z-index: 1;
  transition-delay: 0.6s;
}
/* ===== MKT追記 26.07: メインコピー（テキスト化・字間・白フチ）ここから ===== */
.t-solutionInfoElenavi[class] .key_visual__catch-svg {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.t-solutionInfoElenavi[class] .key_visual__catch {
  max-width: 560px;
  margin: 0;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0.04em;
  text-align: left;
  -webkit-text-stroke: 0;
  text-shadow: none;
  filter: url(#kvCatchGlow);
}
.t-solutionInfoElenavi[class] .key_visual__catch-lead {
  display: block;
  margin-bottom: 20px;
  color: #4a4a4a;
  font-size: 22px;
}
.t-solutionInfoElenavi[class] .key_visual__catch-em {
  display: block;
  max-width: none;
  color: var(--products-main-color);
  font-size: 38px; /* ===== MKT追記 26.07: PC メインコピー拡大（34→38） ===== */
  line-height: 1.35;
}
.t-solutionInfoElenavi[class] .key_visual__catch-em-line {
  display: inline-block;
  white-space: nowrap;
}
.t-solutionInfoElenavi[class] .key_visual__catch-kana {
  font-size: 30px; /* ===== MKT追記 26.07: PC（26→30） ===== */
  -webkit-text-stroke: 0;
  text-shadow: none;
}
.t-solutionInfoElenavi[class] .key_visual__catch-em-hang {
  display: block;
  margin-left: -0.75em;
  padding-left: 0;
  text-indent: 0;
}
.t-solutionInfoElenavi[class] .key_visual__catch-em-hang .key_visual__catch-punc {
  font-size: 48px; /* ===== MKT追記 26.07: PC（44→48） ===== */
}
.t-solutionInfoElenavi[class] .key_visual__catch-em-hang .key_visual__catch-punc--open {
  margin-left: 0;
  margin-right: -0.12em;
}
.t-solutionInfoElenavi[class] .key_visual__catch-word {
  font-size: 38px; /* ===== MKT追記 26.07: PC（34→38） ===== */
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.1em; /* ===== MKT追記 26.07: 「混雑」「仕組み」など大ゴシックを少し開ける ===== */
}
.t-solutionInfoElenavi[class] .key_visual__catch-word--lg {
  font-size: 48px; /* ===== MKT追記 26.07: PC「仕組み」（44→48） ===== */
  letter-spacing: 0.12em; /* ===== MKT追記 26.07: 「仕組み」はさらに少し開ける ===== */
}
.t-solutionInfoElenavi[class] .key_visual__catch-punc {
  letter-spacing: 0;
  font-weight: 400;
}
.t-solutionInfoElenavi[class] .key_visual__catch-punc--open {
  margin-left: -0.28em;
  margin-right: 0;
}
.t-solutionInfoElenavi[class] .key_visual__catch-punc--close {
  margin-left: 0;
  margin-right: -0.28em;
}
/* ===== MKT追記 26.07: メインコピー ここまで ===== */
.t-solutionInfoElenavi[class] .key_visual__pic {
  max-width: 921px;
  width: 100%;
  /* width: calc(921 / 1920 * 100vw); */
  position: absolute;
  top: 60px;
  right: calc(-220 / 1920 * 100vw);
  /* right: 230px; */
  height: auto;
  mix-blend-mode: multiply;
  transform: none;
}
/* ===== MKT追記 26.07: 広いPCのみロゴ/コピー/写真を左へ（768〜1076で切れないように） ===== */
@media screen and (min-width: 1077px) {
  .t-solutionInfoElenavi[class] .key_visual__heading {
    left: -30px; /* ===== MKT追記 26.07: 見出しを右へ40（-70→-30） ===== */
  }
  .t-solutionInfoElenavi[class] .key_visual__catch {
    margin-left: -40px;
  }
  .t-solutionInfoElenavi[class] .key_visual__pic {
    transform: translateX(-50px);
  }
}
@media screen and (max-width: 1224px) {
  .t-solutionInfoElenavi[class] .key_visual__pic {
    right: 50%;
    transform: translateX(50%);
  }
}
@media screen and (max-width: 1020px) {
  .t-solutionInfoElenavi[class] .key_visual__bg {
    margin-left: 0;
  }
  .t-solutionInfoElenavi[class] .key_visual__inner::before {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .t-solutionInfoElenavi[class] .key_visual {
    padding-bottom: 30px;
  }
  .t-solutionInfoElenavi[class] .key_visual::after {
    display: none;
  }

  /* ===== MKT追記 26.07: KV背景 SP ===== */
  .t-solutionInfoElenavi[class] .key_visual__bg {
    width: 100%;
    min-height: calc(400 / 375 * 100vw);
    margin-left: 0;
    background-image: url("/assets/img/solution_info/elenavi/002/img/kv_bg_sp.png?20260807");
    background-position: center bottom;
    background-size: cover;
  }
  /* ===== MKT追記 26.07: KV背景 SP ここまで ===== */

  .t-solutionInfoElenavi[class] .key_visual__inner {
    padding: 29px 0 0;
    left: 0;
  }
  .t-solutionInfoElenavi[class] .key_visual__inner::before {
    height: 150px; /* ===== MKT追記 26.07: SP ロゴ帯（180→150） ===== */
  }
  .t-solutionInfoElenavi[class] .key_visual__content {
    max-width: 390px;
  }
  .t-solutionInfoElenavi[class] .key_visual__heading {
    margin-left: 0;
    margin-right: 0;
    padding: 0 40px;
    left: 0;
    align-items: flex-start; /* ===== MKT追記 26.07: SPは左寄せ ===== */
  }
  .t-solutionInfoElenavi[class] .key_visual__text,
  .t-solutionInfoElenavi[class] .key_visual__ruby {
    font-size: 12px;
  }
  .t-solutionInfoElenavi[class] .key_visual__logo {
    width: 163px; /* SP: ®入り比率で150→163 */
    max-width: 163px;
    /* width:  calc(374 / 1920 * 100vw); */
    position: relative;
  }
  .t-solutionInfoElenavi[class] .key_visual__logo::after {
    filter: drop-shadow(6px 5px 0px rgb(13, 143, 171, 0.27));
  }
  .t-solutionInfoElenavi[class] .key_visual__footer {
    margin-top: -46px; /* ===== MKT追記 26.07: SP コピー位置 ===== */
    padding: 0 40px 0; /* ===== MKT追記 26.07: H1と同じ左40で頭合わせ ===== */
  }
  /* ===== MKT追記 26.07: メインコピー SP ===== */
  .t-solutionInfoElenavi[class] .key_visual__catch {
    max-width: 100%;
    margin-left: 0;
  }
  .t-solutionInfoElenavi[class] .key_visual__catch-lead {
    font-size: 20px;
    margin-bottom: 10px; /* ===== MKT追記 26.07: SP リード下（20→10） ===== */
  }
  .t-solutionInfoElenavi[class] .key_visual__catch-em {
    font-size: 28px;
  }
  .t-solutionInfoElenavi[class] .key_visual__catch-word {
    font-size: 28px;
  }
  .t-solutionInfoElenavi[class] .key_visual__catch-word--lg {
    font-size: 36px;
  }
  .t-solutionInfoElenavi[class] .key_visual__catch-em-hang .key_visual__catch-punc {
    font-size: 36px;
  }
  .t-solutionInfoElenavi[class] .key_visual__catch-kana {
    font-size: 24px;
  }
  .t-solutionInfoElenavi[class] .key_visual__catch-em-line {
    white-space: nowrap;
  }
  /* ===== MKT追記 26.07: メインコピー SP ここまで ===== */
  .t-solutionInfoElenavi[class] .key_visual__pic {
    position: static;
    width: 100%;
    transform: none;
    margin-top: -22px; /* ===== MKT追記 26.07: SP KV画像位置 ===== */
  }
}


/* page_heading */
.t-solutionInfoElenavi[class] .page_heading.elenavi_heading01 {
  font-size: 30px;
  line-height: 1.35;
}
/* ===== MKT追記 26.07: testimonial見出し下の短いラインを非表示 ===== */
.t-solutionInfoElenavi[class] .page_heading.elenavi_heading01 span::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .t-solutionInfoElenavi[class] .page_heading.elenavi_heading01 {
    font-size: 20px;
    line-height: 1.5;
    padding: 0 13px;
  }
}
/* feature */
.t-solutionInfoElenavi[class] .feature {
  margin-top: calc(-310 / 1920 * 100vw);
  padding: calc(480 / 1920 * 100vw) 0 40px;
  mask-image: url("/assets/img/solution_info/elenavi/002/img/bg_feature_list.svg?20260807");
  -webkit-mask-image: url("/assets/img/solution_info/elenavi/002/img/bg_feature_list.svg?20260807");
}
/* ===== MKT追記 26.07: feature--elenavi01 のBGはグレー想定 ===== */
.t-solutionInfoElenavi[class] .feature.feature--elenavi01 {
  background: var(--bg-light-color);
  padding-bottom: 85px; /* ===== MKT追記 26.07: 「印象や評価…」〜次の緑帯上を他ブロック下アキに揃える（40→85） ===== */
}
.t-solutionInfoElenavi[class] .feature--elenavi02 {
  margin-bottom: calc(-160 / 1920 * 100vw);
  margin-top: calc(-230 / 1920 * 100vw);
  padding-top: calc(590 / 1920 * 100vw);
  background: linear-gradient(180deg, #A9D6DE 30.31%, #FFFFFF 62.5%);
}
.t-solutionInfoElenavi[class] .feature__lead {
  font-size: 16px;
  text-align: center;
  line-height: 1.8;
}
.t-solutionInfoElenavi[class] .feature--elenavi02 .feature__lead {
  margin-top: 20px; /* ===== MKT追記 26.07: 上アキ+20 ===== */
}
/* ===== MKT追記 26.07: 「人の流れを…」上アキ（先頭の緑帯は20のまま／20→40） ===== */
.t-solutionInfoElenavi[class] .feature--elenavi02 + .advantages__container + .feature.feature--elenavi02 .feature__lead {
  margin-top: 40px;
}
.t-solutionInfoElenavi[class] .feature .container.feature__container {
  margin-top: calc(-130 / 1920 * 100vw)!important;
}
.t-solutionInfoElenavi[class] .feature.feature--elenavi02 .container.feature__container {
  margin-top: calc(-240 / 1920 * 100vw)!important;
}
.t-solutionInfoElenavi[class] .feature__highlight {
  display: block;
  margin-top: 5px; /* ===== MKT追記 26.07: リード〜強調の呼吸（10→5） ===== */
  font-weight: bold;
  font-size: 26px; /* ===== MKT追記 26.07: 「行先階予約…」（22→26） ===== */
  line-height: 1.5; /* ===== MKT追記 26.07: 「ビル全体の価値設計…」（1.8→1.5） ===== */
  color: var(--sub-text-color);
}
/* ===== MKT追記 26.07: 「利用者はいつも通り…」上アキ／下線行のみ太字18 ===== */
.t-solutionInfoElenavi[class] .feature--elenavi02 + .advantages__container > .advantages_text_footer {
  margin-top: 30px; /* ===== MKT追記 26.07: 「行先階予約…」〜「利用者は…」 ===== */
}
.t-solutionInfoElenavi[class] .feature--elenavi02 + .advantages__container > .advantages_text_footer .advantages_text_footer--border {
  font-size: 18px;
  font-weight: 700; /* ===== MKT追記 26.07: 「特別な運用…」 ===== */
  line-height: 1.2; /* ===== MKT追記 26.07: 文字〜下線を気持ち詰め ===== */
  padding-bottom: 1px;
}
/* ===== MKT追記 26.07: 「価値設計が…」〜カタログ誘導（30→80／HTMLクラス分けできたら置換推奨） ===== */
.t-solutionInfoElenavi[class] .feature--elenavi02 + .advantages__container + .feature.feature--elenavi02 + .advantages__container .advantages_text_head {
  margin-top: 80px;
}
@media screen and (max-width: 1400px) {
  .t-solutionInfoElenavi[class] .feature--elenavi02 {
    margin-bottom: calc(-120 / 1920 * 100vw);
  }
}
@media screen and (max-width: 767px) {
  .t-solutionInfoElenavi[class] .feature {
    mask-image: url("/assets/img/solution_info/elenavi/002/img/bg_feature_list_sp.svg?20260807");
    -webkit-mask-image: url("/assets/img/solution_info/elenavi/002/img/bg_feature_list_sp.svg?20260807");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-position: center top;
    -webkit-mask-position: center top;
  }
  .t-solutionInfoElenavi[class] .feature.feature--elenavi01 {
    margin-top: calc(-90 / 375 * 100vw);
    padding: calc(90 / 375 * 100vw) 0 50px; /* ===== MKT追記 26.07: SP 下50 ===== */
    background: #fff; /* ===== MKT追記 26.07: SP「体験」帯は白 ===== */
  }
  .t-solutionInfoElenavi[class] .feature--elenavi02 {
    margin-top: calc(-50 / 375 * 100vw);
    padding: calc(140 / 375 * 100vw) 0 40px;
  }
  .t-solutionInfoElenavi[class] .feature .container.feature__container {
    margin-top: 0 !important;
  }
  .t-solutionInfoElenavi[class] .feature__lead {
    font-size: 16px;
    line-height: 1.7; /* ===== MKT追記 26.07: SP 本文行間 ===== */
  }
  .t-solutionInfoElenavi[class] .feature--elenavi02 .feature__lead {
    font-size: 16px;
  }
  .t-solutionInfoElenavi[class] .feature__highlight {
    font-size: 20px;
    line-height: 1.5; /* ===== MKT追記 26.07: SP 強調行間 ===== */
  }
  .t-solutionInfoElenavi[class] .feature--elenavi02 + .advantages__container > .advantages_text_footer .advantages_text_footer--border {
    font-size: 20px; /* ===== MKT追記 26.07: SP「特別な運用…」太字強調を20に揃え ===== */
    line-height: 1.5; /* ===== MKT追記 26.07: SP 2行＋下線用（1.2だと詰まる） ===== */
  }
  /* ===== MKT追記 26.07: SP「人の流れを整えることで」上アキ20（PCは40） ===== */
  .t-solutionInfoElenavi[class] .feature--elenavi02 + .advantages__container + .feature.feature--elenavi02 .feature__lead {
    margin-top: 20px;
  }
  /* ===== MKT追記 26.07: SP カタログ誘導上アキ40（PC80／帯下paddingと二重にしない） ===== */
  .t-solutionInfoElenavi[class] .feature--elenavi02 + .advantages__container + .feature.feature--elenavi02 + .advantages__container .advantages_text_head {
    margin-top: 40px;
  }
}

/* raise_issue */
/* ===== MKT追記 26.07: raise_issue（余白・リード文字サイズ） ===== */
.t-solutionInfoElenavi[class] .raise_issue {
  margin-top: 0;
  padding-top: 50px; /* ===== MKT追記 26.07: KV〜リード（30→50） ===== */
  padding-bottom: 0;
  background: var(--bg-light-color);
}
.t-solutionInfoElenavi[class] .raise_issue::before,
.t-solutionInfoElenavi[class] .raise_issue::after {
  display: none;
}
.t-solutionInfoElenavi[class] .raise_issue__lead {
  margin-bottom: 50px; /* ===== MKT追記 26.07: リード〜課題ボックス（30→50） ===== */
  font-size: 20px;
  line-height: 1.7;
  text-align: center;
}
.t-solutionInfoElenavi[class] .raise_issue__text {
  color: var(--sub-text-color);
}
.t-solutionInfoElenavi[class] .raise_issue__text::before {
  background-color: var(--sub-text-color);
}
@media screen and (max-width: 767px) {
  .t-solutionInfoElenavi[class] .raise_issue {
    padding-top: 0;
  }
  .t-solutionInfoElenavi[class] .raise_issue__lead {
    margin-bottom: 15px; /* ===== MKT追記 26.07: SP リード〜課題ボックス ===== */
    font-size: 16px;
    line-height: 1.7;
    text-align: left;
  }
}
/* ===== MKT追記 26.07: raise_issue ここまで ===== */

/* testimonial */
/*
  ===== MKT追記 26.07: グレー帯〜feature手前／白カード1000（ref帯と同）＋白三角 =====
  【戻し方】index.css の testimonial（padding: 60px 0 160px; background: bg-light）に戻し、
  panel / 白カード / 白三角の指定を削除。HTML の testimonial__panel も任意で外す。
*/
.t-solutionInfoElenavi[class] .testimonial {
  position: relative;
  padding: 60px 20px 160px;
  /* 緑の帯（feature）手前まで続く全幅グレー */
  background-color: var(--bg-light-color);
}
/* testimonial の中身は白カード（raise_issue__ref と同じ 1000） */
.t-solutionInfoElenavi[class] .testimonial__panel {
  position: relative;
  z-index: 1;
  max-width: 1000px;
  margin: 0 auto;
  padding: 80px 20px 0; /* ===== MKT追記 26.07: 上アキ80／下paddingなし ===== */
  background-color: #fff;
  box-sizing: border-box;
}
/* 白下向き三角（feature--elenavi01 がグレーなので二重Vにならない） */
.t-solutionInfoElenavi[class] .testimonial__panel::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 140px; /* 高いほど傾斜が強い */
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  pointer-events: none;
  z-index: 1;
}
.t-solutionInfoElenavi[class] .testimonial__panel .testimonial__inner {
  /* ===== MKT追記 26.07: 見出し下線なし分、下アキを詰める（90→50） ===== */
  margin: 50px auto 0;
  padding: 0;
  max-width: none;
  background-color: transparent;
}
/* panel 無しHTML向けフォールバック（中身＋三角は白） */
.t-solutionInfoElenavi[class] .testimonial > .page_heading.elenavi_heading01 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 20px 0;
  position: relative;
  z-index: 1;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 90px 20px 50px;
  background-color: #fff;
  box-sizing: border-box;
}
.t-solutionInfoElenavi[class] .testimonial > .testimonial__inner::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 140px;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  pointer-events: none;
  z-index: 1;
}
.t-solutionInfoElenavi[class] .testimonial__balloon {
  max-width: 820px; /* ===== MKT追記 26.07: 吹き出し幅（860→820） ===== */
  margin: 0 auto calc(26px + 37px);
  border: 1px solid var(--products-main-color);
  text-align: center;
  position: relative;
  box-sizing: border-box;
}
.t-solutionInfoElenavi[class] .testimonial__balloon::after {
  content: '';
  display: block;
  width: 66px; /* ===== MKT追記 26.07: 三角サイズ ===== */
  height: 26px;
  background-color: var(--products-main-color);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}
.t-solutionInfoElenavi[class] .testimonial__balloon-head {
  padding: 20px 0 12px 0;
  color: var(--products-main-color);
  background-color: var(--white-color);
  font-size: 18px;
  font-weight: bold;
}

.t-solutionInfoElenavi[class] .testimonial__balloon-footer {
  padding: 29px 0 23px;
  color: var(--white-color);
  background-color: var(--products-main-color);
  font-size: 24px;
  font-weight: bold;
}
.t-solutionInfoElenavi[class] .testimonial__summary-heading {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.t-solutionInfoElenavi[class] .testimonial__data {
  margin: 24px auto 0;
  max-width: 614px;
  font-size: 21px;
}
.t-solutionInfoElenavi[class] .testimonial__item {
  display: flex;
  margin-top: 10px;
  line-height: 1;
}
.t-solutionInfoElenavi[class] .testimonial__item + .testimonial__item {
  margin-top: 20px;
}
.t-solutionInfoElenavi[class] .testimonial__lead {
  margin-top: 37px;
  color: var(--products-main-color);
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 1.7;
}
.t-solutionInfoElenavi[class] .testimonial__desc {
  max-width: calc(100% - 5rem);
}
.t-solutionInfoElenavi[class] .testimonial__graph {
  margin: 10px auto 20px; /* ===== MKT追記 26.07: 円グラフ上10／下20 ===== */
  max-width: 550px;
}
.t-solutionInfoElenavi[class] .testimonial__graph img {
  width: 100%;
  height: auto;
}
.t-solutionInfoElenavi[class] .testimonial__box {
  margin: 0 auto 60px;
  padding: 20px 30px;
  max-width: 516px;
  background-color: #fff;
  border: 1px solid var(--border-color); /* ===== MKT追記 26.07: 白カード上でも境目が分かるよう枠 ===== */
  box-sizing: border-box;
  text-align: center;
}
.t-solutionInfoElenavi[class] .testimonial__box-heading {
  margin-bottom: 10px;
  font-size: 16px;
}
.t-solutionInfoElenavi[class] .testimonial__text {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .t-solutionInfoElenavi[class] .testimonial {
    padding-top: 40px; /* ===== MKT追記 26.07: SP 課題ボックス〜見出し ===== */
    padding-bottom: calc(80 / 375 * 100vw);
  }
  /* ===== MKT追記 26.07: SPはPC用panelの見た目だけ外す（HTMLは共通）／▼はfeatureマスク任せ ===== */
  .t-solutionInfoElenavi[class] .testimonial__panel {
    max-width: none;
    padding: 0;
    background-color: transparent;
  }
  .t-solutionInfoElenavi[class] .testimonial__panel::after {
    display: none;
  }
  .t-solutionInfoElenavi[class] .testimonial__panel .testimonial__inner {
    margin-top: 15px; /* ===== MKT追記 26.07: SP 見出し〜inner ===== */
  }
  .t-solutionInfoElenavi[class] .testimonial__balloon {
    margin-bottom: 40px; /* ===== MKT追記 26.07: SP 吹き出し下 ===== */
  }
  .t-solutionInfoElenavi[class] .testimonial__balloon::after {
    width: 47px;
    height: 16px;
  }
  .t-solutionInfoElenavi[class] .testimonial__balloon-head {
    font-size: 16px; /* ===== MKT追記 26.07: SP ノーマル太字扱い ===== */
    line-height: 1.7;
  }
  .t-solutionInfoElenavi[class] .testimonial__balloon-footer {
    padding: 20px 20px 15px;
    font-size: 20px;
    line-height: 1.5;
  }
  .t-solutionInfoElenavi[class] .testimonial__summary-heading {
    font-size: 20px;
    line-height: 1.5;
  }
    .t-solutionInfoElenavi[class] .testimonial__data {
    font-size: 14px;
    line-height: 1.5;
  }
  .t-solutionInfoElenavi[class] .testimonial__item + .testimonial__item {
    margin-top: 10px;
  }
  .t-solutionInfoElenavi[class] .testimonial__lead {
    margin-top: 0;
    font-size: 20px;
    line-height: 1.5;
  }
  /* ===== MKT追記 26.07: SP 円グラフを大きく（親の左右20を打ち消し） ===== */
  .t-solutionInfoElenavi[class] .testimonial__graph {
    max-width: none;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
  }
  .t-solutionInfoElenavi[class] .testimonial__box {
    margin-bottom: 30px; /* ===== MKT追記 26.07: SP 調査概要〜約6割 ===== */
    padding: 20px 20px 15px; /* ===== MKT追記 26.07: SP 枠内下15 ===== */
    font-size: 14px;
    line-height: 1.5;
  }
}

/* report-elenavi */
.t-solutionInfoElenavi[class] .report-elenavi {
  padding: var(--section-top) 0 0; /* ===== MKT追記 26.07: 上は --section-top（旧180はやめCTA下で調整） ===== */
  background: #fff;
}
.t-solutionInfoElenavi[class] .report-elenavi__lead {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.t-solutionInfoElenavi[class] .report-elenavi__inner {
    margin: var(--section-head-gap) auto 0;
    padding: 0 20px;
    max-width: 1066px;
}
.t-solutionInfoElenavi[class] .report-elenavi__heading {
  font-size: 18px;
  font-weight: bold;
}
/* ===== MKT追記 26.07: 「ダウンロードいただけます」末尾の▶ ===== */
.t-solutionInfoElenavi[class] .report-elenavi__heading-arrow {
  margin-left: 0.25em;
  color: var(--products-main-color);
  font-weight: 400;
}
.t-solutionInfoElenavi[class] .report-elenavi__box {
  padding: 50px 60px;
  display: flex;
  align-items: center; /* ===== MKT追記 26.07: 見出し短文化に合わせ下揃え→中央（PC） ===== */
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 20px;
  background-color: #f5f5f5;
  text-decoration: none;
}
.t-solutionInfoElenavi[class] .report-elenavi__text {
  margin-top: 19px;
  font-size: 14px;
  line-height: 170%;
}
.t-solutionInfoElenavi[class] a.report-elenavi__pic {
  display: block;
  line-height: 0;
}
.t-solutionInfoElenavi[class] .report-elenavi__pic img {
  width: 100%;
  height: auto;
  border: 1px solid var(--border-color); /* ===== MKT追記 26.07: レポート画像にグレー1px枠 ===== */
  box-sizing: border-box;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .22); /* ===== MKT追記 26.07: 押せる感（押す前の常時影） ===== */
  transition: opacity .28s ease-in-out, border-color .28s ease-in-out, transform .28s ease-in-out, box-shadow .28s ease-in-out; /* ===== MKT追記 26.07: ホバー用 ===== */
}
/* ===== MKT追記 26.07: レポート画像のみリンク／PCはホバーで少し浮く（本当にホバーできる環境だけ） ===== */
@media (hover: hover) and (pointer: fine) {
  .t-solutionInfoElenavi[class] a.report-elenavi__pic:hover img {
    opacity: .9;
    border-color: var(--products-main-color);
    transform: translateY(-4px);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .2);
  }
}
/* ===== MKT追記 26.07: SPなどタッチは:activeで押下フィードバック（ホバー残存を避ける） ===== */
.t-solutionInfoElenavi[class] a.report-elenavi__pic:active img {
  opacity: .85;
  transform: scale(0.98);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .12); /* 押した瞬間は影を落として沈む感じ */
}
.t-solutionInfoElenavi[class] .report-elenavi__list{
  margin-top: 0; /* ===== MKT追記 26.07: リスト上アキなし ===== */
  font-size: 14px;
}
.t-solutionInfoElenavi[class] .report-elenavi__item{
  margin-top: 6px; /* ===== MKT追記 26.07: リスト項目間（12→6） ===== */
}
.t-solutionInfoElenavi[class] .report-elenavi__item{
  position:relative;
  padding-left:30px;
}
.t-solutionInfoElenavi[class] .report-elenavi__item::before{
  position:absolute;
  top:6px;
  left:6px;
  width:12px;
  height:12px;
  content:'';
  border-radius:50%;
  background-color:var(--products-main-color);
}
@media screen and (max-width: 767px) {
  /* ===== MKT追記 26.07: SPは変数だけ差替え（上60／見出し下50） ===== */
  .t-solutionInfoElenavi[class] {
    --section-top: 60px;
    --section-head-gap: 50px;
  }
  /* ===== MKT追記 26.07: SPでpc_onlyを確実に隠す（--borderのinline-blockに勝つ） ===== */
  .t-solutionInfoElenavi[class] .pc_only {
    display: none !important;
  }
  /* ===== MKT追記 26.07: SP 共通H2（レポート／フロー／FAQ）32→24（INI共通は触らない） ===== */
  .t-solutionInfoElenavi[class] .page_heading {
    font-size: 24px;
  }
  /* ===== MKT追記 26.07: SP FAQ各Qの上下（INI60→20／共通は触らない） ===== */
  .t-solutionInfoElenavi[class] .faq__item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .t-solutionInfoElenavi[class] .faq__item:first-child {
    padding-top: 0;
  }
  .t-solutionInfoElenavi[class] .faq__item:last-child {
    padding-bottom: 0;
  }
  /* ===== MKT追記 26.07: SP FAQのQタイトル 24→20（H2=24より一段／SPスケールの強調に揃える） ===== */
  .t-solutionInfoElenavi[class] .faq__title {
    font-size: 20px;
  }
  .t-solutionInfoElenavi[class] .report-elenavi__lead {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: left; /* ===== MKT追記 26.07: SP レポートリード左寄せ ===== */
  }
  /* ===== MKT追記 26.07: SP「レポートをダウンロードする▼」／リスト本文とX揃え（上20→30） ===== */
  .t-solutionInfoElenavi[class] .report-elenavi__heading--dl {
    margin: 30px auto 12px;
    padding-left: 25px; /* リスト item と同じ＝本文頭に揃える */
    box-sizing: border-box;
    font-size: 16px;
    text-align: left;
  }
  /* ===== MKT追記 26.07: SP グレー箱を画面幅いっぱいに（innerの左右20を打ち消し／HTML構造はそのまま） ===== */
  .t-solutionInfoElenavi[class] .report-elenavi__box {
      display: block;
      padding: 25px 20px 32px;
      margin-left: -20px;
      margin-right: -20px;
      width: calc(100% + 40px);
      box-sizing: border-box;
  }
  .t-solutionInfoElenavi[class] .report-elenavi__text {
    margin-top: 0; /* ===== MKT追記 26.07: SP 見出し無しなので上アキ不要（12→0） ===== */
  }
  /* ===== MKT追記 26.07: SP リスト＋DL文言を幅270で中央（画像は箱幅のまま） ===== */
  .t-solutionInfoElenavi[class] .report-elenavi__content,
  .t-solutionInfoElenavi[class] .report-elenavi__heading--dl {
    width: 100%;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
  }
  .t-solutionInfoElenavi[class] .report-elenavi__pic {
    min-width: initial;
    margin-top: 0;
    display: block;
    width: 100%;
    max-width: none;
  }
  /* ===== MKT追記 26.07: SP リスト緑丸〜テキストを5詰め（padding-left 30→25） ===== */
  .t-solutionInfoElenavi[class] .report-elenavi__item {
    padding-left: 25px;
  }
}
@media screen and (min-width: 768px) {
  .t-solutionInfoElenavi[class] .report-elenavi__content {
    min-width: 400px;
    /* flex: 1; */
  }
}

/* flow */
.t-solutionInfoElenavi[class] .flow {
  padding: var(--section-top) 20px 0;
  background: #fff;
}
.t-solutionInfoElenavi[class] .flow__inner {
    margin-top: var(--section-head-gap);
}
/* ===== MKT追記 26.07: FAQも同じ余白変数で上書き（INI共通の80均等は使わない） ===== */
.t-solutionInfoElenavi[class] .faq {
  padding-top: var(--section-top);
}
.t-solutionInfoElenavi[class] .faq__list {
  margin-top: var(--section-head-gap);
}
.t-solutionInfoElenavi[class] .flow__lead {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
.t-solutionInfoElenavi[class] .flow__list {
  max-width: 680px;
  margin: 32px auto 0;
}
.t-solutionInfoElenavi[class] .flow__item {
  display: grid;
  grid-template-columns: 60px 1fr;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.t-solutionInfoElenavi[class] .flow__line {
  display: flex;
  flex-direction: column;
  position: relative;
}
.t-solutionInfoElenavi[class] .flow__line:after {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 60px);
  border-right: 1px solid #000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-100%);
}
.t-solutionInfoElenavi[class] .flow__num {
  width: 60px;
  height: 60px;
  background-color: #1F7384;
  color: var(--white-color);
  font-size: 30px;
  font-weight: bold;
  border-radius: 9999rem;
  position: relative;
}
.t-solutionInfoElenavi[class] .flow__num span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
}
.t-solutionInfoElenavi[class] .flow__list-heading {
  margin: 16px 0;
  font-size: 22px;
  font-weight: bold;
}
.t-solutionInfoElenavi[class] .flow__text {
  margin-bottom: 64px;
  font-size: 16px;
}
.t-solutionInfoElenavi[class] .flow__item:last-child .flow__text {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .t-solutionInfoElenavi[class] .flow__lead {
    font-size: 16px;
    text-align: left; /* ===== MKT追記 26.07: SP 導入フローリード左寄せ ===== */
  }
  .t-solutionInfoElenavi[class] .flow__num {
    width: 48px;
    height: 48px;
    font-size: 24px;
  }
  .t-solutionInfoElenavi[class] .flow__list-heading {
    margin: 12px 0;
    font-size: 18px;
  }
  .t-solutionInfoElenavi[class] .flow__item {
    grid-template-columns: 48px 1fr;
  }
  .t-solutionInfoElenavi[class] .flow__line:after {
    height: calc(100% - 48px);
  }
  .t-solutionInfoElenavi[class] .flow__text {
    margin-bottom: 32px;
  }
}

/* advantages */
.t-solutionInfoElenavi[class] .advantages{
  /* padding-bottom: 100px; */
  background: #fff;
}
.t-solutionInfoElenavi[class] .advantages_title{
  font-size:30px;
  font-weight:700;
  line-height:1.35;
  letter-spacing: 0.08em; /* ===== MKT追記 26.07: 大ゴシック見出し（全体0.05→0.08／H2は統一） ===== */
  width:100vw;
  margin-left: calc((1174px - 100vw) / 2);
  padding:30px 50px;
  text-align:center;
  background-color:var(--products-main-color);
  color:var(--white-color);
}
.t-solutionInfoElenavi[class] .advantages_title span{
  color: #FFFB8E;
}
/* ===== MKT追記 26.07: 帯内2文のあいだ（SPで呼吸／黄色span打ち消し） ===== */
.t-solutionInfoElenavi[class] .advantages_title .advantages_title__next {
  color: inherit;
}
.t-solutionInfoElenavi[class] .advantages_sub-title {
  margin-bottom: 20px;
  color:var(--products-main-color);
  text-align:center;
  font-size:16px;
}
.t-solutionInfoElenavi[class] .advantages_block{
  background-color:var(--white-color);
}
.t-solutionInfoElenavi[class] .advantages_block.advantages_block--04{
  margin-top: 85px; /* ===== MKT追記 26.07: 「利用者はいつも通り…」下アキ（50→85） ===== */
}
.t-solutionInfoElenavi[class] .advantages_content{
  padding:40px 50px 50px;
}
/* ===== MKT追記 26.07: advantages各ブロック content 上下アキ揃え ===== */
.t-solutionInfoElenavi[class] .advantages_block--01 .advantages_content,
.t-solutionInfoElenavi[class] .advantages_block--02 .advantages_content,
.t-solutionInfoElenavi[class] .advantages_block--03 .advantages_content,
.t-solutionInfoElenavi[class] .advantages_block--04 .advantages_content,
.t-solutionInfoElenavi[class] .advantages_block--05 .advantages_content {
  padding-top: 55px;
}
.t-solutionInfoElenavi[class] .advantages_block--01 .advantages_content,
.t-solutionInfoElenavi[class] .advantages_block--02 .advantages_content,
.t-solutionInfoElenavi[class] .advantages_block--04 .advantages_content {
  padding-bottom: 85px;
}
/* ===== MKT追記 26.07: 「ビル構造を変えなくても…」上アキ（paddingで確保） ===== */
.t-solutionInfoElenavi[class] .advantages_block--01 .advantages_text_footer.advantages_text_footer--em {
  padding-top: 20px;
}
.t-solutionInfoElenavi[class] .advantages_block--03 .advantages_content {
    max-width: calc(862px + 100px);
    margin: 0 auto;
    padding-bottom: 50px; /* ===== MKT追記 26.07: 注記〜三角（70→50） ===== */
}
/* ===== MKT追記 26.07: 実証リード文＝幅548・中央配置・文字左揃え（自動改行） ===== */
.t-solutionInfoElenavi[class] .advantages_block--03 .advantages_content > .advantages_text_footer {
  max-width: 548px; /* ===== MKT追記 26.07: 580から2文字分（約32px）狭める ===== */
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
/* ===== MKT追記 26.07: --05下はfeature三角があるので70維持／注記〜エッジ+10 ===== */
.t-solutionInfoElenavi[class] .advantages_block--05 .advantages_content{
    padding-bottom: 80px; /* ===== MKT追記 26.07: 注記〜三角（70→80） ===== */
  }
.t-solutionInfoElenavi[class] .advantages_text_head,
.t-solutionInfoElenavi[class] .advantages_text_footer {
  font-size:16px;
  font-weight:400;
  line-height:170%;
  text-align:center;
}
.t-solutionInfoElenavi[class] .advantages_text_head.advantages_text_head--em {
  margin-bottom: 5px; /* ===== MKT追記 26.07: 強調〜続き文（0.5em≒10→5） ===== */
  display: block;
  font-weight: bold;
  font-size: 22px;
}
.t-solutionInfoElenavi[class] .advantages_text_head .advantages_text_head--bold {
  font-weight: bold;
}
.t-solutionInfoElenavi[class] .advantages_text_head_balloon{
  margin: 0 auto 52px;
  padding-bottom: 5px;
  width: fit-content;
  color: var(--products-main-color);
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  border-bottom: 2px solid var(--products-main-color);
  position: relative;
}
.t-solutionInfoElenavi[class] .advantages_text_head_balloon::before,
.t-solutionInfoElenavi[class] .advantages_text_head_balloon::after{
  content: '';
  display: block;
  width: 48px;
  height: 23px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
}
.t-solutionInfoElenavi[class] .advantages_text_head_balloon::before {
  background: var(--products-main-color);
}
.t-solutionInfoElenavi[class] .advantages_text_head_balloon::after {
  background: #fff;
  bottom: 3px;
}
.t-solutionInfoElenavi[class] .advantages_block--05 .advantages_text_head + .advantages_text_head {
  margin-top: 70px; /* ===== MKT追記 26.07: 「人の流れが整理されることで」上（50→70） ===== */
}
.t-solutionInfoElenavi[class] .advantages_text_footer.advantages_text_footer--em {
  font-weight: bold;
  font-size: 22px;
}
.t-solutionInfoElenavi[class] .advantages_text_footer .advantages_text_footer--border {
  margin-top: 0.25em;
  display: inline-block;
  border-bottom: 2px solid var(--sub-text-color);
}

.t-solutionInfoElenavi[class] .advantages_text span,
.t-refriAirconVentilationFillturn[class] .advantages_text_head span{
  color:var(--products-main-color);
}
.t-solutionInfoElenavi[class] .advantages_block.advantages_block--04 .advantages_text_footer {
  margin-top: 0; /* ===== MKT追記 26.07: 下アキはrowのmargin-bottomに任せる ===== */
}
.t-solutionInfoElenavi[class] .advantages_image{
  display:flex;
  align-items:center;
  justify-content:center;
}
.t-solutionInfoElenavi[class] .advantages_image img{
  width:100%;
  max-width:100%;
  height:auto;
}

.t-solutionInfoElenavi[class] .advantages_block--03 .advantages_image {
  margin: 0 auto;
  max-width: 680px;
}
.t-solutionInfoElenavi[class] .advantages_block--05 .advantages_image {
  margin: 0 auto;
  max-width: 516px;
}
/* ===== MKT追記 26.07: 「体験」ブロック見出し移動後の余白（導入文→見出し55／見出し→howto10／説明→04・05は80） ===== */
.t-solutionInfoElenavi[class] .advantages_block--04 .advantages_text_head + .advantages_sub-title {
  margin-top: 55px;
  margin-bottom: 10px;
}
/* ===== MKT追記 26.07: howto画像 上20／下40（次テキストまで） ===== */
.t-solutionInfoElenavi[class] .advantages_block--04 .advantages_image--howto {
  margin: 20px auto 40px;
  max-width: 830px;
}
/* ===== MKT追記 26.07: 左右画像直前テキスト（余白はrow側） ===== */
.t-solutionInfoElenavi[class] .advantages_block--04 .advantages_text_head:has(+ .advantages_row) {
  margin-bottom: 0;
}
.t-solutionInfoElenavi[class] .advantages_row {
  margin: 0 auto;
  max-width: 830px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 70px;
  position: relative;
}
/* ===== MKT追記 26.07: --04左右画像 テキストとのアキ上下20（howtoと同じ規則） ===== */
.t-solutionInfoElenavi[class] .advantages_block--04 .advantages_row {
  margin: 20px auto;
}
.t-solutionInfoElenavi[class] .advantages_block--02 .advantages_row::after {
  content: '';
  display: block;
  width: 30px;
  height: 53px;
  background-color: var(--sub-text-color);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  position: absolute;
  top: 120px; /* ===== MKT追記 26.07: 三角位置 ===== */
  left: 50%;
  transform: translateX(-50%);
}
.t-solutionInfoElenavi[class] .advantages_block--04 .advantages_row::after {
  content: '';
  display: block;
  width: 42px;
  height: 37px;
  background: url("/assets/img/solution_info/elenavi/002/img/arrow.png?20260807") no-repeat center / contain;
  position: absolute;
  top: calc(50% + 18px);
  left: 50%;
  transform: translate(-50%,-50%);
}
.t-solutionInfoElenavi[class] .advantages_text_bold{
  font-weight:700;
}
.t-solutionInfoElenavi[class] .advantages_text{
  font-size:16px;
  line-height:170%;
}
.t-solutionInfoElenavi[class] .advantages_list{
  margin-top:16px;
}
.t-solutionInfoElenavi[class] .advantages_list li{
  position:relative;
  padding-left:25px;
  font-size:14px;
  line-height: 1.5;
}
.t-solutionInfoElenavi[class] .advantages_list li + li{
  margin-top: 4px;
}
.t-solutionInfoElenavi[class] .advantages_list li::before{
  position:absolute;
  top:0.25em;
  left:6px;
  width:12px;
  height:12px;
  content:'';
  border-radius:50%;
  background-color:var(--products-main-color);
}
.t-solutionInfoElenavi[class] .advantages_graph {
  margin: 20px auto 0;
  max-width: 700px;
}
.t-solutionInfoElenavi[class] .advantages_graph img {
  width: 100%;
  height: auto;
}
.t-solutionInfoElenavi[class] .advantages_graph.advantages_graph--bar {
  padding: 0 108px;
  max-width: 808px;
  margin-top: 20px; /* ===== MKT追記 26.07: 上アキ20戻し ===== */
}
.t-solutionInfoElenavi[class] .advantages_graph.advantages_graph--bar img {
  margin: 14px 0 24px; /* 画像上は14のまま */
}
.t-solutionInfoElenavi[class] .advantages_reduction {
  margin: 20px auto 0;
  max-width: 726px;
}
.t-solutionInfoElenavi[class] .advantages_reduction img {
    width: 100%;
  height: auto;
}
.t-solutionInfoElenavi[class] .advantages_btn {
  margin: 20px auto 40px; /* ===== MKT追記 26.07: PC カタログCTA下40（レポート上180廃止の代わり） ===== */
  max-width: 390px;
}
.t-solutionInfoElenavi[class] .advantages_btn .c-btn:hover {
  text-decoration: none;
}
.t-solutionInfoElenavi[class] .advantages_note {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 12px;
}
/* ===== MKT追記 26.07: 実証グラフ注釈＝グラフより約2文字広い・上+20・下+40 =====
   左右 -12px でわずかに拡張（親padding 108 を変えたら見直し）
   HTML外出しは必須ではない（このままで運用OK）
============================================================ */
.t-solutionInfoElenavi[class] .advantages_graph--bar .advantages_note {
  margin-top: 20px; /* ===== MKT追記 26.07: グラフ〜注記 ===== */
  margin-bottom: 30px; /* ===== MKT追記 26.07: 注記下（40→30） ===== */
  margin-left: calc(-12px + 1em); /* 約2文字分だけ広げる（左右12px） */
  margin-right: -12px;
  text-indent: -1em;
}
.t-solutionInfoElenavi[class] .advantages_block--05 .advantages_note {
  margin-top: 25px;
  margin-right: 35px;
  text-align: right;
}
@media screen and (max-width: 1200px) {
  .t-solutionInfoElenavi[class] .advantages_title{
    margin-left: -13px;
  }
}
@media screen and (max-width: 767px) {
  .t-solutionInfoElenavi[class] .advantages_title{
    font-size: 24px;
    line-height: 1.35; /* ===== MKT追記 26.07: SP 帯タイトル行間 ===== */
    padding: 30px 20px 25px; /* ===== MKT追記 26.07: SP 帯内 下行間ぶん下25 ===== */
    margin-left: 0;
  }
  .t-solutionInfoElenavi[class] .advantages_title .advantages_title__next {
    display: block;
    margin-top: 0.55em; /* ===== MKT追記 26.07: SP 帯タイトル 文と文のあいだ ===== */
  }
  .t-solutionInfoElenavi[class] .advantages_sub-title {
    margin-bottom: 10px; /* ===== MKT追記 26.07: SP サブ見出し下 ===== */
  }
  .t-solutionInfoElenavi[class] .advantages_content{
    padding-top: 30px; /* ===== MKT追記 26.07: SP content上（帯〜中身） ===== */
    padding-bottom: 50px; /* ===== MKT追記 26.07: SP 帯上アキ＝前ブロック下50で統一 ===== */
    padding-inline: 20px;
  }
  .t-solutionInfoElenavi[class] .advantages_block--01 .advantages_content,
  .t-solutionInfoElenavi[class] .advantages_block--02 .advantages_content,
  .t-solutionInfoElenavi[class] .advantages_block--03 .advantages_content,
  .t-solutionInfoElenavi[class] .advantages_block--04 .advantages_content,
  .t-solutionInfoElenavi[class] .advantages_block--05 .advantages_content {
    padding-top: 30px;
    padding-bottom: 50px; /* ===== MKT追記 26.07: SP 次の帯まで50 ===== */
  }
  .t-solutionInfoElenavi[class] .advantages_block.advantages_block--04 {
    margin-top: 50px; /* ===== MKT追記 26.07: SP「特別な運用…」〜体験帯（85→50） ===== */
  }
  /* ===== MKT追記 26.07: SP「では、その体験は…」左寄せ／下アキ20（PCは55） ===== */
  .t-solutionInfoElenavi[class] .advantages_block--04 .advantages_content > .advantages_text_head:first-of-type {
    text-align: left;
  }
  .t-solutionInfoElenavi[class] .advantages_block--04 .advantages_text_head + .advantages_sub-title {
    margin-top: 20px;
  }
  /* ===== MKT追記 26.07: SP howto上リード 左寄せ ===== */
  .t-solutionInfoElenavi[class] .advantages_block--04 .advantages_sub-title + .advantages_text_head {
    text-align: left;
  }
  /* ===== MKT追記 26.07: SP howto下〜左右画像直前 左寄せ（余白は画像／row側） ===== */
  .t-solutionInfoElenavi[class] .advantages_block--04 .advantages_image--howto + .advantages_text_head,
  .t-solutionInfoElenavi[class] .advantages_block--04 .advantages_text_head:has(+ .advantages_row) {
    text-align: left;
    margin-bottom: 0;
  }
  .t-solutionInfoElenavi[class] .advantages_text_head,
  .t-solutionInfoElenavi[class] .advantages_text_footer {
    font-size:16px; /* ===== MKT追記 26.07: SP 本文14→16 ===== */
    line-height: 1.7; /* ===== MKT追記 26.07: SP 本文行間 ===== */
  }
  .t-solutionInfoElenavi[class] .advantages_text_head.advantages_text_head--em {
    font-size: 20px; /* ===== MKT追記 26.07: SP 強調は他見出し寄り20（PC22） ===== */
    line-height: 1.5;
  }
  .t-solutionInfoElenavi[class] .advantages_text_head--spLarge{
    font-size:16px;
  }
  .t-solutionInfoElenavi[class] .advantages_block--05 .advantages_text_head + .advantages_text_head {
    margin-top: 25px;
  }
  .t-solutionInfoElenavi[class] .advantages_text_footer.advantages_text_footer--em {
    font-size: 20px; /* ===== MKT追記 26.07: SP 太字強調を20に揃え ===== */
    line-height: 1.5;
  }
  .t-solutionInfoElenavi[class] .advantages_text_head_balloon {
    font-size: 20px; /* ===== MKT追記 26.07: SP 吹き出し強調を20に揃え ===== */
    line-height: 1.5;
  }
  /* ===== MKT追記 26.07: SP 吹き出し下▽を小さく（PC 48×23） ===== */
  .t-solutionInfoElenavi[class] .advantages_text_head_balloon::before,
  .t-solutionInfoElenavi[class] .advantages_text_head_balloon::after {
    width: 28px;
    height: 14px;
  }
  .t-solutionInfoElenavi[class] .advantages_text_head_balloon::after {
    bottom: 2px;
  }
  .t-solutionInfoElenavi[class] .advantages_block--03 .advantages_text_footer,
  .t-solutionInfoElenavi[class] .advantages_block--04 .advantages_text_footer {
    text-align: left;
  }
  .t-solutionInfoElenavi[class] .advantages_row {
    display: flex;
    flex-direction: column;
    gap: 35px;
  }
  .t-solutionInfoElenavi[class] .advantages_block--02 .advantages_row {
    gap: 70px;
  }
  .t-solutionInfoElenavi[class] .advantages_block--02 .advantages_row::after {
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .t-solutionInfoElenavi[class] .advantages_block--04 .advantages_row::after {
    display: none;
  }
  .t-solutionInfoElenavi[class] .advantages_btn {
    max-width: calc(375px - 32px);
    margin-bottom: 30px; /* ===== MKT追記 26.07: SP カタログCTA〜レポート（section-topは触らない） ===== */
  }
  .t-solutionInfoElenavi[class] .advantages_btn .c-btn{
    font-size: 20px;    
  }
  .t-solutionInfoElenavi[class] .advantages_list li{
    font-size:14px; /* ===== MKT追記 26.07: SP リストは注記ではないので14（12→14） ===== */
  }
  .t-solutionInfoElenavi[class] .advantages_note {
    font-size: 12px; /* 注記は12のまま */
  }
  .t-solutionInfoElenavi[class] .advantages_block--05 .advantages_note {
    margin-top: 10px;
    text-align: left;
  }
  /* ===== MKT追記 26.07: SP advantages_06_sp 上アキ5 ===== */
  .t-solutionInfoElenavi[class] .advantages_reduction {
    margin-top: 5px;
  }
  .t-solutionInfoElenavi[class] .advantages_graph.advantages_graph--bar {
    margin-top: 10px; /* ===== MKT追記 26.07: SP グラフ上 ===== */
    padding: 0;
    max-width: 808px;
  }
  .t-solutionInfoElenavi[class] .advantages_graph--bar .advantages_note {
    margin-top: 30px; /* ===== MKT追記 26.07: SP グラフ〜注記 ===== */
    margin-bottom: 10px; /* ===== MKT追記 26.07: SP 注記下 ===== */
    margin-left: 1em;
    margin-right: 0;
  }
  .t-solutionInfoElenavi[class] .advantages_graph.advantages_graph--bar img {
    margin: 0; /* ===== MKT追記 26.07: SP 画像下アキは注記のmargin-topに任せる ===== */
  }
  .t-solutionInfoElenavi[class] .advantages_text_footer .advantages_text_footer--border {
    margin-top: 0.5em;
  }
} 

/* advantages-function */
.t-solutionInfoElenavi[class] .advantages-function {
  margin: 40px auto 48px;
  /* ===== MKT追記 26.07: 外側630（padding込み）／下35 ===== */
  padding: 45px 40px 35px;
  max-width: 630px;
  border: 2px solid var(--products-main-color);
  box-shadow: 10px 10px 0 0 var(--products-main-color);
  box-sizing: border-box;
}

.t-solutionInfoElenavi[class] .advantages-function__heading {
  padding-bottom: 10px; /* ===== MKT追記 26.07: 見出し〜下線（30→10） ===== */
  color: var(--products-main-color);
  border-bottom: 1px dotted var(--products-main-color);
  text-align: center;
  font-size: 16px;
  line-height: 1;
}
.t-solutionInfoElenavi[class] .advantages-function__list {
  margin: 30px auto 0;
  width: fit-content;
}
.t-solutionInfoElenavi[class] .advantages-function__item {
  padding-left: 1.3em;
  position: relative;
  letter-spacing: 0.01em;
  line-height: 1.8;
  font-size: 16px;
}
/* ===== MKT追記 26.07: 機能リスト行間 ===== */
.t-solutionInfoElenavi[class] .advantages-function__item + .advantages-function__item {
  margin-top: 4px;
}
.t-solutionInfoElenavi[class] .advantages-function__item::before {
  content: '▶';
  display: block;
  color: var(--products-main-color);
  position: absolute;
  left: 0;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  .t-solutionInfoElenavi[class] .advantages-function__heading {
    font-size: 20px;
    line-height: 1.5;
  }
  .t-solutionInfoElenavi[class] .advantages-function__item {
    font-size: 16px; /* ===== MKT追記 26.07: SP 本文14→16 ===== */
    line-height: 1.7;
  }
  .t-solutionInfoElenavi[class] .advantages-function {
    margin-top: 20px; /* ===== MKT追記 26.07: SP ===== */
    margin-bottom: 20px;
    padding: 30px 20px 20px;
  }
  .t-solutionInfoElenavi[class] .advantages-function__list {
    margin-top: 15px;
  }
}

/* **************************************
エレナビ追加 2026.02作業 ここまで
***************************************** */
