/* ===== [大串FB] サイト全体を白と黒（モノクロ）に：元パレット変数を白黒グレースケールへ再定義 ===== */
:root{
  --color-bg:#ffffff; --color-bg-rgb:255,255,255; --color-bg-50:rgba(255,255,255,.5); --color-bg-90:rgba(255,255,255,.9);
  --color-base:#111111; --color-base-rgb:17,17,17;
  --color-beige:#f1f1f1; --color-beige-rgb:241,241,241;
  --color-brown:#d8d8d8; --color-brown-rgb:216,216,216;
  --color-primary:#f1f1f1; --color-primary-rgb:241,241,241;
  --color-secondary:#d8d8d8; --color-secondary-rgb:216,216,216;
  --color-gray:#8a8a8a; --color-gray-rgb:138,138,138;
  --color-input-active:#d8d8d8; --color-input-focus:#d8d8d8; --color-submit-bg:#d8d8d8; --color-submit-bg-hover:#c8c8c8;
  --color-danger:#111111; --color-danger-rgb:17,17,17;
}
/* ===== 株式会社ひだまり福祉 コンテンツ層 =====
   方針：元サイト(mcares)のレイアウト・デザイン・配色をそのまま尊重し、色は足さない。
   使う色は元パレットのみ： --color-base(#111111) / --color-bg(#ffffff) / --color-beige(#f1f1f1) / --color-brown(#d8d8d8) */

/* 旧・多色クラス（HTML据え置き）は無効化＝元の文字色に委ねる */
.nh-c1,.nh-c2,.nh-c3,.nh-c4,.nh-c5,.nh-c6,.nh-c7{color:inherit!important}

/* カテゴリラベル：小マーク → 元パレットの細い縦バー（ブラウン） */
.nh-star{position:relative;padding-left:.9em}
.nh-star::before{content:"";position:absolute;left:0;top:.16em;bottom:.16em;width:4px;border-radius:2px;background:var(--color-base)}
.nh-seven{display:none!important}

.nh-logo-img{display:block;height:auto}
/* スクロール後の白背景ヘッダーではロゴを濃色に（元:fill=color-base 相当）＋サイズをFVロゴ(幅92)に統一 */
.l-header__logo img{filter:none;width:170px!important;height:auto!important}
.l-drawer__logo img{width:92px;height:auto;filter:brightness(0) saturate(0);opacity:.4}

/* ===== プレースホルダ枠（写真は後日差し替え・善意の仮画像なし／cream・beige） ===== */
.nh-ph{position:relative;width:100%;height:100%;min-height:230px;display:flex;align-items:center;justify-content:center;
  background:#ededed;
  border:1px dashed #cfcfcf;border-radius:inherit;overflow:hidden}

.nh-ph-label{font-size:.82rem;color:#7a7a7a;letter-spacing:.06em;background:rgba(255,255,255,.78);
  padding:.5em 1.05em;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.top-service__list__img .nh-ph{min-height:300px}
/* About：元は画像の縦横比で高さが出ていた → プレースホルダにアスペクト比を付与（大=横長/小=縦長） */
.top-about__img__lg .nh-ph{min-height:0;aspect-ratio:3/2;height:auto}
.top-about__img__sm .nh-ph{min-height:0;aspect-ratio:4/5;height:auto}
.top-about__img__lg figure,.top-about__img__sm figure{height:auto}

/* ===== ヒーロー：元の暗い映像枠デザインを踏襲（暗い写真プレースホルダ＋cream文字） ===== */
.top-hero__mov{background:#111111!important}
.nh-ph--hero{position:absolute;inset:0;min-height:100%;border:1px dashed rgba(255,255,255,.22);
  background:#111111}
.nh-ph--hero::after{content:none}
.nh-ph--hero .nh-ph-label{position:absolute;left:30px;bottom:44px;background:rgba(255,255,255,.14);color:var(--color-bg);box-shadow:none}
/* catch は元の cream 配色（オーバーライドしない・元CSSに委ねる）。追加要素のみ cream 指定 */
.nh-hero__sub{margin:1.3rem 0 0;color:var(--color-bg);font-size:1rem;line-height:1.9;font-weight:500}
.nh-hero__cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:1.9rem}
.nh-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.95em 2em;border-radius:999px;
  font-weight:700;font-size:.98rem;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}
.nh-btn::after{content:"→"}
.nh-btn--primary{background:var(--color-bg);color:var(--color-base)}
.nh-btn--ghost{background:transparent;color:var(--color-bg);border:2px solid var(--color-bg)}
.nh-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.25)}

/* 大見出しの英字下線：元パレットの濃色バー */
.top-service__heading .c-title__primary::after,.nh-access .c-title__primary::after,
.nh-news .c-title__primary::after,.top-recruit__heading .c-title__primary::after{
  content:"";display:block;width:56px;height:5px;border-radius:99px;background:var(--color-base);opacity:.85;margin-top:.7rem}

/* ===== アクセス（会社案内セクション転用） ===== */
.nh-access__list{list-style:none;margin:2.2rem 0 0;padding:0}
.nh-access__item{padding:1.1rem 0;border-top:1px solid var(--color-beige);display:flex;flex-direction:column;gap:.35rem}
.nh-access__item:last-child{border-bottom:1px solid var(--color-beige)}
.nh-access__label{font-weight:700;color:var(--color-base);font-size:.98rem}
.nh-access__addr{color:rgba(40,40,40,.72);font-size:1rem;line-height:1.7}
.nh-map-ph{width:100%;min-height:340px;border-radius:20px;display:flex;align-items:center;justify-content:center;
  background:#ededed;border:1px dashed #cfcfcf}

/* ===== お知らせ（ブログ転用） ===== */
.nh-news__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-beige)}
.nh-news__item{border-bottom:1px solid var(--color-beige)}
.nh-news__link{display:grid;grid-template-columns:130px 110px 1fr;align-items:center;gap:1.2rem;
  padding:1.35rem .4rem;text-decoration:none;color:var(--color-base);transition:background .2s}
.nh-news__link:hover{background:rgba(40,40,40,.04)}
.nh-news__date{color:rgba(40,40,40,.6);font-weight:600;letter-spacing:.03em}
.nh-news__cat{font-size:.8rem;color:var(--color-base);border:1px solid var(--color-base);border-radius:999px;
  padding:.2em .9em;text-align:center;justify-self:start;background:var(--color-bg)}
.nh-news__cat.nh-star{padding-left:.9em}
.nh-news__cat.nh-star::before{background:var(--color-base)}
.nh-news__tit{font-weight:600;line-height:1.6}

/* ===== 採用：募集職種＋はたらきやすさ（元パレット・色は足さない） ===== */
.nh-recruit-extra{margin-top:1.4rem;margin-bottom:clamp(5rem,11vw,9rem)}
.nh-block-tit{font-size:1.15rem;font-weight:700;color:var(--color-base);margin:0 0 1.3rem}
.nh-block-tit--mt{margin-top:3rem}
.nh-jobs{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0}
.nh-job__link{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;padding:1.5rem 1.3rem;border-radius:18px;
  background:var(--color-bg);text-decoration:none;color:var(--color-base);font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.05);
  border-top:5px solid var(--color-base);transition:transform .2s,box-shadow .2s}
.nh-job__link:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.12)}
.nh-job__tit{font-size:1.02rem}.nh-job__arw{margin-top:.2rem;color:var(--color-base)}
.nh-benefits{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 26px;margin:0;padding:0}
.nh-benefit{display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;background:var(--color-bg);border-radius:14px;
  box-shadow:0 4px 12px rgba(0,0,0,.04);font-weight:600;color:var(--color-base)}
.nh-benefit__ico{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--color-bg);font-size:1.05rem;background:var(--color-base)}
.nh-benefit__txt{line-height:1.5}

/* カスタムカーソル（文字に被る）は非表示のまま */
.js-mouse-stalker{display:none!important}

@media(max-width:900px){
  .nh-jobs{grid-template-columns:repeat(2,1fr)}
  .nh-benefits{grid-template-columns:1fr}
  .nh-news__link{grid-template-columns:110px 1fr;grid-template-areas:"date cat" "title title";row-gap:.5rem}
  .nh-news__date{grid-area:date}.nh-news__cat{grid-area:cat}.nh-news__tit{grid-area:title}
}

/* ===== [大串FB] Access↔Recruit を元テンプレのマークアップで忠実に入れ替え ===== */
/* Access ＝ 元Recruitテンプレ（コンテンツ左＋地図が全幅メディア右） */
.nh-access-r .top-recruit__first__img.nh-mapimg{
  background:#ededed!important;background-image:none!important;
  padding-top:0!important;min-height:540px!important;display:flex;align-items:center;justify-content:center;
  border:1px dashed #cfcfcf}
.nh-access-r .top-recruit__first__content{padding-top:100px}
.nh-access-r .nh-access__list{margin-top:1.8rem}

/* Recruit ＝ 元Companyテンプレ（ベージュカード[見出し＋キャプ＋求人4ボタン]＋ダークのメディア箱） */
.nh-recruit-cap{margin:1.4rem 0 0;color:var(--color-base);font-weight:600;font-size:1.02rem;line-height:1.8}
/* Companyスライダー：main.jsが縦ttb自動スクロールのループ carousel化。各slideは明るい写真カード（ダーク箱の中を流れる） */
.nh-recruit-c .top-company__slider .splide__slide{padding:0!important}
.nh-slide-ph{width:100%;height:100%;min-height:0;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:#ededed;border:1px solid rgba(0,0,0,.05)}
/* スライド間の余白（splideのgap 20px）を詰める */
.nh-recruit-c .top-company__slider .splide__slide{margin-bottom:8px!important}
.nh-slide-ph .nh-ph-label{background:rgba(255,255,255,.85);color:#7a7a7a;box-shadow:0 2px 8px rgba(0,0,0,.06)}

/* ===== [大串FB] Accessを廃止→「働き方・雰囲気・考え方」セクションに（Recruitテンプレ流用） ===== */
.nh-style-r .top-recruit__first__img.nh-styleimg{
  background:#ededed!important;background-image:none!important;padding-top:0!important;min-height:560px!important;
  display:flex;align-items:center;justify-content:center;border:1px dashed #cfcfcf}
.nh-style-r .top-recruit__first__content{padding-top:80px}
.nh-style-r .top-recruit__lead{margin-bottom:.2rem}
.nh-style-points{list-style:none;display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;margin:2.1rem 0 0;padding:0}
.nh-style-points li{position:relative;font-weight:700;color:var(--color-base);font-size:1rem}


/* ===== 代表挨拶（ご挨拶 / Message）：写真左 × 本文右（B案）・元パレット白黒で馴染ませ ===== */
.nh-message{padding:clamp(4.5rem,9vw,8.5rem) 0}
.nh-message__grid{display:grid;grid-template-columns:minmax(0,42%) 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.nh-message__figure{margin:0}
.nh-message__media .nh-ph{min-height:0;aspect-ratio:4/5;height:auto;border-radius:20px}
.nh-message .c-title__primary::after{content:"";display:block;width:56px;height:5px;border-radius:99px;background:var(--color-base);opacity:.85;margin-top:.7rem}
.nh-message__lead{margin:1.7rem 0 0;color:var(--color-base);font-size:clamp(1.5rem,2.6vw,2.15rem);font-weight:700;line-height:1.55;letter-spacing:.02em}
.nh-message__body{margin-top:1.7rem}
.nh-message__sign{margin-top:2.1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;text-align:right}
.nh-message__sign__role{color:var(--color-gray);font-size:.9rem;letter-spacing:.05em}
.nh-message__sign__name{color:var(--color-base);font-size:1.32rem;font-weight:700;letter-spacing:.1em}
@media(max-width:900px){
  .nh-message__grid{grid-template-columns:1fr;gap:1.8rem}
  .nh-message__media .nh-ph{aspect-ratio:3/2}
  .nh-message__sign{align-items:flex-start;text-align:left}
}


/* ===== わたしたちの働き方 Our Way ＝ 採用情報(top-company)と同型（左ベージュカード＋右ダーク箱の縦オートスクロール） =====
   カルーセルは main.js(Splide) 非依存の自己完結CSSマーキー。既存の採用情報カルーセルに一切干渉しない（.splide を使わない）。
   2カラム比率は採用情報テンプレのflexが .top-company__slider 基準のため、独自スライダー用に .nh-ourway で明示上書き。
   ダーク箱はカード高さに合わせて伸ばす（viewportを絶対配置にして「高さ100%×track」の循環膨張を回避）。
   カルーセルは PC・スマホともに縦オートスクロールで統一。 */
.nh-ourway .top-company__grid{display:flex;align-items:stretch;gap:0} /* [ver35] 右画像を左に寄せて真ん中の隙間をなくす */
.nh-ourway .top-company__content{flex:1 1 0;min-width:0;background-color:#F0EDF0} /* [ver59] Our Way左パネルの背景を#F0EDF0に */.nh-ourway .top-company__content__inner{padding-left:60px;padding-right:60px}
.nh-ourway .nh-ow-slider{position:relative;flex:1 1 0;min-width:0;min-height:420px;
  background:#F0EDF0;border-radius:24px;overflow:hidden}
.nh-ourway .nh-ow-viewport{position:absolute;inset:16px;overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%)}
.nh-ow-track{display:block;will-change:transform;animation:nh-ow-scroll 34s linear infinite}
.nh-ow-slide{margin-bottom:20px}
.nh-ow-slide .nh-slide-ph{height:360px;min-height:0;border-radius:16px}
@keyframes nh-ow-scroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media(max-width:1024px){
  /* スマホ=段積み。カルーセルは縦オートスクロールのまま（横にしない）。段積みで高さ非依存になるため固定高さ */
  .nh-ourway .top-company__grid{flex-direction:column;align-items:stretch;gap:2rem}
  .nh-ourway .top-company__content{flex:none}
  .nh-ourway .nh-ow-slider{flex:none;width:100%;min-height:0;height:400px}
  .nh-ow-slide .nh-slide-ph{height:190px}
}
@media(prefers-reduced-motion:reduce){.nh-ow-track{animation:none}}


/* Our Way: 4ボタン → 元の長い説明文に差し替え（カード内で自然に上→下へ流す） */
.nh-ourway .top-company__content__inner{display:block;text-align:center}
.nh-ourway__body{margin-top:1.7rem}
.nh-ourway__body p{font-size:15px;line-height:1.95;color:var(--color-base)}
.nh-ourway__body p.mt-30{margin-top:1.35rem}


/* ===== 採用情報 ＝ TERASU Lab スニペット（2×2ビビッドカラーグリッド / t-sg）フルカラー採用（大串 2026-07-05） =====
   デザインは不変。実サイト用の調整のみ：①無限ループ→スクロールで1回せり上がる本来挙動(IO) ②font-size は max(px,cqw)で最小可読担保 ③スマホ1カラム */
.t-sg{ --c1:#ccffe5; --c2:#ffffcc; --c3:#cce5ff; --c4:#e5ccff; font-family:inherit; box-sizing:border-box; container-type:inline-size; }
.t-sg *{ box-sizing:border-box; }
.t-sg__box{ background:#fff; padding:3.2cqw 6% 3.7cqw; }
.t-sg__h{ text-align:center; font-weight:700; font-size:max(19px,1.75cqw); margin:0 0 3.1cqw; color:#111; }
.t-sg__list{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
.t-sg__item{ flex:0 0 48.86%; min-height:24cqw; padding:max(32px,3.8cqw) 0 max(32px,3.8cqw); margin-bottom:1.78cqw;
  text-align:center; position:relative; overflow:hidden; cursor:pointer; color:#111; opacity:0; transform:translateY(5em); }
.t-sg.is-in .t-sg__item{ animation:t-sgIn .95s cubic-bezier(.13,.38,.12,1) forwards; }
.t-sg.is-in .t-sg__item:nth-child(1){ animation-delay:0s }
.t-sg.is-in .t-sg__item:nth-child(2){ animation-delay:.1s }
.t-sg.is-in .t-sg__item:nth-child(3){ animation-delay:.2s }
.t-sg.is-in .t-sg__item:nth-child(4){ animation-delay:.3s }
.t-sg__item:nth-child(1){ background:var(--c1) }
.t-sg__item:nth-child(2){ background:var(--c2) }
.t-sg__item:nth-child(3){ background:var(--c3) }
.t-sg__item:nth-child(4){ background:var(--c4) }
.t-sg__item::after{ content:""; position:absolute; inset:0; background:#fff; z-index:0;
  border:1px solid #111; /* [ver27] ホバーで出る白カバーに黒い細枠 */
  transform:translateY(102%); transition:transform .5s cubic-bezier(.63,0,.45,1); }
.t-sg__num,.t-sg__title,.t-sg__bar,.t-sg__text,.t-sg__arrow{ position:relative; z-index:1; }
.t-sg__item:hover::after{ transform:translateY(0) }
.t-sg__item:hover{ color:#111 }
.t-sg__num{ font-weight:700; font-size:max(15px,1.7cqw); margin-bottom:.5cqw }
.t-sg__title{ font-weight:700; font-size:max(18px,1.95cqw) }
.t-sg__bar{ width:max(14px,1cqw); height:max(2px,.25cqw); background:currentColor; margin:1.6cqw auto }
.t-sg__text{ font-size:max(12px,1cqw); line-height:1.87; text-align:left; width:62.79%; margin:0 auto }
.t-sg__arrow{ position:absolute; right:1.9cqw; bottom:1.9cqw; width:max(11px,.69cqw); height:max(11px,.69cqw);
  transition:transform .6s cubic-bezier(.29,.9,0,1.44) }
.t-sg__arrow svg{ width:100%; height:100%; display:block }
.t-sg__arrow svg line{ stroke:currentColor; stroke-width:1.3 }
.t-sg__item:hover .t-sg__arrow{ transform:translate(40%,40%) }
@keyframes t-sgIn{ from{transform:translateY(5em);opacity:0} to{transform:translateY(0);opacity:1} }
@media(max-width:640px){
  .t-sg__box{ padding:26px 20px 30px }
  .t-sg__h{ font-size:20px; margin-bottom:22px }
  .t-sg__item{ flex:0 0 100%; min-height:0; padding:32px 22px 32px; margin-bottom:14px; border:1px solid #111 }
  .t-sg__num{ font-size:17px; margin-bottom:5px }
  .t-sg__title{ font-size:19px }
  .t-sg__bar{ width:22px; height:2px; margin:14px auto }
  .t-sg__text{ font-size:13px; width:88% }
  .t-sg__arrow{ right:18px; bottom:18px; width:13px; height:13px }
}
@media(prefers-reduced-motion:reduce){ .t-sg__item{ opacity:1; transform:none } .t-sg.is-in .t-sg__item{ animation:none } }


/* 採用情報の見出しを他セクションと同じ c-title__primary（ja/en＋下線バー・左寄せ）に */
.nh-recruit-sg .t-sg .c-title__primary{text-align:left;margin:0 0 2.6rem}
.nh-recruit-sg .c-title__primary::after{content:"";display:block;width:56px;height:5px;border-radius:99px;background:var(--color-base);opacity:.85;margin-top:.7rem}


/* 採用情報カードの中身を濃く（求人条件リスト＋採用リード） */
.t-sg__lead{max-width:44em;margin:0 0 2.4rem;font-size:max(13px,1.02cqw);line-height:1.9;color:#111}
.t-sg__spec{list-style:none;margin:max(14px,1.5cqw) auto 0;padding:0;width:66%;text-align:left;position:relative;z-index:1}
.t-sg__spec li{font-size:max(11px,.86cqw);line-height:1.75;padding-left:1.15em;position:relative;font-weight:500}
.t-sg__spec li::before{content:"・";position:absolute;left:0;font-weight:700}
@media(max-width:640px){
  .t-sg__lead{font-size:14px;margin-bottom:1.6rem}
  .t-sg__spec{width:88%}
  .t-sg__spec li{font-size:12px}
}


/* はたらきやすさ：2×2ボックス → クリーンな4カラム横並びストリップ（丸チェック上・区切り線・箱なし） */
.nh-recruit-extra .nh-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 0;margin-top:2.2rem} /* [ver33] 3個×2行に */
.nh-recruit-extra .nh-benefit{flex-direction:column;align-items:center;text-align:center;gap:1rem;background:transparent;box-shadow:none;border-radius:0;padding:1.1rem 1.6rem;position:relative}
.nh-recruit-extra .nh-benefit__ico{width:56px;height:56px;flex:0 0 56px;font-size:1.55rem;background:var(--color-bg);color:var(--color-base);border:1px solid #111} /* [ver29] 白丸＋黒✓＋黒細枠 */
.nh-recruit-extra .nh-benefit__txt{line-height:1.7;font-weight:600;font-size:1rem}
@media(min-width:821px){.nh-recruit-extra .nh-benefit:not(:last-child):not(:nth-child(3n))::after{content:"";position:absolute;right:0;top:14%;bottom:14%;width:1px;background:var(--color-brown)}}
@media(max-width:820px){.nh-recruit-extra .nh-benefits{grid-template-columns:repeat(2,1fr);row-gap:2rem}}
@media(max-width:480px){.nh-recruit-extra .nh-benefits{grid-template-columns:1fr;row-gap:1.4rem}}


/* 採用CTAバンド（Join Our Team）＝ダーク帯×薄マーキー×中央キャッチ×白ボタン（案C） */
.nh-jointeam{position:relative;background:var(--color-base);overflow:hidden;padding:clamp(4.5rem,10vw,9rem) 1.5rem;text-align:center}
.nh-jointeam__marquee{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);overflow:hidden;pointer-events:none;z-index:0}
.nh-jointeam__mtrack{display:flex;width:max-content;animation:nh-jt-marquee 32s linear infinite;will-change:transform}
.nh-jointeam__mtrack span{color:rgba(255,255,255,.10);font-weight:800;white-space:nowrap;line-height:1;font-size:clamp(4.5rem,15vw,13rem);letter-spacing:.01em;text-transform:lowercase;padding-right:.35em}
@keyframes nh-jt-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){}
.nh-jointeam__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,2.6vw,2.2rem)}
.nh-jointeam__eyebrow{margin:0;color:rgba(255,255,255,.6);font-size:.82rem;letter-spacing:.35em;font-weight:700}
.nh-jointeam__catch{margin:0;color:var(--color-bg);font-size:clamp(1.5rem,3.2vw,2.4rem);font-weight:700;line-height:1.5}
.nh-jointeam__btn{background:var(--color-bg);border:2px solid var(--color-bg);color:var(--color-base)}
.nh-jointeam__btn .c-button__arrow__str{color:var(--color-base)}
.nh-jointeam__btn:hover{background:transparent;color:var(--color-bg)}
.nh-jointeam__btn:hover .c-button__arrow__str{color:var(--color-bg)}

/* === NH-OFV START === */

:where(#nh-ofv) *:where(:not(div,iframe,canvas,img,svg,video,audio,svg *,symbol *)){all:unset;display:revert}#nh-ofv,#nh-ofv *,#nh-ofv *:before,#nh-ofv *:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::-moz-placeholder{color:unset}::placeholder{color:unset}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;line-break:after-white-space;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}::-webkit-details-marker{display:none}:where(a,button,summary,label,input,select,textarea):focus-visible{outline:var(--focus-color, -webkit-focus-ring-color) auto 1px}#nh-ofv{--base-vw: 390;--vw: 390px;--f-jp: "Noto Sans JP", serif;--f-en: "Poppins", serif;--f-en-recruit: "Space Grotesk", serif;--c-white: #fff;--c-base-black: #3c3c3c;--c-blue: #0a86e6;--c-red: #dd4314;--c-yellow-green: #36bb2c;--c-green: #0d8d5e;--c-yellow: #e7c40e;--c-orange: #eda417;--c-sub-blue: #097ad2;--c-sub-red: #d23d0f;--c-sub-yellow-green: #2cae22;--c-sub-green: #109a67;--e-out-4: cubic-bezier(.075, .82, .165, 1);--e-out-3: cubic-bezier(.215, .61, .355, 1);--e-out-sine: cubic-bezier(.39, .575, .565, 1);--e-inout-sine: cubic-bezier(.445, .05, .55, .95);--e-inout-custom: cubic-bezier(.4, 0, .08, 1);--e-in-3: cubic-bezier(.55, .055, .675, .19);--e-in-sine: cubic-bezier(.47, 0, .745, .715);--z-base: 0;--z-scrollbar: 100;--z-menu: 101;--z-header: 102;--z-opening: 103}@media screen and (min-width: 768px){#nh-ofv{--base-vw: 1512;--vw: 1512px}}#nh-ofv{overscroll-behavior:none;font-family:var(--f-jp);font-size:16px;color:var(--c-base-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}a{display:block;color:currentcolor;cursor:pointer}button{color:currentcolor;cursor:pointer}details{cursor:pointer}video,img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}svg{display:block;width:100%;height:100%}.preload *{transition:none!important}.lContainer{display:flex;flex-direction:column;min-height:100vh}.lMain{flex:1}.uVisuallyHidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@media screen and (min-width: 768px){.uSpOnly{display:none!important}}@media screen and (max-width: 767px){.uPcOnly{display:none!important}}.uAlpha{padding:0 1px;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;vertical-align:bottom}@keyframes slideText{0%{transform:translateY(0)}50%{transform:translateY(-100%)}50.1%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes loopSlide1{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes loopSlide2{0%{transform:translate(0)}to{transform:translate(-200%)}}.cArrow{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--arrow-size, 40px);height:var(--arrow-size, 40px)}.cArrow:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;content:"";background-color:var(--arrow-bg, var(--c-white));border-radius:50%;transition:transform .48s var(--e-out-3)}.cArrow__arrow{width:var(--arrow-width, 6px);height:var(--arrow-height, 12px)}.cArrow__arrow_path{position:relative;z-index:1;stroke:var(--arrow-color, var(--c-base-black));stroke-width:var(--arrow-stroke, 4px);transition:color .36s var(--e-out-3) .1s}.js-header-trigger{position:absolute;top:0;left:0;width:1px;height:20vh}.t-header{position:fixed;top:22px;right:22px;z-index:var(--z-header)}.t-header__menuButton{display:flex;align-items:center;justify-content:center;width:69px;height:42px;background-color:var(--c-base-black);border-radius:4px}.t-header__menuButton_inner{position:relative;width:36px;height:2px}.t-header__menuButton_inner:before,.t-header__menuButton_inner:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:var(--c-white);transition:transform .48s var(--e-out-3)}.t-header__menuButton_inner:before{transform:translateY(-5px)}.t-header__menuButton_inner:after{transform:translateY(5px)}.menu-open .t-header__menuButton_inner:before{transform:translateY(0) rotate(210deg)}.menu-open .t-header__menuButton_inner:after{transform:translateY(0) rotate(-210deg)}@media screen and (min-width: 768px){.t-header{top:40px;right:48px}.t-header__inner{position:relative;display:flex;height:56px}.t-header__nav{position:relative;z-index:1;display:flex;align-items:center;padding:0 34px 0 32px;margin:0 -12px;color:var(--c-white);transition:color .48s var(--e-out-3) .36s}.t-header__nav:before{position:absolute;top:0;left:12px;z-index:-1;width:100%;height:100%;content:"";background-color:var(--c-white);border-radius:6px 0 0 6px;opacity:0;transition:opacity .48s var(--e-out-3) .36s}.t-header__nav_link{position:relative;display:flex;gap:8px;align-items:center;padding:12px}.t-header__nav_link_text{overflow:hidden;font-size:15px;font-weight:700;line-height:1.6;letter-spacing:.02em}.t-header__nav_link_text_inner{position:relative;display:block}.t-header__nav_link_text_inner:after{position:absolute;bottom:-1.6em;left:0;content:attr(data-text)}.t-header__nav_link_more{position:relative;display:block;width:10px;height:10px}.t-header__nav_link_more:before,.t-header__nav_link_more:after{position:absolute;top:calc(50% - 1px);left:0;width:100%;height:2px;content:"";background-color:currentcolor;border-radius:9999px}.t-header__nav_link_more:after{transform:rotate(90deg)}.t-header__nav_link.is-home{margin-top:2px}.t-header__nav_link.is-home .t-header__nav_link_text{font-family:var(--f-en);font-size:18px;font-weight:600}.t-header__nav_detail{position:absolute;top:64px;left:12px;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:40px;width:770px;padding:40px 56px;pointer-events:none}.t-header__nav_detail:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none;content:"";background-color:var(--c-white);border-radius:6px;opacity:0;transition:transform .36s var(--e-out-3) .3s,opacity .24s var(--e-out-3) .42s;transform:scaleY(0);transform-origin:top}.t-header__nav_detail_inner{opacity:0;transition:opacity .36s var(--e-out-3) .1s}.t-header__nav_detail_list{display:flex;flex-direction:column;gap:20px}.t-header__nav_detail_link{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:12px}.t-header__nav_detail_link:before{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";background-color:#ddd}.t-header__nav_detail_link[data-color=blue]{--hover-color: var(--c-blue)}.t-header__nav_detail_link[data-color=red]{--hover-color: var(--c-red)}.t-header__nav_detail_link[data-color=green]{--hover-color: var(--c-green)}.t-header__nav_detail_link[data-color=yellow-green]{--hover-color: var(--c-yellow-green)}.t-header__nav_detail_link[data-color=yellow]{--hover-color: var(--c-yellow)}.t-header__nav_detail_link[data-color=orange]{--hover-color: var(--c-orange)}.t-header__nav_detail_link_text{font-size:17px;font-weight:700;line-height:1.2;letter-spacing:.05em}.t-header__nav_detail_link_text .alpha{padding:0 1px;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;vertical-align:bottom}.t-header__nav_detail_link_arrow{display:flex;align-items:center;width:8px;height:14px;overflow:hidden}.t-header__nav_detail_link_arrow_inner{display:flex;gap:8px;justify-content:flex-end}.t-header__nav_detail_link_arrow_inner svg{flex-shrink:0}.t-header__nav_detail_category{display:flex;flex-direction:column;gap:21px;width:100%}.t-header__nav_detail_category_name{position:relative;display:block;padding-bottom:22px;font-size:20px;font-weight:700;line-height:1;letter-spacing:.02em}.t-header__nav_detail_category_name:before{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";background-color:currentcolor}.t-header__nav_detail_category_name[data-type=medical]{color:var(--c-blue)}.t-header__nav_detail_category_name[data-type=education]{color:var(--c-yellow)}.t-header__nav_detail[data-type=recruit]{z-index:1}.t-header__nav_detail[data-type=recruit] .t-header__nav_detail_list{display:grid;grid-template-columns:1fr 1fr;grid-column:1/3;gap:40px}.t-header__nav_detail[show=true]{pointer-events:auto}.t-header__nav_detail[show=true]:before{opacity:1;transition-delay:0s;transform:scaleY(1)}.t-header__nav_detail[show=true] .t-header__nav_detail_inner{opacity:1}.t-header__contactWrapper{position:relative;z-index:1;display:grid;grid-template-columns:176px 176px;overflow:hidden;border-radius:6px;transition:border-radius .36s var(--e-out-3) .36s}.t-header__contact{display:flex;gap:12px;align-items:center;justify-content:center;color:var(--c-white);background-color:var(--c-base-black)}.t-header__contact_icon{flex-shrink:0;width:20px}.t-header__contact_text{font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.01em}.t-header__contact_text.is-recruit{font-family:var(--f-en);font-size:19px;text-transform:uppercase}.t-header__tel{position:relative;display:flex;gap:12px;align-items:center;justify-content:center;color:var(--c-white);background-color:var(--c-base-black)}.t-header__tel:before{position:absolute;top:0;left:0;width:1px;height:100%;content:"";background-color:#727272}.t-header__tel_icon{flex-shrink:0;width:23px}.t-header__tel_text{display:flex;flex-direction:column}.t-header__tel_text_num{font-family:var(--f-en);font-size:15px;font-weight:600}.t-header__tel_text_hours{display:flex;gap:4px;align-items:center;margin-top:-4px;font-family:var(--f-en);font-size:11px;font-weight:700}.t-header__tel_text_hours_num{font-size:12px}.t-header__menuButton{display:none}.t-header[fv=false] .t-header__nav,.t-header[hover=true] .t-header__nav{color:var(--c-base-black);transition-delay:0s}.t-header[fv=false] .t-header__nav:before,.t-header[hover=true] .t-header__nav:before{opacity:1;transition-delay:0s}.t-header[fv=false] .t-header__contactWrapper,.t-header[hover=true] .t-header__contactWrapper{border-radius:0 6px 6px 0;transition-delay:0s}}@media screen and (min-width: 768px) and (hover: hover){.t-header__nav:hover{color:var(--c-base-black);transition-delay:0s}.t-header__nav:hover:before{opacity:1;transition-delay:0s}.t-header__nav_link_text_inner{transition:transform .54s var(--e-out-3)}.t-header__nav_link_more:after{transition:transform .3s var(--e-out-3)}.t-header__nav_link:hover .t-header__nav_link_text_inner{transition-duration:.44s;transform:translate3d(0,-100%,0)}.t-header__nav_link:hover .t-header__nav_link_more:after{transform:rotate(180deg)}.t-header__nav_detail_link{transition:color .36s var(--e-out-3)}.t-header__nav_detail_link_arrow_inner{transition:transform .36s var(--e-out-3)}.t-header__nav_detail_link_arrow_inner path{transition:stroke .36s var(--e-out-3)}.t-header__nav_detail_link:hover{color:var(--hover-color);transition-duration:.24s}.t-header__nav_detail_link:hover .t-header__nav_detail_link_arrow_inner{transform:translate(200%)}.t-header__nav_detail_link:hover .t-header__nav_detail_link_arrow_inner path{stroke:var(--hover-color)}.t-header__contact{transition:background-color .36s var(--e-out-3)}.t-header__contact_text{transition:color .36s var(--e-out-3)}.t-header__contact_icon_path{transition:stroke .36s var(--e-out-3)}.t-header__contact:hover{background-color:#e5e5e5;transition-duration:.24s}.t-header__contact:hover .t-header__contact_text{color:var(--c-base-black);transition-duration:.24s}.t-header__contact:hover .t-header__contact_icon_path{stroke:var(--c-base-black);transition-duration:.24s}}.lFooter{width:100%;color:var(--c-white)}.lFooter__inner{padding:96px 20px 16px;background-color:var(--c-main, var(--c-base-black))}.lFooter__logo{width:147px}.lFooter__info{display:flex;flex-direction:column;gap:32px}.lFooter__info_content{display:flex;flex-direction:column}.lFooter__tel{font-family:var(--f-en);font-size:20px;font-weight:600;line-height:1;letter-spacing:.02em}.lFooter__hours{margin-top:5px;font-size:14px;font-weight:700;line-height:1;letter-spacing:.02em}.lFooter__address{margin-top:9px;font-size:15px;font-weight:700;line-height:1.8}.lFooter__nav{margin-top:80px}.lFooter__nav_wrapper{display:flex;flex-direction:column;gap:23px}.lFooter__nav_wrapper:nth-child(2),.lFooter__nav_wrapper:nth-child(3){display:contents}.lFooter__nav_category{display:flex;flex-direction:column;gap:18px}.lFooter__nav_category[data-type=recruit]{margin-top:32px}.lFooter__nav_category_name{font-size:14px;font-weight:400;line-height:1.6;letter-spacing:.05em}.lFooter__nav_category_list{position:relative;display:flex;flex-direction:column;gap:11px;padding-left:18px;margin:-3px 0}.lFooter__nav_category_list:before{position:absolute;top:5px;left:0;width:1px;height:calc(100% - 6px);content:"";background-color:currentcolor}.lFooter__nav_category_list_link{width:-moz-fit-content;width:fit-content}.lFooter__nav_category_list_link_text{display:block;overflow:hidden}.lFooter__nav_category_list_link_text_inner{position:relative;font-size:14px;font-weight:700;line-height:1.6;letter-spacing:.05em}.lFooter__nav_category_list_link_text_inner .alpha{padding:0 1px;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;vertical-align:bottom}.lFooter__nav_category_list_link_text_hover{position:absolute;bottom:-1.6em;left:0}.lFooter__nav_link{width:-moz-fit-content;width:fit-content;font-size:15px;font-weight:700;line-height:1.6;letter-spacing:.05em}.lFooter__nav_linkWrapper{display:flex;flex-direction:column;gap:22px;margin-top:22px}.lFooter__nav_linkWrapper[data-id="1"]{margin-top:29px}.lFooter__bottom{position:relative;display:flex;align-items:center;justify-content:space-between;padding-top:16px;margin-top:90px}.lFooter__bottom:before{position:absolute;top:0;left:0;width:100%;height:1px;content:"";background-color:currentcolor}.lFooter__copyright{padding-top:3px;font-family:var(--f-en);font-size:10px;font-weight:600;line-height:1;letter-spacing:-.03em}.lFooter__pageTop{display:flex;gap:8px;align-items:center}.lFooter__pageTop_text{font-family:var(--f-en);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.lFooter__pageTop_arrow{--arrow-size: 22px;--arrow-width: 7px;--arrow-height: 8px;--arrow-stroke: 4px;--arrow-color: var(--c-main, var(--c-base-black));transform:rotate(-90deg)}@media screen and (min-width: 768px){.lFooter{position:relative;z-index:1}.lFooter__inner{display:grid;grid-template-columns:1fr auto;justify-content:space-between;padding:170px 80px 24px}.lFooter__logo{width:184px}.lFooter__info{gap:48px}.lFooter__nav{display:flex;grid-column:2/3;-moz-column-gap:48px;column-gap:48px;margin-top:0}.lFooter__nav_wrapper{gap:42px}.lFooter__nav_wrapper:nth-child(2),.lFooter__nav_wrapper:nth-child(3){display:flex}.lFooter__nav_wrapper:nth-child(2){gap:54px;margin-left:5px}.lFooter__nav_wrapper:nth-child(3){margin-top:2px}.lFooter__nav_category{gap:25px}.lFooter__nav_category[data-type=recruit]{margin-top:0}.lFooter__nav_category_name{margin-left:-2px}.lFooter__nav_category_list{gap:0;padding-left:24px;margin:-6px 0}.lFooter__nav_category_list:before{top:10px;height:calc(100% - 18px)}.lFooter__nav_category_list_link{padding:6px 0}.lFooter__nav_category_list_link_text{display:block;overflow:hidden}.lFooter__nav_category_list_link_text_inner{display:block;line-height:1.6}.lFooter__nav_category_list_link_text_inner:after{position:absolute;bottom:-1.6em;left:0;content:attr(data-text)}.lFooter__nav_category_list_link_text.is-alpha:after{display:none}.lFooter__nav_link{position:relative;margin-top:0;overflow:hidden}.lFooter__nav_link_text{line-height:1.6}.lFooter__nav_link_text_inner{position:relative;display:block}.lFooter__nav_link_text_inner:after{position:absolute;bottom:-1.6em;left:0;content:attr(data-text)}.lFooter__nav_link+.lFooter__nav_link{margin-top:0}.lFooter__nav_linkWrapper{display:flex;flex-direction:column;gap:20px;margin-top:0}.lFooter__nav_linkWrapper[data-id="1"]{gap:25px;margin-top:-8px}.lFooter__bottom{grid-column:1/3;padding-top:12px;margin-top:197px}.lFooter__copyright{font-size:12px}.lFooter__pageTop{gap:18px}.lFooter__pageTop_text{font-size:14px}.lFooter__pageTop_arrow{--arrow-size: 24px;--arrow-width: 7px;--arrow-height: 16px;--arrow-stroke: 4px}}@media screen and (min-width: 768px) and (hover: hover){.lFooter__nav_category_list_link_text_inner{transition:transform .54s var(--e-out-3)}.lFooter__nav_category_list_link:hover .lFooter__nav_category_list_link_text_inner{transition-duration:.44s;transform:translate3d(0,-100%,0)}.lFooter__nav_link_text_inner{transition:transform .54s var(--e-out-3)}.lFooter__nav_link:hover .lFooter__nav_link_text_inner{transition-duration:.44s;transform:translate3d(0,-100%,0)}.lFooter__pageTop:hover .cArrow:before{transition-duration:.36s;transform:scale(1.2)}}.lMenu__inner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-menu);overflow-y:scroll;pointer-events:none;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--c-main, #e6e6e6);opacity:0;transition:opacity .48s var(--e-out-3)}.lMenu__inner::-webkit-scrollbar{display:none}.lMenu__wrapper{width:100%;height:100%}.lMenu__nav{position:relative;display:flex;flex-direction:column;gap:12px;justify-content:space-between;width:100%;padding:12px}.lMenu__nav_main{position:relative;flex-grow:1;background-color:var(--c-white);border-radius:4px}.lMenu__nav_top{position:relative;width:100%;padding:11px 14px 10px}.lMenu__nav_top:after{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";background-color:#dfdfdf}.lMenu__nav_logo{width:223px}.lMenu__nav_body{padding:41px 34px 34px}.lMenu__nav_home{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:16px}.lMenu__nav_home:before{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";background-color:#ddd}.lMenu__nav_home_text{font-size:15px;font-weight:700;line-height:1;letter-spacing:.02em}.lMenu__nav_home_arrow{width:8px;height:12px}.lMenu__nav_service{display:flex;flex-direction:column;gap:23px;margin-top:32px}.lMenu__nav_service[data-type=education]{gap:18px}.lMenu__nav_service_name{position:relative;padding-bottom:14px;font-size:18px;font-weight:700;line-height:1;letter-spacing:.02em}.lMenu__nav_service_name:after{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";background-color:currentcolor}.lMenu__nav_service_name[data-type=medical]{color:var(--c-blue)}.lMenu__nav_service_name[data-type=education]{color:var(--c-yellow)}.lMenu__nav_service_list{display:flex;flex-direction:column;gap:18px}.lMenu__nav_service_list_link{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:14px}.lMenu__nav_service_list_link:before{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";background-color:#ddd}.lMenu__nav_service_list_link_text{font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.05em}.lMenu__nav_service_list_link_arrow{width:8px;height:12px}.lMenu__nav_service_list_link .alpha{padding:0 1px;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;vertical-align:bottom}.lMenu__nav_service+.lMenu__nav__service{margin-top:32px}.lMenu__nav_recruit{display:flex;flex-direction:column;gap:19px;margin-top:32px}.lMenu__nav_recruit_name{position:relative;padding-bottom:12px;font-size:14px;font-weight:400;line-height:1;letter-spacing:.02em}.lMenu__nav_recruit_name:after{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";background-color:#e0e0e0}.lMenu__nav_recruit_list{display:flex;flex-direction:column;row-gap:18px}.lMenu__nav_recruit_list_link{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:14px}.lMenu__nav_recruit_list_link:before{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";background-color:#ddd}.lMenu__nav_recruit_list_link_text{font-size:14px;font-weight:700;line-height:1;letter-spacing:.02em}.lMenu__nav_recruit_list_link_arrow{width:8px;height:12px}.lMenu__nav_other{margin-top:39px}.lMenu__nav_other_list{display:flex;flex-direction:column;row-gap:18px}.lMenu__nav_other_list_link{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:16px}.lMenu__nav_other_list_link:before{position:absolute;bottom:0;left:0;width:100%;height:1px;content:"";background-color:#ddd}.lMenu__nav_other_list_link_text{font-size:14px;font-weight:700;line-height:1;letter-spacing:.02em}.lMenu__nav_other_list_link_arrow{width:8px;height:12px}.lMenu__info{display:grid;grid-template-columns:1fr 1fr;height:60px;overflow:hidden;border-radius:4px}.lMenu__info_contact{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--c-white);background-color:var(--c-base-black)}.lMenu__info_contact_icon{width:25px}.lMenu__info_contact_text{font-size:16px;font-weight:700;line-height:1.2;letter-spacing:.01em}.lMenu__info_contact_text.is-recruit{font-family:var(--f-en);font-size:20px;font-weight:600;text-transform:uppercase}.lMenu__info_tel{position:relative;display:flex;gap:10px;align-items:center;justify-content:center;color:var(--c-white);background-color:var(--c-base-black)}.lMenu__info_tel:before{position:absolute;top:0;left:0;width:1px;height:100%;content:"";background-color:#727272}.lMenu__info_tel_icon{width:27px}.lMenu__info_tel_text{display:flex;flex-direction:column;font-family:var(--f-en);font-size:15px;font-weight:600;line-height:1}.lMenu__info_tel_text_hours{padding-top:3px;font-size:10px;line-height:1;letter-spacing:.1em}.lMenu__info_tel_text_hours_num{font-size:12px;font-weight:700;letter-spacing:0}.menu-open{min-height:100vh}.menu-open .lMenu__inner{pointer-events:auto;opacity:1}.lScrollBar{position:fixed;top:6px;right:0;bottom:6px;z-index:var(--z-scrollbar);width:8px}.lScrollBar__inner{height:100%}.lScrollBar__slider{position:absolute;top:0;left:0;width:100%;padding:0 2px;cursor:pointer;transition:height .05s}.lScrollBar__slider_inner{position:relative;height:100%;overflow:hidden;background-color:var(--c-sub1, var(--c-current));border-radius:9999px;transition:background-color .8s var(--e-out-3)}.lScrollBar__slider_inner.is-service{background-color:var(--c-sub4)}.isIos .lScrollBar{display:none}@media screen and (min-width: 768px){.lScrollBar{right:-2px;width:10px}}

/* [ver3] 本家imone.jp(overlap-fv)をrem→vwスケールで100%再現移植 */#nh-ofv{--u:calc(100vw / 390);--c-white:#fff;--c-base-black:#111;--c-yellow:#e7c40e;--c-current:var(--c-white);--e-out-3:cubic-bezier(.215,.61,.355,1);--e-out-4:cubic-bezier(.075,.82,.165,1);--e-out-sine:cubic-bezier(.39,.575,.565,1);--e-in-sine:cubic-bezier(.47,0,.745,.715);--c-blue:#111;--f-en:"Poppins",sans-serif;--f-jp:"Noto Sans JP",sans-serif}@media(min-width:768px){#nh-ofv{--u:calc(100vw / 1512)}}@keyframes slideText{0%{transform:translateY(0)}50%{transform:translateY(-100%)}50.1%{transform:translateY(0)}to{transform:translateY(0)}}#nh-ofv .t-enhead__line{position:relative;overflow:hidden;background-color:var(--c-current, var(--c-blue));border-radius:9999px;transition:background-color .8s var(--e-out-3)}@keyframes scrollText{0%{opacity:1;transform:translateZ(0)}40%{opacity:1;transform:translate3d(0,110%,0)}40.1%{opacity:0;transform:translate3d(0,110%,0)}40.2%{opacity:0;transform:translate3d(0,-110%,0)}40.3%{opacity:1;transform:translate3d(0,-110%,0)}70%{opacity:1;transform:translateZ(0)}to{opacity:1;transform:translateZ(0)}}#nh-ofv .t-hero{position:relative}#nh-ofv .t-hero__fv{height:100vh;height:100dvh}#nh-ofv .t-hero__fv_slide, #nh-ofv .t-hero__fv_slide_inner{height:100%}#nh-ofv .t-hero__fv_image{width:100%;height:100%;overflow:hidden}#nh-ofv .t-hero__fv_image_inner{display:grid;grid-template-columns:1fr;height:100%}#nh-ofv .t-hero__fv_image_inner img{grid-column:1/2;width:112%;height:100%}#nh-ofv .t-hero__fv_image_inner:nth-child(1){--transform: translateX(-12%)}#nh-ofv .t-hero__fv_image_inner:nth-child(2){--transform: translateX(4%)}#nh-ofv .t-hero__fv_image_inner:nth-child(2) img{transform:translate(-8%)}#nh-ofv .t-hero__fv_image_inner:nth-child(3){--transform: translateY(-6%)}#nh-ofv .t-hero__fv_image_inner:nth-child(3) img{width:auto;height:105.61vh}#nh-ofv .t-hero__fv_image_inner.is-move img{position:relative;z-index:1;transition:transform 10s linear;transform:var(--transform)}#nh-ofv .t-hero__content{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:100vh;min-height:100dvh;padding:calc(22 * var(--u)) calc(22 * var(--u)) calc(34 * var(--u));overflow:hidden}#nh-ofv .t-hero__logo{width:calc(190 * var(--u))}#nh-ofv .t-hero__lead{display:flex;flex-direction:column;gap:calc(16 * var(--u));width:calc(332 * var(--u))}#nh-ofv .t-hero__lead_copy{width:100%;margin-left:calc(-8 * var(--u))}#nh-ofv .t-hero__lead_copy_image{display:block;margin-top:calc(-2 * var(--u));overflow:hidden}#nh-ofv .t-hero__lead_copy_image_inner{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}#nh-ofv .t-hero__lead_text{font-size:calc(15 * var(--u));font-weight:700;line-height:1.7;color:var(--c-white)}#nh-ofv .t-hero__scroll{position:absolute;right:calc(-20 * var(--u));bottom:calc(-22 * var(--u));display:flex;align-items:center;justify-content:center;width:calc(130 * var(--u));height:calc(130 * var(--u));color:var(--c-white);border:solid 1px currentcolor;border-radius:50%}#nh-ofv .t-hero__scroll_text{overflow:hidden;font-family:var(--f-en);font-size:calc(12 * var(--u));font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.04em}#nh-ofv .t-hero__scroll_text .char-scroll{display:inline-block;animation:scrollText 4s var(--e-out-3) infinite}#nh-ofv .t-hero__scroll_text .char-scroll:nth-child(1){animation-delay:0s}#nh-ofv .t-hero__scroll_text .char-scroll:nth-child(2){animation-delay:.07s}#nh-ofv .t-hero__scroll_text .char-scroll:nth-child(3){animation-delay:.14s}#nh-ofv .t-hero__scroll_text .char-scroll:nth-child(4){animation-delay:.21s}#nh-ofv .t-hero__scroll_text .char-scroll:nth-child(5){animation-delay:.28s}#nh-ofv .t-hero__scroll_text .char-scroll:nth-child(6){animation-delay:.35s}#nh-ofv .t-hero__scroll_text .char-scroll:nth-child(7){animation-delay:.42s}#nh-ofv .t-hero__second_inner{padding:calc(117 * var(--u)) calc(20 * var(--u)) 0}#nh-ofv .t-hero__second_enTitle{display:flex;gap:calc(14 * var(--u));align-items:center;padding-left:calc(2 * var(--u))}#nh-ofv .t-hero__second_enTitle_line{width:calc(36 * var(--u));height:calc(4 * var(--u))}#nh-ofv .t-hero__second_enTitle_text{font-family:var(--f-en);font-size:calc(14 * var(--u));font-weight:700;color:var(--c-base-black);text-transform:uppercase;letter-spacing:.02em}#nh-ofv .t-hero__second_title{display:flex;flex-direction:column;gap:calc(4 * var(--u));margin-top:calc(36 * var(--u));color:var(--c-current);transition:color .8s var(--e-out-3)}#nh-ofv .t-hero__second_title_keyword{font-size:calc(36 * var(--u));font-weight:900;line-height:1.64}#nh-ofv .t-hero__second_title_text{font-size:calc(14 * var(--u));font-weight:900;line-height:1.4}#nh-ofv .t-hero__second_text{display:flex;flex-direction:column;gap:calc(12 * var(--u));margin-top:calc(32 * var(--u));font-size:calc(13 * var(--u));font-weight:700;line-height:1.9}@media screen and (min-width: 768px){#nh-ofv .t-hero__fv{position:sticky;top:0;height:100vh}#nh-ofv .t-hero__fv_cover{position:absolute;top:0;right:0;width:calc(800 * var(--u));height:100%;background-color:var(--c-white);transform:scaleX(0);transform-origin:right}#nh-ofv .t-hero__fv_image_inner img{width:108%}#nh-ofv .t-hero__fv_image_inner:nth-child(1){--transform: translateX(-6%)}#nh-ofv .t-hero__fv_image_inner:nth-child(2){--transform: translateX(0%)}#nh-ofv .t-hero__fv_image_inner:nth-child(2) img{transform:translate(-6%)}#nh-ofv .t-hero__fv_image_inner:nth-child(3){--transform: translateY(-8%)}#nh-ofv .t-hero__fv_image_inner:nth-child(3) img{width:100%;height:108.49vh}#nh-ofv .t-hero__fv_image_inner.is-move img{transform:var(--transform)}#nh-ofv .t-hero__content{padding:calc(46 * var(--u)) calc(56 * var(--u)) calc(56 * var(--u))}#nh-ofv .t-hero__logo{transition:opacity .26s var(--e-out-sine),transform .26s var(--e-out-sine);transition-delay:.18s;transform-origin:bottom}#nh-ofv .t-hero__logo.is-hide{opacity:0;transition:opacity .22s var(--e-in-sine),transform .22s var(--e-in-sine);transition-delay:0s;transform:translateY(-10%)}#nh-ofv .t-hero__lead{gap:calc(25 * var(--u));width:calc(596 * var(--u))}#nh-ofv .t-hero__lead_text{padding-left:calc(4 * var(--u));font-size:calc(18.8 * var(--u));line-height:1.9;transition:opacity .26s var(--e-out-sine),transform .26s var(--e-out-sine);transform-origin:bottom}#nh-ofv .t-hero__lead_text.is-hide{opacity:0;transition:opacity .22s var(--e-in-sine),transform .22s var(--e-in-sine);transition-delay:.18s;transform:translateY(-30%) scaleY(1.1)}#nh-ofv .t-hero__lead_copy_image{transition:opacity .26s var(--e-out-sine),transform .26s var(--e-out-sine);transform-origin:bottom}#nh-ofv .t-hero__lead_copy_image.is-hide{opacity:0;transition:opacity .22s var(--e-in-sine),transform .22s var(--e-in-sine);transform:translateY(-30%) scaleY(1.1)}#nh-ofv .t-hero__lead_copy_image.is-hide:nth-child(2){transition-delay:0s}#nh-ofv .t-hero__lead_copy_image.is-hide:nth-child(3){transition-delay:.06s}#nh-ofv .t-hero__lead_copy_image.is-hide:nth-child(4){transition-delay:.12s}#nh-ofv .t-hero__lead_copy_image.is-hide:nth-child(5){transition-delay:.18s}#nh-ofv .t-hero__lead_copy_image:nth-child(2){transition-delay:.18s}#nh-ofv .t-hero__lead_copy_image:nth-child(3){transition-delay:.12s}#nh-ofv .t-hero__lead_copy_image:nth-child(4){transition-delay:.06s}#nh-ofv .t-hero__lead_copy_image:nth-child(5){transition-delay:0s}#nh-ofv .t-hero__scroll{right:calc(-46 * var(--u));bottom:calc(-46 * var(--u));width:calc(268 * var(--u));height:calc(268 * var(--u));transition:opacity .26s var(--e-out-sine)}#nh-ofv .t-hero__scroll_text{font-size:calc(16 * var(--u));font-weight:700}#nh-ofv .t-hero__scroll.is-hide{opacity:0;transition:opacity .22s var(--e-in-sine)}#nh-ofv .t-hero__second{position:sticky;top:0;height:100vh;min-height:100vh;margin-top:-100vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:auto;padding:0;visibility:hidden;will-change:transform;z-index:3;width:50vw;margin-left:auto}#nh-ofv .t-hero::after{content:"";display:block;height:100vh}#nh-ofv .t-hero__fv_cover{display:none}#nh-ofv .t-hero__second_inner{width:100%;max-width:none;min-height:0;padding:clamp(56px,7vh,96px) clamp(32px,3.2vw,64px);margin:0;text-align:center}#nh-ofv .t-hero__second_enTitle{gap:calc(22 * var(--u));padding-left:0;margin-left:calc(-2 * var(--u))}#nh-ofv .t-hero__second_enTitle_line{width:calc(68 * var(--u))}#nh-ofv .t-hero__second_enTitle_text{font-size:calc(18 * var(--u));letter-spacing:.03em}#nh-ofv .t-hero__second_title{gap:0;margin-top:8vh}#nh-ofv .t-hero__second_title_keyword{font-size:calc(42 * var(--u))}#nh-ofv .t-hero__second_title_text{padding-left:calc(5 * var(--u));font-size:calc(20 * var(--u))}#nh-ofv .t-hero__second_text{gap:calc(16 * var(--u));margin-top:calc(40 * var(--u));line-height:2.05}}#nh-ofv .splide__container{box-sizing:border-box;position:relative}#nh-ofv .splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}#nh-ofv .splide.is-initialized:not(.is-active) .splide__list{display:block}#nh-ofv .splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}#nh-ofv .splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}#nh-ofv .splide:not(.is-overflow) .splide__pagination{display:none}#nh-ofv .splide__progress__bar{width:0}#nh-ofv .splide{position:relative;visibility:hidden}#nh-ofv .splide.is-initialized, #nh-ofv .splide.is-rendered{visibility:visible}#nh-ofv .splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}#nh-ofv .splide__slide img{vertical-align:bottom}#nh-ofv .splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}#nh-ofv .splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}#nh-ofv .splide__toggle.is-active .splide__toggle__play, #nh-ofv .splide__toggle__pause{display:none}#nh-ofv .splide__toggle.is-active .splide__toggle__pause{display:inline}#nh-ofv .splide__track{overflow:hidden;position:relative;z-index:0}#nh-ofv .splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#nh-ofv .splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}#nh-ofv .splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}#nh-ofv .splide--rtl{direction:rtl}#nh-ofv .splide__track--ttb>.splide__list{display:block}#nh-ofv .splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}#nh-ofv .splide__arrow svg{fill:#000;height:1.2em;width:1.2em}#nh-ofv .splide__arrow:hover:not(:disabled){opacity:.9}#nh-ofv .splide__arrow:disabled{opacity:.3}#nh-ofv .splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}#nh-ofv .splide__arrow--prev{left:1em}#nh-ofv .splide__arrow--prev svg{transform:scaleX(-1)}#nh-ofv .splide__arrow--next{right:1em}#nh-ofv .splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}#nh-ofv .splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}#nh-ofv .splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}#nh-ofv .splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}#nh-ofv .splide__pagination__page:hover{cursor:pointer;opacity:.9}#nh-ofv .splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}#nh-ofv .splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}#nh-ofv .splide__progress__bar{background:#ccc;height:3px}#nh-ofv .splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}#nh-ofv .splide__slide:focus{outline:0}@media screen and (-ms-high-contrast:none){#nh-ofv .splide__slide:focus-visible{border:3px solid #0bf}}@media screen and (-ms-high-contrast:none){#nh-ofv .splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}#nh-ofv .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}#nh-ofv .splide__toggle{cursor:pointer}#nh-ofv .splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}#nh-ofv .splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}#nh-ofv .splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}#nh-ofv .splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}#nh-ofv .splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}#nh-ofv .splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}#nh-ofv .splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}#nh-ofv .splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}#nh-ofv .splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}#nh-ofv .splide__arrows--ttb .splide__arrow--prev{top:1em}#nh-ofv .splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}#nh-ofv .splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}#nh-ofv .splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}#nh-ofv .splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}#nh-ofv /* --- CREO originalize: 配色・ロゴ/コピーのテキスト化 --- */
.t-hero__second{--c-current:var(--c-yellow)}#nh-ofv .t-hero__logo{display:flex;flex-direction:column;gap:calc(14 * var(--u));width:auto;color:var(--c-white)}#nh-ofv .t-hero__logo_en{font-family:var(--f-en);font-size:calc(29 * var(--u));font-weight:700;line-height:1.16;letter-spacing:.04em;text-transform:uppercase}#nh-ofv .t-hero__logo_bar{width:calc(34 * var(--u));height:2px;background-color:currentColor}#nh-ofv .t-hero__logo_jp{font-size:calc(13 * var(--u));font-weight:700;line-height:1.55;letter-spacing:.06em}#nh-ofv .t-hero__lead_copy_image_inner{font-size:calc(56 * var(--u));font-weight:900;line-height:1.16;letter-spacing:.02em;color:var(--c-white);white-space:nowrap}/* --- ひだまり上書き（本家の動きは保持、色/ロゴ/背景のみ） --- */#nh-ofv .t-hero__fv{background:#2f2f2f}#nh-ofv .t-hero__fv_image_inner{background:#2f2f2f}#nh-ofv .t-hero__logo{display:none}#nh-ofv .t-hero__content{justify-content:flex-end}#nh-ofv .t-hero__second{--c-current:var(--c-base-black);background:#fff}


/* --- CREO originalize: 配色・ロゴ/コピーのテキスト化 --- */
.t-hero__second{--c-current:var(--c-yellow)}
.t-hero__logo{display:flex;flex-direction:column;gap:14px;width:auto;color:var(--c-white)}
.t-hero__logo_en{font-family:var(--f-en);font-size:29px;font-weight:700;line-height:1.16;letter-spacing:.04em;text-transform:uppercase}
.t-hero__logo_bar{width:34px;height:2px;background-color:currentColor}
.t-hero__logo_jp{font-size:13px;font-weight:700;line-height:1.55;letter-spacing:.06em}
.t-hero__lead_copy_image_inner{font-size:56px;font-weight:900;line-height:1.16;letter-spacing:.02em;color:var(--c-white);white-space:nowrap}


/* nanahoshi向け: ABOUTのみ白地黒文字（FVは元のまま白文字） */
#nh-ofv .t-hero__second{--c-current:var(--c-base-black)}
@media screen and (max-width:767px){#nh-ofv .t-hero__second{background:#fff}}
/* ヘッダーロゴ重複回避: FV自前ロゴは隠す（nanahoshiの l-header ロゴを使う） */
#nh-ofv .t-hero__logo{display:none}
/* ロゴ非表示でflexが崩れるのでリードを下部固定に戻す */
#nh-ofv .t-hero__content{justify-content:flex-end}
/* 画像を抜いた分、FVスライダー枠は暗いプレースホルダ背景（白文字が読める） */
#nh-ofv .t-hero__fv_image_inner{background:#2f2f2f}
#nh-ofv .t-hero__fv{background:#2f2f2f}
/* Splide未使用のため visibility:hidden(既定) を解除 */
#nh-ofv .splide{visibility:visible!important}

/* === NH-OFV END === */

/* [ver6] フッターロゴを右下端へ寄せる */
.l-footer__btm{position:relative}
.l-footer__logo{position:absolute;right:28px;bottom:20px;width:auto;margin:0;z-index:1}
.l-footer__logo img{width:154px;height:auto;display:block;opacity:.78}

/* [ver15] News/Recruit の CTA を右寄せ */
.nh-news .c-button__wrap{display:flex;justify-content:center}.nh-recruit-extra .c-button__wrap{display:flex;justify-content:center}

/* ===== [ver17] 陽だまりカラー：小要素にさりげなくアクセント（モノクロ基調は維持） ===== */
:root{--nh-c1:#ffcccc;--nh-c2:#ffccff;--nh-c3:#e5ccff;--nh-c4:#cce5ff;--nh-c5:#ccffe5;--nh-c6:#ffffcc;--nh-c7:#ffffcc}
/* 英字見出しの下線ラインを各セクション七色に（陽だまり） */
#nh-ofv .t-hero__second_enTitle_line{background:var(--nh-c1)!important}
.nh-message .c-title__primary::after{background:var(--nh-c2);opacity:1}
.top-service .c-title__primary::after{background:var(--nh-c3);opacity:1}
.nh-ourway .c-title__primary::after{background:var(--nh-c4);opacity:1}
.nh-news .c-title__primary::after{background:var(--nh-c5);opacity:1}
.nh-recruit-sg .c-title__primary::after{background:var(--nh-c6);opacity:1}
.l-aside-contact .c-title__primary::after{background:var(--nh-c7);opacity:1}
/* はたらきやすさのチェックアイコンの見た目は上方 .nh-recruit-extra .nh-benefit__ico（ver29：白丸＋黒✓＋黒枠）で指定 */
/* [ver33] Newsのカテゴリは左の縦バーをやめ、「お知らせ」pillの枠線に色を付けるだけに */
.nh-news__item .nh-news__cat.nh-star::before{display:none}
.nh-news__item .nh-news__cat.nh-star{padding-left:.9em}
/* [ver62] お知らせpill：塗りつぶし→アウトライン（白地＋色文字＋同色の細枠）に色付け方法を変更 */
.nh-news__item .nh-news__cat{background:var(--color-bg)!important;border-width:1.5px!important;border-style:solid!important;font-weight:600}
/* [ver64] 七色パレットの別組み合わせに：緑/ピンク/青 → パープル(c3)/マゼンタ(c2)/イエロー(c6) */
.nh-news__item:nth-child(1) .nh-news__cat{border-color:#b99ae6!important;color:#7d5cbf!important}
.nh-news__item:nth-child(2) .nh-news__cat{border-color:#e79ae2!important;color:#b458ac!important}
.nh-news__item:nth-child(3) .nh-news__cat{border-color:#ddd07f!important;color:#9c8524!important}
/* [ver66] お知らせ5件化に伴い4・5件目の色を追加（グリーンc5／ブルーc4） */
.nh-news__item:nth-child(4) .nh-news__cat{border-color:#7fd6a3!important;color:#3a9c6b!important}
.nh-news__item:nth-child(5) .nh-news__cat{border-color:#8fb8ec!important;color:#5f86c8!important}
/* FVのScroll円のふちに橙を差す */
#nh-ofv .t-hero__scroll{border-color:#fff} /* [ver35] スクロール円を白に */

/* ===== [ver20] Serviceカード：ホバーで下から色オーバーレイ（七色から3色） ===== */
.top-service__list__link{position:relative}
.top-service__list__img{position:relative;overflow:hidden}
.top-service__list__img::after{content:"";position:absolute;inset:0;opacity:0;transform:translateY(45%);transition:opacity .5s var(--e-out-3,cubic-bezier(.215,.61,.355,1)),transform .5s var(--e-out-3,cubic-bezier(.215,.61,.355,1));pointer-events:none;border-radius:inherit}
.top-service__list__item:nth-child(1) .top-service__list__img::after{background:var(--nh-c4)}
.top-service__list__item:nth-child(2) .top-service__list__img::after{background:var(--nh-c5)}
.top-service__list__item:nth-child(3) .top-service__list__img::after{background:var(--nh-c1)}
.top-service__list__link:hover .top-service__list__img::after,
.top-service__list__link:focus .top-service__list__img::after{opacity:0}

/* ===== [ver21] FV実画像：cover/位置調整＋読みやすさグラデ（明るく清潔に） ===== */
#nh-ofv .t-hero__fv{background:#eef1f3}
#nh-ofv .t-hero__fv_image_inner{background:#eef1f3}
#nh-ofv .t-hero__fv_image_inner img{width:100%;height:100%;object-fit:cover;object-position:center 40%} /* [ver73] 幅は等倍に戻す（Splide管理で拡大は効かないと判明）。余白の真因=横移動なので、動きをズームに変更して対応 */
#nh-ofv .t-hero__fv_image_inner:nth-child(3) img{width:100%;height:100%} /* [ver73] 等倍に戻す（動きはズームで担保） */
#nh-ofv .t-hero__fv::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.18) 38%,rgba(0,0,0,0) 60%),
             linear-gradient(to top,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 42%)}
@media(max-width:767px){
  #nh-ofv .t-hero__fv_image_inner img{object-position:center 36%}
  #nh-ofv .t-hero__fv::after{background:linear-gradient(to top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.12) 46%,rgba(0,0,0,0) 72%)}
}

/* ===== [ver22] 実画像フィット ＆ Serviceカードの後ろに色枠 ===== */
.nh-simg{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.top-service__list__img{aspect-ratio:16/10}
.top-about__img__lg .nh-simg,.top-about__img__sm .nh-simg{border-radius:inherit}
/* [ver34] Serviceカード：box-shadowの色枠を廃止し、カード本体の「もう一つ後ろのグレー座布団」(.top-service__list__item)に色を付ける（ホバーで傾くと後ろに色が広がる） */
.top-service__list__inner{position:relative}
.top-service__list__item:nth-child(1){background-color:var(--nh-c4)}
.top-service__list__item:nth-child(2){background-color:var(--nh-c5)}
.top-service__list__item:nth-child(3){background-color:var(--nh-c1)}

/* [ver27] 求人カードの黒枠は .t-sg__item::after の border で実現（白カバーに黒細枠）。
   全体パレット --nh-c1〜7 を新7色(#FCA2B5/#FCA885/#FAEFC5/#BDEEBD/#ABEDF8/#D9DAF7/#C390F0)に差し替え。 */

/* ===== [ver28] フッター背景：明るい水彩に転換（白オーバーレイ55%で水彩をしっかり出す／文字・ロゴを濃色化） ===== */
.l-footer__wrapper{background:linear-gradient(to bottom,#ffffff 0,rgba(255,255,255,0) 180px) no-repeat,radial-gradient(ellipse at 50% 75%,#f1eafd 0%,#f6f1fe 42%,#faf8ff 74%,#fdfcff 100%) no-repeat} /* [ver84] フッターをもう少しだけ薄く（中心#ece2fc→#f1eafd） */
.l-footer__wrapper:before{display:none} /* [ver32] 上帯を除去＝水彩を1枚に繋げる（縦ズレ解消） */
.l-footer__head__tit{color:#1a1a1a}
.l-footer__head__address{color:rgba(20,20,20,.74)}
.l-footer__head__tel{color:rgba(20,20,20,.74)}
.l-footer__head__tel a,.l-footer__head__tel a:hover,.l-footer__head__tel a:focus,.l-footer__head__tel a:active{color:rgba(20,20,20,.74)}
.l-footer__nav__link.\:en,.l-footer__nav__link.\:en:hover,.l-footer__nav__link.\:en:focus,.l-footer__nav__link.\:en:active{color:#1a1a1a}
.l-footer__nav__link.\:ja,.l-footer__nav__link.\:ja:hover,.l-footer__nav__link.\:ja:focus,.l-footer__nav__link.\:ja:active{color:rgba(20,20,20,.74)}
.l-footer__nav__link.\:ja:before{background-color:rgba(20,20,20,.58)}
.l-footer__pp__link,.l-footer__pp__link:hover,.l-footer__pp__link:focus,.l-footer__pp__link:active{color:rgba(20,20,20,.74)}
.l-footer__copy{color:rgba(20,20,20,.66)}
.l-footer__logo img{filter:none;opacity:.78}
/* ===== フッター背景ブロックここまで ===== */

/* ===== [ver30] ハンバーガーメニュー(ドロワー)：背景をフッターと同じ水彩に／文字・ロゴを濃色化／テキストを縦中央／ロゴを右下端に ===== */
.l-drawer__bg{background-image:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),url(/demos/hidamari-fukushi/assets/images/bg/footer-watercolor.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#f4f1ea}
.l-drawer__nav__link.\:en{color:#1a1a1a}
.l-drawer__nav__link.\:ja{color:rgba(20,20,20,.74)}
.l-drawer__nav__link.\:ja:before{background-color:rgba(20,20,20,.58)}
.l-drawer__btm__pp{color:rgba(20,20,20,.74)}
.l-drawer__btm__copy{color:rgba(20,20,20,.66)}
/* テキストを縦中央に（上寄り解消。ロゴはabsoluteなので影響なし） */
.l-drawer__container{display:flex;flex-direction:column;justify-content:flex-start;padding-top:11vh} /* [ver57] テキストを上寄りに */
/* [ver57] ハンバーガーメニューのナビ文字を大きく */
.l-drawer__nav__link.\:en{font-size:3rem}
.l-drawer__nav__link.\:ja{font-size:1.15rem}
/* ロゴを右下端に（ボックス幅を実寸化＝750pxの右寄せボックスで中央に見えていた不具合を解消） */
.l-drawer__logo{width:auto;right:24px;bottom:24px}
/* [ver33] ナビ各項目の行間を広げてゆったりに */
.l-drawer__nav__list{margin-top:2.5rem} /* [ver67] ドロワー項目の行間をさらに広げる */
.l-drawer__nav{margin-bottom:2.2rem}
/* ===== ドロワーブロックここまで ===== */

/* ===== [ver35→ver37] ヘッダーのナビバー(黒角丸=.l-header__right)の背景を#282828に／Contactカードをフッターに半分被せ＋フッターのテキストを下げる ===== */
.l-header__right{background-color:#282828}
/* Contactを前面にしてフッターへ食い込ませる（被せ量は実機で微調整） */
.l-aside-contact{position:relative;z-index:3;margin-bottom:clamp(-300px,-18vw,-180px)}
/* 被さる分、フッターの中身（会社情報・ナビ）を下へ */
.l-footer__wrapper{padding-top:clamp(260px,24vw,420px)}
/* ===== ver35ブロックここまで ===== */

/* ===== [ver36→ver38] FV画像1,2枚目の見切れ調整（object-position）だけ維持。
   Aboutパネルのテキストスクロール連動はテキスト非表示の不具合が出たためver38で撤回し、枠内スクロールに戻した。 ===== */
#nh-ofv .t-hero__fv_image_inner:nth-child(1) img,#nh-ofv .t-hero__fv_image_inner:nth-child(2) img{object-position:center 50%}
/* ===== ここまで（ver43でFVテキスト連動は再度撤回し枠内スクロールに復帰） ===== */

/* [ver44→ver52] CTAボタン「詳しく見る」：テキストと矢印(＋ホバー円)を中央グループにまとめてバランスよく（矢印をテキストのすぐ右へ） */
.c-button__arrow{display:inline-flex;align-items:center;justify-content:center}
.c-button__arrow__str{order:0}
.c-button__arrow:before{order:1;position:static;top:auto;right:auto;left:auto;margin:0 0 0 8px}
.c-button__arrow:after{order:1;position:static;top:auto;right:auto;left:auto;margin:0 0 0 -40px}
@media(max-width:640px){.c-button__arrow:after{margin-left:-30px}}

/* [ver47] ①テキストを枠内に収める方針：下余白は控えめに（スクロールを極力不要に） */
#nh-ofv .t-hero__second_inner{padding-bottom:clamp(24px,4vh,48px)}

/* [ver49] Aboutパネルの英字タイトル「ABOUT US」＋ピンク線を非表示に */
#nh-ofv .t-hero__second_enTitle{display:none}

/* [ver53] 開いた時のイントロ（白・グレーのオーバーレイ＋ロゴ）を非表示に＝すぐFVを見せる */
.intro__overlay-first,.intro__overlay-second,.intro__logo{display:none!important}

/* [ver51] のっぺり回避のちょい足しデザイン：見出し下に七色パステルの細ライン＋本文の各段落頭に淡いアクセント */
#nh-ofv .t-hero__second_title::after{display:none} /* [ver61] 見出し下の七色パステル線を削除 */
#nh-ofv .t-hero__second_text .t-hero__second_text_line:first-child{position:relative}
/* [ver58] 見出しの星✦は削除 */
/* Message・Our Wayの画像を角丸に */
.nh-message__figure{border-radius:22px;overflow:hidden}
.nh-ourway .nh-ow-slide{border-radius:16px;overflow:hidden}
/* FV Aboutパネルに大小の薄い円をあしらう（背景・テキストの下） */
#nh-ofv .t-hero__second{background-color:#fff;background-image:radial-gradient(circle at 14% 18%,rgba(204,255,229,.30),rgba(204,255,229,0) 20%),radial-gradient(circle at 86% 40%,rgba(255,204,204,.26),rgba(255,204,204,0) 15%),radial-gradient(circle at 60% 85%,rgba(229,204,255,.24),rgba(229,204,255,0) 16%);background-repeat:no-repeat} /* [ver60] Aboutパネルの円を5→3個に減らし薄く */

/* [ver60] サイト全体の余白に淡いパステル円を所々（わからない程度）散らす＝本文ラッパーmain#topの背景にタイル配置。画像・カードは上に乗るので白い余白だけに滲む。FV/採用CTA/フッターの濃色セクションは自前背景で覆われる。 */
/* [ver74] 事業内容(Service)を透明化＝全幅の白背景で円が切れる主因を除去。円が通り抜けられるように */
.top-service{background-color:transparent!important}

/* [ver74] 円は「透明セクションが並ぶ中央帯(Message〜Service〜News)」に、上下端＝FV/採用グリッド/Contactカードから離して配置＝大きいまま切れない。x22-78%,y24-70% */
/* [ver80] 円はサイト全体(Message〜事業内容〜Our Way〜News)に均等に散らす。Newsだけの偏りを解消し、大小まぜて等間隔配置。Service透明化済みなので中央帯を安全にカバー */
main#top{background-image:radial-gradient(circle 560px at 33% 28%,rgba(255,204,204,.27),transparent 60%),radial-gradient(circle 320px at 71% 30%,rgba(255,204,255,.27),transparent 60%),radial-gradient(circle 460px at 55% 35%,rgba(204,229,255,.27),transparent 60%),radial-gradient(circle 520px at 26% 42%,rgba(204,255,229,.27),transparent 60%),radial-gradient(circle 330px at 74% 43%,rgba(229,204,255,.27),transparent 60%),radial-gradient(circle 560px at 48% 49%,rgba(255,255,204,.25),transparent 60%),radial-gradient(circle 340px at 78% 50%,rgba(255,204,204,.27),transparent 60%),radial-gradient(circle 460px at 28% 56%,rgba(204,229,255,.27),transparent 60%),radial-gradient(circle 320px at 61% 55%,rgba(255,204,255,.27),transparent 60%),radial-gradient(circle 520px at 72% 63%,rgba(204,255,229,.27),transparent 60%),radial-gradient(circle 340px at 36% 64%,rgba(229,204,255,.27),transparent 60%),radial-gradient(circle 460px at 55% 68%,rgba(255,204,204,.25),transparent 60%);background-repeat:no-repeat} /* [ver85] 円をさらに大きく（240-460→320-560px・中心は少し内側で端の見切れ回避） */

/* [ver82] News・リクルートに円を1つずつ（各セクション内の中央寄せ＝境目で切れない） */
.nh-news{background-image:radial-gradient(circle 460px at 72% 44%,rgba(204,255,229,.27),transparent 60%);background-repeat:no-repeat}
.nh-recruit-extra{background-image:radial-gradient(circle 420px at 28% 50%,rgba(229,204,255,.27),transparent 60%);background-repeat:no-repeat}

/* [ver66] Contactの2箱（お電話/メール）を グレー塗り → 白地＋黒枠に */
.l-aside-contact__link{background-color:var(--color-bg)!important;border:2px solid var(--color-base)}

/* [ver66] CTA「詳しく見る」ホバー円：黒 → そのセクションのメイン色に。淡色円に映えるよう矢印はホバーでも濃色を維持 */
.top-service .c-button__arrow:before{background-color:var(--nh-c3)!important} /* Service=パープル */
.nh-news .c-button__arrow:before{background-color:var(--nh-c5)!important}     /* News=グリーン */
.nh-recruit-extra .c-button__arrow:before{background-color:var(--nh-c6)!important} /* Recruit=イエロー */
.top-service .c-button__arrow:hover:after,.top-service .c-button__arrow:focus:after,.top-service .c-button__arrow:active:after,
.nh-news .c-button__arrow:hover:after,.nh-news .c-button__arrow:focus:after,.nh-news .c-button__arrow:active:after,
.nh-recruit-extra .c-button__arrow:hover:after,.nh-recruit-extra .c-button__arrow:focus:after,.nh-recruit-extra .c-button__arrow:active:after{background-color:var(--color-base)!important}

/* [ver67] Aboutパネル本文をもう少し大きく（13→16） */
#nh-ofv .t-hero__second_text{font-size:calc(16 * var(--u))}
/* [ver67] トップ左上ロゴを少し右・少し下へ */
.l-header__logo{transform:translate(18px,14px)}

/* [ver70] ver68の「横ドリフト停止」は撤回＝FVの動きを復活。余白は画像の拡大(幅・高さ↑)でカバーする方針に変更 */

/* [ver69] Contactの大枠カードも 中身白＋黒枠に（内側2箱と統一） */
.l-aside-contact__inner{background-color:var(--color-bg)!important;border:2px solid var(--color-base)}

/* [ver69→ver71] 「はたらきやすさ」見出しをさらに右へ */
.nh-block-tit{margin-left:7rem}

/* [ver69] FV→About のスクロール速度をゆっくり（スクロール区間を100vh→160vhに伸ばして、同じ動きを長い距離で＝ゆっくり進む）。※PCのみ */
@media screen and (min-width:768px){#nh-ofv .t-hero::after{height:160vh}}

/* [ver73] FVの動きを「横移動」→「中心ズーム」に変更＝画像が端で欠けない。静止=等倍(端まで被覆)、動作=10秒かけて中心から拡大。横シフト由来の右余白を根本解消。!importantで元の横移動transformとSplideの指定を上書き */
#nh-ofv .t-hero__fv_image_inner img{transform:scale(1)!important}
#nh-ofv .t-hero__fv_image_inner.is-move img{transform:scale(1.12)!important}