.staff-bg {
  background: url(../img/cmn/bg01.png) no-repeat center top, url(../img/cmn/bg.svg) no-repeat center bottom, hsl(194, 100%, 95%);
  background-size: 100%, contain;
  background-blend-mode: normal;
}
.staff__content {
  width: min(1200px, 98%);
  margin-inline: auto;
}
.staff__flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  row-gap: 1.5rem;
  position: relative;
  margin-block-end: clamp(4rem, 3.55rem + 1.94vw, 5rem);
  min-height: min(62vw,670px);
}
@media screen and (max-width: 768px) {
  .staff__flex {
    flex-direction: column;
  }
}
.staff__left {
  position: absolute;
  width: 40%;
  flex-basis: 48%;
  left: 0;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .staff__left {
    position: static;
    width: 100%;
  }
}
.staff__right {
  flex-basis: 68%;
  position: relative;
  background: linear-gradient(135deg, transparent 3.125rem, #fff 0);
  background-position: top right, bottom left;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-block: clamp(2.5rem, 1.36rem + 4.85vw, 5rem);
  padding-inline-start: clamp(2rem, -1.35rem + 14.3vw, 9.375rem);
  padding-inline-end: clamp(2.5rem, 1.36rem + 4.85vw, 5rem);
}
.staff__h3 {
  font-size: clamp(1.5rem, 1.16rem + 1.45vw, 2.25rem);
  letter-spacing: normal;
  margin-block-end: 1em;
  font-weight: 600;
}
.staff__name {
  font-size: clamp(1rem, 0.72rem + 1.21vw, 1.625rem);
  margin-block-end: 2rem;
}
.staff__name small {
  font-size: clamp(0.875rem, 0.76rem + 0.48vw, 1.125rem);
}
.staff__cp {
  font-size: clamp(1.125rem, 1.01rem + 0.48vw, 1.375rem);
  color: hsl(32, 91%, 54%);
  font-weight: 700;
  margin-block-end: clamp(2rem, 1.55rem + 1.94vw, 3rem);
}
.staff__txt p {
  font-size: clamp(0.875rem, 0.82rem + 0.24vw, 1rem);
  font-weight: 400;
  line-height: 1.7;
}
.staff__txt .ti {
  font-size: clamp(0.875rem, 0.82rem + 0.24vw, 1rem);
  font-weight: 700;
  margin:1.3rem 0 .5rem 0;
  line-height: 1.6;
}