@charset "UTF-8";

/* =========================================================
   沿革（/company #history）の補足文・画像

   about ページにあった History 年表を沿革へ統合した際に追加。
   マークアップは固定ページ本文（WordPress 側）にあるため、
   ここでは差し込んだ span のスタイルのみを定義する。
   ========================================================= */

.company_page .company_block__history--note {
  display: block;
  margin-top: 6px;
  color: #8a8a8a;
  font-family: "IBM Plex Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.02em;
}

.company_page .company_block__history--media {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
  margin-bottom: 14px;
}

.company_page .company_block__history--media img {
  width: 240px;
  max-width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 6px;
}

/* 差し込んだブロックの直後に元の <br> が残るため、余分な改行を消す */
.company_page .company_block__history--note + br,
.company_page .company_block__history--media + br {
  display: none;
}

@media (max-width: 768px) {
  .company_page .company_block__history--note {
    margin-top: calc(6 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }

  .company_page .company_block__history--media {
    gap: calc(8 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
    margin-bottom: calc(12 / 375 * 100vw);
  }

  .company_page .company_block__history--media img {
    width: 100%;
  }
}