@charset "UTF-8";
/* WordPress版だけで使うスタイル（静的版の CSS には無いもの） */

/* 施工実績・お知らせ詳細のページ送り：前（次）の記事がないときも、真ん中のボタンの位置を動かさない */
.works_d_nav_link.is-empty,
.news_d_nav_link.is-empty {
  visibility: hidden;
}

/* 施工実績の説明文：エディタで入力した段落が、静的版の <p class="works_d_text"> と同じ見え方になるようにする */
.works_d_text > p {
  line-height: 2;
  font-weight: 500;
}
.works_d_text > p + p {
  margin-top: 1em;
}

/* お知らせ詳細：エディタで入力した本文（段落・画像・リンク）を、静的版と同じ見え方にする */
.news_d_body .wp-block-image,
.news_d_body figure {
  display: block;
  aspect-ratio: 3 / 2;
  margin: 0;
  border-radius: 5px;
  overflow: clip;
}
.news_d_body .wp-block-image img,
.news_d_body figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_d_body p + figure,
.news_d_body figure + p,
.news_d_body figure + figure,
.news_d_body p + .wp-block-image,
.news_d_body .wp-block-image + p,
.news_d_body .wp-block-image + .wp-block-image,
.news_d_body ul + figure,
.news_d_body ol + figure,
.news_d_body figure + ul,
.news_d_body figure + ol,
.news_d_body ul + .wp-block-image,
.news_d_body ol + .wp-block-image,
.news_d_body .wp-block-image + ul,
.news_d_body .wp-block-image + ol {
  margin-top: 1.8em;
}
/* 見出しや箇条書きのあとに画像が来たとき */
.news_d_body h2 + figure,
.news_d_body h3 + figure,
.news_d_body h2 + .wp-block-image,
.news_d_body h3 + .wp-block-image {
  margin-top: 1em;
}
.news_d_body h4 + figure,
.news_d_body h4 + .wp-block-image {
  margin-top: 1.5em;
}

.news_d_body a {
  color: var(--b1);
  text-decoration: underline;
}
.news_d_body a:hover {
  opacity: 0.6;
}

/* 施工実績の事業内容タブ（リンク） */
a.list_tab {
  display: inline-block;
  text-decoration: none;
}

/* 採用情報：募集職種がないときの案内 */
.recruit_empty {
  margin-top: 3vw;
  text-align: center;
  line-height: 2;
  font-weight: 500;
}

/* 404ページ */
.notfound {
  width: 90%;
  max-width: 1100px;
  margin: max(6vw, 50px) auto max(12vw, 80px);
}
.notfound_lead {
  max-width: 60em;
  margin-bottom: 3em;
  line-height: 2;
  font-weight: 500;
}
.notfound_links {
  display: flex;
  flex-wrap: wrap;
  gap: 1em 2em;
  margin-top: 4em;
  padding-top: 2em;
  border-top: 1px solid var(--line);
  font-weight: 500;
  a:hover {
    text-decoration: underline;
  }
}