/* ==========================================================
   08-career.css — キャリアサポート
   SP: figma 97:169 (390px) / PC: figma 3:960 (1440px)
   ========================================================== */

.career {
  position: relative;
  overflow: hidden;
  background-color: #f6f9fc;
}

/* 背景写真(SP: 写真 + 左→右の白グラデーションオーバーレイ) */
.career__bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(
      90deg,
      rgba(246, 249, 252, 0.94) 0%,
      rgba(246, 249, 252, 0.82) 55%,
      rgba(246, 249, 252, 0.45) 100%
    ),
    url("../assets/5afde88a13af9f25632a2efa420b07fe613ed234.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.career__inner {
  position: relative;
  padding: 60px 22px;
}

.career__label {
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: 15px;
  line-height: 21.7px;
  letter-spacing: 3.5px;
  color: var(--color-gold);
}

.career__heading {
  margin-top: 12px;
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: 1px;
  color: var(--color-text);
}

.career__text {
  margin-top: 12px;
  font-size: 13.5px;
  line-height: 27px;
  color: var(--color-text);
}

/* --- PC --- */
@media (min-width: 768px) {
  .career {
    padding: 58px 0;
  }

  /* PC写真はフェード込みのビジュアルのためオーバーレイなし */
  .career__bg {
    background-image: url("../assets/726878ee31d4f14b4f52b66228637f3cea1466ac.jpg");
  }

  .career__inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 100px 40px;
  }

  .career__label {
    font-size: 22px;
    line-height: 28.5px;
    letter-spacing: 5.2px;
  }

  .career__heading {
    margin-top: 8px;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 2.4px;
  }

  .career__text {
    margin-top: 13px;
    max-width: 640px;
    font-size: 17px;
    line-height: 28.5px;
    letter-spacing: 0.6px;
  }
}