@charset "utf-8";

.doctor {
  background-color: var(--light-beige);
}

/* doctor
---------------------------------------------- */
.doctor .doctor-introduction .doctorTextbox .title {
  margin-bottom: 20px;
}

.doctor .doctor-introduction .doctorFlex .des {
  font-size: 17px;
}
@media screen and (max-width: 768px) {
  .doctor .doctor-introduction .doctorFlex .des {
    font-size: 13px;
  }
}

/* history
---------------------------------------------- */
.doctor .history {
  margin: 80px auto;
}

.doctor .history .title,
.qualification .title {
  margin-bottom: 30px;
  font-size: 28px;
}

.doctor .desc {
  font-size: 17px;
  line-height: 1.4em;
}

/* 略歴 */
.doctor .history dl {
  max-width: 1100px;
  display: flex;
  flex-wrap: wrap;
}

.doctor .history dl dt {
  text-align: left;
  width: 110px;
  padding: 0 22px 22px 0;
  position: relative;
  font-size: 19px;
}

.doctor .history dl dd {
  width: 800px;
  padding: 0 28px 22px;
  border-left: 2px solid var(--beige);
}

.doctor .history dl .first {
  line-height: 1em;
}

.doctor .history dl .last {
  padding-bottom: 0;
  line-height: 1em;
}

.doctor .history dl dt::after {
  content: "●";
  position: absolute;
  right: -0.6em;
  top: -1px;
  font-size: 22px;
  color: var(--beige);
}

@media screen and (max-width: 768px) {
  .doctor .history {
    margin: 56px auto;
  }

  .doctor .history .title,
  .qualification .title {
    font-size: 22px;
  }

  .doctor .desc {
    font-size: 13px;
    line-height: 1.4em;
  }
  .doctor .history dl {
    max-width: 580px;
  }

  .doctor .history dl dt {
    width: 88px;
    padding-right: 0;
    font-size: 14px;
  }

  .doctor .history dl dd {
    width: calc(100% - 104px);
    padding: 0 0 22px 14px;
  }

  .doctor .history dl dt::after {
    top: 0px;
    font-size: 15px;
  }

  .doctor .history dl dt::after {
    right: -0.65em;
  }
}

/* 資格　所属学会 */
.doctor .qualification {
  margin-bottom: 100px;
}

.doctor .qualification .title {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 2px solid var(--beige);
}

.doctor .qualification .qualification-inner {
  width: 47%;
}

.doctor .qualification .qualification-inner .desc {
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .doctor .qualification {
    display: block;
  }

  .doctor .qualification {
    margin-bottom: 80px;
  }

  .doctor .qualification .qualification-inner {
    width: 100%;
  }

  .doctor .qualification .qualification-inner + .qualification-inner {
    margin-top: 56px;
  }
}