.p-number {
  --mt: 0;
  /* --mt: 210; */
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: clamp(var(--mt) * .6em/16, var(--mt) / 1024*100vw, var(--mt) * 1em/16);
  overflow: hidden;
}
.p-number-inner {
  width: 100%;
}
.p-number__title {
  --pt: 224;
  padding-top: clamp(var(--pt) * .6em/16, var(--pt) / 1024*100vw, var(--pt) * 1em/16);
  position: relative;
  z-index: 2;
}
.p-number__title::before {
  --h: 192;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: 0 auto;
  width: 1px;
  height: clamp(var(--h) * .6em/16, var(--h) / 1024*100vw, var(--h) * 1em/16);
  background: var(--gray-color);
}
.p-number__titleEn {
  text-align: center;
  font-size: calc(20em/16);
  letter-spacing: 0.03em;
}
.p-number__titleJp {
  margin-top: calc(24em/50);
  text-align: center;
  font-size: clamp(calc(44em/16*.6), calc(44/768*100vw), calc(50em/16));
  letter-spacing: -0.06em;
  color: #1c1d1d;
}
.p-number__titleJp .u-inbl {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-number__titleJp {
    line-height: 1.4;
  }
}
.p-number__list {
  --mt: 100;
  --pb: 84;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  margin-top: clamp(var(--mt) * .6em/16, var(--mt) / 1024*100vw, var(--mt) * 1em/16);
  padding-bottom: clamp(var(--pb) * .6em/16, var(--pb) / 1024*100vw, var(--pb) * 1em/16);
}
@media screen and (max-width: 1024px) {
  .p-number__list {
    flex-wrap: wrap;
    justify-content: center;
    margin: clamp(var(--mt) * .6em/16, var(--mt) / 1024*100vw, var(--mt) * 1em/16) auto 0;
    width: calc(300/335*100%);
  }
}
.p-number__listItem {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: clamp(calc(270em/16*.8), calc(270/var(--section-width)*100%), calc(270em/16));
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 100vmax;
  overflow: hidden;
  background: #fff;
}
@media screen and (min-width: 1600px) {
  .p-number__listItem {
    font-size: min(1.2em, calc(16/1600*100vw));
  }
}
@media screen and (max-width: 1024px) {
  .p-number__listItem {
    width: min(calc(135em/16*2), calc(135/300*100%));
  }
  .p-number__listItem:where(:nth-child(2n)) {
    margin-left: calc(30/300*100%);
  }
  .p-number__listItem:where(:nth-child(n+3)) {
    margin-top: clamp(calc(50em/16*.8), calc(50/768*100vw), calc(50em/16));
  }
}
.p-number__listItemTitle {
  text-align: center;
  font-size: clamp(calc(20em/16*.7), calc(20/768*100vw), calc(20em/16));
  letter-spacing: 0.02em;
}
.p-number__listItemBody {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: calc(42/270*100%);
  width: 100%;
}
.p-number__listItemBody .num {
  margin-bottom: calc(16/270*100%);
  width: 100%;
  text-align: center;
  font-family: 'Shippori Mincho', serif;
  font-size: min(calc(72/768*100vw), calc(72em/16));
  /* letter-spacing: -0.02em; */
  transform: scaleX(.93);
}
.p-number__listItemBody .num__symbol {
  margin-right: 0.125em;
  font-size: calc(60em/72);
  vertical-align: .125em;
}
.p-number__listItemBody .unit {
  font-size: clamp(calc(20em/16*.7), calc(20/768*100vw), calc(20em/16));
}
.p-number__listItemBody .unit.is-two {
  display: flex;
  justify-content: center;
  font-size: clamp(calc(18em/16*.7), calc(18/768*100vw), calc(18em/16));
  gap: min(calc(30/768*100vw), calc(30em/18));
}
.p-number__note {
  position: relative;
  z-index: 1;
  padding-bottom: clamp(calc(50em/16*.8), calc(50/768*100vw), calc(50em/16));
  text-align: center;
  font-size: clamp(calc(15em/16*.9), calc(15/768*100vw), calc(15em/16));
}
.p-number__bg {
  --top: 96;
  position: absolute;
  top: clamp(var(--top) * .6em/16, var(--top) / 1024*100vw, var(--top) * 1em/16);;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: clamp(calc(1496em/16*.95), calc(1496/1600*100%), calc(1496em/16*1.2));
  /* left: calc(52/1600*100%);
  right: calc(52/1600*100%); */
  z-index: 0;
  border-radius: 100vmax;
  overflow: hidden;
  background: var(--beige-color);
}
@media screen and (max-width: 1440px) {
  .p-number__bg {
    left: auto;
    right: auto;
  }
}
@media screen and (max-width: 880px) {
  .p-number__bg {
    left: 0;
    right: 0;
    width: 100%;
  }
}