@charset "UTF-8";

/* ---------- 表彰セクション ---------- */
.top-award {
  position: relative;
  isolation: isolate;
  margin-top: 7.5rem;
  padding-block: 7.5rem;
}
@media screen and (max-width: 767px) {
  .top-award {
    margin-top: 5rem;
    padding-block: 3.5rem;
  }
}

/* add.css はテーマ直下にあるため assets/ から指定 */
.top-award::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("assets/images/top/works-bg.webp");
  background-position: center;
  background-size: cover;
  border-start-end-radius: 6.0625rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .top-award::before {
    border-start-end-radius: 2.5rem;
  }
}

/* 会社紹介ページは会社概要の下余白で間隔を確保 */
.company-profile + .top-award {
  margin-top: 0;
}

.top-award__inner.inner {
  display: grid;
  grid-template-columns: minmax(0, 42.5rem) minmax(0, 1fr);
  align-items: center;
  column-gap: 5rem;
  max-width: 85.625rem;
}
@media screen and (max-width: 767px) {
  .top-award__inner.inner {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 2.5rem;
    max-width: 33.75rem;
  }
}

.top-award__media {
  padding: 1rem;
  background-color: #ffffff;
  border: 1px solid #d9e2f5;
}
@media screen and (max-width: 767px) {
  .top-award__media {
    padding: 0.625rem;
  }
}

.top-award__img {
  aspect-ratio: 1280/926;
  height: auto;
}

.top-award__label {
  font-size: max(1.25rem, 12px);
  font-family: "azo-sans-web", "游ゴシック", yugothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", verdana, "メイリオ", meiryo, osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  color: #0057ff;
  line-height: 1;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .top-award__label {
    font-size: max(1rem, 12px);
  }
}

.top-award__title {
  font-size: max(2.5rem, 12px);
  font-weight: 700;
  color: #1f2160;
  line-height: 1.6;
  font-feature-settings: "palt";
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .top-award__title {
    font-size: max(1.5rem, 12px);
    margin-top: 0.75rem;
  }
}

/* 文節単位で改行させる */
.top-award__title-line {
  display: inline-block;
}

.top-award__title-em {
  font-size: 1.2em;
  font-style: normal;
  color: #0057ff;
  background-image: linear-gradient(transparent 68%, rgba(0, 87, 255, 0.15) 68%);
}

.top-award__text {
  font-size: max(1.125rem, 12px);
  font-weight: 500;
  color: #000000;
  line-height: 2;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(31, 33, 96, 0.2);
}
@media screen and (max-width: 767px) {
  .top-award__text {
    font-size: max(0.9375rem, 12px);
    line-height: 1.9;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
  }
}

/* ---------- モーダル ---------- */
/* .modal の display: flex で閉じた dialog が透明なまま残り、スクロールを妨げるため非表示にする */
.modal:not([open]) {
  display: none;
}


.single-news__title {
  margin-bottom: 1em;
}