/* ===========================================================================
   ServicesAidd — 図の埋め込み共通ルール
   各図（hero / 課題 / 責任）は inline <svg> を2枚並べて埋め込む。
     横長（.ahl / .asl / .acl）: 幅 601px 以上
     縦長（.ahp / .asp / .acp）: 幅 600px 以下
   図そのものの見た目と動きは各 <svg> の中の <style> が持つ（ここでは描かない）。
   =========================================================================== */

.ad-hero__fig .ahp,
.ad-fig__stage .asp,
.ad-ba__stage .acp { display: none; }

@media (max-width: 600px) {
  .ad-hero__fig .ahl,
  .ad-fig__stage .asl,
  .ad-ba__stage .acl { display: none; }
  .ad-hero__fig .ahp,
  .ad-fig__stage .asp,
  .ad-ba__stage .acp { display: block; }
}

/* hero 図は画面に入るまで止めておく（svc-aidd-story.js の heroIntro が is-wait を外す） */
.ad-hero__fig.is-wait { --ahl-play: paused; --ahp-play: paused; }