/* ===== 共通ヒーロー（全ページ使い回し）===== */
#svc-hero, #svc-hero * { box-sizing: border-box; }

.services-hero{
  position: relative;
  display: grid;
  place-items: center;                    /* 中央寄せ */
  color:#fff;
  text-align:center;
  overflow:hidden;
  isolation:isolate;
}

/* 背景（画像は各ページのCSSで指定） */
.services-hero__bg{
  position:absolute; inset:0;
  background-size: cover;
  background-position: center 100%;
  background-repeat: no-repeat;
  filter: saturate(1.05) contrast(1.05);
  z-index:0;
}

/* ベール */
.services-hero::after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.45));
  z-index:1;
}

/* 文字 */
.services-hero__inner{ position:relative; z-index:2; }
.services-hero__title{
  margin:0; font-size: clamp(30px, 3.8vw, 60px);
  font-weight:800; letter-spacing:.04em; line-height:1.2;
  text-shadow:0 1px 2px rgba(0,0,0,.25);
}
.services-hero__subtitle{
  margin-top:2px; font-size: clamp(16px, 2.2vw, 22px);
  letter-spacing:.08em; opacity:.9;
}

/* 念のための保険（古い抑止CSSを踏み潰す） */
body[data-page="services"] .services-hero{ display:grid !important; }

/* 低温輸送 詳細テキスト：サービスカードと揃える */
.svc-detail__text{
  font-size: 15px;          /* 他カードと同じサイズに */
  line-height: 1.9;
  color:#475569;
}

.svc-detail__text p,
.svc-detail__text li{
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}