.about-layout__content > :first-child {
  margin-top: 0 !important;
}
.about-layout__content > :last-child {
  margin-bottom: 0 !important;
}

.l-content .l-content__outer .l-content__inner:first-child {
  padding-top: 0;
}

.about-layout {
  display: flex;
  flex-direction: column;
  margin: var(--SIZE_MODULE_MARGIN_LARGE) 0;
}
.about-layout__media {
  flex-basis: auto;
}
.about-layout__media .profile-layout {
  display: flex;
  flex-direction: column;
  max-width: 240px;
}
.about-layout__media .profile-layout__media {
  max-height: 240px;
  max-width: 240px;
}
.about-layout__media .profile-layout__text {
  background-color: var(--COLOR_CHIP_BLACK_2);
  padding: 16px;
}
.about-layout__media .profile-layout__text > p {
  color: var(--COLOR_CHIP_WHITE);
  font-size: 1.6rem;
  line-height: var(--LINE_HEIGHT_HEADING);
}
.about-layout__media .profile-layout__text > p > em {
  color: var(--COLOR_CHIP_WHITE);
  font-weight: bold;
}
.about-layout__content {
  flex: 1;
  padding: var(--SIZE_MODULE_MARGIN_MEDIUM) var(--SIZE_MODULE_MARGIN_SMALL) var(--SIZE_MODULE_MARGIN_LARGE) var(--SIZE_MODULE_MARGIN_LARGE);
  position: relative;
}
.about-layout__content:before {
  background-color: var(--BG_COLOR_SECTION);
  content: "";
  height: calc(100% + 24px);
  inset: auto 0 0 auto;
  position: absolute;
  width: calc(100% - 16px);
  z-index: -1;
}
.about-layout__content .m-box--white {
  border: none;
}
.about-layout__content .m-box--white .m-box__body {
  padding: 24px;
}
.about-layout__content .m-box--white .m-box__body .m-text__item {
  font-size: 1.6rem;
}
.about-layout--reverse .about-layout__content {
  padding: var(--SIZE_MODULE_MARGIN_MEDIUM) var(--SIZE_MODULE_MARGIN_LARGE) var(--SIZE_MODULE_MARGIN_LARGE) var(--SIZE_MODULE_MARGIN_SMALL);
}
.about-layout--reverse .about-layout__content:before {
  height: calc(100% + 24px);
  inset: auto auto 0 0;
  position: absolute;
  width: calc(100% - 16px);
  z-index: -1;
}
@media (min-width: 768px) {
  .about-layout {
    flex-direction: row;
  }
  .about-layout__content {
    margin-top: 40px;
    padding: var(--SIZE_MODULE_MARGIN_LARGE) var(--SIZE_MODULE_MARGIN_LARGE) var(--SIZE_MODULE_MARGIN_LARGE) 40px;
  }
  .about-layout__content:before {
    content: "";
    height: 100%;
    inset: 0 0 auto auto;
    width: calc(100% + 40px);
  }
  .about-layout--reverse .about-layout__content {
    padding: var(--SIZE_MODULE_MARGIN_LARGE) 40px var(--SIZE_MODULE_MARGIN_LARGE) var(--SIZE_MODULE_MARGIN_LARGE);
  }
  .about-layout--reverse .about-layout__content:before {
    content: "";
    height: 100%;
    inset: 0 auto auto 0;
    width: calc(100% + 40px);
  }
  .about-layout--reverse {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1024px) {
  .about-layout__media .profile-layout {
    max-width: none;
  }
  .about-layout__media .profile-layout__media {
    max-height: 320px;
    max-width: 320px;
  }
}
@media (max-width: 767px) {
  .about-layout--reverse {
    align-items: flex-end;
  }
}