/* Default Options */
/* Media Query */
/* Transform Font Size */
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPMincho&family=Dela+Gothic+One&family=Kaisei+Opti&family=Potta+One&family=Zen+Maru+Gothic:wght@500&display=swap");
/* --------------------------------- */
.l-header-logo a {
  color: var(--bg-color);
}
.l-header-logo svg {
  fill: var(--bg-color);
}
.l-header-menu {
  background-color: var(--bg-color);
  color: var(--accent-color);
}
.l-header-menu:before, .l-header-menu:after {
  background-color: var(--accent-color);
}
.l-header-entry a {
  background-color: var(--bg-color);
  color: var(--accent-color);
}
.l-wrapper {
  background-color: var(--accent-color);
}
.l-wrapper .p-pageheader .title {
  color: var(--bg-color);
}
.l-number {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-sm);
}
.l-number .p-intro {
  color: var(--bg-color);
}
.l-number-sec {
  border-block-start: 1px solid var(--bg-color);
}
.l-number-sec__title {
  padding-block: var(--space-xs);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-xxs);
  font-weight: 500;
  line-height: 1;
  color: var(--bg-color);
}
.l-number-sec__title .u-txt-f-en {
  font-size: clamp(3rem, -1.0909090909rem + 11.3636363636vw, 8rem);
}
.l-number-sec__title .u-txt-f-serif {
  font-size: clamp(1.25rem, 0.4318181818rem + 2.2727272727vw, 2.25rem);
}
.l-number-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.l-number-list__item {
  padding-block-start: var(--space-md);
  padding-block-end: var(--space-sm);
  padding-inline: var(--space-xs);
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: var(--space-xxs);
  background-color: var(--bg-color);
  border-radius: var(--space-xxs);
  position: relative;
}
.l-number-list__item.pd-b-top-lg {
  padding-block-start: var(--space-lg);
}
.l-number-list__item.column-1, .l-number-list__item.column-2-1, .l-number-list__item.column-2-2, .l-number-list__item.column-3-1, .l-number-list__item.column-3-2, .l-number-list__item.column-3-3 {
  grid-column: 1/3;
}
.l-number-list__item.column-1 .title, .l-number-list__item.column-2-1 .title, .l-number-list__item.column-2-2 .title, .l-number-list__item.column-3-1 .title, .l-number-list__item.column-3-2 .title, .l-number-list__item.column-3-3 .title {
  font-size: clamp(1.25rem, 0.6363636364rem + 1.7045454545vw, 2rem);
}
.l-number-list__item.column-3-1, .l-number-list__item.column-3-2, .l-number-list__item.column-3-3 {
  row-gap: 10px;
}
.l-number-list__item.icon {
  display: grid;
  grid-template-rows: 45% 1fr;
  row-gap: var(--space-xs);
}
.l-number-list__item .title {
  padding: var(--space-xs);
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: clamp(1rem, 0.5909090909rem + 1.1363636364vw, 1.5rem);
  font-weight: 500;
  line-height: 1;
}
.l-number-list__item .title:before {
  content: "";
  width: 8px;
  aspect-ratio: 1/1;
  display: block;
  background-color: var(--text-color);
  border-radius: 50%;
}
.l-number-list__item .pop {
  display: grid;
  grid-template-columns: repeat(2, auto);
  column-gap: 5px;
  row-gap: clamp(5px, 0.5vw, 10px);
  position: absolute;
  top: clamp(50px, 6vw, 100px);
  left: var(--space-xs);
}
.l-number-list__item .pop dt {
  width: 12px;
  border-radius: 3px;
}
.l-number-list__item .pop dt.bg1 {
  background-color: var(--accent-color);
}
.l-number-list__item .pop dt.bg2 {
  background-color: rgba(0, 91, 229, 0.4);
}
.l-number-list__item .pop dt.bg3 {
  background-color: rgba(0, 91, 229, 0.1);
}
.l-number-list__item .pop dt.bg80 {
  background-color: rgba(0, 91, 229, 0.8);
}
.l-number-list__item .pop dt.bg75 {
  background-color: rgba(0, 91, 229, 0.75);
}
.l-number-list__item .pop dt.bg60 {
  background-color: rgba(0, 91, 229, 0.6);
}
.l-number-list__item .pop dt.bg50 {
  background-color: rgba(0, 91, 229, 0.5);
}
.l-number-list__item .pop dt.bg40 {
  background-color: rgba(0, 91, 229, 0.4);
}
.l-number-list__item .pop dt.bg25 {
  background-color: rgba(0, 91, 229, 0.25);
}
.l-number-list__item .pop dt.bg20 {
  background-color: rgba(0, 91, 229, 0.2);
}
.l-number-list__item .pop dd {
  font-size: clamp(0.6875rem, 0.5852272727rem + 0.2840909091vw, 0.8125rem);
  line-height: 1;
}
.l-number-list__item .notice {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: clamp(0.6875rem, 0.6363636364rem + 0.1420454545vw, 0.75rem);
}
.l-number-list__item .text {
  font-size: clamp(0.75rem, 0.6477272727rem + 0.2840909091vw, 0.875rem);
  line-height: 1.6;
  text-align: center;
}
.l-number-graph {
  display: flex;
  align-items: end;
  gap: clamp(5px, 0.5vw, 10px);
}
.l-number-graph.space-xs {
  gap: var(--space-xs);
}
.l-number-graph .item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.l-number-graph .number {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  font-size: clamp(0.875rem, 0.3636363636rem + 1.4204545455vw, 1.5rem);
  line-height: 1.2;
}
.l-number-graph .number .u-txt-f-en {
  font-size: clamp(1.5rem, -0.5454545455rem + 5.6818181818vw, 4rem);
  line-height: 0.8;
}
.l-number-graph .number img {
  width: clamp(12px, 1vw, 16px);
  margin-inline-end: 10px;
}
.l-number-graph .bar {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--accent-color);
  border-radius: clamp(5px, 0.5vw, 10px);
  box-sizing: border-box;
  overflow: hidden;
}
.l-number-graph .bar .bg1,
.l-number-graph .bar .bg2,
.l-number-graph .bar .bg3 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(0.75rem, 0.3409090909rem + 1.1363636364vw, 1.25rem);
  line-height: 1;
}
.l-number-graph .bar .bg1 {
  background-color: var(--accent-color);
  color: var(--bg-color);
}
.l-number-graph .bar .bg2 {
  background-color: rgba(0, 91, 229, 0.4);
  color: var(--accent-color);
}
.l-number-graph .bar .bg3 {
  background-color: rgba(0, 91, 229, 0.1);
  color: var(--accent-color);
}
.l-number-graph .bar .bg4 {
  background-image: url(../../assets/images/special/number/bg_bar.png);
  color: var(--accent-color);
}
.l-number-graph .text {
  font-size: clamp(0.6875rem, 0.6363636364rem + 0.1420454545vw, 0.75rem);
  line-height: 1.2;
}
.column-2-1 .l-number-graph,
.column-2-2 .l-number-graph {
  gap: clamp(5px, 0.5vw, 10px);
}
.column-2-1 .l-number-graph .number,
.column-2-2 .l-number-graph .number {
  font-size: clamp(0.875rem, 0.5681818182rem + 0.8522727273vw, 1.25rem);
}
.column-2-1 .l-number-graph .number .u-txt-f-en,
.column-2-2 .l-number-graph .number .u-txt-f-en {
  font-size: clamp(1.5rem, 0.6818181818rem + 2.2727272727vw, 2.5rem);
}

.l-number .people {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-sm);
}
.l-number .people-wrap {
  display: grid;
  grid-template-columns: 1fr clamp(16px, 2vw, 32px) 1fr clamp(16px, 2vw, 32px) 1fr;
  align-items: center;
  gap: var(--space-xxs);
}
.l-number .people_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}
.l-number .people_item .number {
  font-size: clamp(1rem, 0.2840909091rem + 1.9886363636vw, 1.875rem);
}
.l-number .people_item .number .u-txt-f-en {
  font-size: clamp(3.5rem, 1.25rem + 6.25vw, 6.25rem);
}
.l-number .people_item .year {
  font-size: clamp(0.875rem, 0.7727272727rem + 0.2840909091vw, 1rem);
}
.l-number .image {
  padding-inline: var(--space-xxs);
  display: flex;
  justify-content: center;
}
.l-number .image.pd-i-none {
  padding-inline: 0;
}
.l-number .image.area {
  max-width: 1000px;
  margin-inline: auto;
}
.l-number .image.area img {
  width: 100%;
  max-width: 1280px;
}
.l-number .gender {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-sm);
}
.l-number .gender-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-xxs);
  line-height: 1;
}
.l-number .gender-inner .u-txt-f-en {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-xxs);
}
.l-number .gender-inner .number {
  font-size: clamp(1.5rem, 0.6818181818rem + 2.2727272727vw, 2.5rem);
}
.l-number .gender-inner .number span {
  font-size: clamp(4rem, 0.7272727273rem + 9.0909090909vw, 8rem);
  line-height: 0.5;
}
.l-number .gender-inner .icon {
  font-size: clamp(2.25rem, 1.6363636364rem + 1.7045454545vw, 3rem);
}
.l-number .gender .text {
  font-size: clamp(0.75rem, 0.6988636364rem + 0.1420454545vw, 0.8125rem);
}
.l-number .other {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--space-xxs);
}
.l-number .other .number {
  font-size: clamp(1.5rem, 1.0909090909rem + 1.1363636364vw, 2rem);
  line-height: 1;
}
.l-number .other .number span {
  font-size: clamp(4rem, 0.7272727273rem + 9.0909090909vw, 8rem);
}
@media screen and (min-width: 1280px) {
  .l-number-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .l-number-list__item.column-1 {
    grid-column: 1/7;
  }
  .l-number-list__item.column-2-1 {
    grid-column: 1/4;
  }
  .l-number-list__item.column-2-2 {
    grid-column: 4/7;
  }
  .l-number-list__item.column-3-1 {
    grid-column: 1/3;
  }
  .l-number-list__item.column-3-2 {
    grid-column: 3/5;
  }
  .l-number-list__item.column-3-3 {
    grid-column: 5/7;
  }
}
@media screen and (min-width: 1280px) {
  .l-number-list__item {
    padding-inline: var(--space-sm);
  }
  .l-number-list__item.column-3-1, .l-number-list__item.column-3-2, .l-number-list__item.column-3-3 {
    padding-inline: var(--space-xs);
  }
}

/* --------------------------------- */