@charset "UTF-8";

/* ------------------------------------------------------------------
  id_01082 記事固有
------------------------------------------------------------------ */

/* MV3枚は紙面の比率（本店ビル:BELS:エマネージ ＝ 138:121:220）に合わせる。
   等幅（.three）だと写真ごとに高さが変わって揃わないため。id_01079 と同じ対応 */
#terasu-contents .section .terasu__mv_wrapper.id01082 {
  grid-template-columns: 138fr 121fr 220fr;
}

/* 納入された主な設備：紙面どおり1段目は3列、2段目は4列 */
#terasu-contents .trendnews__equip-items figure {
  flex: 0 0 auto;
}

#terasu-contents .trendnews__equip-items:first-of-type figure {
  max-width: calc(33.333% - 12px);
}

#terasu-contents .trendnews__equip-items:last-of-type figure {
  max-width: calc(25% - 13.5px);
}

@media screen and (max-width: 640px) {
  #terasu-contents .trendnews__equip-items:first-of-type figure,
  #terasu-contents .trendnews__equip-items:last-of-type figure {
    max-width: calc(50% - 5px);
  }
}

/* Figma指定：氏名の行を1ブロックにして上に6px空ける（会社名・部署と分ける）
   親の `p span{font-size:18px;font-weight:bold}` を受けてしまうので、
   囲みだけ本文と同じ字面に戻す（内側の span は18px太字のまま）。id_01083/01084 と同じ扱い */
#terasu-contents .trendnews-profile__item p .profile-name {
  display: block;
  margin-top: 6px;
  font-size: inherit;
  font-weight: normal;
}

/* Figmaアノテーション指定：写真の上とキャプションの上の余白を詰める
   （写真 50px → 15px ／ キャプション 15px → 5px）
   数値は id_01081 のアノテーション「margin-bottom:15px に詰める」で確定。
   本記事の修正後デザインも 15px / 5px で一致している。
   hint-templates 側に 20px / 4px の指定があるが、common_hint の
   `.trendnews .c-sect figure{margin-top:50px}` と
   `.trendnews .c-sect figure figcaption{margin-top:15px}` に詳細度で負けて効いていない */
#terasu-contents .trendnews__equip-items figure {
  margin-top: 15px;
}

#terasu-contents .trendnews__equip-items figure figcaption {
  margin-top: 5px;
}

/* SPは id_01080 のSP修正後フレーム（8059:16005）で確定した値に合わせる。
   見出し下 9px ／ 段間 20px ／ キャプション上 5px。
   本記事は段組みコンテナが2つ（3列＋4列）に分かれているため、
   段間は row-gap だけでなくコンテナ間にも同じ 20px を持たせる */
@media screen and (max-width: 640px) {
  #terasu-contents .section .trendnews__equip-ttl {
    margin-bottom: 9px;
  }

  #terasu-contents .section .trendnews__equip-items {
    row-gap: 20px;
  }

  #terasu-contents .section .trendnews__equip-items:last-of-type {
    margin-top: 20px;
  }

  #terasu-contents .section .trendnews__equip-items figure {
    margin-top: 0;
  }

  #terasu-contents .section .trendnews__equip-items figure figcaption {
    margin-top: 5px;
  }
}