/* ===================================================================
 * multi.css — 児童通所支援(block/page/multi.php)
 *
 * ぴっころとは？: 導入のクリームから地を続け(上の余白なし)、読み幅の白い箱に本文3文。箱の左右の余白。
 * 事業所: 共通の写真つきの箱(info-box)。1列時の最大幅・見出しの大きさ、
 *         箱の中の「地区・種別」の定義リストの列をこのページで持つ。
 * 動画: YouTube ショートのため 9:16 の枠を幅を絞って中央に置く。
 * =================================================================== */

/* --- ぴっころとは？ ----------------------------------------------- */

.multi-about__box {
  padding-inline: var(--space-4xl);
}

/* --- 事業所 ------------------------------------------------------- */

.multi-office__name {
  font-size: 1.25rem;
}

.multi-office__info {
  grid-template-columns: max-content minmax(0, 1fr);
}

/* --- プロモーション動画 ------------------------------------------- */

.multi-video {
  --bs-aspect-ratio: calc(16 / 9 * 100%);
  max-width: 360px;
}

/* --- スマートフォン ----------------------------------------------- */

@media (max-width: 767.98px) {
  .service-intro--child .service-intro__catch { margin-top: var(--space-md); }

  .multi-about__box { padding-inline: var(--space-lg); }

  .multi-office__name { font-size: 1.125rem; }

  .multi-office__info { grid-template-columns: minmax(0, 1fr); }

  .multi-video { max-width: 280px; }
}