@charset "UTF-8";
/* B案 02 数字で見るグループの実績 */
.sec-bstats {
  line-break: strict;
  --u: min(1px, calc(100vw / 1920));
  --bstats-c-bg: #FBFAF9;
  --bstats-c-text: #333333;
  --bstats-c-num: #F1900A;
  padding: calc(57.4 * var(--u)) 0 calc(51.74 * var(--u));
  background: var(--bstats-c-bg);
  color: var(--bstats-c-text);
  font-feature-settings: normal;
}
.bstats-title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: min(calc(40 * var(--u)), calc(9.6667px + 1.5799vw));
  line-height: 1.6;
  text-align: center;
  font-feature-settings: normal;
  transform: translateX(calc(-2.59 * var(--u))); /* Figma PC 02: 見出しと注記の中心は 957.41（3587:5385 / 5386） */
}
.bstats-title-l { font-size: min(calc(40 * var(--u)), calc(9.6667px + 1.5799vw)); }
.bstats-title-s { font-size: min(calc(32 * var(--u)), calc(11.0000px + 1.0938vw)); }
.bstats-list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: calc(43.511 * var(--u));
  margin: calc(39.24 * var(--u)) 0 0;
  padding: 0;
  list-style: none;
}
/* 月桂樹・アイコン・数字を Figma と同じく 1 セルに重ねる（各要素は margin で配置） */
.bstats-item {
  display: inline-grid;
  grid-template: max-content / max-content;
  place-items: start;
  flex: 0 0 auto;
  font-family: var(--font-heading);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.bstats-item > * { grid-area: 1 / 1; margin: 0; }
.bstats-laurel { display: block; width: calc(252.864 * var(--u)); height: calc(234.16 * var(--u)); max-width: none; }
.bstats-icon { display: block; max-width: none; }
.bstats-num { font-size: min(calc(75.948 * var(--u)), calc(3.6753px + 3.7642vw)); color: var(--bstats-c-num); }
.bstats-unit { font-size: min(calc(33.036 * var(--u)), calc(10.8273px + 1.1567vw)); color: var(--bstats-c-num); }
.bstats-label { font-size: min(calc(27.53 * var(--u)), calc(11.7450px + 0.8221vw)); }
.bstats-item--1 .bstats-num { font-size: min(calc(55.059 * var(--u)), calc(7.1568px + 2.4949vw)); }
.bstats-item--1 .bstats-unit { font-size: min(calc(23.236 * var(--u)), calc(12.4607px + 0.5612vw)); }
/* 埋入本数は欧文数字なので負の字詰めを残す。
   Web 版 Noto Serif JP は「1」「,」の字幅が Figma 描画と違うため、Figma の tracking に字の位置の実測差を足している */
.bstats-num-a { letter-spacing: -0.05957em; }
.bstats-num-b { letter-spacing: -0.07773em; }
.bstats-num-c { letter-spacing: -0.07483em; }
.bstats-num-d { letter-spacing: -0.04em; }

.bstats-item--1 .bstats-laurel { margin-top: calc(22.56 * var(--u)); }
.bstats-item--1 .bstats-icon { margin-left: calc(106.98 * var(--u)); width: calc(38.886 * var(--u)); height: calc(78.656 * var(--u)); }
/* 9,592本（2026-10-16 実績更新）: 数字＋単位を月桂樹の中央に置き、「本」は他の単位と同じく数字のベースラインに揃える */
.bstats-item--1 .bstats-num { margin: calc(94.05 * var(--u)) 0 0 calc(48.2 * var(--u)); }
.bstats-item--1 .bstats-unit { margin: calc(124.74 * var(--u)) 0 0 calc(180.4 * var(--u)); }
.bstats-item--1 .bstats-label { margin: calc(166.36 * var(--u)) 0 0 calc(73.23 * var(--u)); }

.bstats-item--2 .bstats-laurel { margin-top: calc(12.29 * var(--u)); }
.bstats-item--2 .bstats-icon { margin-left: calc(101.13 * var(--u)); width: calc(50.616 * var(--u)); height: calc(58.125 * var(--u)); }
.bstats-item--2 .bstats-num { margin: calc(66.77 * var(--u)) 0 0 calc(50.9 * var(--u)); }
.bstats-item--2 .bstats-unit { margin: calc(72.86 * var(--u)) 0 0 calc(137.78 * var(--u)); }
.bstats-item--2 .bstats-label { margin: calc(156.1 * var(--u)) 0 0 calc(62.91 * var(--u)); }

.bstats-item--3 .bstats-laurel { margin-top: calc(20.82 * var(--u)); }
.bstats-item--3 .bstats-icon { margin-left: calc(105.66 * var(--u)); width: calc(41.5875 * var(--u)); height: calc(67.3157 * var(--u)); }
.bstats-item--3 .bstats-num { margin: calc(75.29 * var(--u)) 0 0 calc(64.62 * var(--u)); }
.bstats-item--3 .bstats-unit { margin: calc(114.46 * var(--u)) 0 0 calc(146.04 * var(--u)); }
.bstats-item--3 .bstats-label { margin: calc(164.62 * var(--u)) 0 0 calc(77.57 * var(--u)); }

.bstats-item--4 .bstats-laurel { margin-top: calc(11.23 * var(--u)); }
.bstats-item--4 .bstats-icon { margin-left: calc(108.54 * var(--u)); width: calc(37.9392 * var(--u)); height: calc(56.0115 * var(--u)); }
.bstats-item--4 .bstats-num { margin: calc(65.71 * var(--u)) 0 0 calc(57.74 * var(--u)); }
.bstats-item--4 .bstats-unit { margin: calc(74.25 * var(--u)) 0 0 calc(146.25 * var(--u)); }
.bstats-item--4 .bstats-label { margin: calc(155.03 * var(--u)) 0 0 calc(71.86 * var(--u)); }

.bstats-item--5 .bstats-laurel { margin-top: calc(12.96 * var(--u)); }
.bstats-item--5 .bstats-icon { margin-left: calc(93.16 * var(--u)); width: calc(66.5478 * var(--u)); height: calc(59.4683 * var(--u)); }
.bstats-item--5 .bstats-num { margin: calc(67.44 * var(--u)) 0 0 calc(65.64 * var(--u)); }
.bstats-item--5 .bstats-unit { margin: calc(106.6 * var(--u)) 0 0 calc(154.14 * var(--u)); }
.bstats-item--5 .bstats-label { margin: calc(156.76 * var(--u)) 0 0 calc(64.04 * var(--u)); }

.bstats-note {
  margin: calc(22.9 * var(--u)) 0 0;
  font-family: var(--font-heading);
  font-weight: 300;
  font-size: min(calc(17 * var(--u)), calc(13.5000px + 0.1823vw));
  line-height: 1;
  text-align: center;
  transform: translateX(calc(-2.59 * var(--u)));
}
.bstats-note-nb { display: inline-block; }

@media (max-width: 767px) {
  .bstats-title, .bstats-note { transform: none; }
  .sec-bstats {
    --u: calc(100vw / 390);
    padding: calc(40.03 * var(--u)) 0 calc(34.98 * var(--u));
  }
  .bstats-title, .bstats-title-l { font-size: calc(28 * var(--u)); }
  .bstats-title-s { font-size: calc(20 * var(--u)); }
  .bstats-list {
    flex-wrap: wrap;
    column-gap: calc(14 * var(--u));
    row-gap: calc(8.43 * var(--u));
    margin-top: calc(16.16 * var(--u));
  }
  .bstats-laurel { width: calc(103.213 * var(--u)); height: calc(95.578 * var(--u)); }
  .bstats-num { font-size: calc(31 * var(--u)); }
  .bstats-unit { font-size: calc(13.484 * var(--u)); }
  .bstats-label { font-size: calc(11.237 * var(--u)); }
  .bstats-item--1 .bstats-num { font-size: calc(20.47 * var(--u)); }
  .bstats-item--1 .bstats-unit { font-size: calc(9.48 * var(--u)); }
  .bstats-num-a { letter-spacing: -0.1163em; }
  .bstats-num-b,
  .bstats-num-c { letter-spacing: -0.1045em; }
  .bstats-num-d { letter-spacing: 0; }

  .bstats-item--1 .bstats-laurel { margin-top: calc(9.2 * var(--u)); }
  .bstats-item--1 .bstats-icon { margin-left: calc(43.67 * var(--u)); width: calc(15.872 * var(--u)); height: calc(32.105 * var(--u)); }
  .bstats-item--1 .bstats-num { margin: calc(39.05 * var(--u)) 0 0 calc(22.1 * var(--u)); }
  .bstats-item--1 .bstats-unit { margin: calc(49.75 * var(--u)) 0 0 calc(73 * var(--u)); }
  .bstats-item--1 .bstats-label { margin: calc(67.9 * var(--u)) 0 0 calc(29.89 * var(--u)); }

  .bstats-item--2 .bstats-laurel { margin-top: calc(5.02 * var(--u)); }
  .bstats-item--2 .bstats-icon { margin-left: calc(41.28 * var(--u)); width: calc(20.66 * var(--u)); height: calc(23.725 * var(--u)); }
  .bstats-item--2 .bstats-num { margin: calc(27.25 * var(--u)) 0 0 calc(16.95 * var(--u)); }
  .bstats-item--2 .bstats-unit { margin: calc(29.74 * var(--u)) 0 0 calc(56.24 * var(--u)); }
  .bstats-item--2 .bstats-label { margin: calc(63.71 * var(--u)) 0 0 calc(25.68 * var(--u)); }

  .bstats-item--3 .bstats-laurel { margin-top: calc(8.49 * var(--u)); }
  .bstats-item--3 .bstats-icon { margin-left: calc(43.13 * var(--u)); width: calc(16.975 * var(--u)); height: calc(27.477 * var(--u)); }
  .bstats-item--3 .bstats-num { margin: calc(30.73 * var(--u)) 0 0 calc(23.54 * var(--u)); }
  .bstats-item--3 .bstats-unit { margin: calc(46.72 * var(--u)) 0 0 calc(57.66 * var(--u)); }
  .bstats-item--3 .bstats-label { margin: calc(67.19 * var(--u)) 0 0 calc(31.66 * var(--u)); }

  /* 2 段目（Figma は数字が右揃え・ラベルが中央揃え） */
  .bstats-item--4 { margin-left: calc(4.2 * var(--u)); }
  .bstats-item--5 { margin-left: calc(6.4 * var(--u)); }
  .bstats-item--4 .bstats-laurel, .bstats-item--5 .bstats-laurel { width: calc(104.8 * var(--u)); }
  .bstats-item--4 .bstats-num, .bstats-item--5 .bstats-num, .bstats-item--4 .bstats-label, .bstats-item--5 .bstats-label { justify-self: end; }
  .bstats-item--4 .bstats-laurel { margin-top: calc(4.6 * var(--u)); }
  .bstats-item--4 .bstats-icon { margin-left: calc(45 * var(--u)); width: calc(15.5 * var(--u)); height: calc(22.88 * var(--u)); }
  .bstats-item--4 .bstats-num { margin: calc(26.83 * var(--u)) calc(47.46 * var(--u)) 0 0; }
  .bstats-item--4 .bstats-unit { margin: calc(30.32 * var(--u)) 0 0 calc(58.47 * var(--u)); }
  .bstats-item--4 .bstats-label { justify-self: center; margin: calc(63.29 * var(--u)) calc(3.64 * var(--u)) 0 0; }
  .bstats-item--5 .bstats-laurel { margin-top: calc(5.3 * var(--u)); }
  .bstats-item--5 .bstats-icon { margin-left: calc(34.92 * var(--u)); width: calc(27.163 * var(--u)); height: calc(24.273 * var(--u)); }
  .bstats-item--5 .bstats-num { margin: calc(27.53 * var(--u)) calc(46.61 * var(--u)) 0 0; }
  .bstats-item--5 .bstats-unit { margin: calc(43.52 * var(--u)) 0 0 calc(59.82 * var(--u)); }
  .bstats-item--5 .bstats-label { justify-self: center; margin: calc(63.99 * var(--u)) calc(2.72 * var(--u)) 0 0; }

  .bstats-note { margin-top: calc(17.94 * var(--u)); font-size: calc(15 * var(--u)); line-height: 1.6; }
}
