/* =========================
   トップ：お知らせ＆最新コラム（カード表示）
   ========================= */

/* デバッグ赤枠を強制的に無効化（どこかに残っていても消す） */
.info-cards{
  outline: none !important;
  border: none !important;
}

/* 2カラム */
.info-cards{
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:24px !important;
  margin:18px 0 !important;
}

/* カード */
.info-card{
  border:1px solid #e6e6e6 !important;
  border-radius:14px !important;
  background:#fff !important;
  padding:18px 22px !important;
  box-sizing:border-box !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.04) !important;
}

/* Cocoon側の見出し装飾（左の灰バー等）を無効化 */
.info-card h3{
  margin:0 0 12px !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
}
.info-card h3::before,
.info-card h3::after{
  content:none !important;
}

/* 見出しリンク：グリーンをやめて全体に馴染む色へ */
.info-card h3 a{
  color:#222 !important;
  text-decoration:none !important;
}

/* 先頭の四角アイコン（残すならダークに） */
.info-card h3 a::before{
  content:"" !important;
  display:inline-block !important;
  width:10px !important;
  height:10px !important;
  margin-right:10px !important;
  border-radius:2px !important;
  background:#222 !important;
  vertical-align:middle !important;
}

/* リスト：黒丸を消す */
.info-card ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.info-card li{
  margin:10px 0 !important;
  line-height:1.9 !important;
}

/* リンク：青＋下線を抑える */
.info-card li a{
  color:#333 !important;
  text-decoration:none !important;
}
.info-card li a:hover{
  text-decoration:underline !important;
}

/* スマホ：縦積み */
@media (max-width: 900px){
  .info-cards{
    grid-template-columns: 1fr !important;
  }
}

/* =========================
   info-cards：間延び解消（上書き用）
   ========================= */

/* 全体：カード間や上下余白を少し締める（必要なら） */
body.home .info-cards{
  gap: 20px !important;
  margin: 12px 0 !important;
}

/* カード：内側余白を少し締める */
body.home .info-card{
  padding: 16px 20px !important;
}

/* タイトル：少し大きく＋深いグリーン */
body.home .info-card h3{
  margin: 0 0 10px !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
}
body.home .info-card h3 a{
  color: #1f7a2e !important; /* 深いグリーン */
}

/* タイトル横の四角もグリーンに */
body.home .info-card h3 a::before{
  background: #1f7a2e !important;
}

/* リスト：行間と行間(マージン)を詰める */
body.home .info-card li{
  margin: 6px 0 !important;     /* ←ここが効きます */
  line-height: 1.55 !important; /* ←ここも効きます */
}

/* リンク：クリック領域を自然に（見た目はスッキリ） */
body.home .info-card li a{
  display: inline-block !important;
  padding: 1px 0 !important;
}