/* Default Options */
/* Media Query */
/* Transform Font Size */
/* --------------------------------- */
.p-pageheader:after {
  display: none;
}

/* --------------------------------- */
.l-personality {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.l-personality-copy {
  width: 100%;
  font-size: clamp(2rem, 1.1818181818rem + 2.2727272727vw, 3rem);
  line-height: 1.4;
  color: var(--accent-color);
}
.l-personality-image {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.l-personality-image .inner {
  margin-inline: auto;
  padding-block: var(--space-sm);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--accent-color);
  border-radius: 10px;
}
.l-personality-image .inner img {
  width: 100%;
  max-width: 640px;
}
.l-personality-list {
  display: flex;
  flex-direction: column;
  border-block-start: 1px solid rgba(0, 91, 229, 0.3);
}
.l-personality-list .item {
  padding-block: var(--space-xs);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-md);
  border-block-end: 1px solid rgba(0, 91, 229, 0.3);
}
.l-personality-list .item .number {
  font-size: clamp(2rem, 0.7727272727rem + 3.4090909091vw, 3.5rem);
  line-height: 1;
  color: var(--accent-color);
}
.l-personality-list .item .inner {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xs);
}
.l-personality-list .item .inner .title {
  display: flex;
  flex-direction: column;
  gap: var(--space-xxs);
}
.l-personality-list .item .inner .title .u-txt-f-en {
  font-size: clamp(3rem, -0.1704545455rem + 8.8068181818vw, 6.875rem);
  line-height: 1;
  color: var(--accent-color);
}
.l-personality-list .item .inner .title .u-txt-f-serif {
  font-size: clamp(1.5rem, 1.1931818182rem + 0.8522727273vw, 1.875rem);
  line-height: 1;
}
.l-personality-list .item .inner p {
  font-size: clamp(0.875rem, 0.7727272727rem + 0.2840909091vw, 1rem);
}
@media screen and (min-width: 992px) {
  .l-personality-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    column-gap: var(--space-xxs);
    row-gap: var(--space-sm);
    align-items: normal;
  }
  .l-personality-copy {
    grid-area: 1/1/2/3;
  }
  .l-personality-image {
    margin: 0;
    display: block;
    grid-area: 2/2/3/3;
  }
  .l-personality-image .inner {
    max-height: calc(100vh - 160px);
    position: sticky;
    top: 120px;
  }
  .l-personality-image .inner img {
    width: 80%;
  }
  .l-personality-list {
    grid-area: 2/1/3/2;
  }
}
@media screen and (min-width: 1600px) {
  .l-personality-list .item .inner {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: var(--space-xxs);
  }
  .l-personality-list .item .inner .title {
    grid-area: 1/1/2/6;
  }
  .l-personality-list .item .inner p {
    grid-area: 2/1/3/6;
  }
}

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