/*
  Skin Name: NPO法人にんじんの家サイトデザインスキン
  Description: スリーアローズが制作するNPO法人にんじんの家のサイトデザインです。
  Author: 株式会社スリーアローズ
  Author URI:https://3-arrows.co.jp/ 
  Version: 1.0.0
  Priority: 10
*/
/*以下にスタイルシートを記入してください*/

/**************************************************
**
** 定義
**
**************************************************/
:root {
  --textbase-color: #555555;      /* 本文文字色 */
  --main-color: #F5A96A;          /* サイトメインカラー（濃いオレンジ） */
  --sub-color: #FFF5EB;           /* サイトサブカラー（薄いオレンジ） */
  --soft-color: #E0D6CF;          /* ソフトカラー（グレージュ） */
  --accent-soft: #E8F3E8;         /* アクセントカラー（弱） */
  --main-color-strong: #C96D2E;   /* アクセントカラー（強） */
  --base-soft-color: #FAF8F6;     /* ソフト背景カラー（グレージュ） */
  --base-orange-color: #FFE3D0;   /* ソフト背景カラー（オレンジ）*/
  --base-brown-color: #6b5e55;    /* 濃い背景カラー（茶色） */
  --border-color: #cccccc;        /* 表ボーダー */
  --white-color: #ffffff;
}

/**************************************************
**
** 全体
**
**************************************************/
  
/* サイト全体 */
.body {
  overflow-x: hidden;
  letter-spacing: 0.03em;
}

/**************************************************
**
** 部品カスタマイズ
**
**************************************************/

/**************************************************
** テーブルカスタマイズ
**************************************************/

/* テーブル背景色を初期化 */
table tr {
  background-color: var(--white-color) !important;
}
/* テーブルセル設定 */
.body table :where(tr, td) {
  border-color: transparent !important;
  padding: 0.5em 1em;
}
/* テーブルは横幅いっぱいに表示する */
figure.wp-block-table table {
  width: 100%;
  max-width: 840px;
  border-collapse: separate;  /* 必須！ */
  border-spacing: 0;
  overflow: hidden;           /* 内容がはみ出さないように */
  margin-left: auto;          /* 画面中央に表示 */
  margin-right: auto;         /* 画面中央に表示 */
}

/**************************************************
** 表形式テーブル
**************************************************/

/* 表設定 */
.body figure.nj-data-table table :where(tr, td) {
  border-bottom: 1px solid var(--border-color) !important;
  border-right: 1px solid var(--border-color) !important;
}
/* 表全体 */
figure.nj-data-table table {
  border-radius: 16px;          /* 端を丸める */
  border: 1px solid var(--border-color) !important;
}
figure.nj-data-table {
  margin-bottom: 0 !important;  /* 表のすぐ下はマージンなし */
}
/* 表罫線の重複を調整 */
figure.nj-data-table table tr:last-child > td {
  border-bottom: none !important;   /* 最下行は下線なし */
}
figure.nj-data-table table tr > td:last-child {
  border-right: none !important;    /* 右端は右線なし */
}
/* 表の見出しは折り返しなし */
figure.nj-data-table table tr td:first-child {
  width: 28%;
  white-space: nowrap;
  background-color: var(--sub-color);
  color: var(--textbase-color);
}

/**************************************************
** アイコンリスト
**************************************************/
.blank-box {
  padding: 0;
}
div.iconlist-box div.iconlist-title,
div.iconlist-box ul.wp-block-list li {
  margin-bottom: 1.6rem;
}

/**************************************************
** アイコン
**************************************************/

/* アイコンの右に余白を設定する */
i.fas,
i.fa-solid,
i.fa-regular {
  margin-right: 0.4rem;
}

/**************************************************
** Googleマップ埋め込みサイズ調整
**************************************************/

/* マップエリア全体 */
.my-map-container {
  position: relative;
  width: 100%;            /* 親要素の幅に合わせる */
  padding-bottom: 75%;    /* 4:3 のアスペクト比を維持するための割合 */
  height: 0;
  overflow: hidden;
  margin-bottom: 0.6rem !important;
}
/* Googleマップ埋め込みフレーム */
.my-map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;              /* ボーダーを削除 */
}
/* Googleマップ補足テキスト */
.my-map-container + p {
  padding-top: 8px;
  font-size: .8em;
}

/**************************************************
** スペーサー（基本1.6rem）
**************************************************/
div.my-responsive-spacer {
  height: 1.6rem !important;
}

/**************************************************
** モバイル対応
**************************************************/

/* モバイル版のみ有効（モバイル版以外で無効） */
.mobile-only {
  display: none;
}
/* モバイル版以外で有効 */
.no-mobile {
  display: inline;
}

/**************************************************
** ルビ
**************************************************/
ruby rt {
  letter-spacing: 0.05em;   /* ふりがな自体の字間 */
  ruby-position: over;      /* 上に表示（デフォルト） */
  margin-bottom: 2px;       /* 漢字との距離を広げる */
}

/**************************************************
** ボタン
**************************************************/

/* ボタン共通デザイン */
.wp-block-button__link {
  background-color: transparent;
  background-image: url("https://ninjinnoie.jp/wp-content/uploads/2026/03/nj-img-front-btnbg.png");
  background-size: cover;
  border-radius: 32px;
  color: var(--textbase-color);
  background-position: center;
  background-repeat: no-repeat;
  text-shadow: 0 0 4px rgba(255,255,255,0.8);
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  position: relative;
  padding-right: 40px;
}
.wp-block-button__link::after {
  content: ">";
  position: absolute;
  right: 16px;        /* ボタン右端からの距離 */
  top: 50%;
  transform: translateY(-50%);
  color: var(--main-color);
  font-weight: bold;
  font-size: 1.2em;
}
/* ボタンホバー時デザイン */
.wp-block-button__link:hover {
  color: inherit;
  opacity: .7;
}

/**************************************************
** トップへ戻るボタン
**************************************************/

/* トップへ戻るボタンデザイン */
.go-to-top-button {
  background-color: var(--main-color);
  color: var(--white-color);
  border: 2px var(--white-color) solid;
}
.go-to-top-button-icon-font {
  border-radius: 50%;
}

/**************************************************
** データリスト
**************************************************/
.nj-dl-info {
  margin: 32px 0 10px !important;
  padding: 20px 24px;
  border-left: 4px solid var(--soft-color);
  background: var(--base-soft-color);
  border-radius: 4px;
}
.nj-dl-info dt {        /* データ定義 */
  font-weight: 600;
  margin-top: 12px;
}
.nj-dl-info dd {        /* データ詳細 */
  margin: 4px 0 12px 0;
  line-height: 1.6;
}

/**************************************************
** スライダー・写真
**************************************************/

/* メインスライダーを横幅いっぱいに */
.swiper-top {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
/* メイン画像の中の img をフィットさせる */
.swiper-top .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
/* メインとサムネイルの間に余白を追加 */
.swiper-thumbs {
  margin-top: 0.6em;
}
/* サムネイル画像 */
.swiper-thumbs .swiper-slide img {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.swiper-thumbs .swiper-slide-thumb-active img {
  opacity: 0.6;
  border-color: var(--main-color);
}
/* ページネーション */
.swiper-button-prev,
.swiper-button-next {
  background-color: rgba(255,255,255,0.5);
}
.swiper-button-prev::after,
.swiper-button-next::after {
  color: var(--textbase-color);
  font-size: 24px;
  font-weight: bold;
}

/**************************************************/
/* リンク先セクション見出し
/**************************************************/
.nj-scroll-target {
  scroll-margin-top: 184px;   /* 表示位置調整 */
}

/**************************************************
**
** ヘッダー
**
**************************************************/

/**************************************************
** キャッチフレーズ表示
**************************************************/
.tagline {
  color: var(--white-color);
  position: relative;
  z-index: 1;
  margin-top: 0;
  text-shadow:  0 1px 2px rgba(0, 0, 0, 0.12);
}
.tagline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: var(--main-color); /* ← 背景オレンジ（濃い） */
  z-index: -1;
}

/**************************************************
** サイト名表示
**************************************************/
.site-name-text {
  display: inline-block;
  padding-left: calc(90px + .5em); /* ロゴの幅＋余白 */
  background: url('https://ninjinnoie.jp/wp-content/uploads/2026/02/nj-logo.png') no-repeat left center;
  background-size: 90px 90px;
  line-height: 90px;              /* ロゴと文字の縦位置を揃える */
  font-weight: bold;
}

/**************************************************
**
** グローバルナビ
**
**************************************************/

/* ナビ部分の背景色設定（ヘッダー全体背景色を使う） */
#navi {
  background-color: var(--sub-color);
}
/* ナビメニューのサイズ */
#navi .navi-in > ul li {
  height: auto;
}
/* ナビメニューのサイズ */
#navi .navi-in > ul li > a {
  padding: 16px 24px;
}
#navi .navi-in a:hover {
  background-color: var(--sub-color);
  transition: all 0.3s ease-in-out;
  color: var(--main-color) !important;
}
/* カレントのアイコン */
#navi .navi-in .current-menu-item > a i {
  color: var(--main-color) !important;
}
/* ナビメニューのアイコン */
#navi .navi-in i.fas,
#navi .navi-in i.fa-solid,
#navi .navi-in i.fa-regular {
  font-size: 20px;  /* 文字サイズより少し大きくする */
}

/**************************************************
**
** モバイル版メニューカスタマイズ
**
**************************************************/

/**************************************************
** モバイル版ヘッダーサイトタイトル
**************************************************/
.mobile-menu-buttons .menu-button > a {
  display: inline-block;
  padding-left: calc(40px + .4em); /* ロゴの幅＋余白 */
  background: url('https://ninjinnoie.jp/wp-content/uploads/2026/02/nj-logo.png') no-repeat left center;
  background-size: 40px 40px;
  line-height: 40px;              /* ロゴと文字の縦位置を揃える */
}

/**************************************************
** モバイル版スライドインメニューカスタマイズ
**************************************************/
#navi-menu-content .menu-drawer li {
  margin-bottom: 8px;
}

/**************************************************
**
** コンテンツ下部ウィジェット（法人情報）
**
**************************************************/

/**************************************************
** コンテンツ下部セクション全体
**************************************************/
.content-bottom {
  background-color: var(--base-orange-color);
  margin-bottom: 0;
  margin-top: 0;
}
.content-bottom .widget-content-bottom {
  margin-bottom: 0 !important;
}

/**************************************************
** 法人情報
**************************************************/

/* 法人情報エリア */
.nj-footer-band-info {
  text-align: center;
  padding: 40px 0 32px;
  line-height: 1.9;
  font-size: 18px;
}
/* 法人名 */
.nj-footer-band-info .nj-fbi-name {
  font-weight: bold;
  margin-bottom: 1.6em;
}
/* 法人名（小） */
.nj-footer-band-info  .nj-fbi-name .nj-name-s {
  font-size: 0.8em;
  margin-right: 0.4em;
}
/* 法人詳細 */
.nj-footer-band-info .nj-fbi-address,
.nj-footer-band-info .nj-fbi-tel {
  font-size: 14px;
}

/**************************************************
**
** フッター
**
**************************************************/

/* フッター全体 */
footer#footer {
  margin-top: 0;
}

/**************************************************
** フッターメニューのマウスオーバー時動作
**************************************************/
.navi-footer-in a:hover {
  color: var(--base-brown-color) !important;
}

/**************************************************
**
** ページ共通カスタマイズ
**
**************************************************/

/* 記事セクション */
.entry-content > .wp-block-group {
  padding-bottom: 80px;
  margin-bottom: 0 !important;
}
.entry-content > .wp-block-group:last-child {
  padding-bottom: 56px;
}
/* 記事セクション内セクション */
.entry-content > .wp-block-group > .wp-block-columns,
.entry-content > .wp-block-group > .wp-block-group {
  padding-bottom: 56px;
  margin-bottom: 0 !important;
}
.entry-content > .wp-block-group > .wp-block-columns:last-child,
.entry-content > .wp-block-group > .wp-block-group:last-child {
  padding-bottom: 0 !important;
}

/**************************************************
**
** 記事見出し
**
**************************************************/

/* 見出し共通デザイン */
.body .article :is(h2, h3, h4, h5, h6) {
  background-color: transparent;
  border: none;
  letter-spacing: 0.06em;
}
/* 見出しのルビ共通デザイン */
.body .article :is(h2, h3, h4, h5, h6) ruby rt {
  margin-bottom: 3px;       /* 漢字との距離を広げる */
}

/**************************************************
**
** フロントページ(固定ページ)
**
**************************************************/

/**************************************************
** トップメッセージ
**************************************************/

/* トップメッセージエリア *//* トップメッセージエリア */
.home.page #nj-front-hero {
  background-image: url("https://ninjinnoie.jp/wp-content/uploads/2026/03/nj-img-front-hero4.png"),
                    url("https://ninjinnoie.jp/wp-content/uploads/2026/03/nj-img-front-hero3.png");
  background-repeat: no-repeat, no-repeat;
  background-position: right 16% bottom, left 16% top;
  background-size: 240px auto, 260px auto;
  margin-bottom: 80px !important;
  padding-top: 56px;
  position: relative;
}
.home.page #nj-front-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.3); /* 薄い白レイヤーを重ねる */
  pointer-events: none;
  z-index: 1;
}
/* トップメッセージ */
.home.page .nj-hero-message {
  font-size: 22px;
  line-height: 2.2;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.9);
  position: relative;
  z-index: 2;
}

/**************************************************
** 見出しカスタマイズ
**************************************************/

/* フロントページ大見出し */
.home.page .article h2 {
  background-image: url("https://ninjinnoie.jp/wp-content/uploads/2026/03/nj-img-front-midashi-kazari.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  padding-left: 72px;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.9);
  border: none;
}
/* フロントページ小見出し */
.home.page .article h3 {
  position: relative;
  padding: 0 0 8px 4px;
  margin-bottom: 24px;
}
.home.page .article h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;            /* 下線の太さ */
  background-color: var(--soft-color);
  border-radius: 8px;     /* 端を丸める */
}

/**************************************************
** 事業案内セクション
**************************************************/

.home.page #nj-front-jigyousyo {
  position: relative;
  padding: 48px 0 80px;
}
/* セクション背景 */
.home.page #nj-front-jigyousyo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: var(--sub-color); /* ← 背景オレンジ（薄め） */
  z-index: -1;
}
/* コンテンツパネル */
.home.page #nj-front-jigyousyo .nj-inner-panel > .wp-block-group {
  padding-bottom: 56px;
  margin-bottom: 0 !important;
}
.home.page #nj-front-jigyousyo .nj-inner-panel {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  padding: 40px 32px !important;
  box-sizing: content-box;
  background: var(--white-color);
}

/**************************************************
** お知らせセクション
**************************************************/

/* セクション全体 */
.home.page #nj-front-news {
  padding-top: 48px;
}
/* お知らせエリア */
.home.page .nj-front-news-list.wp-block-group {
  border: 2px solid var(--border-color);
  border-radius: 16px;
  padding: 24px 32px !important;
  background-color: var(--white-color);
}
/* お知らせ日付 */
.home.page .nj-news-date {
  display: block;
  font-size: .9rem;
  color: #777;    /* テキストよりも少し薄くする */
  line-height: 1.6;
}
/* お知らせリンクテキスト */
.home.page .nj-news-text {
  text-underline-offset: 3px;
}

/**************************************************
**
** 下層ページ（固定ページ）
**
**************************************************/

/* ページタイトルカスタマイズ */
#main .page .entry-title {
  text-align: center;
  padding-bottom: 12px;
  margin-bottom: 56px;
  background: linear-gradient(to right, var(--sub-color), var(--main-color), var(--sub-color)) 
              no-repeat center bottom / 160px 3px;
}
/* 下層ページの大見出し */
.body:not(.home) .article h2 {
  border-left: 4px solid var(--main-color);
  padding: 4px 16px;
  line-height: 1.6;
}
/* 下層ページの小見出し */
.body:not(.home) .article h3 {
  padding-left: 0;
}

/**************************************************
**
** 各ページのカスタマイズ
**
**************************************************/

/**************************************************
** 事業案内ページカスタマイズ
**************************************************/

/* 事業案内セクション */
.nj-facility-section .nj-dl-info {
  position: relative;
  z-index: -1;
}
.nj-facility-section .nj-dl-info dt,
.nj-facility-section .nj-dl-info dd {
  position: relative;
  text-shadow: 0 0 4px rgba(255,255,255,0.8);
  z-index: 2;
}
/* 事業案内セクションのワンポイント画像 */
.nj-facility-section .nj-dl-info::before {
  content: "";
  position: absolute;
  top: -96px;
  right: -24px;
  width: 240px;
  height: 240px;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}
/* にんじんの家 */
.nj-facility-ninjin .nj-dl-info::before {
  background-image: url('https://ninjinnoie.jp/wp-content/uploads/2026/03/nj-img-section-bg-ninjin40.png');
}
/* まつぼっくり・あんず */
.nj-facility-anmatsu .nj-dl-info::before {
  background-image: url('https://ninjinnoie.jp/wp-content/uploads/2026/03/nj-img-section-bg-anmatsu40.png');
}
/* ひまわり */
.nj-facility-himawari .nj-dl-info::before {
  background-image: url('https://ninjinnoie.jp/wp-content/uploads/2026/03/nj-img-section-bg-himawari40.png');
}
/* 地図を見るリンクテキスト */
.nj-facility-section a {
  text-underline-offset: 3px;
}

/**************************************************
** 活動内容ページカスタマイズ
**************************************************/

/* お仕事セクション */
.nj-katsudou-section .nj-oshigoto {
  background: var(--base-soft-color);
  border-radius: 16px;
  padding: 24px 32px;
}
/* 先頭のお仕事セクション */
.nj-katsudou-section > .nj-oshigoto:first-of-type {
  padding-bottom: 24px !important;
}
/* 余暇セクション */
.nj-katsudou-section .nj-yoka {
  padding-bottom: 40px !important;
}
/* 活動内容ページ小見出し */
.nj-katsudou-section .nj-oshigoto h3,
.nj-katsudou-section .nj-yoka h3 {
  margin-bottom: 4px;
}

/**************************************************
** 時間割テーブル
**************************************************/

/* 時間割全体 */
figure.nj-time-table table {
  border-radius: 16px;          /* 端を丸める */
  border: 1px solid var(--border-color) !important;
  font-size: 14px;
  table-layout: fixed;
}
/* 時間割設定 */
.body figure.nj-time-table table :where(tr, td) {
  border-bottom: 1px solid var(--border-color) !important;
  border-right: 1px solid var(--border-color) !important;
}
/* 時間割罫線の重複を調整 */
figure.nj-time-table table tr:last-child > td {
  border-bottom: none !important;   /* 最下行は下線なし */
}
figure.nj-time-table table tr > td:last-child {
  border-right: none !important;    /* 右端は右線なし */
}
/* 1行目（曜日）の高さ */
figure.nj-time-table tr:first-child td {
  min-height: 48px;
  text-align: center;
  font-weight: 600;
  vertical-align: middle;
  padding: 8px;
  background: var(--sub-color);
}
/* 2行目・3行目（午前・午後）の高さを揃える */
figure.nj-time-table tr:nth-child(2) td,
figure.nj-time-table tr:nth-child(3) td {
  min-height: 100px;
  vertical-align: middle;
  padding: 8px;
}
/* 午前・午後の縦書きセル（1列目） */
figure.nj-time-table td:first-child {
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  background:  var(--accent-soft);
  font-weight: 600;
  text-align: center;
  padding: 8px 4px;
}
/* セル幅 */
figure.nj-time-table td:nth-child(n+2) {
    min-width: 100px;
}
/* 時間割の横スクロールアイコン */
.vk-scroll-hint i {
  color: var(--main-color);
}

/**************************************************
** 法人概要ページカスタマイズ
**************************************************/

/* アクセスタブ・全体 */
#nj-access .tab-block .tab-content-group {
  border: none;
  margin-top: 24px;
}
/* アクセスタブ・ラベル */
#nj-access .tab-block .tab-label-group .tab-label {
  background-color: transparent;
  color: var(--textbase-color);
  font-weight: 600;
  border-bottom: 2px solid var(--soft-color);
  padding: 0.4em 0.4em;
  margin-right: 1.6em;
}
/* アクティブなアクセスタブ */
#nj-access .tab-block .tab-label-group .tab-label.is-active {
  border-bottom-color: var(--main-color-strong);
  color: var(--base-brown-color);
}
/* タブ内見出し */
#nj-access .tab-block .tab-content-group h3 {
  margin-bottom: 16px;
}
/* アクセス・アイコンカラーカスタマイズ */
div#nj-access .iconlist-box ul li::before {
	color: var(--soft-color);
}

/**************************************************
**
** モバイル版設定
**
**************************************************/
/*600px以下*/
@media screen and (max-width: 600px){

/**************************************************
** 部品
**************************************************/

  /* モバイル版で縦並び */
  div.nj-sp-block-columns {
    flex-direction: column;
    gap: 0.8rem;
  }
  /* メディアとテキスト縦並び */
  .wp-block-media-text > .wp-block-media-text__content {
    margin-top: 1.6em;   /* メディアとテキストの間隔を空ける */
    padding: 0;
  }
  /* 縦並び順入れ替え */
  div.nj-sp-block-columns.nj-facility-section,
  .nj-katsudou-section > .nj-oshigoto:first-of-type {
    flex-direction: column-reverse;
  }
  /* データリスト */
  .nj-dl-info {
    margin: 28px 0 10px !important;
  }

}

/*480px以下*/
@media (max-width: 480px) {

/**************************************************
** 部品カスタマイズ
**************************************************/

  /* モバイルのみ有効 */
  .mobile-only {
    display: inline;
  }
  /* モバイル版以外で有効（モバイル版で無効） */
  .no-mobile {
    display: none;
  }
  /* テーブル項目の並び・縦並び */
  figure.nj-data-table table tr {
    display: block;
    width: 100%;
    padding: 0;
  }
  figure.nj-data-table table td {
    display: block;
    width: 100% !important;
  }
  /* 表罫線カスタマイズ */
  .body figure.nj-data-table table tr {
    border-right: none !important;
    border-bottom: none !important;
  }
  .body figure.nj-data-table table td {
    border-right: none !important;
  }
  figure.nj-data-table table tr:last-child > td {
    border-bottom: solid 1px var(--border-color) !important;
  }
  /* 表罫線の重複を調整 */
  figure.nj-data-table table tr:last-child > td:last-child {
    border-bottom: none !important;   /* 最下行は下線なし */
  }

/**************************************************
** キャッチフレーズ表示
**************************************************/
  .tagline {
    line-height: 1.6;
    padding: 4px 0;
  }

/**************************************************
** 法人概要ページカスタマイズ
**************************************************/

  /* アクセスタブ・ラベル縦並べ */
  #nj-access .tab-block .tab-label-group {
    flex-direction: column;
  }
  /* アクセスタブ・ラベルをボタン風にする */
  #nj-access .tab-block .tab-label-group .tab-label {
    display: block;
    width: 100%;    
    border: 1px solid var(--border-color);
    border-left: 3px solid var(--soft-color);
    padding: 12px 14px;
    margin-bottom: 8px;
    margin-right: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  /* アクティブなアクセスタブ */
  #nj-access .tab-block .tab-label-group .tab-label.is-active {
    border-left: 3px solid var(--main-color-strong);
    border-bottom-color: var(--soft-color);
    color: var(--base-brown-color);
  }
  /* タブ内コンテンツ */
  #nj-access .tab-block .tab-content-group {
    padding: 1.2em 0;
  }

/**************************************************
** フロントページ
**************************************************/
  /* トップメッセージ */
  .home.page .main {
    padding-top: 0 !important;
  }
  /* トップメッセージエリア */
  .home.page #nj-front-hero {
    background-position: right bottom, left top;
    background-size: 200px auto, 200px auto;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .home.page #nj-front-hero::before {
    background: rgba(255, 255, 255, 0.4); /* 白レイヤーを少し濃くする */
  }
  /* トップメッセージ */
  .home.page .nj-hero-message {
    font-size: 20px;
  }
  /* 見出しカスタマイズ */
  .home.page .article h2 {
    padding-left: 44px;
  }
  /* 事業案内・お知らせセクション */
  .home.page #nj-front-jigyousyo .nj-inner-panel {
    padding: 32px 16px !important;
  }

/**************************************************
** 事業案内ページ
**************************************************/
  /* 事業案内セクションのワンポイント画像 */
  .nj-facility-section .nj-dl-info::before {
    top: -60px;
    right: 0;
    width: 200px;
    height: 200px;
  }

}