@layer page {
  .p-page-header__illust {
    width: 27rem;
    top: 8.125rem;
    right: 18.4375rem;
  }
  @media screen and (max-width: 767px) {
    .p-page-header__illust {
      width: 46.4102564103vw;
      top: 41.5384615385vw;
      right: -12.3076923077vw;
    }
  }
  .about-fill {
    background: #F2F4F5;
  }
  .about-nav {
    margin-bottom: 3.75rem;
  }
  @media screen and (min-width: 768px) {
    .about-nav {
      display: flex;
      justify-content: center;
    }
  }
  @media screen and (max-width: 767px) {
    .about-nav {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 3.5897435897vw 6.6666666667vw;
      margin: 0 10.2564102564vw 15.3846153846vw 10.2564102564vw;
    }
  }
  @media screen and (max-width: 767px) {
    .about-nav > li {
      border-bottom: 1px solid #DDDDDD;
      line-height: 1.6;
    }
  }
  @media screen and (min-width: 768px) {
    .about-nav > li:not(:last-child) {
      border-right: 1px solid #DDDDDD;
    }
  }
  .about-nav a {
    padding: 0.625rem 2.25rem;
  }
  @media screen and (max-width: 767px) {
    .about-nav a {
      padding: 0 0 3.5897435897vw 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 3.8461538462vw;
    }
  }
  @media (hover: hover) {
    .about-nav a:hover {
      color: var(--accent);
      text-decoration: underline;
    }
  }
  .about-nav__arrow {
    fill: var(--accent);
    width: 0.6875rem;
    height: 0.6875rem;
    rotate: 90deg;
  }
  .about-sec {
    position: relative;
    padding: 5.625rem 0;
  }
  @media screen and (max-width: 767px) {
    .about-sec {
      padding-top: 3.75rem;
      padding-bottom: 3.75rem;
    }
  }
  @media screen and (max-width: 767px) {
    .about-sec.is-mission::before, .about-sec.is-philosophy::before, .about-sec.is-creed::before {
      content: "";
      display: block;
      position: absolute;
      right: 5.1282051282vw;
      top: 0;
      background: url("../../../img/page/about/mission.png") 0 0/contain no-repeat;
    }
  }
  @media screen and (max-width: 767px) {
    .about-sec.is-mission::before {
      width: 25.641025641vw;
      height: 44.8717948718vw;
      top: -12.8205128205vw;
    }
  }
  @media screen and (max-width: 767px) {
    .about-sec.is-philosophy::before {
      background-image: url("../../../img/page/about/philosophy.png");
      width: 29.7435897436vw;
      height: 30vw;
      top: -5.1282051282vw;
    }
  }
  @media screen and (max-width: 767px) {
    .about-sec.is-creed::before {
      background-image: url("../../../img/page/about/creed.png");
      width: 38.9743589744vw;
      height: 27.4358974359vw;
      top: -2.5641025641vw;
    }
  }
  @media screen and (min-width: 768px) {
    .about-sec.is-company {
      padding: 6.25rem 0;
    }
  }
  @media screen and (min-width: 768px) {
    .about-sec.is-message {
      padding: 6.25rem 0 0 0;
    }
  }
  @media screen and (max-width: 767px) {
    .about-sec.is-message {
      padding-bottom: 0;
    }
  }
  @media screen and (min-width: 768px) {
    .about-sec__row {
      display: grid;
      grid-template-columns: 17.5rem 1fr;
    }
  }
  .about-sec__en {
    color: var(--accent);
    font-family: var(--en-sans);
    line-height: 1.1;
    margin-bottom: 0.625rem;
    font-weight: 500;
  }
  @media screen and (max-width: 767px) {
    .about-sec__en {
      margin-bottom: 0vw;
      font-size: 4.1025641026vw;
    }
  }
  .about-sec__ttl {
    font-size: 2.25rem;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 767px) {
    .about-sec__ttl {
      margin-bottom: 2.5641025641vw;
      font-size: 8.2051282051vw;
    }
  }
  .about-sec__text {
    color: var(--accent);
    font-size: 2.5rem;
    line-height: 1.5;
    letter-spacing: 0.01em;
  }
  @media screen and (min-width: 768px) {
    .about-sec__text {
      padding-top: 1.375rem;
    }
  }
  @media screen and (max-width: 767px) {
    .about-sec__text {
      font-size: 7.1794871795vw;
    }
  }
  .about-illust {
    width: 43.4375rem;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: -15rem;
    transform: translateX(7.25rem);
  }
  .about-illust-a {
    width: 28.125rem;
    position: absolute;
    top: -3.5rem;
  }
  @media screen and (min-width: 768px) {
    .about-illust-a {
      left: calc(50% + 16rem);
    }
  }
  @media screen and (max-width: 767px) {
    .about-illust-a {
      width: 45.641025641vw;
      right: 5.1282051282vw;
      top: -5.641025641vw;
    }
  }
  .about-list {
    margin-top: 2.5rem;
  }
  @media screen and (min-width: 768px) {
    .about-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 3.125rem;
    }
  }
  @media screen and (max-width: 767px) {
    .about-list {
      display: flex;
      flex-direction: column;
      gap: 5.1282051282vw;
    }
  }
  .about-list__item {
    position: relative;
    background: #fff;
    border-radius: 0.5rem;
    padding: 3.125rem 2.5rem 3.125rem 4.0625rem;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.5;
    counter-increment: count;
  }
  @media screen and (min-width: 768px) {
    .about-list__item {
      display: flex;
      align-items: center;
    }
  }
  @media screen and (max-width: 767px) {
    .about-list__item {
      padding: 7.6923076923vw 7.6923076923vw 7.6923076923vw 9.2307692308vw;
      font-size: 5.641025641vw;
    }
  }
  .about-list__item::before {
    position: absolute;
    left: 1rem;
    top: 0.625rem;
    color: var(--accent);
    font-family: var(--en-sans);
    content: "0" counter(count);
    font-size: 1.375rem;
  }
  @media screen and (max-width: 767px) {
    .about-list__item::before {
      left: 2.5641025641vw;
      top: 2.5641025641vw;
      font-size: 4.1025641026vw;
    }
  }
  .about-list__item b {
    color: var(--accent);
  }
  .about-list__illust {
    position: absolute;
    right: 0;
    top: 0;
  }
  .about-list__illust.is-01 {
    width: 2.5rem;
    transform: translate(-1.5625rem, -4.375rem);
  }
  @media screen and (max-width: 767px) {
    .about-list__illust.is-01 {
      transform: translate(-5.1282051282vw, -6.9230769231vw);
      width: 9.2307692308vw;
    }
  }
  .about-list__illust.is-02 {
    width: 5.625rem;
    transform: translate(-1.25rem, -2.5rem);
  }
  @media screen and (max-width: 767px) {
    .about-list__illust.is-02 {
      width: 18.9743589744vw;
      transform: translate(-2.5641025641vw, 5.1282051282vw);
    }
  }
  .about-list__illust.is-03 {
    width: 3.0625rem;
    transform: translate(-1.25rem, -3.75rem);
  }
  @media screen and (max-width: 767px) {
    .about-list__illust.is-03 {
      width: 11.2820512821vw;
      transform: translate(-2.5641025641vw, 6.6666666667vw);
    }
  }
  @media screen and (min-width: 768px) {
    .about-img {
      aspect-ratio: 3200/800;
    }
  }
  .about-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .about-info {
    border-radius: 1rem;
    background: #fff;
    margin-top: 2.5rem;
    padding: 5rem;
  }
  @media screen and (max-width: 767px) {
    .about-info {
      margin-top: 7.6923076923vw;
      border-radius: 2.0512820513vw;
      padding: 7.6923076923vw 5.1282051282vw;
    }
  }
  .about-info__row {
    display: grid;
    grid-template-columns: 15rem 1fr;
    gap: 0.625rem;
  }
  @media screen and (max-width: 767px) {
    .about-info__row {
      grid-template-columns: 25.641025641vw 1fr;
    }
  }
  .about-info__label, .about-info__content {
    padding: 2.125rem 0;
  }
  @media screen and (max-width: 767px) {
    .about-info__label, .about-info__content {
      padding: 5.1282051282vw 0;
    }
  }
  .about-info__label {
    border-bottom: 1px solid var(--accent);
  }
  .about-info__label:first-of-type {
    border-top: 1px solid var(--accent);
  }
  .about-info__content {
    border-bottom: 1px solid #DDDDDD;
    line-height: 2;
  }
  @media screen and (min-width: 768px) {
    .about-info__content {
      padding-right: 1.875rem;
      padding-left: 1.875rem;
    }
  }
  .about-info__content:first-of-type {
    border-top: 1px solid #DDDDDD;
  }
  .about-info__content dd + dt {
    margin-top: 2.2em;
  }
  @media screen and (max-width: 767px) {
    .about-info__content dd + dt {
      margin-top: 1.6em;
    }
  }
  .about-info__map-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }
  @media screen and (min-width: 768px) {
    .about-info__map-link {
      margin-left: 2.8125rem;
    }
  }
  @media screen and (max-width: 767px) {
    .about-info__map-link {
      margin-top: 2.5641025641vw;
    }
  }
  @media (hover: hover) {
    .about-info__map-link:hover {
      text-decoration: underline;
    }
  }
  .about-message {
    margin-top: 3.125rem;
  }
  @media screen and (min-width: 768px) {
    .about-message {
      display: grid;
      grid-template-columns: 28.75rem 1fr;
      gap: 3.75rem;
    }
  }
  .about-message__wtext {
    font-size: 1.125rem;
    line-height: 2;
  }
  @media screen and (max-width: 767px) {
    .about-message__wtext {
      margin-top: 5.1282051282vw;
      font-size: 4.1025641026vw;
      line-height: 1.75;
    }
  }
  .about-message__wtext .is-mt {
    margin-top: 2em;
  }
  .about-message__sign {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 2.5rem;
    gap: 1.25rem;
  }
  @media screen and (max-width: 767px) {
    .about-message__sign {
      margin-top: 7.6923076923vw;
    }
  }
  .about-message__sign span {
    font-size: 1rem;
  }
  @media screen and (max-width: 767px) {
    .about-message__sign span {
      font-size: 3.5897435897vw;
    }
  }
  .about-message__sign b {
    font-size: 1.75rem;
    font-weight: 500;
  }
  @media screen and (max-width: 767px) {
    .about-message__sign b {
      font-size: 5.641025641vw;
    }
  }
}