/* トップ下部の切り替え（2026-11-13）
   ギザギザは「ちがう色どうしの境目」にだけ出す：クリーム → 赤（採用）→ クリーム（相談）→ 黒（フッター） */

/* 採用：赤いポスター。下の余白を詰める */
.bk:not(.sub) #recruit { padding-bottom: clamp(84px, 9vw, 120px); }

/* 相談：赤をやめてクリームの地に。カードは黒い線＋赤いずらした影で目立たせる */
.bk:not(.sub) #contact.red {
  background: transparent;
  color: var(--ink);
  clip-path: none;
  overflow: visible;
  padding-top: clamp(64px, 7vw, 96px);
  padding-bottom: clamp(72px, 8vw, 104px);
}
.bk:not(.sub) #contact .chooser {
  border: 3px solid var(--ink);
  border-radius: 26px;
  box-shadow: 8px 8px 0 var(--red);
}
.bk:not(.sub) #contact .ch-h { font-size: clamp(20px, 2.2vw, 26px); }
.bk:not(.sub) #contact .ch-i { border-color: #E3DED2; border-left-color: var(--c, var(--red)); background: #FFFFFF; }
.bk:not(.sub) #contact .ch-i:hover { border-color: var(--c, var(--red)); }

/* シェア：墨の文字、ボタンは赤い丸に白い文字 */
.bk:not(.sub) #contact .share-in { margin-top: clamp(44px, 5vw, 64px); }
.bk:not(.sub) #contact .share-in p { color: var(--ink); }
.bk:not(.sub) #contact .share a {
  background: var(--red);
  color: #FFFFFF;
  box-shadow: 0 5px 0 var(--ink);
  transition: transform .15s, box-shadow .15s;
}
.bk:not(.sub) #contact .share a:hover { color: #FFFFFF; transform: translateY(2px); box-shadow: 0 3px 0 var(--ink); }

/* フッター：上のふちを採用の帯と同じギザギザに（クリームに黒の歯） */
.bk:not(.sub) .ft {
  padding-top: 84px;
  clip-path: polygon(0.0% 0px,3.85% 16px,7.69% 0px,11.54% 10px,15.38% 0px,19.23% 18px,23.08% 0px,26.92% 26px,30.77% 0px,34.62% 7px,38.46% 0px,42.31% 8px,46.15% 0px,50.0% 23px,53.85% 0px,57.69% 9px,61.54% 0px,65.38% 17px,69.23% 0px,73.08% 24px,76.92% 0px,80.77% 7px,84.62% 0px,88.46% 22px,92.31% 0px,96.15% 12px,100.0% 0px,100% 100%,0% 100%);
}