@charset "UTF-8";
/* ==============================
 * カラー変数
 ============================== */
/* ==============================
 * コンテナ幅
 ============================== */
/* ==============================
 * ブレークポイント定義
 ============================== */
/* ==============================
 * ハーフ・レンディングを取り除く
 ============================== */
/* ==============================
 * サイズ計算（レスポンシブ）
 ============================== */
/* ==============================
 * お知らせ一覧
 ============================== */
body {
  background: #f7f5f7;
}

/* ==============================
 * お知らせ一覧
 ============================== */
.info-archive {
  padding-bottom: clamp(4rem, 2.602rem + 5.96vw, 7rem);
}

.info-archive__wrapper {
  margin-top: calc(clamp(2rem, 1.301rem + 2.98vw, 3.5rem) + (1em - 1lh) / 2);
}

.cat-title.infomation {
  margin-bottom: clamp(32px, 4vw, 48px);
}

.info-archive__item {
  border-radius: clamp(4px, 0.78125vw, 6px);
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
}
.info-archive__item + .info-archive__item {
  margin-top: clamp(16px, 2vw, 24px);
}
@media screen and (max-width: 560px) {
  .info-archive__item + .info-archive__item {
    margin-top: clamp(24px, 5.7040998217vw, 32px);
  }
}
.info-archive__item:hover {
  transform: translateX(8px);
}
@media screen and (max-width: 767px) {
  .info-archive__item:hover {
    transform: unset;
  }
}
.info-archive__item a {
  display: grid;
  align-items: center;
  grid-template-columns: clamp(130px, 16.6666666667vw, 200px) auto;
  gap: clamp(6px, 1vw, 12px) clamp(8px, 1.3333333333vw, 16px);
  padding: clamp(10px, 1.1666666667vw, 14px);
  background: #fff;
}
@media screen and (max-width: 560px) {
  .info-archive__item a {
    display: block;
    row-gap: clamp(12px, 4.2780748663vw, 24px);
    padding: clamp(12px, 4.2780748663vw, 24px);
  }
}
.info-archive__item a:hover {
  background: #d4d4d4;
}
.info-archive__item a .thumb {
  grid-row: 1/3;
  grid-column: 1/2;
  border-radius: clamp(4px, 0.78125vw, 6px);
}
.info-archive__item a .cat-unit {
  display: flex;
  align-items: center;
  column-gap: clamp(8px, 1.3333333333vw, 16px);
  grid-row: 1/2;
  grid-column: 2/3;
  align-self: end;
}
@media screen and (max-width: 560px) {
  .info-archive__item a .cat-unit {
    margin-top: clamp(12px, 4.2780748663vw, 24px);
  }
}
.info-archive__item a .cat-unit .cat {
  font-size: clamp(11px, 1vw, 12px);
}
.info-archive__item a .info-archive__title {
  grid-row: 2/3;
  grid-column: 2/3;
  align-self: start;
  font-size: clamp(15px, 1.3333333333vw, 16px);
}
@media screen and (max-width: 560px) {
  .info-archive__item a .info-archive__title {
    margin-top: clamp(8px, 2.1390374332vw, 12px);
  }
}
.info-archive__item a .info-archive__title.line-clamp {
  -webkit-line-clamp: 2;
}/*# sourceMappingURL=infomation.css.map */