/* ---------- BUSINESS page hero ---------- */
.hk-isopage {
  max-width: 80rem;
  margin: 0 auto;
  padding: 4rem 1.5rem;
}
/* 見出し下にゆとり（画像の空き感に寄せる） */
#iso-hero > .hk-sec-title {
  margin-bottom: 6rem;
}
/* 大きなメイン見出し */
.hk-iso__headline {
  margin: 0 auto 1.5rem;
  text-align: center;
  font-family: "Shippori Mincho", serif;
  color: #7fa3a3;
  font-size: clamp(2.2rem, 4.2vw, 4.5rem); /* rem表記相当 */
  line-height: 1.25;
  letter-spacing: .02em;
}
/* リード文 */
.hk-iso__lead {
  margin: 0 auto;
  text-align: left;
  color: #6b8f8f;
  font-size: 1.3rem; /* rem */
  line-height: 2;
  max-width: 62rem;
}
/* 共通見出し（Companypage と同じ） */
.hk-sec-title {
  color: #7fa3a3;
  margin: 0 0 1.5rem;
}
.hk-sec-title__en {
  display: block;
  font-family: "Dela Gothic One", sans-serif;
  font-size: 3.5rem; /* rem表記 */
  line-height: 1;
  letter-spacing: .06em;
}
.hk-sec-title__ja {
  display: block;
  margin-top: .75rem;
  font-size: 1.5rem; /* rem表記 */
  line-height: 1.3;
}
/* 余白のバランス */
.hk-iso__texts {
  margin-top: 6rem;
}
/* ===== Quality Control セクション ===== */
.hk-qc {
  max-width: 70rem; /* 画面の約70%想定（1280px相当なら ~896px） */
  margin: 0 auto;
  padding: 3rem 1.5rem;
}
.hk-qc__item {
  margin-bottom: 4.5rem; /* ブロック間の余白 */
}
.hk-qc__title {
  margin: 0 0 1.25rem 0;
  color: #7fa3a3;
  font-family: "Shippori Mincho", serif;
  font-size: 1.75rem; /* rem表記 */
  line-height: 1.2;
  letter-spacing: 0.02em;
}
.hk-qc__figure {
  margin: 0 0 1.25rem 0;
}
.hk-qc__figure img {
  width: 100%;
  height: auto;
  display: block; /* 画像の下に余白が出ないように */
  /* 余計な角丸は無し（ユーザー要望） */
}
.hk-qc__text {
  margin: 0;
  color: #6b8f8f;
  font-size: 1.0625rem; /* 17px相当 */
  line-height: 1.9;
}
/* レスポンシブ微調整 */
@media (max-width: 48rem) { /* 768px */
  .hk-qc {
    padding: 2.5rem 1rem;
  }
  .hk-qc__title {
    font-size: 1.5rem;
  }
  .hk-qc__text {
    font-size: 1rem;
    line-height: 1.8;
  }
}
/* 既存のフェードインを使う場合（すでに定義済みなら不要） */
.fade-in {
  opacity: 0;
  transform: translateY(1.25rem);
  transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
.fade-in.active {
  opacity: 1;
  transform: translateY(0);
}
/* レスポンシブ微調整 */
@media (max-width: 480px) {
  .hk-sec-title__en {
    display: block;
    font-family: "Dela Gothic One", sans-serif;
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: .06em;
  }
}