@charset "UTF-8";
/* =========================================================
   FC募集LP（就労継続支援B型 / lp/b-type-fc）固有の調整

   inc/lp.php が css/lp-<key>.css の存在を見て自動で読む（LP の CSS より後）。
   納品物の SCSS は再ビルドできないため、この LP だけに必要な上書きをここに持つ。
   値は LP のトークン（--sz-N）、ブレイクポイントは LP に合わせて 992px。
   ========================================================= */

/* ---------------------------------------------------------
   SP のヘッダーロゴ

   納品物の SP ロゴ（sp/logo.webp・186x48）は別ブランド（SUN & NOAVIA）の画像だったため、
   tools/convert_lp.py が PC と同じ横長の NOAVIA Works（pc/logo.webp・261x28）に差し替えている。
   そのままだと SP の枠（--sz-186）では高さ 10px ほどの細い文字になるので、
   横長のワードマークに合わせて幅を広げる（ハンバーガー --sz-72 とは重ならない範囲）。
   --------------------------------------------------------- */
@media screen and (max-width: 991.98px) {
  .header__logo {
    width: var(--sz-340);
  }
}

/* ---------------------------------------------------------
   FAQ アコーディオンの開閉を滑らかに

   開閉は common_v21.min.js の accordion（jQuery slideToggle 300ms）で、
   .question__answer の height を 0 から実寸へアニメーションする。
   ところが納品 CSS が .question__answer に min-height（SP --sz-78 / PC --sz-92）を
   持たせているため、開き始めで一気に min-height まで跳ね、閉じ終わりでも
   min-height で止まってから消える（＝滑らかさが欠ける）。
   min-height は「A」マーク（--sz-54 + 上余白 --sz-18）が収まる高さの確保が目的なので、
   同じ高さを内側のテキストに移し、外側は 0 から伸び縮みできるようにする。
   あわせて、開閉時に即座に切り替わっていたボタン下側の角丸にも transition を付ける。
   --------------------------------------------------------- */
.question__answer {
  min-height: 0;
}

.question__answer-text {
  /* 元の min-height（--sz-78）から上下パディング（--sz-18 + --sz-20）を引いた値 */
  min-height: var(--sz-40);
}

.question__prompt {
  transition: border-radius 0.3s ease;
}

@media screen and (min-width: 992px) {
  .question__answer-text {
    /* 元の min-height（--sz-92）から上下パディング（--sz-18 + --sz-20）を引いた値 */
    min-height: var(--sz-54);
  }
}