@charset "UTF-8";
.sec-doctor {
  position: relative;
  width: 100%;
  padding: 93.86px 0 96px;
  background-color: #F1F2ED;
  color: var(--c-text);
  font-feature-settings: normal;
  text-spacing-trim: space-all;
  text-autospace: no-autospace;
  line-break: strict;
}
.doctor-inner {
  width: min(1136px, calc(100% - 80px));
  margin-inline: auto;
}
.doctor-head { text-align: center; }
.doctor-title {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 48px;
  line-height: 1.6;
  letter-spacing: 0;
  text-wrap: balance;
  color: var(--c-text);
}
.doctor-card {
  width: min(1250px, calc(100% - 30px));
  margin: 56px auto 0;
  background: #FFFFFF;
}
.doctor-card-inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  padding: 67px 40px 67px 85px;
  column-gap: 131px;
  row-gap: 40px;
}
.doctor-photo {
  flex: none;
  width: 436px;
  height: 513px;
  margin: 0;
}
.doctor-photo-frame {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.doctor-photo-frame img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
.doctor-profile {
  flex: none;
  width: 481px;
  margin-top: 27px;
}
.doctor-role {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 32px;
  line-height: 1.6;
  letter-spacing: 0;
  color: var(--c-text);
}
.doctor-divider1 {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 21.6px;
  background: #AAAAAA;
}
.doctor-name { margin-top: 24px; }
.doctor-name {
  display: block;
  font-family: var(--font-heading);
  font-weight: 400;
  line-height: 1.6;
  color: var(--c-text);
}
.doctor-name-role { font-size: 20px; }
.doctor-name-main { font-size: 28px; letter-spacing: 0.04em; }
.doctor-divider {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 24px;
  background: #DDDDDD;
}
.doctor-school {
  margin-top: 24px;
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 16px;
  line-height: 2;
  color: var(--c-text);
  text-wrap: pretty;
}
.doctor-quals {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.doctor-quals li {
  font-family: var(--font-body);
  font-weight: 300;
  font-size: 16px;
  line-height: 2;
  color: var(--c-text);
  text-indent: -1em;
  padding-left: 1em;
  text-wrap: pretty;
}
.doctor-quals-nb { white-space: nowrap; }
@media (max-width: 1279px) {
  .doctor-card-inner { padding-left: 40px; }
}
@media (max-width: 767px) {
  .sec-doctor { padding: 57.9px 0 84.25px; }
  .doctor-inner { width: min(342px, calc(100% - 48px)); }
  .doctor-title { font-size: 32px; }
  .doctor-card { width: 100%; margin-top: 32px; }
  .doctor-card-inner {
    display: block;
    width: min(342px, calc(100% - 48px));
    margin-inline: auto;
    padding: 28px 0 32px;
  }
  .doctor-photo {
    width: min(312.9766px, 100%);
    height: auto;
    aspect-ratio: 436 / 513;
    margin-inline: auto;
  }
  .doctor-profile { width: 100%; margin-top: 16.75px; }
  .doctor-role      { font-size: 21px; }
  .doctor-divider1  { margin-top: 16px; }
  .doctor-name      { margin-top: 18px; }
  .doctor-name-role { font-size: 16px; }
  .doctor-name-main { font-size: 22px; }
  .doctor-divider   { margin-top: 18px; }
  .doctor-school    { margin-top: 18px; font-size: 15px; }
  .doctor-quals li  { font-size: 15px; }
}
@media (max-width: 389px) {
  .doctor-title { font-size: 26px; }
}