@charset "UTF-8";

/* ------------------------------------------------------------------
  id_01084 記事固有
------------------------------------------------------------------ */

/* 写真グループ（.trendnews__equip-items）内の写真を枚数に応じて等分する */
#terasu-contents .trendnews__equip-items figure {
  flex: 1 1 0;
  min-width: 0;
}

/* Figmaアノテーション指定：見出しと写真の間を詰める（50px → 20px。PCのみ）
   hint-templates 側に margin:20px の指定はあるが、common_hint の
   `.trendnews .c-sect figure{margin-top:50px}` に詳細度で負けて効いていない。
   figcaption の余白（15px）は指定どおりなので触らない */
@media print, screen and (min-width: 641px) {
  #terasu-contents .trendnews__equip-items figure {
    margin-top: 20px;
  }
}

@media screen and (max-width: 640px) {
  #terasu-contents .trendnews__equip-items figure {
    flex: 0 0 calc(50% - 5px);
  }

  /* 【社内FB 2026-08-25】SP時「リベコムをご採用いただいた国内線到着ロビー」の
     見出し下の余白をもう少し詰める（35px → 15px）。
     35px は common_hint の `@media(max-width:640px){.trendnews .c-sect figure{margin-top:35px}}`。
     詳細度で勝つため `#terasu-contents .section` スコープで書く。
     値は同じ枠の下にある「リベコムの特長：省施工性」の
     `.terasu__img_box_content{margin-top:15px}` に揃えた（SP限定・PCの20pxは変更しない） */
  #terasu-contents .section .trendnews__equip-items figure {
    margin-top: 15px;
  }
}

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

/* 【社内FB 2026-08-25】省施工性の図にSP用画像（img_pht04_sp.webp・996x867）を
   `<picture>` で出し分けたため、暫定対応だったSP横スクロール
   （`.img-scroll-wrapper` ＋ `img{min-width:700px}`）は不要になったので撤去した。

   `.terasu__img_box_content img` は common.css が `width:100%` だけを当てており
   `height:auto` が無いため、PC用の height 属性（512）が残ってSP画像が潰れる。
   縦横比を画像まかせに戻す（PC/SP共通で安全な指定） */
#terasu-contents .section .terasu__img_box_content img {
  height: auto;
}