/* セクション背景 & 余白 */
.info-cards { background:#f7f9fc; padding:40px 16px; }

/* 画面中央のコンテナ（左寄り解消） */
.info-cards .container { max-width:1100px; margin:0 auto; }

/* 3カードの並び */
.info-cards .cards {
  display:grid;
  grid-template-columns: 1fr;
  gap:20px;
}
@media (min-width: 900px){
  .info-cards .cards { grid-template-columns: repeat(3, 1fr); }
}

/* カード（枠） */
.info-cards .card{
  background:#fff;
  border:1px solid #e8eef7;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
  padding:20px;
  display:flex;
  flex-direction:column;
  /* 中身が少なくても見栄えが保てる最低高。必要なら260〜320で調整 */
  min-height:280px;
}

/* タイトル/本文 */
.info-cards .card h3{ margin:0 0 12px; font-size:1.2rem; }
.info-cards .muted{ color:#6b7280; line-height:1.7; }

/* ボタン群を下寄せにしたい時は .actions を使う */
.info-cards .actions{ margin-top:auto; display:flex; gap:12px; flex-wrap:wrap; }

/* Googleマップを比率固定で綺麗に表示 */
.info-cards .map{ aspect-ratio:4/3; background:#eef3fb; border-radius:12px; overflow:hidden; }
.info-cards .map iframe{ width:100%; height:100%; border:0; }

/* リスト体裁 */
.info-cards ul{ margin:0; padding-left:18px; }
.info-cards li{ margin-bottom:8px; }