@charset "utf-8";

/* アクセスページ専用のスタイル
   common.css → page.css → このファイル の順に読み込まれます（functions.php）
   下層ページで共通して使うものは page.css に書いています */

/* FV のアイコンは、このページ用のものが Figma にないため、
   common.css の仮アイコン（ico_fv.png）のままにしています。 */

/* Google マップ
   大きさは「大」の写真と同じ（PC：本文の幅いっぱいで 横：縦＝2.8：1／SP：336×400 の縦長）
   先に場所を確保しておくことで、読み込み時のレイアウトのずれを防ぐ */
.bl_map {
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 1120 / 400;
}

.bl_map iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 767px) {
  .bl_map {
    aspect-ratio: 336 / 400;
  }
}