@charset "UTF-8";
/* ==========================================================================
   pages/hu590.css — HU590（p-系）（SPD-v2）
   ========================================================================== */

/* 認定寸法の表（現行サイトのお知らせに載っている表の画像を2枚並べる） */
.p-hu590Sizes {
  display: grid;
  gap: 1.6rem;
  margin-block-start: 3.2rem;

  @media print, screen and (min-width: 1024px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 2.4rem;
  }

  & figure {
    padding: 1.6rem;
    border: 1px solid var(--cl-ln);
    background-color: var(--cl-wh);
  }

  & img {
    inline-size: 100%;
    block-size: auto;
  }
}

.p-hu590Sizes-title,
.p-hu590Sizes-note { grid-column: 1 / -1; }

.p-hu590Sizes-title {
  color: var(--cl-key);
  font-size: var(--fs-m);
  font-weight: 700;
}

.p-hu590Sizes-note {
  color: var(--cl-txt-sub);
  font-size: var(--fs-s);

  & a {
    color: var(--cl-blue);
    text-decoration: underline;
  }
}