@charset "UTF-8";
.sec-record {
  position: relative;
  overflow: hidden;
  padding: 94.992px 0 120.249px;
  background-color: #F1F2ED;
  font-feature-settings: normal;
  text-spacing-trim: space-all;
  text-autospace: no-autospace;
  line-break: strict;
}
.sec-record::after {
  content: none;
}
.record-head {
  padding-inline: 24px;
  text-align: center;
}
.record-title {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 48px;
  line-height: 1.6;
  letter-spacing: 0;
  color: var(--c-text);
}
.record-title-s { font-size: 40px; }
.record-title-nb { white-space: nowrap; }
.record-br-sp { display: none; }
.record-lead {
  margin-top: 32.333px;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0.04em;
  color: var(--c-text);
}
.record-list {
  margin-top: 89.355px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  column-gap: 62.457px;
  row-gap: 48px;
  padding-right: 11.999px;
}
.record-list .record-item:nth-child(1) { margin-right: 13.366px; }
.record-item {
  position: relative;
  width: 251.907px;
  height: 233.274px;
}
.record-wreath {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}
.record-icon {
  position: absolute;
  display: block;
  max-width: none;
}
.record-item--implant .record-icon { left: 106.576px; top: -22.479px; width: 38.739px; height: 78.358px; }
.record-item--years   .record-icon { left: 100.743px; top: -12.248px; width: 50.425px; height: 57.905px; }
.record-item--clinics .record-icon { left: 105.263px; top: -20.748px; width: 41.430px; height: 67.061px; }
.record-num {
  position: absolute;
  display: block;
  font-family: var(--font-heading);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: #F1900A;
  text-align: right;
  white-space: nowrap;
}
/* 2026-10-16 「10,000本以上」表記に合わせて位置・サイズ調整（旧: left 36.617 / width 143 / top 80.423 / 54.8508px） */
.record-item--implant .record-num { left: 24px; width: 140px; top: 86px;  font-size: 44px; letter-spacing: -0.02em; }
.record-item--years   .record-num { left: 43.801px; width:  87px; top: 54.468px;  font-size: 75.6604px; }
.record-item--clinics .record-num { left: 52.562px; width:  79px; top: 54.468px;  font-size: 75.6604px; }
.record-unit {
  position: absolute;
  display: block;
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: 32.9105px;
  line-height: 1;
  letter-spacing: 0;
  color: #F1900A;
  white-space: nowrap;
}
.record-item--implant .record-unit { left: 166px; top: 72px; font-size: 28px; }
.record-item--years   .record-unit { left: 137.254px; top:  60.867px; }
.record-item--clinics .record-unit { left: 140.734px; top:  93.812px; }
.record-label {
  position: absolute;
  display: block;
  top: 143.704px;
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: 27.4254px;
  line-height: 1;
  letter-spacing: 0;
  color: var(--c-text);
  text-align: center;
  white-space: nowrap;
}
.record-item--implant .record-label { left: 72.949px; width: 110px; }
.record-item--years   .record-label { left: 62.672px; width: 110px; }
.record-item--clinics .record-label { left: 77.277px; width:  83px; }
@media (max-width: 767px) {
  .sec-record {
    --u: 1px;
    padding: calc(43.141 * var(--u)) 0 calc(89.501 * var(--u));
  }
  .sec-record::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(600.078 * var(--u));
    height: calc(48 * var(--u));
    background-image: url("../../assets/img/record/band-stripe.webp");
    background-repeat: repeat;
    background-position: 0 0;
    background-size: calc(21 * var(--u)) calc(21 * var(--u));
  }
  .record-head { padding-inline: 0; }
  .record-title { font-size: calc(29 * var(--u)); }
  .record-title-s { font-size: calc(21 * var(--u)); }
  .record-br-sp { display: inline; }
  .record-lead {
    margin-top: calc(17.742 * var(--u));
    width: calc(342 * var(--u));
    margin-inline: auto;
    font-size: calc(16 * var(--u));
    text-align: justify;
  }
  .record-list {
    margin-top: calc(37.711 * var(--u));
    column-gap: calc(20.585 * var(--u));
    row-gap: calc(4.766 * var(--u));
    padding-right: 0;
  }
  .record-list .record-item:nth-child(1) { margin-right: 0; }
  .record-item {
    width: calc(161.094 * var(--u));
    height: calc(149.179 * var(--u));
  }
  .record-item--implant .record-icon { left: calc(68.160 * var(--u)); top: calc(-14.375 * var(--u)); width: calc(24.773 * var(--u)); height: calc(50.110 * var(--u)); }
  .record-item--years   .record-icon { left: calc(64.426 * var(--u)); top: calc( -7.836 * var(--u)); width: calc(32.247 * var(--u)); height: calc(37.030 * var(--u)); }
  .record-item--clinics .record-icon { left: calc(67.301 * var(--u)); top: calc(-13.265 * var(--u)); width: calc(26.494 * var(--u)); height: calc(42.885 * var(--u)); }
  .record-item--implant .record-num { left: calc(14 * var(--u)); width: calc(98 * var(--u)); top: calc(55 * var(--u)); font-size: calc(30 * var(--u)); letter-spacing: -0.02em; }
  .record-item--years   .record-num { left: calc(30.551 * var(--u)); width: calc(58 * var(--u)); top: calc(33.957 * var(--u)); font-size: calc(53 * var(--u)); letter-spacing: -0.05em; padding-right: 0.05em; }
  .record-item--clinics .record-num { left: calc(42.676 * var(--u)); width: calc(53 * var(--u)); top: calc(33.965 * var(--u)); font-size: calc(53 * var(--u)); letter-spacing: -0.05em; padding-right: 0.05em; }
  .record-unit { font-size: calc(20 * var(--u)); }
  .record-item--implant .record-unit { left: calc(113 * var(--u)); top: calc(46 * var(--u)); font-size: calc(18 * var(--u)); }
  .record-item--years   .record-unit { left: calc( 90.547 * var(--u)); top: calc(42.900 * var(--u)); }
  .record-item--clinics .record-unit { left: calc( 98.418 * var(--u)); top: calc(63.666 * var(--u)); }
  .record-label {
    top: calc(92.766 * var(--u));
    font-size: calc(16 * var(--u));
  }
  .record-item--implant .record-label { left: calc(48.546 * var(--u)); width: calc(64 * var(--u)); }
  .record-item--years   .record-label { left: calc(48.547 * var(--u)); width: calc(64 * var(--u)); }
  .record-item--clinics .record-label { left: calc(56.547 * var(--u)); width: calc(48 * var(--u)); }
}
@media (max-width: 389px) {
  .sec-record { --u: 0.2564102564vw; }
}
.record-lead { text-wrap: pretty; }