@charset "UTF-8";
/* /service/（修正・保守の道案内）だけの部品（2026-10-17 最終確認）。入口のカードはトップと共用（_home.scss の .p-entry） */
/* 左のカード: 文の列が細く7行に折れ、値段が行をまたいだ → PC では写真を上、文を下に積んで幅を取る */
@media (min-width: 900px) {
  .p-svchub .p-entry__big {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
  .p-svchub .p-entry__big .p-entry__photo {
    aspect-ratio: 16/8;
  }
}
.p-svchub__fee {
  display: block;
  font-weight: 700;
  color: var(--accent-dark);
}

.p-svchub__fee small {
  display: block;
  font-weight: 400;
  font-size: var(--fs-sm);
  color: var(--ink);
}

/* 2周目（2026-10-17）: iPad 縦（600〜899）で写真が高さ約530pxになり、選択肢が最初の画面に1つも入らなかった → 写真は題字の右に小さく */
@media (min-width: 600px) and (max-width: 899.98px) {
  .p-svchub .c-subhero__in {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.5fr);
    align-items: start;
    gap: var(--sp-4);
  }
  .p-svchub .c-subhero__arch {
    width: 100%;
    margin-top: var(--sp-5);
  }
}