#a-header,#a-ghost_header,#a-billboard,#a-site_contents,#a-footer{max-width:100%}.bd-no-webp #a-billboard{padding:0;background-image:url(_src/3508/bg_2layer.png?v=1709113563735);background-position:center center;background-size:cover}.bd-webp #a-billboard{padding:0;background-image:url(_src/3508/bg_2layer.webp?v=1709113563735);background-position:center center;background-size:cover}@media only screen and (max-width:641px){.bd-no-webp #a-header{padding:0}.bd-webp #a-header{padding:0}.bd-no-webp #a-ghost_header{padding:0}.bd-webp #a-ghost_header{padding:0}.bd-no-webp #a-billboard{padding:0}.bd-webp #a-billboard{padding:0}.bd-no-webp #a-main{padding:0}.bd-webp #a-main{padding:0}.bd-no-webp #a-side-a{padding:0}.bd-webp #a-side-a{padding:0}.bd-no-webp #a-side-b{padding:0}.bd-webp #a-side-b{padding:0}.bd-no-webp #a-footer{padding:0}.bd-webp #a-footer{padding:0}}#bk3520>div{margin:0 auto;max-width:100%}#bk3520>div{padding-left:20px;padding-top:25px;padding-right:20px;padding-bottom:20px}#bk3548>div{padding-left:30px;padding-top:100px;padding-right:30px;padding-bottom:50px}.bd-no-webp #bk3527{background-color:rgba(23,9,1,0.24)}.bd-webp #bk3527{background-color:rgba(23,9,1,0.24)}#bk3527>div{padding-left:30px;padding-top:60px;padding-right:30px;padding-bottom:40px}.bd-no-webp #bk3531{background-color:#fff}.bd-webp #bk3531{background-color:#fff}#bk3531>div{margin:0 auto;max-width:100%}#bk3531>div{padding-left:20px;padding-top:26px;padding-right:20px;padding-bottom:21px}#w-top-left{margin:0 auto;max-width:20%}#w-top-right{margin:0 auto;max-width:20%}#w-middle-left{margin:0 auto;max-width:20%}#w-middle-right{margin:0 auto;max-width:20%}#w-bottom-left{margin:0 auto;max-width:20%}#w-bottom-right{margin:0 auto;max-width:20%}#bk3522>div{padding-left:30px;padding-top:70px;padding-right:30px;padding-bottom:100px}#bk3524>div{padding-left:30px;padding-top:100px;padding-right:30px;padding-bottom:100px}.bd-no-webp #bk3528{background-color:rgba(23,9,1,0.24)}.bd-webp #bk3528{background-color:rgba(23,9,1,0.24)}#bk3528>div{padding-left:30px;padding-top:30px;padding-right:30px;padding-bottom:25px}.bd-no-webp #bk3529{background-color:rgba(23,9,1,0.24)}.bd-webp #bk3529{background-color:rgba(23,9,1,0.24)}#bk3529>div{padding-left:30px;padding-top:0;padding-right:30px;padding-bottom:30px}.bd-no-webp #bk3530{background-color:rgba(23,9,1,0.24)}.bd-webp #bk3530{background-color:rgba(23,9,1,0.24)}#bk3530>div{padding-left:30px;padding-top:15px;padding-right:30px;padding-bottom:30px}.a-header .b-plain>.column,.a-header .b-plain>.g-column,.a-header .b-both_diff>.column,.a-header .b-both_diff>.g-column,.a-header .b-headlines>.column,.a-header .b-headlines>.g-column,.a-header .b-album>.column,.a-header .b-album>.g-column,.a-header .b-tab>.column,.a-header .b-tab>.g-column,.a-header .b-accordion>.column,.a-header .b-accordion>.g-column,.a-header .b-megamenu>nav,.a-header .b-carousel>.column,.a-header .b-carousel>.g-column,.a-ghost_header .b-plain>.column,.a-ghost_header .b-plain>.g-column,.a-ghost_header .b-both_diff>.column,.a-ghost_header .b-both_diff>.g-column,.a-ghost_header .b-headlines>.column,.a-ghost_header .b-headlines>.g-column,.a-ghost_header .b-album>.column,.a-ghost_header .b-album>.g-column,.a-ghost_header .b-tab>.column,.a-ghost_header .b-tab>.g-column,.a-ghost_header .b-accordion>.column,.a-ghost_header .b-accordion>.g-column,.a-ghost_header .b-megamenu>nav,.a-ghost_header .b-carousel>.column,.a-ghost_header .b-carousel>.g-column,.a-billboard .b-plain>.column,.a-billboard .b-plain>.g-column,.a-billboard .b-both_diff>.column,.a-billboard .b-both_diff>.g-column,.a-billboard .b-headlines>.column,.a-billboard .b-headlines>.g-column,.a-billboard .b-album>.column,.a-billboard .b-album>.g-column,.a-billboard .b-tab>.column,.a-billboard .b-tab>.g-column,.a-billboard .b-accordion>.column,.a-billboard .b-accordion>.g-column,.a-billboard .b-megamenu>nav,.a-billboard .b-carousel>.column,.a-billboard .b-carousel>.g-column,.a-main .b-plain>.column,.a-main .b-plain>.g-column,.a-main .b-both_diff>.column,.a-main .b-both_diff>.g-column,.a-main .b-headlines>.column,.a-main .b-headlines>.g-column,.a-main .b-album>.column,.a-main .b-album>.g-column,.a-main .b-tab>.column,.a-main .b-tab>.g-column,.a-main .b-accordion>.column,.a-main .b-accordion>.g-column,.a-main .b-megamenu>nav,.a-main .b-carousel>.column,.a-main .b-carousel>.g-column,.a-side-a .b-plain>.column,.a-side-a .b-plain>.g-column,.a-side-a .b-both_diff>.column,.a-side-a .b-both_diff>.g-column,.a-side-a .b-headlines>.column,.a-side-a .b-headlines>.g-column,.a-side-a .b-album>.column,.a-side-a .b-album>.g-column,.a-side-a .b-tab>.column,.a-side-a .b-tab>.g-column,.a-side-a .b-accordion>.column,.a-side-a .b-accordion>.g-column,.a-side-a .b-megamenu>nav,.a-side-a .b-carousel>.column,.a-side-a .b-carousel>.g-column,.a-side-b .b-plain>.column,.a-side-b .b-plain>.g-column,.a-side-b .b-both_diff>.column,.a-side-b .b-both_diff>.g-column,.a-side-b .b-headlines>.column,.a-side-b .b-headlines>.g-column,.a-side-b .b-album>.column,.a-side-b .b-album>.g-column,.a-side-b .b-tab>.column,.a-side-b .b-tab>.g-column,.a-side-b .b-accordion>.column,.a-side-b .b-accordion>.g-column,.a-side-b .b-megamenu>nav,.a-side-b .b-carousel>.column,.a-side-b .b-carousel>.g-column,.a-footer .b-plain>.column,.a-footer .b-plain>.g-column,.a-footer .b-both_diff>.column,.a-footer .b-both_diff>.g-column,.a-footer .b-headlines>.column,.a-footer .b-headlines>.g-column,.a-footer .b-album>.column,.a-footer .b-album>.g-column,.a-footer .b-tab>.column,.a-footer .b-tab>.g-column,.a-footer .b-accordion>.column,.a-footer .b-accordion>.g-column,.a-footer .b-megamenu>nav,.a-footer .b-carousel>.column,.a-footer .b-carousel>.g-column{margin:0 auto;max-width:1170px}@media only screen and (max-width:641px){.a-header .b-plain>.column,.a-header .b-plain>.g-column,.a-header .b-both_diff>.column,.a-header .b-both_diff>.g-column,.a-header .b-headlines>.column,.a-header .b-headlines>.g-column,.a-header .b-album>.column,.a-header .b-album>.g-column,.a-header .b-tab>.column,.a-header .b-tab>.g-column,.a-header .b-accordion>.column,.a-header .b-accordion>.g-column,.a-header .b-megamenu>nav,.a-header .b-carousel>.column,.a-header .b-carousel>.g-column,.a-ghost_header .b-plain>.column,.a-ghost_header .b-plain>.g-column,.a-ghost_header .b-both_diff>.column,.a-ghost_header .b-both_diff>.g-column,.a-ghost_header .b-headlines>.column,.a-ghost_header .b-headlines>.g-column,.a-ghost_header .b-album>.column,.a-ghost_header .b-album>.g-column,.a-ghost_header .b-tab>.column,.a-ghost_header .b-tab>.g-column,.a-ghost_header .b-accordion>.column,.a-ghost_header .b-accordion>.g-column,.a-ghost_header .b-megamenu>nav,.a-ghost_header .b-carousel>.column,.a-ghost_header .b-carousel>.g-column,.a-billboard .b-plain>.column,.a-billboard .b-plain>.g-column,.a-billboard .b-both_diff>.column,.a-billboard .b-both_diff>.g-column,.a-billboard .b-headlines>.column,.a-billboard .b-headlines>.g-column,.a-billboard .b-album>.column,.a-billboard .b-album>.g-column,.a-billboard .b-tab>.column,.a-billboard .b-tab>.g-column,.a-billboard .b-accordion>.column,.a-billboard .b-accordion>.g-column,.a-billboard .b-megamenu>nav,.a-billboard .b-carousel>.column,.a-billboard .b-carousel>.g-column,.a-main .b-plain>.column,.a-main .b-plain>.g-column,.a-main .b-both_diff>.column,.a-main .b-both_diff>.g-column,.a-main .b-headlines>.column,.a-main .b-headlines>.g-column,.a-main .b-album>.column,.a-main .b-album>.g-column,.a-main .b-tab>.column,.a-main .b-tab>.g-column,.a-main .b-accordion>.column,.a-main .b-accordion>.g-column,.a-main .b-megamenu>nav,.a-main .b-carousel>.column,.a-main .b-carousel>.g-column,.a-side-a .b-plain>.column,.a-side-a .b-plain>.g-column,.a-side-a .b-both_diff>.column,.a-side-a .b-both_diff>.g-column,.a-side-a .b-headlines>.column,.a-side-a .b-headlines>.g-column,.a-side-a .b-album>.column,.a-side-a .b-album>.g-column,.a-side-a .b-tab>.column,.a-side-a .b-tab>.g-column,.a-side-a .b-accordion>.column,.a-side-a .b-accordion>.g-column,.a-side-a .b-megamenu>nav,.a-side-a .b-carousel>.column,.a-side-a .b-carousel>.g-column,.a-side-b .b-plain>.column,.a-side-b .b-plain>.g-column,.a-side-b .b-both_diff>.column,.a-side-b .b-both_diff>.g-column,.a-side-b .b-headlines>.column,.a-side-b .b-headlines>.g-column,.a-side-b .b-album>.column,.a-side-b .b-album>.g-column,.a-side-b .b-tab>.column,.a-side-b .b-tab>.g-column,.a-side-b .b-accordion>.column,.a-side-b .b-accordion>.g-column,.a-side-b .b-megamenu>nav,.a-side-b .b-carousel>.column,.a-side-b .b-carousel>.g-column,.a-footer .b-plain>.column,.a-footer .b-plain>.g-column,.a-footer .b-both_diff>.column,.a-footer .b-both_diff>.g-column,.a-footer .b-headlines>.column,.a-footer .b-headlines>.g-column,.a-footer .b-album>.column,.a-footer .b-album>.g-column,.a-footer .b-tab>.column,.a-footer .b-tab>.g-column,.a-footer .b-accordion>.column,.a-footer .b-accordion>.g-column,.a-footer .b-megamenu>nav,.a-footer .b-carousel>.column,.a-footer .b-carousel>.g-column{margin:0 auto;max-width:100%}#bk3520.b-plain>.column,#bk3520.b-plain>.g-column,#bk3520.b-both_diff>.column,#bk3520.b-both_diff>.g-column,#bk3520.b-headlines>.column,#bk3520.b-headlines>.g-column,#bk3520.b-album>.column,#bk3520.b-album>.g-column,#bk3520.b-tab>.column,#bk3520.b-tab>.g-column,#bk3520.b-accordion>.column,#bk3520.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk3520>div{padding-left:15px;padding-top:15px;padding-right:15px;padding-bottom:15px}#bk3521.b-plain>.column,#bk3521.b-plain>.g-column,#bk3521.b-both_diff>.column,#bk3521.b-both_diff>.g-column,#bk3521.b-headlines>.column,#bk3521.b-headlines>.g-column,#bk3521.b-album>.column,#bk3521.b-album>.g-column,#bk3521.b-tab>.column,#bk3521.b-tab>.g-column,#bk3521.b-accordion>.column,#bk3521.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk3521>div{padding-left:30px;padding-top:100px;padding-right:30px;padding-bottom:100px}#bk3548.b-plain>.column,#bk3548.b-plain>.g-column,#bk3548.b-both_diff>.column,#bk3548.b-both_diff>.g-column,#bk3548.b-headlines>.column,#bk3548.b-headlines>.g-column,#bk3548.b-album>.column,#bk3548.b-album>.g-column,#bk3548.b-tab>.column,#bk3548.b-tab>.g-column,#bk3548.b-accordion>.column,#bk3548.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk3548>div{padding-left:20px;padding-top:60px;padding-right:20px;padding-bottom:15px}#bk3525.b-plain>.column,#bk3525.b-plain>.g-column,#bk3525.b-both_diff>.column,#bk3525.b-both_diff>.g-column,#bk3525.b-headlines>.column,#bk3525.b-headlines>.g-column,#bk3525.b-album>.column,#bk3525.b-album>.g-column,#bk3525.b-tab>.column,#bk3525.b-tab>.g-column,#bk3525.b-accordion>.column,#bk3525.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk3526.b-plain>.column,#bk3526.b-plain>.g-column,#bk3526.b-both_diff>.column,#bk3526.b-both_diff>.g-column,#bk3526.b-headlines>.column,#bk3526.b-headlines>.g-column,#bk3526.b-album>.column,#bk3526.b-album>.g-column,#bk3526.b-tab>.column,#bk3526.b-tab>.g-column,#bk3526.b-accordion>.column,#bk3526.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk3527.b-plain>.column,#bk3527.b-plain>.g-column,#bk3527.b-both_diff>.column,#bk3527.b-both_diff>.g-column,#bk3527.b-headlines>.column,#bk3527.b-headlines>.g-column,#bk3527.b-album>.column,#bk3527.b-album>.g-column,#bk3527.b-tab>.column,#bk3527.b-tab>.g-column,#bk3527.b-accordion>.column,#bk3527.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk3527>div{padding-left:20px;padding-top:60px;padding-right:20px;padding-bottom:50px}#bk3531.b-plain>.column,#bk3531.b-plain>.g-column,#bk3531.b-both_diff>.column,#bk3531.b-both_diff>.g-column,#bk3531.b-headlines>.column,#bk3531.b-headlines>.g-column,#bk3531.b-album>.column,#bk3531.b-album>.g-column,#bk3531.b-tab>.column,#bk3531.b-tab>.g-column,#bk3531.b-accordion>.column,#bk3531.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk3531>div{padding-left:15px;padding-top:15px;padding-right:15px;padding-bottom:15px}#w-top-left{margin:0 auto;max-width:20%}#w-top-right{margin:0 auto;max-width:20%}#w-middle-left{margin:0 auto;max-width:20%}#w-middle-right{margin:0 auto;max-width:20%}#w-bottom-left{margin:0 auto;max-width:20%}#w-bottom-right{margin:0 auto;max-width:20%}#bk3522.b-plain>.column,#bk3522.b-plain>.g-column,#bk3522.b-both_diff>.column,#bk3522.b-both_diff>.g-column,#bk3522.b-headlines>.column,#bk3522.b-headlines>.g-column,#bk3522.b-album>.column,#bk3522.b-album>.g-column,#bk3522.b-tab>.column,#bk3522.b-tab>.g-column,#bk3522.b-accordion>.column,#bk3522.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk3522>div{padding-left:15px;padding-top:50px;padding-right:15px;padding-bottom:50px}#bk3524.b-plain>.column,#bk3524.b-plain>.g-column,#bk3524.b-both_diff>.column,#bk3524.b-both_diff>.g-column,#bk3524.b-headlines>.column,#bk3524.b-headlines>.g-column,#bk3524.b-album>.column,#bk3524.b-album>.g-column,#bk3524.b-tab>.column,#bk3524.b-tab>.g-column,#bk3524.b-accordion>.column,#bk3524.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk3524>div{padding-left:20px;padding-top:0;padding-right:20px;padding-bottom:60px}#bk3528.b-plain>.column,#bk3528.b-plain>.g-column,#bk3528.b-both_diff>.column,#bk3528.b-both_diff>.g-column,#bk3528.b-headlines>.column,#bk3528.b-headlines>.g-column,#bk3528.b-album>.column,#bk3528.b-album>.g-column,#bk3528.b-tab>.column,#bk3528.b-tab>.g-column,#bk3528.b-accordion>.column,#bk3528.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk3528>div{padding-left:15px;padding-top:15px;padding-right:15px;padding-bottom:15px}#bk3529.b-plain>.column,#bk3529.b-plain>.g-column,#bk3529.b-both_diff>.column,#bk3529.b-both_diff>.g-column,#bk3529.b-headlines>.column,#bk3529.b-headlines>.g-column,#bk3529.b-album>.column,#bk3529.b-album>.g-column,#bk3529.b-tab>.column,#bk3529.b-tab>.g-column,#bk3529.b-accordion>.column,#bk3529.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk3529>div{padding-left:15px;padding-top:15px;padding-right:15px;padding-bottom:15px}#bk3530.b-plain>.column,#bk3530.b-plain>.g-column,#bk3530.b-both_diff>.column,#bk3530.b-both_diff>.g-column,#bk3530.b-headlines>.column,#bk3530.b-headlines>.g-column,#bk3530.b-album>.column,#bk3530.b-album>.g-column,#bk3530.b-tab>.column,#bk3530.b-tab>.g-column,#bk3530.b-accordion>.column,#bk3530.b-accordion>.g-column{margin:0 auto;max-width:100%}#bk3530>div{padding-left:15px;padding-top:0;padding-right:15px;padding-bottom:15px}}#imgsrc3502_1{width:200px}#imgsrc3478_1{width:250px}#imgsrc3507_1{width:100%}
/* 本文が横にはみ出ないように max-width を設定 */
#bk-single-construction .c-body {
    max-width: 900px;      /* 文章の最大幅 */
    margin: 0 auto 60px;   /* 中央寄せ（上下余白60px） */
    padding: 0 20px;       /* スマホでの左右余白 */
    line-height: 1.8;      /* 読みやすさアップ */
    word-wrap: break-word; /* 長い英数字でも折り返し */
}

/* アイキャッチ画像も中央に揃える */
#bk-single-construction .c-img {
    max-width: 100%;
    margin: 0 auto 40px;
}
/*--------------------------
  本文（c-body）が右にはみ出す問題対策
---------------------------*/
#bk-single-construction .c-body {
    max-width: 900px !important;
    width: 100% !important;
    margin: 0 auto 60px !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    display: block !important;
}

/* 画像部分も中央に寄せる */
#bk-single-construction .c-img {
    max-width: 100% !important;
    margin: 0 auto 40px !important;
    display: block !important;
}

/* カラムが横幅を邪魔している可能性があるので解除 */
#bk-single-construction .column {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}
/* ===== ◆ 投稿ページだけヘッダーを透明化して背景画像を見せる ◆ ===== */
.single-construction #a-header {
    background: transparent !important;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

/* ゴーストヘッダーも透明に */
.single-construction #a-ghost_header {
    background: transparent !important;
}

/* メニューの文字色を白に（背景画像の上に乗せるため） */
.single-construction #a-header a,
.single-construction #a-ghost_header a {
    color: #fff !important;
}

.single-construction #a-header .c-menu span,
.single-construction #a-ghost_header .c-menu span {
    color: #fff !important;
}

/* スクロールしてゴーストヘッダーが出た時も白文字 */
.single-construction .js-ghost_mode a {
    color: #fff !important;
}
/* bind.css の .c-no_adjust を single-construction ページで上書き */

/* ビルボードのロゴなど：横いっぱいに広がるのを解除 */
#a-billboard img.c-no_adjust {
  width: auto !important;   /* 100% を打ち消す */
  max-width: 20%;          /* それでも念のためはみ出さないように */
  height: auto;
}

/* 施工事例本文の中の画像は横幅いっぱいにしたい場合 */
#bk-single-construction .c-body img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 30px;
}
/* ビルボード内の下余白を増やす（タイトル＋パンくずのブロック） */
#a-billboard .cssskin-_block_billboard {
  padding-bottom: 60px;  /* 下の余白。お好みで 40〜80px くらいで調整 */
}

/* タイトルとパンくずの間も少し広げたい場合 */
#a-billboard .c-page_title {
  margin-bottom: 16px;
}
/* =========================
   施工事例アーカイブ 3カラムカード
   ========================= */

/* グリッド全体 */
.archive-construction .construction-archive-grid {
  max-width: 1150px;
  margin: 0 auto 60px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* 画面幅が中くらいのときは2カラム */
@media (max-width: 900px) {
  .archive-construction .construction-archive-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* スマホは1カラム */
@media (max-width: 640px) {
  .archive-construction .construction-archive-grid {
    grid-template-columns: 1fr;
  }
}

/* カード本体 */
.archive-construction .construction-card {
  border: 1px solid #e5e5e5;
  background: #fff;
  height: 100%;
}

/* クリック範囲をカード全体に */
.archive-construction .construction-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

/* サムネイル */
.archive-construction .construction-card__thumb img {
  width: 100%;
  height: auto;
  display: block;
}

/* テキスト部分 */
.archive-construction .construction-card__body {
  padding: 18px 20px 22px;
}

/* 上部の「CASE STUDY」ラベル */
.archive-construction .construction-card__label {
  display: inline-block;
  padding: 3px 8px;
  border: 1px solid #333;
  font-size: 11px;
  letter-spacing: 0.08em;
  margin: 0 0 12px;
}

/* タイトル */
.archive-construction .construction-card__title {
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 8px;
}

/* 日付（小さく・薄く） */
.archive-construction .construction-card__date {
  font-size: 11px;
  color: #999;
  margin: 0 0 10px;
}

/* 抜粋 */
.archive-construction .construction-card__excerpt {
  font-size: 13px;
  line-height: 1.8;
  color: #555;
}

/* ページネーション周り */
.archive-construction .construction-archive-pagination {
  margin: 10px 0 40px;
}
/* =========================
   NEWS アーカイブ一覧
   ========================= */
.news-archive-list {
  max-width: 900px;
  margin: 0 auto 40px;
}

.news-archive-item {
  border-bottom: 1px solid #e5e5e5;
  padding: 18px 0;
}

.news-archive-item__link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.news-archive-item__date {
  font-size: 11px;
  color: #999;
  margin: 0 0 4px;
}

.news-archive-item__title {
  font-size: 15px;
  margin: 0 0 6px;
}

.news-archive-item__excerpt {
  font-size: 13px;
  line-height: 1.8;
  margin: 0;
}
.news-top-item {
  margin-bottom: 40px;
}