/* About page */

/* About page foundation */
.about {
  position: relative;
  z-index: 1;
  padding-top: var(--noma-header-height);
  overflow: clip;
}

@media (width < 768px) {
  .about {
    padding-top:0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .about{
        padding-top: 120px;
  }
}

.about-hero {
  padding-block: 0;
  overflow: clip;
  background: #ffffff;
  margin-top: 0;
}

.about-hero__inner {
  width: 100%;
  margin-inline: auto;
}

.about-hero__artwork {
  position: relative;
  left: 50%;
  width: 100vw;
  aspect-ratio: 1680 / 644;
  transform: translateX(-50%);
}

.about-hero__photo {
  position: absolute;
  top: 0;
  width: 100%;
  height: 38.3333333333vw;
}

.about-hero__breadcrumb {
  position: absolute;
  top: 0.5519vw;
  left: 3.3703vw;
  z-index: 1;
  width: 11.4537vw;
  height: 1.5476vw;
}

.about-hero__breadcrumb-list {
  display: flex;
  align-items: center;
  width: 11.4537vw;
  height: 1.5476vw;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 0.7738vw;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.0619vw;
  line-height: 1.5476vw;
}

.about-hero__breadcrumb-home {
  flex: 0 0 auto;
  width: 4.2857vw;
  margin-right: 0.5264vw;
}

.about-hero__breadcrumb-home a {
  display: block;
  color: inherit;
}

.about-hero__breadcrumb-separator {
  position: relative;
  top: 0.0794vw;
  flex: 0 0 auto;
  width: 0.2818vw;
  height: 0.4888vw;
  margin-right: 0.4074vw;
  background: #000000;
  clip-path: polygon(0 0, 24% 0, 100% 50%, 24% 100%, 0 100%, 76% 50%);
}

.about-hero__breadcrumb-current {
  flex: 0 0 auto;
  width: 5.9524vw;
}

.about-hero__breadcrumb-label {
  white-space: nowrap;
}

.about-hero__frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
}

.about-hero__header {
  position: absolute;
  inset: 0;
}

.about-hero__title {
  position: absolute;
  inset: 0;
  margin: 0;
}

.about-hero__title-ja {
  position: absolute;
  top: 32.7178vw;
  left: 4.4371vw;
  width: 24.143vw;
  height: 4.9405vw;
}

.about-hero__title-en {
  position: absolute;
  bottom: -0.1934vw;
  right: 0.7833vw;
  width: 65.8928571429vw;
}

@media (width < 768px) {
  .about-hero {
  margin-top: 0.8rem;
  }

  .about-hero__artwork {
    height: 22.8125rem;
    aspect-ratio: auto;
  }

  .about-hero__photo {
    top: 13.285vw;
    left: 0;
    width: 100vw;
    height: 71.9807vw;
    object-fit: cover;
    object-position: center;
  }

  .about-hero__breadcrumb {
    display: none;
  }

  .about-hero__frame {
    top: 13.285vw;
    left: 0;
    z-index: 2;
    display: block;
    width: 100vw;
    height: 71.9807vw;
  }

  .about-hero__header {
    z-index: 3;
  }

  .about-hero__title-ja {
    top: 75.6638vw;
    left: 6.7633vw;
    width: 50.5698vw;
    height: 10.3865vw;
  }

  .about-hero__title-en {
    display: none;
  }
}

.about-story {
  padding-block-start: 8.9523rem;
  padding-block-end: 7.6416rem;
  background: #ffffff;
}

.about-story__inner {
  width: 90%;
  max-width: 70rem;
  margin-inline: auto;
}

.about-story__origin {
  display: flex;
  align-items: flex-start;
  width: 73.6064rem;
  max-width: calc(100vw - 5rem);
  margin-bottom: 6.2493rem;
  gap: 1.1661rem;
}

.about-story__origin-copy {
  flex-basis: 37.3996rem;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}

.about-story__header {
  margin-bottom: 1.935rem;
}

.about-story__label-img {
  width: 10.9026rem;
  height: 1.75rem;
  margin-bottom: 1.1967rem;
}

.about-story__title {
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 2.9129rem;
  font-weight: 700;
  letter-spacing: 0.3787rem;
  line-height: 1.75;
}

.about-story__origin-text {
  box-sizing: border-box;
  margin: 0;
  padding-inline-start: 0.4481rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.07rem;
  line-height: 2;
}

.about-story__origin-media-wrap {
  flex-basis: 35.0406rem;
  flex-grow: 0;
  flex-shrink: 0;
  padding-block-start: 4.4912rem;
}

.about-story__origin-media {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.about-story__origin-dot-grid {
  position: absolute;
  top: 7.4689rem;
  left: 12.587rem;
  z-index: 0;
  width: 22.4536rem;
  height: 23.0121rem;
}

.about-story__workers-img {
  position: relative;
  z-index: 1;
  width: 19.1336rem;
  margin-bottom: -4.4564rem;
}

.about-story__inspection-img {
  position: relative;
  z-index: 1;
  width: 31.5384rem;
  transform: translateX(0.4592rem);
  margin-left: 7.4375rem;
}

.about-story__support {
  display: flex;
  align-items: flex-start;
  width: 72.3951rem;
  max-width: calc(100vw - 5rem);
  gap: 1.5359rem;
}

.about-story__support-media {
  position: relative;
  flex-basis: 34.3915rem;
  flex-grow: 0;
  flex-shrink: 0;
  padding-block-start: 5.8125rem;
}

.about-story__support-dot-circle {
  position: absolute;
  top: 1.3125rem;
  left: 22.8105rem;
  z-index: 0;
  width: 11.581rem;
  height: 11.581rem;
}

.about-story__support-img {
  position: relative;
  z-index: 1;
  width: 31.2709rem;
}

.about-story__support-copy {
  flex-basis: 36.4678rem;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}

.about-story__support-header {
  margin-bottom: 1.0565rem;
}

.about-story__support-title {
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 2.1629rem;
  font-weight: 700;
  letter-spacing: 0.2812rem;
  line-height: 1.75;
}

.about-story__support-text {
  box-sizing: border-box;
  margin: 0;
  padding-inline-start: 0.0625rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.075rem;
  line-height: 1.95;
}
@media (width < 768px) {
  .about-story {
    overflow-x: clip;
    padding-block-start: 2.3043rem;
    padding-block-end: 1.0861rem;
  }

  .about-story__inner {
    max-width: 22.7686rem;
  }

  .about-story__origin {
    flex-direction: column;
    width: 100%;
    max-width: none;
    margin-bottom: 2.0583rem;
    gap: 1.1917rem;
  }

  .about-story__origin-copy {
    flex-basis: auto;
    width: 100%;
  }

  .about-story__header {
    margin-bottom: 0.7107rem;
  }

  .about-story__label-img {
    width: 10.2973rem;
    height: 1.625rem;
    margin-bottom: 0.7107rem;
  }

  .about-story__title {
    font-size: 1.9129rem;
    letter-spacing: 0.2487rem;
  }

  .about-story__origin-text {
    padding-inline-start: 0;
    font-size: 0.9062rem;
    letter-spacing: 0.0544rem;
    line-height: 2;
  }

  .about-story__origin-media-wrap {
    flex-basis: auto;
    width: 100%;
    padding-block-start: 0;
  }

  .about-story__origin-media {
    width: 27.2012rem;
  }

  .about-story__origin-dot-grid {
    top: 4.0808rem;
    left: 9.6087rem;
    width: 16.0257rem;
    height: 16.4243rem;
  }

  .about-story__workers-img {
    width: 13.6561rem;
    margin-bottom: -2.5627rem;
  }

  .about-story__inspection-img {
    align-self: flex-end;
    width: 22.5097rem;
    transform: none;
  }

  .about-story__support {
    flex-direction: column;
    width: 100%;
    max-width: none;
    gap: 2.4329rem;
  }

  .about-story__support-media {
    order: 2;
    align-self: flex-end;
    flex-basis: auto;
    width: 16.9973rem;
    margin-inline-end: -0.1577rem;
    padding-block-start: 0;
  }

  .about-story__support-dot-circle {
    top: -2.7504rem;
    left: -6.2745rem;
    width: 10.853rem;
    height: 10.853rem;
  }

  .about-story__support-img {
    width: 100%;
  }

  .about-story__support-copy {
    order: 1;
    flex-basis: auto;
    width: 100%;
  }

  .about-story__support-header {
    position: relative;
    margin-bottom: 1.119rem;
  }

  .about-story__support-header::before {
    position: absolute;
    top: -5.489rem;
    left: -1.2124rem;
    z-index: 0;
    width: 8.6765rem;
    height: 8.6765rem;
    background-image: url("../../img/about/story-dot-circle.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
  }

  .about-story__support-title {
    position: relative;
    z-index: 1;
    padding-inline-start: 0.3257rem;
    font-size: 1.5379rem;
    letter-spacing: 0.1999rem;
  }

  .about-story__support-text {
    font-size: 0.875rem;
    letter-spacing: 0.0437rem;
    line-height: 2;
  }
}

.about-mission {
  position: relative;
  padding-block: 0 5.3824rem;
}

.about-mission__dot-pattern {
  position: absolute;
  top: 4.494rem;
  left: 0;
  z-index: 0;
  width: 9.7275rem;
  max-width: 9.2643vw;
  height: auto;
}

.about-mission__future-image {
  position: absolute;
  top: 9.4301rem;
  left: 0.0903rem;
  z-index: 0;
  width: 36.5rem;
  max-width: 34.7619vw;
  height: auto;
}

.about-mission__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  width: 90%;
  max-width: 67.93rem;
  margin-inline: auto;
  column-gap: 5.25rem;
}

.about-mission__intro {
  flex: 0 0 25.625rem;
  width: 25.625rem;
  min-width: 0;
}

.about-mission__header {
  position: relative;
}

.about-mission__label-image {
  display: block;
  width: 10.6526rem;
  height: auto;
  transform: translate(0.2691rem, 0.5rem);
}

.about-mission__title {
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 2.5379rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.3299rem;
}

.about-mission__body {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  row-gap: 2.0625rem;
}

.about-mission-item {
  position: relative;
  min-width: 0;
  padding-top: 0.5459rem;
}

.about-mission-item__label-image {
  display: block;
  width: 31.7043rem;
  max-width: calc(100% - 5.375rem);
  height: auto;
  margin-bottom: 1.1975rem;
  transform: translate(0.2188rem, 0.6563rem);
}

.about-mission-item__number-image {
  position: absolute;
  top: 1rem;
  display: block;
  height: auto;
}

.about-mission-item--1 .about-mission-item__number-image {
  right: 0.9464rem;
  width: 3.0901rem;
}

.about-mission-item--2 .about-mission-item__number-image {
  right: 0.5714rem;
  width: 3.4651rem;
}

.about-mission-item__title {
  margin: 0 0 0.7009rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 2.05;
}

.about-mission-item--1 .about-mission-item__title {
  font-size: 1.3069rem;
  letter-spacing: 0.0784rem;
}

.about-mission-item--2 .about-mission-item__title {
  font-size: 1.2711rem;
  letter-spacing: 0.0763rem;
}

.about-mission-item__title-highlight {
  color: transparent;
  background: linear-gradient(90deg, #89bf00 69.144%, #deda00 96.748%);
  background-clip: text;
  -webkit-background-clip: text;
}

.about-mission-item__txt {
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.0375rem;
}

.about-mission-item--2 .about-mission-item__txt {
  width: 36.3378rem;
  max-width: 100%;
}

@media (width < 768px) {
  .about-mission {
    padding-block: 3.1208rem 2.919rem;
  }

  .about-mission::after {
    position: absolute;
    bottom: -0.7692rem;
    left: -0.7052rem;
    z-index: 0;
    width: 5.9159rem;
    aspect-ratio: 312 / 471;
    background-image: url("../../img/about/mission-dot-pattern.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
  }

  .about-mission__dot-pattern {
    top: 0.0129rem;
    left: 0.2094rem;
    width: 5.9159rem;
    max-width: none;
  }

  .about-mission__future-image {
    display: none;
  }

  .about-mission__inner {
    flex-direction: column;
    width: 90%;
    max-width: 22.7214rem;
    row-gap: 0;
  }

  .about-mission__intro {
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: 0.9712rem;
  }

  .about-mission__label-image {
    width: 10.1762rem;
    transform: translateY(0.5rem);
  }

  .about-mission__title {
    font-size: 2.0379rem;
    line-height: 1.75;
    letter-spacing: 0.2649rem;
  }

  .about-mission__body {
    width: 100%;
    row-gap: 1.375rem;
  }

  .about-mission-item__label-image {
    max-width: none;
    height: 1.5625rem;
    transform: translate(-0.1053rem, 0.6563rem);
    object-fit: cover;
    object-position: left center;
  }

  .about-mission-item--1 .about-mission-item__label-image {
    width: 18.4675rem;
    margin-bottom: 0.7726rem;
  }

  .about-mission-item--2 .about-mission-item__label-image {
    width: 18.194375rem;
    margin-bottom: 0.9476rem;
  }

  .about-mission-item--1::after {
    width: 13.6451rem;
  }

  .about-mission-item--2::after {
    width: 13.3719rem;
  }

  .about-mission-item__number-image {
    top: 1rem;
  }

  .about-mission-item--1 .about-mission-item__number-image {
    right: -0.2304rem;
    width: 3.0901rem;
  }

  .about-mission-item--2 .about-mission-item__number-image {
    right: -0.1679rem;
    width: 3.4651rem;
    top: 1.6rem;
  }

  .about-mission-item__title {
    margin-bottom: 1.0676rem;
  }

  .about-mission-item__txt {
    font-size: 0.9063rem;
    letter-spacing: 0.0363rem;
  }
}

.about-promise {
  padding-block-start: 0.0291rem;
  padding-block-end: 4.834rem;
  background: #ffffff;
}

.about-promise__inner {
  width: 90%;
  max-width: 67.3062rem;
  margin-inline: auto;
}

.about-promise__header {
  position: relative;
  margin-bottom: 3.2813rem;
}

.about-promise__label-img {
  display: block;
  width: 5.8401rem;
  height: 1.75rem;
  margin-bottom: -0.2048rem;
}

.about-promise__title {
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 2.5379rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.3299rem;
}

.about-promise__items {
  display: flex;
  width: 68.4813rem;
  max-width: calc(100% + 1.1752rem);
  column-gap: 2.5rem;
}

.about-promise-item {
  display: flex;
  flex: 1;
  min-width: 0;
  column-gap: 2.2988rem;
}

.about-promise-item__main {
  flex: 1;
  min-width: 0;
}

.about-promise-item--1 .about-promise-item__main {
  padding-top: 0.0625rem;
}

.about-promise-item--2 .about-promise-item__main {
  padding-top: 0;
}

.about-promise-item--3 .about-promise-item__main {
  padding-top: 0.25rem;
}

.about-promise-item__title {
  box-sizing: border-box;
  margin: 0;
  padding-inline-start: 0.4324rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.2293rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75;
  text-align: center;
  letter-spacing: 0.1352rem;
}

.about-promise-item--1 .about-promise-item__title {
  margin-bottom: 1.2209rem;
}

.about-promise-item--2 .about-promise-item__title {
  margin-bottom: 0.897rem;
}

.about-promise-item--3 .about-promise-item__title {
  margin-bottom: 0.4865rem;
}

.about-promise-item__title-highlight {
  color: #6bc900;
}

.about-promise-item__title-note {
  display: block;
  font-size: 0.9168rem;
  line-height: 1.75;
  letter-spacing: 0.1009rem;
  transform: translateY(-0.2369rem);
}

.about-promise-item__title-line {
  display: block;
  line-height: 1.75;
}

.about-promise-item__title-line + .about-promise-item__title-line {
  transform: translateY(-0.3619rem);
}

.about-promise-item__photo {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 0.8748rem;
}

.about-promise-item__description {
  box-sizing: border-box;
  margin: 0;
  padding-inline-start: 0.4324rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 0.8778rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.0527rem;
  word-break: break-all;
}

.about-promise-item__number-img {
  display: block;
  flex: 0 0 1.625rem;
  width: 1.625rem;
  height: 22.6193rem;
  transform: translate(0.5rem, 0.375rem);
}

/* --- Responsive: SP 414px secondary axis --- */
@media (width < 768px) {
  .about-promise {
    padding-block-start: 0;
    padding-block-end: 3.3843rem;
  }

  .about-promise__inner {
    max-width: 22.7476rem;
  }

  .about-promise__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.0224rem;
  }

  .about-promise__label-img {
    width: 5.5512rem;
    height: 1.6875rem;
    margin-bottom: -0.186rem;
  }

  .about-promise__title {
    font-size: 2.0379rem;
    line-height: 1.75;
    letter-spacing: 0.2649rem;
    text-align: center;
  }

  .about-promise__items {
    width: 100%;
    max-width: none;
    flex-direction: column;
    row-gap: 1.6252rem;
    column-gap: 0;
  }

  .about-promise-item {
    position: relative;
    display: block;
    padding-top: 1.625rem;
    column-gap: 0;
  }

  .about-promise-item--1 .about-promise-item__main {
    padding-top: 0.8748rem;
  }

  .about-promise-item--2 .about-promise-item__main {
    padding-top: 0.8748rem;
  }

  .about-promise-item--3 .about-promise-item__main {
    padding-top: 0.8748rem;
  }

  .about-promise-item__title {
    padding-inline-start: 0;
  }

  .about-promise-item--1 .about-promise-item__title {
    margin-bottom: 0.687rem;
  }

  .about-promise-item--2 .about-promise-item__title {
    margin-bottom: 0.1402rem;
  }

  .about-promise-item--3 .about-promise-item__title {
    margin-bottom: 0.1402rem;
  }

  .about-promise-item__photo {
    width: 18.9604rem;
    max-width: 83.3512%;
    margin-inline: auto;
    margin-bottom: 0.9033rem;
    transform: translateX(-0.2933rem);
  }

  .about-promise-item__description {
    width: 21.6739rem;
    max-width: 95.2801%;
    margin-inline: auto;
    padding-inline-start: 0;
  }

  .about-promise-item__number-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.625rem;
    height: 22.7476rem;
    transform: translateY(1.625rem) rotate(-90deg);
    transform-origin: top left;
  }
}

.about-contact {
  position: relative;
  overflow: clip;
  padding-block-start: 0.0291rem;
  padding-block-end: 4.8744rem;
  background-color: #ffffff;
  background-image: url("../../img/about/contact-dot-pattern.webp");
  background-repeat: no-repeat;
  background-position: -0.6327rem 31.6888rem;
  background-size: 105.1875rem 12.6802rem;
}

.about-contact__word-art {
  position: absolute;
  top: 32.8498rem;
  left: -0.8447rem;
  z-index: 0;
  width: 110.1875rem;
  max-width: none;
}

.about-contact__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 90%;
  max-width: 54.375rem;
  margin-inline: auto;
}

.about-contact__header {
  position: relative;
  margin-bottom: 1.7793rem;
}

.about-contact__label-img {
  display: block;
  width: 5.7776rem;
  height: 1.75rem;
  margin-inline: auto;
  margin-bottom: 0.747rem;
}

.about-contact__title {
  margin: 0;
  color: #000000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 2.6004rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.182rem;
  text-align: center;
}

.about-contact__lead {
  align-self: center;
  width: calc(100% + 0.0625rem);
  margin: 0;
  margin-bottom: 2.8549rem;
  color: #000000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.05;
  letter-spacing: 0.0638rem;
  text-align: center;
}

.about-contact__media {
  position: relative;
  width: 42.4097rem;
  max-width: 100%;
  aspect-ratio: 1.6439;
  margin-inline: auto;
  transform: translateX(-0.2674rem);
}

.about-contact__team-img {
  display: block;
  width: 100%;
  height: 100%;
}

@media (width < 768px) {
  .about-contact {
    padding-block-start: 0.0231rem;
    padding-block-end: 4.1876rem;
    background-position: -3.0983rem 32.6352rem;
    background-size: 52.7061rem 8.8306rem;
  }

  .about-contact__word-art {
    display: none;
  }

  .about-contact__header {
    margin-bottom: 1.3453rem;
  }

  .about-contact__label-img {
    width: 5.4887rem;
    height: 1.6875rem;
    margin-bottom: 0.5158rem;
  }

  .about-contact__title {
    font-size: 1.6629rem;
    line-height: 1.75;
    letter-spacing: 0.1164rem;
  }

  .about-contact__lead {
    width: 100.7396%;
    margin-bottom: 1.537rem;
    font-size: 0.9375rem;
    line-height: 2.05;
    letter-spacing: 0.0375rem;
    transform: translateX(0.2729rem);
  }

  .about-contact__media {
    width: 99.0432%;
    transform: translateX(-0.1519rem);
  }
}

/* Page-level responsive refinements */
.about-hero__artwork > picture {
  display: contents;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .about-hero {
    margin-top: -3.4rem;
  }

  .about-story {
    padding-block-start: 5rem;
    padding-block-end: 5rem;
  }

  .about-story__inner {
    width: 90%;
    max-width: none;
  }

  .about-story__origin {
    width: 100%;
    max-width: none;
    margin-bottom: 5rem;
    gap: 2rem;
  }

  .about-story__origin-copy {
    flex: 0 0 calc(55% - 1rem);
  }

  .about-story__label-img {
    width: 9.5rem;
    height: auto;
  }

  .about-story__title {
    font-size: 2rem;
    letter-spacing: 0.2rem;
  }

  .about-story__origin-text {
    padding-inline-start: 0;
    font-size: 0.975rem;
    letter-spacing: 0.035rem;
    line-height: 1.9;
  }

  .about-story__origin-media-wrap {
    flex: 1 1 auto;
    padding-block-start: 5rem;
  }

  .about-story__origin-media {
    width: 100%;
  }

  .about-story__origin-dot-grid {
    top: 4.5rem;
    left: 28%;
    width: 72%;
    height: auto;
  }

  .about-story__workers-img {
    width: 56%;
    margin-bottom: -2.5rem;
  }

  .about-story__inspection-img {
    width: 94%;
    transform: none;
  }

  .about-story__support {
    width: 100%;
    max-width: none;
    gap: 2rem;
  }

  .about-story__support-media {
    flex: 0 0 calc(43% - 1rem);
    padding-block-start: 4rem;
  }

  .about-story__support-dot-circle {
    top: 1rem;
    left: 68%;
    width: 34%;
    height: auto;
  }

  .about-story__support-img {
    width: 100%;
  }

  .about-story__support-copy {
    flex: 1 1 auto;
  }

  .about-story__support-title {
    font-size: 1.75rem;
    letter-spacing: 0.16rem;
  }

  .about-story__support-text {
    padding-inline-start: 0;
    font-size: 0.975rem;
    letter-spacing: 0.035rem;
    line-height: 1.9;
  }

  .about-mission {
    padding-block: 1rem 4.5rem;
  }

  .about-mission__inner {
    width: 90%;
    max-width: none;
    column-gap: 2rem;
  }

  .about-mission__intro {
    flex: 0 0 37%;
    width: 37%;
  }

  .about-mission__label-image {
    width: 9rem;
  }

  .about-mission__title {
    font-size: 2rem;
    letter-spacing: 0.2rem;
  }

  .about-mission__body {
    row-gap: 2rem;
  }

  .about-mission-item__label-image {
    max-width: calc(100% - 4.5rem);
  }

  .about-mission-item__txt {
    font-size: 0.975rem;
    letter-spacing: 0.035rem;
    line-height: 1.8;
  }

  .about-promise {
    padding-block-end: 4.5rem;
  }

  .about-promise__inner {
    width: 92%;
    max-width: none;
  }

  .about-promise__header {
    margin-bottom: 2.5rem;
  }

  .about-promise__title {
    font-size: 2rem;
    letter-spacing: 0.2rem;
  }

  .about-promise__items {
    width: 100%;
    max-width: none;
    column-gap: 1rem;
  }

  .about-promise-item {
    column-gap: 0.75rem;
  }

  .about-promise-item__title {
    padding-inline-start: 0;
    font-size: 1.2rem;
    letter-spacing: 0.06rem;
  }

  .about-promise-item__title-note {
    font-size: 0.75rem;
    letter-spacing: 0.04rem;
  }

  .about-promise-item__description {
    padding-inline-start: 0;
    font-size: 0.9125rem;
    letter-spacing: 0.025rem;
  }

  .about-promise-item__number-img {
    flex-basis: 1.25rem;
    width: 1.25rem;
    height: auto;
    transform: translate(0, 0.375rem);
  }

  .about-contact {
    padding-block-end: 4.5rem;
  }

  .about-contact__title {
    font-size: 2.125rem;
    letter-spacing: 0.12rem;
  }

  .about-contact__lead {
    font-size: 1rem;
    letter-spacing: 0.04rem;
  }

  .noma-contact__inner {
    width: 80%;
    max-width: 42.5rem;
  }

  .noma-contact__cards {
    flex-direction: column;
  }
}