@charset "UTF-8";
/* 医師・スタッフの紹介------------------------------ */
.staff-explanation {
  text-align: center;
  margin: 0 auto 1.5rem;
  padding: 0 4%;
}
.staff-img,
.staff-img2,
.staff-img3 {
  text-align: center;
  position: relative;
  bottom: -50px;
  margin-top: -50px;
}
.staff-img img,
.staff-img2 img,
.staff-img3 img {
  box-shadow: 2px 2px 4px gray;
}
.staff-img img {
  width: 300px;
  height: auto;
}
.staff-img2 img,
.staff-img3 img {
  width: 160px;
  height: auto;
}
.staff-box,
.staff-box2,
.staff-box3,
.staff-box4 {
  background-color: #effeff;
  margin-bottom: 1.5rem;
  padding: 4.625rem 4% 1.5rem;
}
.staff-box-margin {
  margin-top: 1.5rem;
  color: #23b8c5;
}
.staff-name {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  text-align: center;
  color: #23b8c5;
}
.staff-name .point {
  font-size: 2rem;
}
.staff-name .small {
  font-size: 0.9rem;
}

@media (min-width: 768px) {
  .staff-wrapper {
    padding: 0 4%;
  }
  .staff-main,
  .staff-grid {
    max-width: 1000px;
    margin: 0 auto;
  }
  .staff-explanation {
    max-width: 700px;
  }
  .staff-img {
    text-align: left;
    position: relative;
    bottom: -365px;
    margin-top: -365px;
  }
  .staff-img2,
  .staff-img3 {
    width: 160px;
    text-align: left;
    position: relative;
    bottom: -158px;
    margin-top: -158px;
  }
  .staff-box {
    margin-left: 120px;
    padding: 1.5rem 4% 1.5rem 240px;
  }
  .staff-box2,
  .staff-box3,
  .staff-box4 {
    margin-left: 120px;
    padding: 1.5rem 4% 1.5rem 100px;
  }
}
@media (min-width: 1280px) {
  .staff-grid {
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  .staff-box3 {
    display: contents;
  }
  .staff3 {
    position: relative;
    padding: 4rem 4% 2rem 6rem;
    margin: 50px 0 0 50px;
    background-color: #effeff;
  }
  .staff4 {
    position: relative;
    padding: 6rem 4% 2rem 6rem;
    margin: 50px 0 0 50px;
    background-color: #effeff;
  }
  .staff-img3 {
    position: absolute;
    text-align: left;
    top: -50px;
    left: -50px;
    bottom: 0;
    margin-top: 0;
  }
}