/* 全体を横並びにする */
.vertical-wrap {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2rem; /* 列の間隔（調整可） */
}

/* 各見出しを縦書き化 */
.vertical-wrap .vertical-item {
  writing-mode: vertical-rl;
  text-orientation: upright;
}


/* スマホで横並び */
@media (max-width: 768px) {
  .vertical-wrap .vertical-item {
    writing-mode: horizontal-tb;
    text-orientation: initial;
  }
}

/* カードのホバーで画像を大きくする */
.card-link {
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.card-link img {
  transition: transform 0.4s ease;
  transform: scale(1);

}

.card-link:hover img {
  transform: scale(1.08);

}