/* es Village HP 追加スタイル（2026-10-07・自社管理化にあたり追加）
   料金画像 → プラン表（縦=プラン・横=特典）、CONTACT の導入文 */
.hp-plans { width: 100%; border-collapse: collapse; margin-top: 1em; font-size: 15px; font-weight: 500; background: #fff; border: 2px solid #333; color: #333; }
.hp-plans caption { caption-side: top; text-align: left; font-weight: 700; font-size: 14px; padding: 0 0 .4em; color: inherit; }
.p-village-unit__price .hp-plans caption { color: #fff; }
.hp-plans th, .hp-plans td { border: 1px solid #333; padding: .55em .7em; text-align: left; vertical-align: middle; line-height: 1.5; color: #333; }
.hp-plans thead th { background: #333; color: #fff; font-weight: 700; font-size: 13px; white-space: nowrap; }
.hp-plans tbody th { background: #FFE94A; color: #333; font-weight: 700; white-space: nowrap; width: 7.5em; }
.hp-plans__price { font-weight: 700; white-space: nowrap; font-size: 17px; }
.hp-plans small { display: block; font-size: 12px; font-weight: 400; color: #555; }
.hp-plans--option { margin-top: 1.2em; }
.hp-plans--option tbody th { background: #E8EEF5; }
.hp-contact__lead { margin: 0 auto 1.5em; max-width: 40em; line-height: 1.9; font-weight: 500; }
@media screen and (max-width: 767px) {
  .p-village-unit__price { text-align: left; }
  .hp-plans { font-size: 13px; }
  .hp-plans th, .hp-plans td { padding: .5em .45em; }
  .hp-plans tbody th { width: 6.5em; }
  .hp-plans__price { font-size: 15px; }
}
.hp-contact__sub { margin-top: 1.2em; font-size: 13px; line-height: 1.8; }
.hp-contact__sub a { text-decoration: underline; font-weight: 700; }
/* 村人の声: 会社名のリンク（2026-10-08） */
.hp-voice-link { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.hp-voice-link:hover { opacity: .8; }
/* QUEST: さっぽろクエストの紹介（2026-10-08・LIFEWORK と同じ 3 枚カード） */
.hp-quest-lead { display: flex; align-items: center; gap: 18px; margin: 28px auto 0; max-width: 980px; }
.hp-quest-lead img { width: 220px; height: auto; flex-shrink: 0; }
.hp-quest-lead p { margin: 0; font-size: 15px; line-height: 1.9; }
.hp-quest-lead p strong { color: #d01126; }
@media screen and (max-width: 767px) { .hp-quest-lead { flex-direction: column; align-items: flex-start; gap: 10px; } .hp-quest-lead img { width: 170px; } .hp-quest-lead p { font-size: 13px; } }
/* トップの見出し: 「仕事して、」の上に「すすきの一等地で」（2026-10-09・同じ紺の箱・同じ字の大きさ。8文字あるのでこの段だけ箱を横に伸ばす。span だと home.css の nth-of-type がずれるので b を使う） */
.home-mv__ttl.hp-mv-ttl { height: 496px; }
.hp-mv-lead { display: grid; place-items: center; background-color: var(--colorPrimary); width: max-content; height: 100px; padding: 0 30px; line-height: 1; white-space: nowrap; font-size: inherit; font-weight: 900; }
@media screen and (max-width: 1100px) {
  .home-mv__ttl.hp-mv-ttl { height: 37.8181818182vw; }
  .hp-mv-lead { height: 7.2727272727vw; padding: 0 2.7272727273vw; }
}
@media screen and (max-width: 767px) {
  .home-mv__ttl.hp-mv-ttl { height: 76.4102564103vw; padding: 0; left: 10vw; right: auto; margin-left: 0; }
  .hp-mv-lead { height: 15.3846153846vw; padding: 0 3.0769230769vw; }
}