@charset "UTF-8";
/* =============================================================
   WordPress化で足した分だけを書くCSS
   style.css と site-v2.css は現行のまま。色・余白は site-v2.css の変数を使う
   ============================================================= */

/* ブログ・お知らせ一覧：タブで絞り込んだ時にカードを隠す
   （.nh-news-card の display:flex が hidden 属性より強いため） */
.nh-news-card[hidden] {
    display: none;
}

/* タブが5つになるので、幅が足りない時は折り返す */
.nh-tabs {
    flex-wrap: wrap;
}

/* 空き状況の「お休み」の記号 */
.nh-mark-closed { color: var(--nh-brown-light); }

/* お問い合わせフォーム（Contact Form 7）：送信後のメッセージを現行の .form-message と同じ見た目にする */
.form-panel .wpcf7 form .wpcf7-response-output {
    margin: 18px 0 0;
    padding: 16px;
    border: 0;
    border-radius: 16px;
    background: #f2f9dd;
    font-weight: 900;
}

.form-panel .wpcf7-not-valid-tip {
    color: var(--nh-salmon-deep);
    font-size: 13px;
    font-weight: 700;
}

/* Contact Form 7 が送信ボタンの後ろに足す「送信中」の印。グリッドの1行を取らせない */
.form-panel .contact-form .wpcf7-spinner {
    position: absolute;
}

/* 採用ページ 募集要項：項目の小ラベル（新規オープン・社会保険完備など）。色は .nh-soon と同じ系統 */
.nh-dl-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 10px;
}

.nh-dl-tag {
    padding: 2px 12px;
    border-radius: 999px;
    background: #fdf3e0;
    color: #8a5a00;
    font-size: 13px;
    font-weight: 700;
}

/* 採用ページ 募集要項：求人（管理画面「求人」）が2件以上ある時の表と表の間 */
.nh-jobs {
    display: grid;
    gap: 28px;
}

/* 採用ページ 募集要項：公開中の求人が無い時の「現在募集はありません。」。白い箱は .nh-dl と同じ見た目 */
.nh-jobs-none {
    margin: 0;
    padding: 28px 20px;
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--nh-shadow-soft);
    font-weight: 700;
    text-align: center;
}

/* よくある質問：答えの中にリンクがあると、文がリンクの前後で3列に割れて縦に並ぶ
   （.nh-faq-a が display:flex のため、文・リンク・文がそれぞれ列になる）。
   答えは普通の段落として流し、「A」の印だけを左に置く。左の余白は Q の文頭とそろえる */
.nh-faq-a {
    display: block;
    position: relative;
    padding-left: calc(22px + 14px + 14px);
}

.nh-faq-a::before {
    position: absolute;
    top: 0;
    left: 22px;
}