/* ------------------------------------------------------------
    mainvisual
------------------------------------------------------------ */
#staff .mainvisual__inner {
  position: relative;
  margin: auto;
}
#staff .mainvisual__pic {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 241px;
  background: url(../../guide/img/mainimg_bg@2x.png), url(../../guide/img/mainimg@2x.jpg);
  background-position: bottom center, center;
  background-size: cover 36px, cover;
  background-repeat: no-repeat;
}
#staff .mainvisual__pic__head {
  color: #fff;
  font-size: 3.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #staff .mainvisual__pic__head {
    font-size: 2.6rem;
  }
}

#staff .dentist {
  margin-top: 74px;
}
#staff .dentist__inner {
  position: relative;
  margin: auto;
  max-width: 1000px;
}
@media screen and (max-width: 1024px) {
  #staff .dentist__inner {
    padding: 0 5%;
  }
}
#staff .dentist__title {
  color: #6e3426;
  font-size: 3rem;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: calc(0px - 0.75rem);
  margin-bottom: calc(0px - 0.75rem);
  padding-top: 89px;
  background: url(../img/staff_ico@2x.png) no-repeat;
  background-size: 64px;
  background-position: top center;
}
#staff .dentist__asano {
  margin-top: 48px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #staff .dentist__asano {
    flex-wrap: wrap;
  }
}
#staff .dentist__asano__pic {
  width: 42%;
}
@media screen and (max-width: 767px) {
  #staff .dentist__asano__pic {
    width: 100%;
  }
}
#staff .dentist__asano__pic img {
  width: 100%;
}
#staff .dentist__asano__info {
  width: 54%;
}
@media screen and (max-width: 767px) {
  #staff .dentist__asano__info {
    width: 100%;
  }
}
#staff .dentist__asano__info__name {
  color: #6e3426;
  font-size: 2.6rem;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: calc(0px - 0.65rem);
  margin-bottom: calc(0px - 0.65rem);
}
@media screen and (max-width: 767px) {
  #staff .dentist__asano__info__name {
    margin-top: calc(30px - 0.65rem);
  }
}
#staff .dentist__asano__info__name span {
  font-size: 1.8rem;
}
#staff .dentist__asano__info__list {
  margin-top: 30px;
  padding: 30px;
  background: #fff4e5;
  border-radius: 10px;
}
#staff .dentist__asano__info__list li {
  color: #6e3426;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-top: calc(0px - 0.45rem);
  margin-bottom: calc(0px - 0.45rem);
  background: url(../img/tooth_ico@2x.png) no-repeat;
  background-size: 14px;
  background-position: left top 5px;
  padding-left: 25px;
}
#staff .dentist__asano__info__list li:not(:first-child) {
  margin-top: calc(20px - 0.45rem);
}
#staff .dentist__asano__info__txt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-top: calc(20px - 0.4rem);
  margin-bottom: calc(0px - 0.4rem);
}
#staff .dentist__asano2 {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #staff .dentist__asano2 {
    flex-wrap: wrap;
  }
}
#staff .dentist__asano2__pic {
  width: 42%;
}
@media screen and (max-width: 767px) {
  #staff .dentist__asano2__pic {
    width: 100%;
  }
}
#staff .dentist__asano2__pic img {
  width: 100%;
}
#staff .dentist__asano2__info {
  width: 54%;
}
@media screen and (max-width: 767px) {
  #staff .dentist__asano2__info {
    width: 100%;
  }
}
#staff .dentist__asano2__info__name {
  color: #6e3426;
  font-size: 2.6rem;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: calc(0px - 0.65rem);
  margin-bottom: calc(0px - 0.65rem);
}
#staff .dentist__asano2__info__name span {
  font-size: 1.8rem;
}
#staff .dentist__asano2__info__list {
  margin-top: 30px;
  padding: 30px;
  background: #fff4e5;
  border-radius: 10px;
}
#staff .dentist__asano2__info__list li {
  color: #6e3426;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-top: calc(0px - 0.45rem);
  margin-bottom: calc(0px - 0.45rem);
  background: url(../img/tooth_ico@2x.png) no-repeat;
  background-size: 14px;
  background-position: left top 5px;
  padding-left: 25px;
}
#staff .dentist__asano2__info__list li:not(:first-child) {
  margin-top: calc(20px - 0.45rem);
}
#staff .dentist__asano2__info__txt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-top: calc(20px - 0.4rem);
  margin-bottom: calc(0px - 0.4rem);
}
#staff .dentist__list {
  margin-top: 80px;
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  #staff .dentist__list {
    flex-wrap: wrap;
  }
}
#staff .dentist__list__doctor {
  width: 30.4%;
}
@media screen and (max-width: 767px) {
  #staff .dentist__list__doctor {
    width: 100%;
  }
}
#staff .dentist__list__doctor__pic {
  width: 100%;
}
#staff .dentist__list__doctor__name {
  color: #6e3426;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: calc(30px - 0.6rem);
  margin-bottom: calc(0px - 0.6rem);
}
#staff .dentist__list__doctor__name span {
  font-size: 1.8rem;
  display: block;
}
#staff .dentist__list__doctor__txt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-top: calc(30px - 0.4rem);
  margin-bottom: calc(0px - 0.4rem);
}
@media screen and (max-width: 767px) {
  #staff .dentist__list__doctor:not(:first-child) {
    margin-top: 80px;
  }
}
#staff .dentist__list__doctor:not(:last-child) {
  margin-right: 40px;
}
@media screen and (max-width: 767px) {
  #staff .dentist__list__doctor:not(:last-child) {
    margin-right: 0;
  }
}

#staff .technician {
  margin-top: 80px;
  padding-bottom: 80px;
}
#staff .technician__inner {
  position: relative;
  margin: auto;
  max-width: 1000px;
}
@media screen and (max-width: 1024px) {
  #staff .technician__inner {
    padding: 0 5%;
  }
}
#staff .technician__title {
  color: #6e3426;
  font-size: 3rem;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: calc(0px - 0.75rem);
  margin-bottom: calc(0px - 0.75rem);
  padding-top: 88px;
  background: url(../img/staff_ico2@2x.png) no-repeat;
  background-size: 63px;
  background-position: top center;
}
#staff .technician__list {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #staff .technician__list {
    flex-wrap: wrap;
  }
}
#staff .technician__list__doctor {
  width: 30.4%;
}
@media screen and (max-width: 767px) {
  #staff .technician__list__doctor {
    width: 100%;
  }
}
#staff .technician__list__doctor__pic {
  width: 100%;
}
#staff .technician__list__doctor__name {
  color: #6e3426;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: calc(30px - 0.6rem);
  margin-bottom: calc(0px - 0.6rem);
}
#staff .technician__list__doctor__name span {
  font-size: 1.8rem;
  display: block;
}
#staff .technician__list__doctor__txt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-top: calc(30px - 0.4rem);
  margin-bottom: calc(0px - 0.4rem);
}
@media screen and (max-width: 767px) {
  #staff .technician__list__doctor:not(:first-child) {
    margin-top: 80px;
  }
}

#staff .hygienist {
  margin-top: 80px;
  padding-bottom: 80px;
}
#staff .hygienist__inner {
  position: relative;
  margin: auto;
  max-width: 1000px;
}
@media screen and (max-width: 1024px) {
  #staff .hygienist__inner {
    padding: 0 5%;
  }
}
#staff .hygienist__title {
  color: #6e3426;
  font-size: 3rem;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: calc(0px - 0.75rem);
  margin-bottom: calc(0px - 0.75rem);
  padding-top: 89px;
  background: url(../img/staff_ico3@2x.png) no-repeat;
  background-size: 64px;
  background-position: top center;
}
#staff .hygienist__list {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #staff .hygienist__list {
    flex-wrap: wrap;
  }
}
#staff .hygienist__list__doctor {
  width: 30.4%;
}
@media screen and (max-width: 767px) {
  #staff .hygienist__list__doctor {
    width: 100%;
  }
}
#staff .hygienist__list__doctor__pic {
  width: 100%;
}
#staff .hygienist__list__doctor__name {
  color: #6e3426;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: calc(30px - 0.6rem);
  margin-bottom: calc(0px - 0.6rem);
}
#staff .hygienist__list__doctor__name span {
  font-size: 1.8rem;
  display: block;
}
#staff .hygienist__list__doctor__txt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-top: calc(30px - 0.4rem);
  margin-bottom: calc(0px - 0.4rem);
}
@media screen and (max-width: 767px) {
  #staff .hygienist__list__doctor:not(:first-child) {
    margin-top: 80px;
  }
}/*# sourceMappingURL=style.css.map */