/****** Hero ******/

.mtp-board-hero-layout {
  display: grid;
}

.mtp-board-hero-layout > * {
  grid-area: 1 / -1;
}

.mtp-board-hero-img {
  position: absolute;
  right: -3.9rem;
  width: 28.2rem;
  align-self: start;
  justify-self: end;
  margin-top: 1.6rem;
  z-index: 100;
}

.mtp-board-hero-content-layout {
  margin-top: 24rem;
  max-width: 35.8rem;
  box-sizing: content-box;
  z-index: 101;
}



/****** Board Member ******/

.mtp-board-bento-swap {
  display: grid;
}

.mtp-board-bento-swap > * {
  grid-area: 1 / -1;
}

.mtp-board-bento-swap-first::before {
  content: ' ';
  display: block;
  grid-area: 1 / -1;
  border-bottom-right-radius: 9.6rem;
  background-color: var(--color-neutral-cream-0);
}

.mtp-board-bento-swap-odd::before {
  content: ' ';
  display: block;
  grid-area: 1 / -1;
  margin-right: 0%;
  border-top-right-radius: 6.4rem;
  border-bottom-right-radius: 6.4rem;
  background-color: var(--color-neutral-cream-0);
}

.mtp-board-bento-swap-even::before {
  content: ' ';
  display: block;
  grid-area: 1 / -1;
  margin-left: 0%;
  border-top-left-radius: 6.4rem;
  border-bottom-left-radius: 6.4rem;
  background-color: var(--color-neutral-cream-1);
}

.mtp-board-member {
  display: grid;
  align-items: start;
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
}

.mtp-board-bento-swap-even .mtp-board-member {
  padding-right: 5%;
  padding-left: 5%;
}

.mtp-board-bento-swap-odd .mtp-board-member,
.mtp-board-bento-swap-first .mtp-board-member {
  padding-left: 5%;
  padding-right: 5%;
}

.mtp-board-member-img {
  grid-area: 1 / -1;
  margin-left: auto;
  margin-right: auto;
  max-width: 29.89rem;
}

.mtp-board-member-content {
  grid-area: 1 / -1;
  margin-top: 20rem;
  display: flex;
  flex-direction: column;
  min-height: 9.9rem;
}

.mtp-board-bento-swap-even .mtp-board-member-content {
  background-color: var(--color-neutral-cream-1-90);
  padding-left: 11.1111%;
  padding-right: 5.5555%;
}

.mtp-board-bento-swap-odd .mtp-board-member-content,
.mtp-board-bento-swap-first .mtp-board-member-content {
  background-color: var(--color-neutral-cream-0-90);
  padding-left: 11.1111%;
  padding-right: 5.5555%;
}

.mtp-board-member-content > *:first-child {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.0rem;
  left: -3.8rem;
}



.mtp-board-member-content > *:first-child > div > h3 > span {
  white-space: nowrap;
}

.mtp-board-member-content > *:last-child {
  display: flex;
  flex-direction: column;
}

.mtp-board-member-content > *:last-child > a {
  align-self: flex-end;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
@media only screen and (min-width: 375px) {
  .mtp-board-hero-img {
    right: max(calc(((100svw - 375px) * -0.0227) + -3.9rem ), -4.791rem);
    width: min(calc(((100svw - 375px) * 0.1781) + 28.2rem ), 35.2rem);
    margin-top: 1.6rem;
  }

  .mtp-board-hero-content-layout {
    margin-top: max(calc(((100svw - 375px) * -0.3919) + 24rem ), 8.6rem);
    max-width: 35.8rem;
  }

  .mtp-board-bento-swap-first::before {
    border-bottom-right-radius: 9.6rem;
  }

  .mtp-board-bento-swap-odd::before {
    margin-right: 0%;
    border-top-right-radius: min(calc(((100svw - 375px) * 0.1628) + 6.4rem ), 12.8rem);
    border-bottom-right-radius: min(calc(((100svw - 375px) * 0.1628) + 6.4rem ), 12.8rem);
  }

  .mtp-board-bento-swap-even::before {
    margin-left: 0%;
    border-top-left-radius: min(calc(((100svw - 375px) * 0.1628) + 6.4rem ), 12.8rem);
    border-bottom-left-radius: min(calc(((100svw - 375px) * 0.1628) + 6.4rem ), 12.8rem);
  }

  .mtp-board-member {
    padding-top: min(calc(((100svw - 375px) * 0.0407) + 4.8rem ), 6.4rem);
    padding-bottom: min(calc(((100svw - 375px) * 0.0967) + 4.8rem ), 8.6rem);
  }

  .mtp-board-bento-swap-even .mtp-board-member {
    padding-right: 5%;
    padding-left: 5%;
  }

  .mtp-board-bento-swap-odd .mtp-board-member,
  .mtp-board-bento-swap-first .mtp-board-member {
    padding-left: 5%;
    padding-right: 5%;
  }

  .mtp-board-member-img {
    grid-area: 1 / -1;
    max-width: min(calc(((100svw - 375px) * 0.0206) + 29.89rem ), 30.7rem);
  }

  .mtp-board-member-content {
    grid-area: 1 / -1;
    margin-top: 20rem;
  }

  .mtp-board-bento-swap-even .mtp-board-member-content {
    padding-left: 11.1111%;
    padding-right: 5.5555%;
  }

  .mtp-board-bento-swap-odd .mtp-board-member-content,
  .mtp-board-bento-swap-first .mtp-board-member-content {
    padding-left: 11.1111%;
    padding-right: 5.5555%;
  }

  .mtp-board-member-content > *:first-child {
    left: -3.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .mtp-board-hero-img {
    right: max(calc(((100svw - 768px) * -0.0394) + -4.791rem ), -5.8rem);
    width: min(calc(((100svw - 768px) * 0.4531) + 35.2rem ), 46.8rem);
    margin-top: 2rem;
  }

  .mtp-board-hero-content-layout {
    margin-top: 8.6rem;
    max-width: min(calc(((100svw - 768px) * 0.4766) + 35.8rem ), 48rem);
  }

  .mtp-board-hero-divider {
    width: min(calc(((100svw - 768px) * 0.4766) + 35.8rem ), 48rem);
    height: min(calc(((100svw - 768px) * 0.0234) + 1.8rem ), 2.4rem);
  }

  .mtp-board-bento-swap-first::before {
    border-bottom-right-radius: min(calc(((100svw - 768px) * 0.125) + 9.6rem ), 12.8rem);
  }

  .mtp-board-bento-swap-odd::before {
    margin-right: 0%;
    border-top-right-radius: min(calc(((100svw - 768px) * 0.1641) + 12.8rem ), 17rem);
    border-bottom-right-radius: min(calc(((100svw - 768px) * 0.1641) + 12.8rem ), 17rem);
  }

  .mtp-board-bento-swap-even::before {
    margin-left: 0%;
    border-top-left-radius: min(calc(((100svw - 768px) * 0.1641) + 12.8rem ), 17rem);
    border-bottom-left-radius: min(calc(((100svw - 768px) * 0.1641) + 12.8rem ), 17rem);
  }

  .mtp-board-member {
    grid-template-columns: auto auto;
    padding-top: 6.4rem;
    padding-bottom: 8.6rem;
  }

  .mtp-board-bento-swap-even .mtp-board-member {
    grid-template-areas: 'b a';
    padding-right: 1.6666%;
    padding-left: 9.9999%;
  }

  .mtp-board-bento-swap-odd .mtp-board-member,
  .mtp-board-bento-swap-first .mtp-board-member {
    grid-template-areas: 'a b';
    padding-left: 1.6666%;
    padding-right: 9.9999%;
  }

  .mtp-board-member-img {
    grid-area: a;
    max-width: min(calc(((100svw - 768px) * 0.394) + 30.7rem ), 40.786rem);
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .mtp-board-member-content {
    grid-area: b;
    margin-top: 6.4rem;
  }

  .mtp-board-bento-swap-even .mtp-board-member-content {
    padding-left: 0px;
    padding-right: 3.77358491%;
  }

  .mtp-board-bento-swap-odd .mtp-board-member-content,
  .mtp-board-bento-swap-first .mtp-board-member-content {
    padding-left: 3.77358491%;
    padding-right: 0px;
  }

  .mtp-board-member-content > *:first-child {
    left: 0px;
  }
}
@media only screen and (min-width: 1024px) {
  .mtp-board-hero-img {
    right: max(calc(((100svw - 1024px) * -0.0625) + -5.8rem ), -8.4rem);
    width: min(calc(((100svw - 1024px) * 0.4615) + 46.8rem ), 66rem);
    margin-top: min(calc(((100svw - 1024px) * 0.0192) + 2rem ), 2.8rem);
  }

  .mtp-board-hero-content-layout {
    margin-top: min(calc(((100svw - 1024px) * 0.0817) + 8.6rem ), 12rem);
    max-width: min(calc(((100svw - 1024px) * 0.4615) + 48rem ), 67.2rem);
  }

  .mtp-board-hero-divider {
    width: min(calc(((100svw - 1024px) * 0.4615) + 48rem ), 67.2rem);
    height: min(calc(((100svw - 1024px) * 0.024) + 2.4rem ), 3.4rem);
  }

  .mtp-board-bento-swap-first::before {
    border-bottom-right-radius: min(calc(((100svw - 1024px) * 0.101) + 12.8rem ), 17rem);
  }

  .mtp-board-bento-swap-odd::before {
    margin-right: 8.3333%;
    border-top-right-radius: min(calc(((100svw - 1024px) * 0.1683) + 17rem ), 24rem);
    border-bottom-right-radius: min(calc(((100svw - 1024px) * 0.1683) + 17rem ), 24rem);
  }

  .mtp-board-bento-swap-even::before {
    margin-left: 8.3333%;
    border-top-left-radius: min(calc(((100svw - 1024px) * 0.1683) + 17rem ), 24rem);
    border-bottom-left-radius: min(calc(((100svw - 1024px) * 0.1683) + 17rem ), 24rem);
  }

  .mtp-board-member {
    padding-top: min(calc(((100svw - 1024px) * 0.0625) + 6.4rem ), 9rem);
    padding-bottom: min(calc(((100svw - 1024px) * 0.0817) + 8.6rem ), 12rem);
  }

  .mtp-board-bento-swap-even .mtp-board-member {
    padding-right: 1.6666%;
    padding-left: 18.33333333%;
  }

  .mtp-board-bento-swap-odd .mtp-board-member,
  .mtp-board-bento-swap-first .mtp-board-member {
    padding-left: 1.6666%;
    padding-right: 18.33333333%;
  }

  .mtp-board-member-img {
    max-width: min(calc(((100svw - 1024px) * 0.4037) + 40.786rem ), 57.58rem);
    margin-top: min(calc(((100svw - 1024px) * 0.0192) + 2rem ), 2.8rem);
    margin-bottom: min(calc(((100svw - 1024px) * 0.0192) + 2rem ), 2.8rem);
  }

  .mtp-board-member-content {
    margin-top: min(calc(((100svw - 1024px) * 0.0625) + 6.4rem ), 9rem);
  }
}
@media only screen and (min-width: 1440px) {
  .mtp-board-hero-img {
    right: -8.4rem;
    width: 66rem;
    margin-top: 2.8rem;
  }

  .mtp-board-hero-content-layout {
    margin-top: 12rem;
    max-width: 67.2rem;
  }

  .mtp-board-hero-divider {
    width: 67.2rem;
    height: 3.4rem;
  }

  .mtp-board-bento-swap-first::before {
    border-bottom-right-radius: 17rem;
  }

  .mtp-board-bento-swap-odd::before {
    margin-right: 8.3333%;
    border-top-right-radius: 24rem;
    border-bottom-right-radius: 24rem;
  }

  .mtp-board-bento-swap-even::before {
    margin-left: 8.3333%;
    border-top-left-radius: 24rem;
    border-bottom-left-radius: 24rem;
  }

  .mtp-board-member {
    padding-top: 9rem;
    padding-bottom: 12rem;
  }

  .mtp-board-bento-swap-even .mtp-board-member {
    padding-right: 1.6666%;
    padding-left: 18.33333333%;
  }

  .mtp-board-bento-swap-odd .mtp-board-member,
  .mtp-board-bento-swap-first .mtp-board-member {
    padding-left: 1.6666%;
    padding-right: 18.33333333%;
  }

  .mtp-board-member-img {
    max-width: 57.58rem;
    margin-top: 2.8rem;
    margin-bottom: 2.8rem;
  }

  .mtp-board-member-content {
    margin-top: 9.0rem;
  }
}
@media only screen and (min-width: 1920px) {
  .mtp-board-hero-divider {
    width: 67.2rem;
    height: 3.4rem;
  }
}
@media only screen and (min-width: 2560px) {
  .mtp-board-hero-divider {
    width: 67.2rem;
    height: 3.4rem;
  }
}