.introduction {
  display: flex;
  position: relative;
  width: 100%;
  height: fit-content /* 16vw */;
  border: 4px solid #c8c8c8;
  border-radius: 5px;
  transform: translateX(-5px);
  margin-bottom: 20px;
}
.introduction img {
  position: absolute;
  width: 90%;
  height: auto;
  top: 50%;
  transform: translateY(-55%);
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 5%;
  box-shadow: 2px 2px 2px 2px #c8c8c8;
}
.img {
  flex: 1; /* img, who, about の比率(2:3:3) */
  position: relative;
}
.who {
  flex: 2;
  /* position: absolute;
    width: 40%;
    left: 25%; */
}
.who > * {
  margin-left: 10%;
  /* transform: translateX(10%); */
}
.who h6 {
  font-size: 1.2rem;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 0;
}
.who h3 {
  font-size: 2rem;
  margin: 0;
  margin-left: 10%;
  padding: 0;
}
.who p {
  margin-top: 0;
  margin-bottom: 5px;
  padding: 0;
}
.who span {
  font-weight: bold;
}
.about {
  flex: 2;
  /* position: absolute;
    width: 50%;
    top: 3vw;
    left: 55%; */
}
.about-top {
  margin-top: 1vw;
  margin-bottom: 0;
  padding: 0;
}
.about span {
  font-weight: bold;
}
.about-aboveList {
  margin-bottom: 0;
}
.about ul {
  margin-top: 0;
}
.about li {
  font-size: 1rem;
  margin-right: 5px;
}

/* ここまで重役紹介部分 */

.pictures {
  width: 80%;
  margin-left: 10%;
  margin-top: 2rem;
}