/* ==========================================================================
   数字で見るノムラ薬局 — /recruit/numbers/
   ========================================================================== */

.page-recruit-numbers main {
  max-width: none;
  margin: 0;
  padding: 0;
}

.page-recruit-numbers .interview-hero {
  background-color: var(--color-section-recruit);
  padding-top: 168px;
  padding-bottom: 0;
}

.page-recruit-numbers .interview-hero__heading {
  margin-bottom: 0;
}

.page-recruit-numbers .interview-hero__watermark {
  color: color-mix(in srgb, white 25%, var(--color-section-recruit));
}

/* --- 統計セクション(緑の全幅背景) --- */
.numbers-stats {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-top: -123px;
  padding: 8px 0 80px;
  background-color: var(--color-section-recruit);
}

.numbers-stats__inner {
  width: min(var(--width-content), 100% - 40px);
  margin-inline: auto;
  padding-inline: 0;
}

.numbers-section-header {
  margin: 47px 0 11px;
  color: var(--color-bg);
  font-size: 1.375rem;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

/* SPのみ2行組みにするための改行(PCでは非表示)。 */
.numbers-section-header__break {
  display: none;
}

/* 調剤アシスト研修: SPのみタイトルを2行(PCは1行)にするための改行。 */
.stat-card__label-break-sp {
  display: none;
}

/* 多摩地域処方箋応需率: 画面幅が375px基準より狭くなったときだけ
   「多摩地域」で改行する(375px時点では1行に収まるため既定では非表示)。 */
.numbers-intro-card__label-break-narrow {
  display: none;
}

.numbers-footnote {
  margin: 20px 0 0;
  color: color-mix(in srgb, var(--color-bg) 70%, transparent);
  font-size: 0.875rem;
  line-height: 1;
  text-align: right;
}

/* --- ブロック(カードのまとまり)用グリッド --- */
.numbers-block {
  display: grid;
  gap: 24px;
  margin-bottom: 24px;
}

.numbers-block--intro {
  grid-template-columns: 2.15fr 1fr;
  align-items: end;
}

.numbers-block--split {
  grid-template-columns: 1fr 1fr;
}

.numbers-block--19-20 {
  grid-template-columns: 1.34fr 1fr;
  column-gap: 27px;
}

.numbers-block--21-22 {
  grid-template-columns: 0.63fr 1fr;
  column-gap: 27px;
}

.numbers-block--19-20 .numbers-col-a,
.numbers-block--19-20 .numbers-col-b,
.numbers-block--21-22 .numbers-col-a,
.numbers-block--21-22 .numbers-col-b {
  display: flex;
}

.numbers-block--19-20 .numbers-col-a > .stat-card,
.numbers-block--19-20 .numbers-col-b > .stat-card,
.numbers-block--21-22 .numbers-col-a > .stat-card,
.numbers-block--21-22 .numbers-col-b > .stat-card {
  flex: 1 1 auto;
}

/* 15〜18 */
.numbers-block--pair-tall {
  row-gap: 26.5px;
  column-gap: 35px;
  margin-bottom: 26.5px;
}

.numbers-block--pair-tall .numbers-pair {
  grid-column: 1;
  grid-row: 1;
}

.numbers-block--pair-tall .numbers-col-a:not(.numbers-pair) {
  grid-column: 1;
  grid-row: 2;
}

.numbers-block--pair-tall .numbers-col-b {
  grid-column: 2;
  grid-row: 1 / 3;
}

.numbers-block--pair-tall .numbers-col-b .stat-card {
  height: 100%;
}

.numbers-block--triple {
  grid-template-columns: 1.15fr 1.3fr 1fr;
}

.numbers-col-a { grid-column: 1; min-width: 0; }
.numbers-col-b { grid-column: 2; min-width: 0; }

.numbers-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 24px;
  row-gap: 24px;
  margin-bottom: 24px;
}

.numbers-group > * {
  min-width: 0;
}

.numbers-group--9to11 {
  grid-template-columns: 0.97fr 1.03fr;
}

.numbers-group__cell {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.numbers-group--9to11 .stat-card--training-cert        { grid-column: 1; grid-row: 1 / 3; }
.numbers-group--9to11 .stat-card--community-pharmacist { grid-column: 2; grid-row: 1; }
.numbers-group--9to11 .stat-card--health-support        { grid-column: 2; grid-row: 2; }

.numbers-pair {
  display: flex;
  gap: 26.5px;
}

.numbers-pair .stat-card {
  flex: 1 1 0;
  min-width: 0;
}

/* 平均勤続年数(左)45% / 女性管理職の割合(右)55%の横幅比 */
.numbers-pair .stat-card--tenure {
  flex: 45 1 0;
}

.numbers-pair .stat-card--women-manager {
  flex: 55 1 0;
  padding: 20px 20px 2px;
}

/* --- 多摩地域処方箋応需率／産休・育休取得率 --- */
.numbers-intro-card {
  position: relative;
  padding: 18px;
  border-radius: 24px;
  background-color: var(--color-numbers-card-bg);
  box-shadow: 5px 5px 5px rgba(24, 53, 128, 0.75);
  text-align: left;
}

/* 多摩地域処方箋応需率 */
.numbers-intro-card--1 {
  display: grid;
  grid-template-columns: 240px 1fr;
  column-gap: 0;
  row-gap: 20px;
  align-items: start;
}

.numbers-intro-card--1 .numbers-intro-card__icon {
  grid-column: 1;
  grid-row: 1;
  width: 240px;
  height: auto;
  margin: -20px 0 0 -20px;
  transform: scale(1.04)
}

.numbers-intro-card--1 .numbers-intro-card__head {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
}

.numbers-intro-card--1 .numbers-intro-card__text {
  grid-column: 1 / -1;
  grid-row: 2;
}

.numbers-intro-card__label {
  margin: 0;
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.numbers-intro-card__value {
  margin: 0;
  color: var(--color-numbers-orange);
  line-height: 0.9;
}

.numbers-intro-card__value .stat-card__number {
  font-size: 5.75rem;
  font-weight: var(--font-weight-bold);
}

.numbers-intro-card__value .stat-card__unit {
  margin-left: 4px;
  color: var(--color-primary);
  font-size: 2.25rem;
  font-weight: var(--font-weight-bold);
}

.numbers-intro-card__text {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
}

/* 多摩地域処方箋応需率 */
.numbers-intro-card--1 .numbers-intro-card__label {
  font-size: 2.375rem;
}

.numbers-intro-card--1 .stat-card__number {
  font-size: 11.4375rem;
}

.numbers-intro-card--1 .stat-card__number-decimal {
  font-size: 4.4375rem;
}

.numbers-intro-card--1 .stat-card__unit {
  font-size: 3.5625rem;
}

.numbers-intro-card--2 .numbers-intro-card__value {
  color: var(--color-numbers-orange);
  margin: 0 0 10px 0;
}

/* 産休・育休取得率および職場復帰率 */
.numbers-intro-card--2 .numbers-intro-card__label {
  font-size: 2.0625rem;
}

.numbers-intro-card--2 .stat-card__number {
  font-size: 7.3125rem;
}

/* カード2(産休・育休取得率) */
.numbers-intro-card--2 .numbers-intro-card__icon--small {
  float: left;
  width: 132px;
  height: auto;
  margin: 4px 4px 0 -20px;
}

.numbers-intro-card--2 {
  padding-bottom: 0;
}

/* --- 統計カード(標準) --- */
.stat-card {
  position: relative;
  padding: 18px;
  border-radius: 20px;
  background-color: var(--color-numbers-card-bg);
  box-shadow: 5px 5px 5px rgba(24, 53, 128, 0.75);
  text-align: left;
}

/* カード色　クリーム系と白の2色 */
.stat-card--bg-white {
  background-color: var(--color-bg);
}

.stat-card__label {
  margin: 0;
  color: var(--color-primary);
  font-size: 1.0625rem;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}

.stat-card__label-note {
  font-size: 0.75rem;
  font-weight: var(--font-weight-normal);
}

.stat-card__value {
  margin: 0;
  line-height: 1;
}

.stat-card__number {
  font-size: 2.5rem;
  font-weight: var(--font-weight-bold);
}

.stat-card__unit {
  margin-left: 2px;
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold);
}

.stat-card--orange .stat-card__number {
  color: var(--color-numbers-orange);
}

/* オレンジ色の数字に続く単位文字(時間／名／%) */
.stat-card--orange .stat-card__unit {
  color: var(--color-primary);
}

.stat-card--blue .stat-card__number,
.stat-card--blue .stat-card__unit {
  color: var(--color-primary);
}

.stat-card--orange .stat-card__number {
  font-size: 3.25rem;
}

.stat-card__text {
  margin: 0;
  color: var(--color-text);
  font-size: 0.875rem;
  line-height: 1.6;
}

/* アイコン付きカード: 見出し+数字を左列、アイコンを右列
   本文はその下に全幅 */
.stat-card--has-icon {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 16px;
}

.stat-card--has-icon .stat-card__label,
.stat-card--has-icon .stat-card__value {
  grid-column: 1;
}

.stat-card--has-icon .stat-card__icon {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  width: 84px;
  height: 84px;
  object-fit: contain;
}

.stat-card--icon-bleed .stat-card__icon {
  align-self: start;
  margin-top: -40px;
}

.stat-card--overtime .stat-card__icon,
.stat-card--paid-leave .stat-card__icon,
.stat-card--training-cert .stat-card__icon,
.stat-card--dispensing-assist .stat-card__icon {
  width: 187px;
  height: auto;
}

.stat-card--paid-leave .stat-card__icon{
  width: 180px;
  height: auto;
  transform: scale(2.3);
  margin: 22px 0px 0 -43px;
}

.stat-card--overtime .stat-card__icon {
  margin-top: -9px;
  margin-right: 2px;
  transform: scale(1.19);
}

/* SP専用の差し替えイラスト(時計のみ)はPCで非表示 */
.stat-card__icon--sp-only {
  display: none;
}

.stat-card--training-cert .stat-card__icon {
  width: 143px;
  height: auto;
}

.stat-card--dispensing-assist .stat-card__icon {
  width: 141px;
  height: 196px;
}

/* 平均勤続年数: アイコンをカード最下部・左右中央に配置。 */
.stat-card--tenure.stat-card--has-icon {
  display: flex;
  flex-direction: column;
}

.stat-card--tenure.stat-card--has-icon .stat-card__icon {
  order: 3;
  align-self: center;
  width: 123px;
  height: auto;
  margin-top: 8px;
}

/* 女性管理職の割合 */
.stat-card--women-manager .stat-card__label,
.stat-card--women-manager .stat-card__value {
  text-align: center;
}

.stat-card--women-manager .stat-card__icon {
  float: right;
  width: 126px;
  height: auto;
  margin: 10px 0 4px 0px;
}

/* 研修認定薬剤師 */
.stat-card--training-cert {
  padding: 20px;
}

.stat-card--training-cert .stat-card__label {
  font-size: 2.25rem;
  line-height: 1;
}

.stat-card--training-cert .stat-card__value {
  margin-bottom: 0;
}

.stat-card--training-cert .stat-card__number {
  font-size: 11.5rem;
}

.stat-card--training-cert .stat-card__unit {
  font-size: 3.25rem;
}

.stat-card--training-cert .stat-card__text {
  margin-top: 8px;
  font-size: 1rem;
  line-height: 1.5;
}

/* 職種比率 */
.stat-card--job-ratio.stat-card--has-icon {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: baseline;
  column-gap: 12px;
  /* グラフ数値が隠れないよう、アイコンが重なる右下だけ余白を空ける。 */
  padding-right: 64px;
}

.stat-card--job-ratio .stat-card__label {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}

.stat-card--job-ratio.stat-card--has-icon .stat-card__text {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
}

.stat-card--job-ratio .numbers-bars {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: 4px;
}

.stat-card--job-ratio.stat-card--has-icon .stat-card__icon {
  position: absolute;
  right: 45px;
  bottom: -10px;
  width: 132px;
  max-width: none;
  height: auto;
  aspect-ratio: auto;
}

.stat-card--job-ratio {
  padding: 10px 24px;
}

.stat-card--job-ratio .stat-card__text {
  margin-top: 2px;
}

.stat-card--job-ratio .numbers-bars__item {
  margin-bottom: 4px;
  font-size: 0.875rem;
}

.stat-card--job-ratio .numbers-bars__fill {
  height: 25px;
  width: var(--bar-w-sp);
}

@media (min-width: 981px) {
  .stat-card--job-ratio .numbers-bars__fill {
    width: var(--bar-w-pc);
  }
}

/* 公認スポーツファーマシスト */
.stat-card--sports-pharmacist.stat-card--has-icon {
  grid-template-columns: 116px 1fr;
}

.stat-card--sports-pharmacist.stat-card--has-icon .stat-card__icon {
  grid-column: 1;
  width: 150px;
  height: auto;
  transform-origin: top center;
  transform: scale(1.3);
  margin-top: -28px
}

.stat-card--sports-pharmacist.stat-card--has-icon .stat-card__label,
.stat-card--sports-pharmacist.stat-card--has-icon .stat-card__value {
  grid-column: 2;
}

.stat-card--has-icon .stat-card__text {
  grid-column: 1 / -1;
  margin-top: 8px;
}

/* ==========================================================================
   共通レイアウトパターン(地域連携薬剤師研修〜睡眠アカデミーで使用)
   ========================================================================== */

/* パターンA: 本文(見出し+テキスト)を左、数字(+アイコン)を右に配置。
   地域連携薬剤師研修／健康サポート薬局研修／緊急避妊薬の調剤に関する研修。 */
.stat-card--split-lr {
  display: flex;
  align-items: center;
  gap: 12px;
}

.stat-card--split-lr .stat-card__main {
  flex: 1 1 auto;
  min-width: 0;
}

.stat-card--split-lr .stat-card__main .stat-card__label {
  margin-bottom: 0;
}

.stat-card--split-lr .stat-card__main .stat-card__text {
  margin: 0;
}

.stat-card--split-lr .stat-card__side {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
}

.stat-card--split-lr .stat-card__side .stat-card__value {
  margin: 0;
}

.stat-card--split-lr .stat-card__side .stat-card__icon {
  width: 56px;
  height: auto;
}

/* 健康サポート薬局研修 */
.stat-card--health-support .stat-card__value.stat-card__side {
  flex-direction: row;
  align-items: baseline;
  gap: 0;
}

/* 緊急避妊薬の調剤に関する研修 */
.stat-card--emergency-contraception .stat-card__row2 {
  display: flex;
  gap: 12px;
}

.stat-card--emergency-contraception .stat-card__row2 .stat-card__text {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

.stat-card--emergency-contraception .stat-card__side {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
}

.stat-card--emergency-contraception .stat-card__side .stat-card__value {
  margin: 0;
}

.stat-card--emergency-contraception .stat-card__icon {
  width: 56px;
  height: auto;
}

/* パターンB: 1行目に「青タイトル + 数字(+アイコン)」を横並びで配置し、
   2行目に本文を続ける。外来がん治療専門薬剤師／登録販売者18名／
   医療事務技能審査試験／医療事務管理士技能認定試験／糖尿病療養指導士／
   登録販売者11名。 */
.stat-card--title-row .stat-card__row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.stat-card--title-row .stat-card__row .stat-card__label {
  margin: 0;
  flex: 0 1 auto;
}

.stat-card--title-row .stat-card__row .stat-card__value {
  margin: 0;
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
}

.stat-card--title-row .stat-card__row .stat-card__icon {
  align-self: center;
  margin-left: auto;
}

.stat-card--title-row .stat-card__text {
  margin-top: 8px;
}

.stat-card--title-row .stat-card__row {
  margin-bottom: 0;
}

.stat-card--title-row .stat-card__bottom-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
}

.stat-card--title-row .stat-card__bottom-row .stat-card__text {
  margin-top: 0;
}

.stat-card--title-row .stat-card__bottom-row .stat-card__icon {
  flex: 0 0 auto;
}

/* 医療事務(管理栄養士)/OTC販売セクションのカード内パディング */
.stat-card--registered-seller-18,
.stat-card--medical-clerk-exam,
.stat-card--medical-clerk-cert,
.stat-card--diabetes-educator,
.stat-card--registered-seller-11,
.stat-card--sleep-academy {
  padding-inline: 20px;
}

.stat-card--dispensing-assist {
  padding-inline: 30px;
}

/* パターンC: カード左端(または右端)にイラストを上下ぶち抜きで配置し、
   反対側にタイトル行+本文を続ける。診療報酬請求事務能力認定試験／
   睡眠アカデミー。 */
.stat-card--icon-full-left,
.stat-card--icon-full-right {
  display: flex;
  align-items: stretch;
  gap: 14px;
}

.stat-card--icon-full-right {
  justify-content: space-between;
}

.stat-card--icon-full-left .stat-card__icon,
.stat-card--icon-full-right .stat-card__icon {
  flex: 0 0 auto;
  align-self: center;
  width: auto;
  object-fit: contain;
}

.stat-card--icon-full-left .stat-card__content,
.stat-card--icon-full-right .stat-card__content {
  flex: 1 1 auto;
  min-width: 0;
}

.stat-card--icon-full-left .stat-card__content .stat-card__text,
.stat-card--icon-full-right .stat-card__content .stat-card__text {
  margin-top: 8px;
}

.stat-card--medical-fee-exam .stat-card__icon {
  height: 100%;
  max-height: 140px;
}

.stat-card--sleep-academy .stat-card__icon {
  height: 100%;
  max-height: 110px;
}

.stat-card--medical-clerk-cert .stat-card__icon {
  width: 68px;
  height: auto;
}

.stat-card--registered-seller-11 .stat-card__row .stat-card__icon {
  width: 52px;
  height: auto;
}

/* 外来がん治療専門薬剤師 */
.stat-card--oncology-pharmacist .stat-card__row {
  flex-wrap: nowrap;
  align-items: center;
}

.stat-card--oncology-pharmacist .stat-card__row .stat-card__label {
  flex: 0 0 auto;
}

.stat-card--oncology-pharmacist .stat-card__text {
  padding-right: 112px;
}

.stat-card--oncology-pharmacist .stat-card__icon {
  position: absolute;
  right: 10px;
  bottom: -13px;
  width: 100px;
  height: auto;
}

/* --- チャートカード(男女比・年代構成／職種比率) --- */
.stat-card--chart .stat-card__text {
  margin: 8px 0 0;
}

/* 男女比・年代構成 */
.stat-card--gender-age {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 12px;
}

.stat-card--gender-age .stat-card__label,
.stat-card--gender-age .stat-card__text {
  min-width: 0;
}

.stat-card--gender-age .stat-card__label {
  margin-bottom: 0;
}

.numbers-donuts {
  display: flex;
  grid-column: 2;
  grid-row: 1 / 3;
  gap: 14px;
  margin-top: 0;
  padding-bottom: 0;
}

.numbers-donut {
  position: relative;
  flex-shrink: 0;
  width: 135px;
  height: 135px;
  border-radius: 50%;
}

.numbers-donut::after {
  content: "";
  position: absolute;
  inset: 22%;
  border-radius: 50%;
  background-color: var(--color-bg);
}

.numbers-donut--gender {
  background: conic-gradient(
    var(--color-numbers-female) 0% 64.4%,
    var(--color-principle-credo) 64.4% 100%
  );
}

.numbers-donut--age {
  background: conic-gradient(
    var(--color-principle-credo) 0% 22%,
    var(--color-entry-career) 22% 47%,
    var(--color-scenes-corner-gold) 47% 74%,
    var(--color-accent-pink) 74% 92%,
    var(--color-contact-business) 92% 100%
  );
}

/* 幅を指定し shrink-to-fit の計算回避 */
.numbers-donut__label {
  position: absolute;
  z-index: 1;
  width: 64px;
  font-size: 0.75rem;
  font-weight: var(--font-weight-bold);
  line-height: 1.3;
  text-align: center;
}

.numbers-donut__label-line {
  display: block;
  white-space: nowrap;
}

/* 縁取り */
.numbers-donut__label--male,
.numbers-donut--age .numbers-donut__label {
  text-shadow:
    1px 1px 1px var(--color-bg),
    -1px 1px 1px var(--color-bg),
    1px -1px 1px var(--color-bg),
    -1px -1px 1px var(--color-bg),
    0 1px 1px var(--color-bg),
    0 -1px 1px var(--color-bg),
    1px 0 1px var(--color-bg),
    -1px 0 1px var(--color-bg);
}

.numbers-donut__label--male {
  top: -6px;
  left: -6px;
  color: var(--color-principle-credo);
}

.numbers-donut__label--female {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-numbers-female);
}

.numbers-donut__label--male .numbers-donut__label-line--name,
.numbers-donut__label--female .numbers-donut__label-line--name {
  font-size: 0.9375rem;
}

.numbers-donut__label-sign {
  font-size: 0.8125rem;
}

.numbers-donut__label--male .numbers-donut__label-num {
  font-size: 0.9375rem;
}

.numbers-donut__label--female .numbers-donut__label-num {
  font-size: 1.25rem;
}

.numbers-donut--age .numbers-donut__label-line--name {
  font-size: 0.8125rem;
}

.numbers-donut--age .numbers-donut__label-num {
  font-size: 1.125rem;
}

/* 年代構成のラベル */
.numbers-donut--age .numbers-donut__label {
  transform: translate(-50%, -50%);
}

.numbers-donut__label--age60 {
  top: 4%;
  left: 26%;
  color: var(--color-contact-business);
}

.numbers-donut__label--age20 {
  top: 28%;
  left: 88%;
  color: var(--color-principle-credo);
}

.numbers-donut__label--age30 {
  top: 72%;
  left: 82%;
  color: var(--color-entry-career);
}

.numbers-donut__label--age40 {
  top: 81%;
  left: 26%;
  color: var(--color-scenes-corner-gold);
}

.numbers-donut__label--age50 {
  top: 31%;
  left: 16%;
  color: var(--color-accent-pink);
}

.numbers-bars {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.numbers-bars__item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 0.9375rem;
}

.numbers-bars__item:last-child {
  margin-bottom: 0;
}

.numbers-bars__label {
  flex: 0 0 76px;
  color: var(--color-text);
  white-space: nowrap;
}

.numbers-bars__fill {
  display: block;
  flex: 0 0 auto;
  height: 14px;
  border-radius: 0;
  background-color: var(--bar-color);
}

.numbers-bars__value {
  color: var(--color-text);
  font-weight: var(--font-weight-bold);
}

.numbers-bars__item--pharmacist { --bar-color: var(--color-entry-career); }
.numbers-bars__item--clerk      { --bar-color: var(--color-principle-credo); }
.numbers-bars__item--registered { --bar-color: var(--color-scenes-corner-blue); }
.numbers-bars__item--dietitian  { --bar-color: var(--color-accent-pink); }

/* ==========================================================================
   カードごとのタイトル/数字/単位フォントサイズ(PC専用)
 */
@media (min-width: 981px) {

/* 平均勤続年数: 24 / 78 / 25 */
.stat-card--tenure .stat-card__label {
  font-size: 1.5rem;
}

.stat-card--tenure .stat-card__number {
  font-size: 4.875rem;
}

.stat-card--tenure .stat-card__unit {
  font-size: 1.5625rem;
}

/* 女性管理職の割合: 24 / 107 / 31 */
.stat-card--women-manager .stat-card__label {
  font-size: 1.5rem;
}

.stat-card--women-manager .stat-card__number {
  font-size: 6.6875rem;
}

.stat-card--women-manager .stat-card__unit {
  font-size: 1.9375rem;
}

/* 月平均残業時間(正社員のみ): 24 / 115 / 36 */
.stat-card--overtime .stat-card__label {
  font-size: 1.5rem;
}

.stat-card--overtime .stat-card__number {
  font-size: 7.1875rem;
}

.stat-card--overtime .stat-card__unit {
  font-size: 2.25rem;
}

/* 有給休暇取得率(または平均消化日数): 24 / 184(小数点以下89) / 54 */
.stat-card--paid-leave .stat-card__label {
  font-size: 1.5rem;
}

.stat-card--paid-leave .stat-card__number {
  font-size: 11.5rem;
}

.stat-card--paid-leave .stat-card__number-decimal {
  font-size: 5.5625rem;
}

.stat-card--paid-leave .stat-card__unit {
  font-size: 3.375rem;
}

/* 男女比・年代構成: タイトル24(注記12は既定値のまま) */
.stat-card--gender-age .stat-card__label {
  font-size: 1.5rem;
}

/* 職種比率: タイトル24 / バー数値19(数字・単位とも同サイズで1文字列のため共通) */
.stat-card--job-ratio .stat-card__label {
  font-size: 1.5rem;
}

.stat-card--job-ratio .numbers-bars__value {
  font-size: 1.1875rem;
}

/* 地域連携薬剤師研修・健康サポート薬局研修: 27 / 84 / 26 */
.stat-card--community-pharmacist .stat-card__label,
.stat-card--health-support .stat-card__label {
  font-size: 1.6875rem;
}

.stat-card--community-pharmacist .stat-card__number,
.stat-card--health-support .stat-card__number {
  font-size: 5.25rem;
}

.stat-card--community-pharmacist .stat-card__unit,
.stat-card--health-support .stat-card__unit {
  font-size: 1.625rem;
}

.stat-card--community-pharmacist.stat-card--split-lr .stat-card__side .stat-card__icon {
  width: 116px;
  height: auto;
}

.stat-card--community-pharmacist.stat-card--split-lr {
  padding: 18px 18px 30px;
}

.stat-card--health-support.stat-card--split-lr {
  padding: 18px 18px 30px;
}

/* 緊急避妊薬の調剤に関する研修: 27 / 65 / 20 */
.stat-card--emergency-contraception .stat-card__label {
  font-size: 1.6875rem;
  line-height: 1.24;
}

.stat-card--emergency-contraception .stat-card__number {
  font-size: 4.0625rem;
}

/* タイトル(青)と本文の間隔を他カード(外来がん治療専門薬剤師など)と揃える。 */
.stat-card--emergency-contraception .stat-card__row2 {
  margin-top: 8px;
}

.stat-card--emergency-contraception .stat-card__row2 .stat-card__text {
  flex: 1 1 160px;
}

.stat-card--emergency-contraception .stat-card__side {
  flex: 0 0 auto;
  margin-top: -40px;
}

.stat-card--emergency-contraception .stat-card__value {
  display: flex;
  align-items: baseline;
  white-space: nowrap;
}

.stat-card--emergency-contraception .stat-card__icon {
  width: 66px;
  height: 59px;
  margin-left: 9px;
}

/* 公認スポーツファーマシスト: 27 / 70 / 24 */
.stat-card--sports-pharmacist .stat-card__label {
  font-size: 1.6875rem;
}

.stat-card--sports-pharmacist .stat-card__number {
  font-size: 4.375rem;
}

.stat-card--sports-pharmacist .stat-card__unit {
  font-size: 1.5rem;
}

.stat-card--sports-pharmacist .stat-card__text {
  margin-top: 4px;
}

/* 外来がん治療専門薬剤師: 27 / 74 / 23 */
.stat-card--oncology-pharmacist .stat-card__label {
  font-size: 1.6875rem;
}

.stat-card--oncology-pharmacist .stat-card__number {
  font-size: 4.625rem;
}

.stat-card--oncology-pharmacist .stat-card__unit {
  font-size: 1.4375rem;
}

/* 登録販売者(18名)・医療事務技能審査試験: 18 / 61 / 20(単位は既定値のまま) */
.stat-card--registered-seller-18 .stat-card__label,
.stat-card--medical-clerk-exam .stat-card__label {
  font-size: 1.125rem;
}

.stat-card--registered-seller-18 .stat-card__number,
.stat-card--medical-clerk-exam .stat-card__number {
  font-size: 3.8125rem;
}

/* 調剤アシスト研修: 36 / 184 / 52 */
.stat-card--dispensing-assist .stat-card__label {
  font-size: 2.25rem;
}

.stat-card--dispensing-assist .stat-card__number {
  font-size: 11.5rem;
}

.stat-card--dispensing-assist .stat-card__unit {
  font-size: 3.25rem;
}

/* 診療報酬請求事務能力認定試験: 27 / 83 / 26 */
.stat-card--medical-fee-exam .stat-card__label {
  font-size: 1.6875rem;
}

.stat-card--medical-fee-exam .stat-card__number {
  font-size: 5.1875rem;
}

.stat-card--medical-fee-exam .stat-card__unit {
  font-size: 1.625rem;
}

/* 医療事務管理士技能認定試験・糖尿病療養指導士: 27 / 61 / 20(単位は既定値のまま) */
.stat-card--medical-clerk-cert .stat-card__label,
.stat-card--diabetes-educator .stat-card__label {
  font-size: 1.6875rem;
}

.stat-card--medical-clerk-cert .stat-card__number,
.stat-card--diabetes-educator .stat-card__number {
  font-size: 3.8125rem;
}

/* 登録販売者(11名)・睡眠アカデミー(修了): 27 / 67 / 20(単位は既定値のまま) */
.stat-card--registered-seller-11 .stat-card__label,
.stat-card--sleep-academy .stat-card__label {
  font-size: 1.6875rem;
}

.stat-card--registered-seller-11 .stat-card__number,
.stat-card--sleep-academy .stat-card__number {
  font-size: 4.1875rem;
}

/* 医療事務管理士技能認定試験のアイコン */
.stat-card--medical-clerk-cert .stat-card__icon {
  position: absolute;
  top: -13px;
  right: 0;
  width: 86px;
  height: auto;
}

/* 睡眠アカデミーのアイコン */
.stat-card--sleep-academy .stat-card__icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 214px;
  height: auto;
  max-height: none;
  border-bottom-right-radius: 20px;
}

.stat-card--sleep-academy .stat-card__content {
  padding-right: 195px;
}

/* タイトル+数字の行 */
.stat-card--sleep-academy .stat-card__row {
  flex-wrap: nowrap;
}

.stat-card--medical-fee-exam .stat-card__row .stat-card__label,
.stat-card--sleep-academy .stat-card__row .stat-card__label {
  min-width: 0;
}

.stat-card--sleep-academy {
  padding-top: 8px;
  padding-bottom: 12px;
}

/* 登録販売者18名/医療事務技能審査試験 --- */
.stat-card--registered-seller-18 .stat-card__row,
.stat-card--medical-clerk-exam .stat-card__row {
  align-items: center;
}

/* --- 診療報酬請求事務能力認定試験 */
.stat-card--medical-fee-exam .stat-card__row {
  align-items: center;
  flex-wrap: nowrap;
}

.stat-card--medical-fee-exam .stat-card__icon {
  position: absolute;
  bottom: 0;
  left: 11px;
  width: 118px;
  height: 160px;
  max-height: none;
}

.stat-card--medical-fee-exam .stat-card__content {
  padding-left: 114px;
}

/* --- 調剤アシスト研修 */
.stat-card--dispensing-assist.stat-card--has-icon {
  display: block;
}

.stat-card--dispensing-assist .stat-card__icon {
  position: absolute;
  top: 8px;
  right: 13px;
  width: 142px;
  height: 196px;
}

/* --- 医療事務管理士技能認定試験/糖尿病療養指導士 */
.stat-card--medical-clerk-cert,
.stat-card--diabetes-educator {
  padding: 6px 20px 10px;
}

.stat-card--medical-clerk-cert .stat-card__row,
.stat-card--diabetes-educator .stat-card__row {
  align-items: center;
}

.stat-card--medical-clerk-cert .stat-card__text,
.stat-card--diabetes-educator .stat-card__text {
  margin-top: 4px;
}

/* --- 登録販売者11名 */
.stat-card--registered-seller-11 {
  padding-top: 8px;
  padding-bottom: 12px;
}

.stat-card--registered-seller-11 .stat-card__row .stat-card__icon {
  position: absolute;
  top: 4px;
  right: 2.5px;
  width: 85px;
  height: 66px;
  margin-left: 0;
}

} /* /@media (min-width: 981px) カードごとのフォントサイズ */

/* ==========================================================================
   SP(max-width: 980px)
   ========================================================================== */
@media (max-width: 980px) {
  /* マストヘッド位置調整 */
  .page-recruit-numbers .interview-hero {
    padding-top: 70px;
    padding-bottom: 9px;
  }

  .page-recruit-numbers .interview-hero__heading {
    margin-bottom: 24px;
  }

  .numbers-stats {
    margin-top: 0;
    padding: 40px 0 56px;
  }

  .numbers-stats__inner {
  width: auto;
  padding-inline: 25px;
  }

  /* カード間 gap は全21箇所で50.0〜51.0px */
  .numbers-block {
    gap: 50px;
    margin-bottom: 50px;
  }

  .numbers-block--intro,
  .numbers-block--split,
  .numbers-block--triple {
    grid-template-columns: 1fr;
  }

  .numbers-col-a,
  .numbers-col-b {
    grid-column: 1;
  }

  /* .numbers-block--pair-tall(15〜18) */
  .numbers-block--pair-tall .numbers-pair,
  .numbers-block--pair-tall .numbers-col-a:not(.numbers-pair),
  .numbers-block--pair-tall .numbers-col-b {
    grid-column: 1;
    grid-row: auto;
  }

  .numbers-block--pair-tall .numbers-col-b .stat-card {
    height: auto;
  }

  /* SPは医療事務セクションの先頭が調剤アシスト研修に入れ替わる
     (PC: 登録販売者→医療事務技能審査試験→調剤アシスト研修→診療報酬請求 /
      SP: 調剤アシスト研修→登録販売者→医療事務技能審査試験→診療報酬請求)。
     DOM順は変えず order だけで並べ替える。 */
  .numbers-block--pair-tall .numbers-col-b {
    order: 1;
  }

  .numbers-block--pair-tall .numbers-pair {
    order: 2;
  }

  .numbers-block--pair-tall .numbers-col-a:not(.numbers-pair) {
    order: 3;
  }

  .numbers-pair {
    flex-direction: column;
    gap: 50px;
  }

  /* .numbers-group(3〜8, 9〜11) */
  .numbers-group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
    margin-bottom: 50px;
  }

  .numbers-group--9to11 .stat-card--training-cert,
  .numbers-group--9to11 .stat-card--community-pharmacist,
  .numbers-group--9to11 .stat-card--health-support {
    grid-column: 1;
    grid-row: auto;
  }

  /* 男女比・年代構成+職種比率 */
  .numbers-group__cell {
    gap: 50px;
  }

  /* SPのみ表示順をPCと変える
     (有給休暇取得率→月平均残業時間→平均勤続年数・女性管理職の割合→
     男女比・年代構成+職種比率)。DOM順は変えず order だけで並べ替える */
  .numbers-group--3to8 .stat-card--paid-leave {
    order: 1;
  }

  .numbers-group--3to8 .stat-card--overtime {
    order: 2;
  }

  .numbers-group--3to8 .numbers-pair {
    order: 3;
  }

  .numbers-group--3to8 .numbers-group__cell {
    order: 4;
  }

  .numbers-intro-card {
    padding: 28px 20px;
  }

  /* イラスト、青タイトル調整　*/
  .numbers-intro-card--1 {
    display: block;
  }

  /* イラスト幅調整 */
  .numbers-intro-card--1 .numbers-intro-card__icon {
    float: left;
    width: max(136px, 30vw);
    height: auto;
    margin: clamp(-69px, -11vw, 0px) 14px 10px -23px;
  }

  /* 数字(value)調整 */
  .numbers-intro-card--1 .numbers-intro-card__value {
    clear: both;
    margin-top: 12px;
    text-align: center;
  }

  .numbers-intro-card--1 .numbers-intro-card__text {
    margin-top: 16px;
  }

  /* 画面幅が375px基準より狭いときだけ「多摩地域」で改行する。 */
  @media (max-width: 374px) {
    .numbers-intro-card__label-break-narrow {
      display: block;
    }
  }

  /* 画面幅による調整 */
  .numbers-intro-card--1 .numbers-intro-card__label {
    font-size: clamp(18px, 8vw, 38px);
    padding-top: 3vw;
  }

  .numbers-intro-card--2 .numbers-intro-card__label {
    font-size: clamp(18px, 8vw, 33px);
  }

  .numbers-intro-card--1 .numbers-intro-card__value .stat-card__number {
    font-size: clamp(18px, 37.6vw, 183px);
  }

  .numbers-intro-card--2 .numbers-intro-card__value .stat-card__number {
    font-size: clamp(18px, 37.6vw, 183px);
  }

  .numbers-intro-card--1 .numbers-intro-card__value .stat-card__unit {
    font-size: clamp(18px, 11.47vw, 57px);
  }

  .numbers-intro-card--2 .numbers-intro-card__value .stat-card__unit {
    font-size: clamp(18px, 11.47vw, 36px);
  }

  /* 小数部(.5 / .3) */
  .stat-card__number-decimal {
    font-size: 0.51em;
  }

  /* SP非表示イラスト */
  .numbers-intro-card--2 .numbers-intro-card__icon--small {
    display: none;
  }

  .stat-card {
    padding: 24px 25px;
    border-radius: 10px;
  }

  /* 個別指定の無いカード */
  .stat-card__label {
    font-size: clamp(18px, 6.4vw, 24px);
    line-height: 1.26;
  }

  .stat-card__number {
    font-size: clamp(18px, 22.67vw, 85px);
  }

  .stat-card--orange .stat-card__number {
    font-size: clamp(18px, 37.6vw, 141px);
  }

  .stat-card__unit {
    font-size: clamp(18px, 6.93vw, 26px);
  }

  .stat-card--tenure .stat-card__number {
    font-size: clamp(18px, 22.67vw, 84px);
  }

  /* 平均勤続年数 */
  .stat-card--tenure .stat-card__number-decimal {
    font-size: 1em;
  }

  .stat-card--tenure .stat-card__unit {
    font-size: clamp(18px, 6.67vw, 25px);
  }

  /* 女性管理職の割合 */
  .stat-card--women-manager .stat-card__number {
    font-size: clamp(18px, 29.07vw, 107px);
  }

  .stat-card--women-manager .stat-card__unit {
    font-size: clamp(18px, 8.53vw, 31px);
  }

  .numbers-intro-card--2 .numbers-intro-card__value {
    margin-bottom: 0;
  }

  .numbers-intro-card--2 .numbers-intro-card__text {
    margin-top: 16px;
  }

  .stat-card--tenure .stat-card__text,
  .stat-card--women-manager .stat-card__text {
    margin-top: 16px;
  }

  /* イラストの回り込みを抜けたところで説明文を全幅に */
  .stat-card--tenure .stat-card__text {
    clear: both;
  }

  /* 1〜4番目カードタイトル line-height調整 */
  .numbers-intro-card--1 .numbers-intro-card__label,
  .numbers-intro-card--2 .numbers-intro-card__label,
  .stat-card--tenure .stat-card__label,
  .stat-card--women-manager .stat-card__label {
    line-height: 1.3;
  }

  /* 月平均残業時間・有給休暇取得率 */
  .stat-card--overtime .stat-card__label,
  .stat-card--paid-leave .stat-card__label {
    font-size: clamp(18px, 8vw, 30px);
  }

  /* 月平均残業時間: 24(共通値のまま) / 115→183(多摩地域に揃える) / 36 */
  .stat-card--overtime .stat-card__number {
    font-size: clamp(18px, 37.6vw, 183px);
  }

  .stat-card--overtime .stat-card__unit {
    font-size: clamp(18px, 6.93vw, 36px);
  }

  /* 有給休暇取得率: 24(共通値のまま) / 184→183(多摩地域に揃える) / 54 */
  .stat-card--paid-leave .stat-card__number {
    font-size: clamp(18px, 37.6vw, 183px);
  }

  .stat-card--paid-leave .stat-card__unit {
    font-size: clamp(18px, 6.93vw, 54px);
  }

  /* 男女比・年代構成・職種比率: タイトルのみ(数字/単位を持たない)。 */
  .stat-card--gender-age .stat-card__label,
  .stat-card--job-ratio .stat-card__label {
    font-size: clamp(18px, 6.4vw, 24px);
  }

  /* 研修認定薬剤師: 30 / 184→183(多摩地域に揃える) / 43→52 */
  .stat-card--training-cert .stat-card__label {
    font-size: clamp(18px, 8vw, 36px);
  }

  .stat-card--training-cert .stat-card__number {
    font-size: clamp(18px, 37.6vw, 183px);
  }

  .stat-card--training-cert .stat-card__unit {
    font-size: clamp(18px, 11.47vw, 52px);
  }

  /* 調剤アシスト研修: 30 / 184→183(多摩地域に揃える) / 43→52 */
  .stat-card--dispensing-assist .stat-card__label {
    font-size: clamp(18px, 8vw, 36px);
  }

  .stat-card--dispensing-assist .stat-card__number {
    font-size: clamp(18px, 37.6vw, 183px);
  }

  .stat-card--dispensing-assist .stat-card__unit {
    font-size: clamp(18px, 11.47vw, 52px);
  }

  /* 公認スポーツファーマシスト: 24→27 / 72→70 / 24(共通値のまま) */
  .stat-card--sports-pharmacist .stat-card__label {
    font-size: clamp(18px, 6.4vw, 27px);
  }

  /* 修正依頼: 数字サイズを地域連携薬剤師研修に揃える。 */
  .stat-card--sports-pharmacist .stat-card__number {
    font-size: clamp(18px, 22.67vw, 84px);
  }

  .stat-card--sports-pharmacist .stat-card__unit {
    font-size: clamp(18px, 6.4vw, 24px);
  }

  /* 地域連携薬剤師研修・健康サポート薬局研修: 24→27 / 85→84 / 26(共通値のまま) */
  .stat-card--community-pharmacist .stat-card__label,
  .stat-card--health-support .stat-card__label {
    font-size: clamp(18px, 6.4vw, 27px);
  }

  .stat-card--community-pharmacist .stat-card__number,
  .stat-card--health-support .stat-card__number {
    font-size: clamp(18px, 22.67vw, 84px);
  }

  .stat-card--community-pharmacist .stat-card__unit,
  .stat-card--health-support .stat-card__unit {
    font-size: clamp(18px, 6.93vw, 26px);
  }

  /* 地域連携薬剤師研修 */
  .stat-card--community-pharmacist {
    display: block;
  }

  .stat-card--community-pharmacist .stat-card__main {
    display: block;
  }

  .stat-card--community-pharmacist .stat-card__main .stat-card__label {
    margin-bottom: 26px;
    padding-right: 130px;
  }

  .stat-card--community-pharmacist .stat-card__side {
    display: block;
    text-align: center;
  }

  .stat-card--community-pharmacist .stat-card__value {
    position: absolute;
    top: 5px;
    right: 18px;
    margin: 0;
  }

  .stat-card--community-pharmacist .stat-card__side .stat-card__icon {
    margin: 12px auto 0;
    width: 45%;
  }

  /* 健康サポート薬局研修 */
  .stat-card--health-support {
    display: block;
  }

  .stat-card--health-support .stat-card__main .stat-card__label {
    padding-right: 130px;
    margin-bottom: 26px;
  }

  .stat-card--health-support .stat-card__value.stat-card__side {
    position: absolute;
    bottom:auto;
    top: 5px;
    right: 18px;
    margin: 0;
  }

  /* 緊急避妊薬の調剤に関する研修 */
  .stat-card--emergency-contraception .stat-card__label {
    font-size: clamp(18px, 6.4vw, 27px);
  }

  .stat-card--emergency-contraception .stat-card__number {
    font-size: clamp(18px, 22.67vw, 84px);
  }

  .stat-card--emergency-contraception .stat-card__unit {
    font-size: clamp(18px, 6.93vw, 20px);
  }

  .stat-card--emergency-contraception .stat-card__row2 {
    position: relative;
    margin-top: clamp(18px, 22.67vw, 84px);
    align-items: flex-start;
  }

  .stat-card--emergency-contraception .stat-card__value {
    position: absolute;
    top: calc(-1 * clamp(18px, 22.67vw, 84px));
    left: 0;
    right: 0;
    text-align: center;
    white-space: nowrap;
  }

  .stat-card--emergency-contraception .stat-card__side {
    display: block;
  }

  /* 外来がん治療専門薬剤師: 24→27 / 85→74 / 26→23 */
  .stat-card--oncology-pharmacist .stat-card__label {
    font-size: clamp(18px, 6.4vw, 27px);
  }

  /* 修正依頼: 数字サイズを地域連携薬剤師研修に揃える。 */
  .stat-card--oncology-pharmacist .stat-card__number {
    font-size: clamp(18px, 22.67vw, 84px);
  }

  .stat-card--oncology-pharmacist .stat-card__unit {
    font-size: clamp(18px, 6.93vw, 23px);
  }

  /* 登録販売者18名・医療事務技能審査試験 */
  .stat-card--registered-seller-18 .stat-card__number,
  .stat-card--medical-clerk-exam .stat-card__number {
    font-size: clamp(18px, 22.67vw, 84px);
  }

  .stat-card--registered-seller-18 .stat-card__unit,
  .stat-card--medical-clerk-exam .stat-card__unit {
    font-size: clamp(18px, 6.93vw, 20px);
  }

  /* 診療報酬請求事務能力認定試験: 24→27 / 85→83 / 26(共通値のまま) */
  .stat-card--medical-fee-exam .stat-card__label {
    font-size: clamp(18px, 6.4vw, 27px);
  }

  .stat-card--medical-fee-exam .stat-card__number {
    font-size: clamp(18px, 22.67vw, 84px);
  }

  .stat-card--medical-fee-exam .stat-card__unit {
    font-size: clamp(18px, 6.93vw, 26px);
  }

  /* 医療事務管理士技能認定試験・糖尿病療養指導士: 24→27 / 85→61 / 26→20 */
  .stat-card--medical-clerk-cert .stat-card__label,
  .stat-card--diabetes-educator .stat-card__label {
    font-size: clamp(18px, 6.4vw, 27px);
  }

  .stat-card--medical-clerk-cert .stat-card__number,
  .stat-card--diabetes-educator .stat-card__number {
    font-size: clamp(18px, 22.67vw, 84px);
  }

  .stat-card--medical-clerk-cert .stat-card__unit,
  .stat-card--diabetes-educator .stat-card__unit {
    font-size: clamp(18px, 6.93vw, 20px);
  }

  /* 登録販売者11名・睡眠アカデミー(修了): 24→27 / 85→67 / 26→20 */
  .stat-card--registered-seller-11 .stat-card__label,
  .stat-card--sleep-academy .stat-card__label {
    font-size: clamp(18px, 6.4vw, 27px);
  }

  .stat-card--registered-seller-11 .stat-card__number,
  .stat-card--sleep-academy .stat-card__number {
    font-size: clamp(18px, 22.67vw, 84px);
  }

  .stat-card--registered-seller-11 .stat-card__unit,
  .stat-card--sleep-academy .stat-card__unit {
    font-size: clamp(18px, 6.93vw, 20px);
  }

  .stat-card--chart {
    padding-inline: 16px;
  }

  .stat-card--icon-bleed .stat-card__icon {
    align-self: center;
    margin-top: 0;
    margin-right: 0;
  }

  /* SP非表示イラスト */
  .stat-card--paid-leave .stat-card__icon,
  .stat-card--training-cert .stat-card__icon,
  .stat-card--women-manager .stat-card__icon,
  .stat-card--oncology-pharmacist .stat-card__icon {
    display: none;
  }

  /* 有給休暇取得率・研修認定薬剤師 */
  .stat-card--paid-leave.stat-card--has-icon,
  .stat-card--training-cert.stat-card--has-icon {
    display: block;
  }

  /* 修正依頼: 産休・育休取得率・有給休暇取得率・研修認定薬剤師 */
  .numbers-intro-card--2 .numbers-intro-card__label,
  .numbers-intro-card--2 .numbers-intro-card__value,
  .stat-card--paid-leave .stat-card__label,
  .stat-card--paid-leave .stat-card__value,
  .stat-card--training-cert .stat-card__label,
  .stat-card--training-cert .stat-card__value {
    text-align: center;
  }

  /* 女性管理職の割合: float アイコンが無くなった分、本文用の下パディングを
     通常値(.stat-card の基準値)に戻す(base側は 2px に詰めていた)。 */
  .stat-card--women-manager {
    padding-bottom: 24px;
  }

  /* 修正依頼: 女性管理職の割合(SP) — タイトルの右隣に数字が来るように。
     label/value/text は元々このカードの直接の子要素として並んでいるため、
     ラッパー無しでカード自体を2カラムグリッドにし、テキストだけ
     全幅(1/-1)で下段に回す。 */
  .stat-card--women-manager {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    column-gap: 12px;
  }

  .stat-card--women-manager .stat-card__label,
  .stat-card--women-manager .stat-card__value {
    text-align: left;
    min-width: 0;
  }

  .stat-card--women-manager .stat-card__text {
    grid-column: 1 / -1;
  }

  /* 外来がん治療専門薬剤師 */
  .stat-card--oncology-pharmacist .stat-card__text {
    padding-right: 0;
  }

  /* 月平均残業時間: SPは時計のみのイラストに差し替え */
  .stat-card--overtime .stat-card__icon--pc-only {
    display: none;
  }

  .stat-card--overtime .stat-card__icon--sp-only {
    display: block;
    grid-column: auto;
    grid-row: auto;
    width: 23%;
    height: auto;
    transform: none;
    position: absolute;
    top: 19%;
    right: 4%;
  }

  .stat-card--has-icon {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 0;
    position: relative;
}

  /* 平均勤続年数(SP) */
  .stat-card--tenure.stat-card--has-icon {
    display: block;
  }

  .stat-card--tenure.stat-card--has-icon .stat-card__icon {
    float: right;
    order: 0;
    align-self: auto;
    width: 100px;
    height: auto;
    margin: 28px 0 8px 12px;
  }

  .numbers-pair .stat-card--women-manager {
    padding: 24px 25px;
    column-gap: 0;
}

  /* 職種比率(SP) */
  .stat-card--job-ratio.stat-card--has-icon {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    column-gap: 0;
    row-gap: 8px;
    padding-right: 25px;
  }

  .stat-card--job-ratio .stat-card__label {
    grid-column: 1;
    grid-row: 1;
  }

  .stat-card--job-ratio .numbers-bars {
    grid-column: 1;
    grid-row: 2;
  }

  .stat-card--job-ratio .stat-card__text {
    grid-column: 1;
    grid-row: 3;
  }

  .stat-card--job-ratio.stat-card--has-icon .stat-card__icon {
    display: block;
    position: absolute;
    right: 4px;
    bottom: -24px;
    width: 110px;
    max-width: none;
    height: auto;
    aspect-ratio: auto;
  }

  .stat-card--sports-pharmacist.stat-card--has-icon {
    grid-template-columns: 1fr auto;
    align-items: center;
    row-gap: 26px;
    padding-bottom:0;
  }

  .stat-card--sports-pharmacist.stat-card--has-icon .stat-card__label {
    grid-column: 1;
    grid-row: 1;
  }

  .stat-card--sports-pharmacist.stat-card--has-icon .stat-card__value {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    margin-top: -14px;
  }

  .stat-card--sports-pharmacist.stat-card--has-icon .stat-card__text {
    grid-column: 1 / -1;
    grid-row: 2;
    padding-right: 100px;
    margin-top: 0;
    margin-bottom: 36px;
  }

  .stat-card--sports-pharmacist.stat-card--has-icon .stat-card__icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px;
    height: auto;
    margin: 0;
    transform: none;
  }

  /* 男女比・年代構成 */
  .stat-card--gender-age {
    grid-template-columns: 1fr;
    align-items: stretch;
    row-gap: 16px;
  }

  /* 男女比・年代構成のタイトル */
  .stat-card--gender-age .stat-card__label br {
    display: none;
  }

  /* 年代ドーナツのラベル */
  .numbers-donuts {
    grid-column: 1;
    grid-row: auto;
    justify-content: center;
    gap: 20px;
    margin-top: 24px;
  }

  /* 各ドーナツ */
  .numbers-donut {
    width: clamp(100px, calc(50vw - 55px), 150px);
    height: clamp(100px, calc(50vw - 55px), 150px);
  }

  .numbers-donut--age .numbers-donut__label {
    transform: none;
    line-height: 1;
  }

  .numbers-donut__label--male {
    top: -20px;
    left: -13px;
  }

  .numbers-donut__label--age60 {
    top: -26px;
    left: 10px;
  }

  .numbers-donut__label--age20 {
    top: -8px;
    left: auto;
    right: -14px;
  }

  .numbers-donut__label--age30 {
    top: auto;
    left: auto;
    bottom: 8px;
    right: -18px;
  }

  .numbers-donut__label--age40 {
    top:auto;
    bottom: 8px;
    left: -11px;
  }

  .numbers-donut__label--age50 {
    top: 13%;
    left: -25px;
  }

  .numbers-bars__item {
    grid-template-columns: 76px 1fr auto;
    font-size: 0.875rem;
  }

  /* セクション見出し(医療事務/OTC) */
  .numbers-section-header__break {
    display: block;
  }

  /* 調剤アシスト研修: SPのみタイトルを2行に */
  .stat-card__label-break-sp {
    display: block;
  }

  .numbers-section-header {
    margin: 80px 0 28px;
    line-height: 1.32;
  }

  /* SP全カード共通 */
  .stat-card--title-row .stat-card__row {
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .stat-card--title-row .stat-card__row .stat-card__label {
    min-width: 0;
  }

  .stat-card--title-row .stat-card__text {
    margin-top: 16px;
  }

  /* SP非表示イラスト(診療報酬請求事務能力認定試験の人物・
     登録販売者11名の箱) */
  .stat-card--medical-fee-exam .stat-card__icon,
  .stat-card--registered-seller-11 .stat-card__icon {
    display: none;
  }

  /* 調剤アシスト研修 */
  .stat-card--dispensing-assist.stat-card--has-icon {
    display: block;
  }

  .stat-card--dispensing-assist .stat-card__icon {
    position: absolute;
    top: -13px;
    right: 10px;
    width: 95px;
    height: auto;
  }

  /* 医療事務管理士技能認定試験 */
  .stat-card--medical-clerk-cert .stat-card__icon {
    float: left;
    width: 94px;
    height: auto;
    margin: 18px 10px 8px 0px;
  }

  /* 睡眠アカデミー */
  .stat-card--sleep-academy .stat-card__icon {
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 145px;
    height: 112px;
    max-height: none;
    border-bottom-right-radius: 20px;
  }

  .stat-card--sleep-academy .stat-card__content {
    padding-right: 0;
  }

  .stat-card--sleep-academy .stat-card__text {
    padding-right: 155px;
  }
}