/* =====================================================
   Phase 1 追加調整 CSS
   - section#about-company の padding-bottom 縮小
   - SP: hero の人物・背景を非表示、右上にオレンジライン
   ===================================================== */

/* ---------- about-company padding 縮小（PC） ---------- */
section#about-company {
  padding: 7vw 0 25vw;
}

/* ---------- SP: hero 人物・背景を非表示 + #jobs 右上にオレンジライン ---------- */
@media (max-width: 767px) {

  /* hero に高さを担保（背景imgを非表示にした影響で高さが消えるため） */
  .hero {
    position: relative;
    min-height: 95vw;
  }

  /* キービジュアルの人物2人・背景写真を非表示 */
  .hero .imae1,
  .hero .imae2,
  .hero .hero-visual {
    display: none !important;
  }

  /* #jobs（FV直下の求人一覧）の右上に装飾のオレンジライン（work6.svg 流用） */
  section#jobs {
    position: relative;
  }
  section#jobs::after {
    content: "";
    display: block;
    position: absolute;
    top: -9vw;
    right: -2vw;
    width: 23.5vw;
    height: 43vw;
    background: url(../img/work6.svg) no-repeat right top;
    background-size: 100%;
    z-index: -2;
    pointer-events: none;
  }
}