@charset "UTF-8";

.staff-flex{
  display: flex;
  flex-direction: column;
  gap:30px;
}

.staff-img-area{
  position: relative;
  z-index:1;
}

.staff-img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

.staff-img-area::before{
  content: "";
  position: absolute;
  top:12px;
  left: 12px;
  border-radius: 12px;
  background-color: #7fc8c8;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  z-index: -1;
}

@media screen and (min-width:769px) {
  .staff-flex{
    flex-direction: row;
  }

  .staff-img-area{
    width:40%;
  }

  .staff-text-area{
    width:60%;
  }

}