/* ============================================================
   エリア共通
   ============================================================ */
#a-header,
#a-ghost_header,
#a-billboard,
#a-site_contents,
#a-footer {
  max-width: 100%;
  width: 100%;
}

/* ------------------------------------------------------------
   メインビジュアル（ビルボード）背景画像 - PC
   ------------------------------------------------------------ */
.bd-no-webp #a-billboard {
  background-image: url(_src/index/top.jpg?v=1775433600000);
  background-position: center center;
  background-size: cover;
}
.bd-webp #a-billboard {
  background-image: url(_src/index/top.webp?v=1775433600000);
  background-position: center center;
  background-size: cover;
}

/* ------------------------------------------------------------
   スマートフォン向けスタイル（641px以下）
   ------------------------------------------------------------ */
@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; }

  /* メインビジュアル（ビルボード）背景画像 - SP */
  .bd-no-webp #a-billboard {
    padding: 0;
    background-image: url(_src/index/sp_top.jpg?v=1775433600000);
    background-position: center center;
    background-size: cover;
  }
  .bd-webp #a-billboard {
    padding: 0;
    background-image: url(_src/index/sp_top.webp?v=1775433600000);
    background-position: center center;
    background-size: cover;
  }

  .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; }
}

/* ============================================================
   ブロック: bk21792116（ヘッダ）
   ============================================================ */
#bk21792116 > div {
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 40px;
  padding-top: 15px;
  padding-right: 40px;
  padding-bottom: 2px;
}

/* ウィジェット幅 */
#w-bottom-left  { margin: 0 auto; max-width: 20%; }
#w-middle-right { margin: 0 auto; max-width: 20%; }
#w-middle-left  { margin: 0 auto; max-width: 20%; }
#w-top-right    { margin: 0 auto; max-width: 20%; }
#w-top-left     { margin: 0 auto; max-width: 20%; }

/* ============================================================
   ブロック: bk21792117（ビルボード内コンテンツ）- PC
   ============================================================ */
.bd-no-webp #bk21792117 {
  background-image: none;
}
.bd-webp #bk21792117 {
  background-image: none;
}

#bk21792117 > div {
  padding-left: 0;
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 20px;
}

/* ビルボード見出し文字色 */
#bk21792117 h1.c-page_title {
  color: #2e7d32;
  text-wrap: balance;
}

/* ビルボードh4文字色 */
#bk21792117 h4.c-small_headline {
  color: #000000;
  text-wrap: balance;
}

/* 相談事務所検索タイトル */
#search-form > p {
  margin: 0 0 16px 0;
  font-size: 18px;
  font-weight: bold;
  color: #2e7d32;
  text-align: center;
}

/* 検索フォーム ラベル・相談先テキスト文字色 */
#search-form label,
#search-form span {
  color: #000000;
}

/* 検索フォーム ラベル */
#search-form label {
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
  font-size: 14px;
}

/* 検索フォーム セレクトボックス */
#search-form select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 15px;
}

/* 検索フォームボックス */
#search-form {
  display: inline-block;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 8px;
  padding: 24px 32px;
  margin-top: 16px;
  text-align: left;
  min-width: 320px;
}

/* 検索フォーム 相談先グループ */
#search-form .search-expert-group {
  margin-bottom: 18px;
}

#search-form .search-expert-group > span {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 14px;
}

#search-form .search-expert-group label {
  display: inline;
  font-weight: normal;
  margin-bottom: 0;
  font-size: 15px;
  cursor: pointer;
  margin-right: 16px;
}

#search-form .search-expert-group label:last-of-type {
  margin-right: 0;
}

#search-form .search-expert-group input[type="radio"] {
  margin-right: 4px;
}

/* 検索ボタン配置 */
#search-form .search-btn-wrap {
  text-align: center;
}

/* 検索ボタン */
#search-btn {
  background: #2e7d32;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 12px 48px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  letter-spacing: 0.05em;
}

#w-bottom-right { margin: 0 auto; max-width: 20%; }

/* ============================================================
   ブロック: コンテンツエリア各種
   ============================================================ */
#bk21792212 > div {
  padding-left: 40px;
  padding-top: 0;
  padding-right: 40px;
  padding-bottom: 30px;
}

#bk21792158 > div {
  padding-left: 40px;
  padding-top: 0;
  padding-right: 40px;
  padding-bottom: 0;
}

#bk21792213 > div {
  margin: 0 auto;
  max-width: 100%;
}

#bk21792186 > div {
  padding-left: 40px;
  padding-top: 0;
  padding-right: 40px;
  padding-bottom: 80px;
}

/* ============================================================
   エリア内カラム最大幅（PC）
   ============================================================ */
.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: 1000px;
}

/* ============================================================
   エリア内カラム最大幅（SP: 641px以下）
   ============================================================ */
@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%;
  }

  /* bk21792116 (SP) */
  #bk21792116.b-plain>.column,
  #bk21792116.b-plain>.g-column,
  #bk21792116.b-both_diff>.column,
  #bk21792116.b-both_diff>.g-column,
  #bk21792116.b-headlines>.column,
  #bk21792116.b-headlines>.g-column,
  #bk21792116.b-album>.column,
  #bk21792116.b-album>.g-column,
  #bk21792116.b-tab>.column,
  #bk21792116.b-tab>.g-column,
  #bk21792116.b-accordion>.column,
  #bk21792116.b-accordion>.g-column {
    margin: 0 auto;
    max-width: 100%;
  }
  #bk21792116 > div {
    padding-left: 20px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 13px;
  }

  /* ヘッダーロゴ画像 SP縮小 */
  #bk21792116 .c-page_title .c-img img {
    max-width: 160px;
    height: auto;
  }

  #w-bottom-left  { margin: 0 auto; max-width: 20%; }
  #w-middle-right { margin: 0 auto; max-width: 20%; }
  #w-middle-left  { margin: 0 auto; max-width: 20%; }
  #w-top-right    { margin: 0 auto; max-width: 20%; }
  #w-top-left     { margin: 0 auto; max-width: 20%; }

  /* bk21792117 背景画像 - SP */
  .bd-no-webp #bk21792117 {
    background-image: none !important;
  }
  .bd-webp #bk21792117 {
    background-image: none !important;
  }

  /* bk21792117 (SP) */
  #bk21792117.b-plain>.column,
  #bk21792117.b-plain>.g-column,
  #bk21792117.b-both_diff>.column,
  #bk21792117.b-both_diff>.g-column,
  #bk21792117.b-headlines>.column,
  #bk21792117.b-headlines>.g-column,
  #bk21792117.b-album>.column,
  #bk21792117.b-album>.g-column,
  #bk21792117.b-tab>.column,
  #bk21792117.b-tab>.g-column,
  #bk21792117.b-accordion>.column,
  #bk21792117.b-accordion>.g-column {
    margin: 0 auto;
    max-width: 100%;
  }
  #bk21792117 > div {
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }

  #w-bottom-right { margin: 0 auto; max-width: 20%; }

  /* bk21792212 (SP) */
  #bk21792212.b-plain>.column,
  #bk21792212.b-plain>.g-column,
  #bk21792212.b-both_diff>.column,
  #bk21792212.b-both_diff>.g-column,
  #bk21792212.b-headlines>.column,
  #bk21792212.b-headlines>.g-column,
  #bk21792212.b-album>.column,
  #bk21792212.b-album>.g-column,
  #bk21792212.b-tab>.column,
  #bk21792212.b-tab>.g-column,
  #bk21792212.b-accordion>.column,
  #bk21792212.b-accordion>.g-column {
    margin: 0 auto;
    max-width: 100%;
  }
  #bk21792212 > div {
    padding-left: 20px;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 40px;
  }

  /* bk21792158 (SP) */
  #bk21792158.b-plain>.column,
  #bk21792158.b-plain>.g-column,
  #bk21792158.b-both_diff>.column,
  #bk21792158.b-both_diff>.g-column,
  #bk21792158.b-headlines>.column,
  #bk21792158.b-headlines>.g-column,
  #bk21792158.b-album>.column,
  #bk21792158.b-album>.g-column,
  #bk21792158.b-tab>.column,
  #bk21792158.b-tab>.g-column,
  #bk21792158.b-accordion>.column,
  #bk21792158.b-accordion>.g-column {
    margin: 0 auto;
    max-width: 100%;
  }
  #bk21792158 > div {
    padding-left: 20px;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 0;
  }

  /* bk21792120 (SP) */
  #bk21792120.b-plain>.column,
  #bk21792120.b-plain>.g-column,
  #bk21792120.b-both_diff>.column,
  #bk21792120.b-both_diff>.g-column,
  #bk21792120.b-headlines>.column,
  #bk21792120.b-headlines>.g-column,
  #bk21792120.b-album>.column,
  #bk21792120.b-album>.g-column,
  #bk21792120.b-tab>.column,
  #bk21792120.b-tab>.g-column,
  #bk21792120.b-accordion>.column,
  #bk21792120.b-accordion>.g-column {
    margin: 0 auto;
    max-width: 100%;
  }

  /* bk21792119 (SP) */
  #bk21792119.b-plain>.column,
  #bk21792119.b-plain>.g-column,
  #bk21792119.b-both_diff>.column,
  #bk21792119.b-both_diff>.g-column,
  #bk21792119.b-headlines>.column,
  #bk21792119.b-headlines>.g-column,
  #bk21792119.b-album>.column,
  #bk21792119.b-album>.g-column,
  #bk21792119.b-tab>.column,
  #bk21792119.b-tab>.g-column,
  #bk21792119.b-accordion>.column,
  #bk21792119.b-accordion>.g-column {
    margin: 0 auto;
    max-width: 100%;
  }

  /* bk21792213 (SP) */
  #bk21792213.b-plain>.column,
  #bk21792213.b-plain>.g-column,
  #bk21792213.b-both_diff>.column,
  #bk21792213.b-both_diff>.g-column,
  #bk21792213.b-headlines>.column,
  #bk21792213.b-headlines>.g-column,
  #bk21792213.b-album>.column,
  #bk21792213.b-album>.g-column,
  #bk21792213.b-tab>.column,
  #bk21792213.b-tab>.g-column,
  #bk21792213.b-accordion>.column,
  #bk21792213.b-accordion>.g-column,
  #bk21792213 > nav {
    margin: 0 auto;
    max-width: 1020px;
  }

  /* bk21792186 (SP) */
  #bk21792186.b-plain>.column,
  #bk21792186.b-plain>.g-column,
  #bk21792186.b-both_diff>.column,
  #bk21792186.b-both_diff>.g-column,
  #bk21792186.b-headlines>.column,
  #bk21792186.b-headlines>.g-column,
  #bk21792186.b-album>.column,
  #bk21792186.b-album>.g-column,
  #bk21792186.b-tab>.column,
  #bk21792186.b-tab>.g-column,
  #bk21792186.b-accordion>.column,
  #bk21792186.b-accordion>.g-column {
    margin: 0 auto;
    max-width: 100%;
  }
  #bk21792186 > div {
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }
}

/* ============================================================
   グローバルナビ列幅
   ============================================================ */
.cssskin-block_gnavi .column:first-child    { width: 20%; }
.cssskin-block_gnavi .column:first-child+*  { width: 75%; }

@media only screen and (max-width: 641px) {
  .cssskin-block_gnavi .column:first-child { width: 100%; }
}

/* ============================================================
   全画面フィットレイアウト
   billboard（画像）＋お知らせをビューポート内に収める
   ============================================================ */
.bg-document {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
}

#a-header  { flex-shrink: 0; }
#a-footer  { flex-shrink: 0; }
main       { flex: 1; min-height: 0; }

.wrapper {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.form-box {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}

#a-billboard {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

#a-billboard > .site_frame { flex: 0 0 auto; }