@charset "utf-8";

/* ==========================================================================
   大誠有限会社 — お知らせ（一覧 / 記事詳細）専用スタイル
   寸法はすべて rem（1rem = 10px @1300px）。共通部品は main.css / lower.css を参照。
   ========================================================================== */

/* 見出しは一文字ずつの出現で制御するため、共通のフェードアップからは除外する */
.title02.scr-anin {
  opacity: 1;
  translate: 0;
}

/* --------------------------------------------------------------------------
   一覧
   -------------------------------------------------------------------------- */
/* トップページでは右寄せ 76rem の枠だが、一覧ページでは本文幅いっぱいに広げる */
.news-archive {
  margin-top: 7rem;
}
.news-archive .news01__in {
  width: 100%;
  margin-inline: auto;
}
.news-archive .news01-list {
  margin-top: 0;
}
.news-archive .news01-list__item + .news01-list__item {
  margin-top: 3rem;
}
@media screen and (max-width: 1023px) {
  .news-archive {
    margin-top: 5rem;
  }
  .news-archive .news01-list__item + .news01-list__item {
    margin-top: 3rem;
  }
}

/* --------------------------------------------------------------------------
   記事詳細
   -------------------------------------------------------------------------- */
.news-detail__head {
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid var(--c-line);
}
.news-detail__meta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
}
.news-detail__date {
  font-family: var(--f-en);
  font-weight: 500;
  font-size: max(1.4rem, 10px);
  letter-spacing: 0.06em;
}
.news-detail__cate {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 9rem;
  padding: 0.3rem 1rem;
  font-size: max(1.2rem, 10px);
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: var(--c-white);
  background-color: var(--c-brand);
}
.news-detail__ttl {
  margin-top: 2rem;
  font-size: max(3rem, 10px);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1023px) {
  .news-detail__ttl {
    margin-top: 1.5rem;
    font-size: max(2.2rem, 10px);
    line-height: 1.7;
  }
}

.news-detail__body {
  margin-top: 5rem;
}
.news-detail__body .table01 {
  margin-top: 4rem;
}
.news-detail__body .table01 + .txt01 {
  margin-top: 4rem;
}
/* 結語・日付など右寄せにする一行（lower.css の .txt01 + .txt01 を上書きする） */
.news-detail__body .news-detail__sign {
  margin-top: 3rem;
  text-align: right;
}
@media screen and (max-width: 1023px) {
  .news-detail__body {
    margin-top: 4rem;
  }
}

/* 本文中のリンク */
.news-detail__body .link01 {
  color: var(--c-brand);
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  transition: opacity 0.3s ease;
}
.news-detail__body .link01:hover {
  opacity: 0.6;
}

/* --------------------------------------------------------------------------
   前後ページ送り（.pager01 の中身）
   -------------------------------------------------------------------------- */
/* 前後の記事が無いときも「一覧へ」を中央に保つためのダミー */
.news-pager__blank {
  display: block;
  width: 12rem;
}
.news-pager .btn01 {
  font-family: var(--f-jp);
  font-size: max(1.4rem, 10px);
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1023px) {
  .news-pager {
    justify-content: center;
    gap: 2rem 3rem;
    margin-top: 6rem;
  }
  .news-pager__blank {
    display: none;
  }
}