@charset "utf-8";
/* CSS Document */
.column3_a1 {}
.column3_a1 .inner {
  max-width: 1280px;
  margin: 0 auto;
}
.column3_a1 .flex {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(28px, 4vw, 50px);
  align-items: stretch;
}
.column3_a1 .card1 {
  display: block;
  width: calc((100% - (clamp(28px, 4vw, 50px) * 2)) / 3);
}
/* サムネイル：正方形・大きめ角丸 */
.column3_a1 .thumb {
  width: 100%;
  aspect-ratio: 370 / 256;
  border-radius: 28px;
  overflow: hidden;
}
.column3_a1 .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* 文字エリア */
.column3_a1 .txtbox {
  margin-top: 18px;
}
/* タイトル */
.column3_a1 .title {
  letter-spacing: .02em;
  margin: 0 0 14px;
  text-align: center;
}
/* 本文 */
.column3_a1 .text {
  line-height: 2;
  letter-spacing: .02em;
}
@media screen and (max-width: 1080px) {
  .column3_a1 .card1 {
    width: calc((100% - clamp(28px, 4vw, 50px)) / 2);
  }
}
@media screen and (max-width: 576px) {
  .column3_a1 .card1 {
    width: 100%;
  }
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px) {}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px) {}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px) {}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px) {}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px) {}