/* ===============================================================
 doctor page
===============================================================*/
.doctor {
  background-color: #f9f6f1;
}

.under-fv__img img {
  width: 100%;
}

.tac {
  text-align: center;
}

.doctor-intro {
  margin-top: calc(140 * var(--px));
}
@media screen and (max-width: 834px) {
  .doctor-intro {
    margin-top: calc(50 * var(--px));
  }
}
.doctor-intro__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (min-width: 835px) {
  .doctor-intro__inner {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 834px) {
  .doctor-intro__inner {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(30 * var(--px));
  }
}
.doctor-intro__fig {
  position: relative;
}
@media screen and (min-width: 835px) {
  .doctor-intro__fig {
    max-width: 40%;
  }
}
@media screen and (max-width: 834px) {
  .doctor-intro__fig {
    order: 2;
  }
}
.doctor-intro__cap {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: calc(40 * var(--px)) 0 0 calc(40 * var(--px));
  font-size: var(--f18);
  font-weight: var(--fwn);
  line-height: 1.3;
  background-color: #f9f6f1;
  border-radius: calc(10 * var(--px)) 0 0 0;
  -webkit-border-radius: calc(10 * var(--px)) 0 0 0;
}
@media screen and (max-width: 450px) {
  .doctor-intro__cap {
    padding: calc(20 * var(--px)) calc(10 * var(--px)) calc(10 * var(--px)) calc(20 * var(--px));
  }
}
.doctor-intro__cap span {
  margin-left: calc(5 * var(--px));
  font-size: var(--f32);
  display: inline-block;
}
@media screen and (min-width: 835px) {
  .doctor-intro__cont {
    max-width: 50%;
  }
}
@media screen and (max-width: 834px) {
  .doctor-intro__cont {
    display: contents;
  }
}
.doctor-intro .under__section-title {
  margin-bottom: calc(50 * var(--px));
}
@media screen and (max-width: 834px) {
  .doctor-intro .under__section-title {
    margin-bottom: calc(30 * var(--px));
    order: 1;
  }
}
.doctor-intro p + p {
  margin-top: calc(30 * var(--px));
}
@media screen and (max-width: 834px) {
  .doctor-intro p + p {
    margin-top: calc(15 * var(--px));
  }
}
.doctor-intro p {
  font-weight: var(--fwn);
}
.doctor-intro p:first-of-type {
  order: 3;
}
.doctor-intro p:nth-of-type(2) {
  order: 4;
}
.doctor-intro p:nth-of-type(3) {
  order: 5;
}
.doctor-intro p:nth-of-type(4) {
  order: 6;
}

.doctor-prof {
  width: 91.666%;
  margin: calc(110 * var(--px)) 0 0 auto;
  padding: calc(80 * var(--px));
  background-color: #fff;
  border-radius: calc(30 * var(--px)) 0 0 calc(30 * var(--px));
  -webkit-border-radius: calc(30 * var(--px)) 0 0 calc(30 * var(--px));
}
@media screen and (max-width: 834px) {
  .doctor-prof {
    margin-top: calc(50 * var(--px));
    padding: calc(30 * var(--px));
  }
}
.doctor-prof__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: calc(20 * var(--px));
  font-family: var(--inter);
  font-size: var(--f36);
  font-weight: var(--fwm);
  color: #dc88cc;
}
.doctor-prof__ttl-line {
  display: inline-block;
  width: calc(100% - 14em - 20 * var(--px));
  height: 1px;
  background-color: #eee;
}
.doctor-prof__list {
  margin-top: calc(40 * var(--px));
  display: grid;
  grid-template-columns: 47% 47%;
  grid-template-rows: auto auto;
  gap: calc(60 * var(--px));
}
@media screen and (max-width: 1200px) {
  .doctor-prof__list {
    grid-template-columns: 100%;
  }
}
@media screen and (max-width: 834px) {
  .doctor-prof__list {
    margin-top: calc(20 * var(--px));
    gap: calc(20 * var(--px));
  }
}
@media screen and (min-width: 1201px) {
  .doctor-prof__item:first-of-type {
    grid-column: 1/span 1;
    grid-row: 1/span 2;
  }
}
@media screen and (min-width: 1201px) {
  .doctor-prof__item:nth-of-type(2) {
    grid-column: 2/span 1;
    grid-row: 1/span 1;
  }
}
@media screen and (min-width: 1201px) {
  .doctor-prof__item:nth-of-type(3) {
    grid-column: 1/span 1;
    grid-row: 2/span 1;
    align-self: self-end;
  }
}
@media screen and (min-width: 1201px) {
  .doctor-prof__item:last-of-type {
    padding-bottom: calc(50 * var(--px));
  }
}
.doctor-prof__item-ttl {
  position: relative;
  padding-left: calc(20 * var(--px));
  font-family: var(--notoserif);
  font-size: var(--f20);
  font-weight: var(--fwm);
}
.doctor-prof__item-ttl::before {
  position: absolute;
  content: "";
  width: calc(12 * var(--px));
  aspect-ratio: 1;
  top: calc(50% - 6 * var(--px));
  left: 0;
  z-index: 1;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
  background-color: #ad9bd1;
}
.doctor-prof__cont {
  font-size: var(--f17);
}
.doctor-prof__cont:has(.doctor-prof__cont-year) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.doctor-prof__cont-year {
  min-width: 4em;
}
.doctor-prof__cont-month {
  min-width: 2.5em;
  text-align: right;
}
.doctor-prof__cont-txt {
  width: calc(100% - (6em + 4px + 30 * var(--px)));
  margin-left: calc(30 * var(--px));
}
@media screen and (max-width: 834px) {
  .doctor-prof__cont-txt {
    width: calc(100% - (6em + 4px + 15 * var(--px)));
    margin-left: calc(15 * var(--px));
  }
}

.doctor-ttl {
  font-family: var(--inter);
  font-size: var(--f60);
  font-weight: var(--fwm);
  text-align: center;
}

.doctor-inter {
  margin-top: calc(140 * var(--px));
}
@media screen and (max-width: 834px) {
  .doctor-inter {
    margin-top: calc(50 * var(--px));
  }
}
.doctor-inter .doctor-ttl {
  margin-bottom: calc(30 * var(--px));
  color: #dc88cc;
}
@media screen and (max-width: 834px) {
  .doctor-inter .doctor-ttl {
    margin-bottom: calc(10 * var(--px));
  }
}
.doctor-inter .doctor-ttl + p {
  max-width: calc(657 * var(--px));
  margin: 0 auto;
}
.doctor-inter__list {
  margin-top: calc(80 * var(--px));
}
@media screen and (max-width: 834px) {
  .doctor-inter__list {
    margin-top: calc(40 * var(--px));
  }
}
.doctor-inter__item:has(.doctor-inter__item-cont) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: calc(90 * var(--px));
}
@media screen and (max-width: 1100px) {
  .doctor-inter__item:has(.doctor-inter__item-cont) {
    gap: calc(40 * var(--px));
  }
}
@media screen and (max-width: 834px) {
  .doctor-inter__item:has(.doctor-inter__item-cont) {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: calc(30 * var(--px));
  }
}
@media screen and (min-width: 835px) {
  .doctor-inter__item:has(.doctor-inter__item-cont):nth-of-type(odd) {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.doctor-inter__item:not(:first-of-type) {
  margin-top: calc(110 * var(--px));
}
@media screen and (max-width: 834px) {
  .doctor-inter__item:not(:first-of-type) {
    margin-top: calc(50 * var(--px));
  }
}
.doctor-inter__item:last-of-type {
  max-width: calc(960 * var(--px));
  margin-left: auto;
  margin-right: auto;
}
.doctor-inter__item:last-of-type .doctor-inter__ttl,
.doctor-inter__item:last-of-type .under__section-title,
.doctor-inter__item:last-of-type p {
  max-width: calc(860 * var(--px));
  margin-left: auto;
  margin-right: auto;
}
.doctor-inter__item:last-of-type p:not(.under__section-title) {
  margin-bottom: calc(70 * var(--px));
}
@media screen and (max-width: 834px) {
  .doctor-inter__item:last-of-type p:not(.under__section-title) {
    margin-bottom: calc(30 * var(--px));
  }
}
.doctor-inter__item-cont {
  max-width: calc(560 * var(--px));
}
.doctor-inter__item .under__section-title {
  margin: calc(40 * var(--px)) 0 calc(30 * var(--px));
  font-size: var(--f32);
}
@media screen and (max-width: 834px) {
  .doctor-inter__item .under__section-title {
    margin: calc(10 * var(--px)) 0 calc(15 * var(--px));
  }
}
.doctor-inter__img {
  max-width: calc(650 * var(--px));
}
.doctor-inter__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: calc(13 * var(--px));
  font-size: var(--f24);
  font-weight: var(--fwn);
}
.doctor-inter__ttl-num {
  width: calc(50 * var(--px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  aspect-ratio: 1;
  font-family: var(--inter);
  font-size: var(--f18);
  color: #fff;
  background: url(../img/doctor/inter-num_bg.webp) no-repeat center center/cover;
}
@media screen and (max-width: 834px) {
  .doctor-inter__ttl-num {
    width: calc(40 * var(--px));
  }
}
.doctor-inter__bnr {
  max-width: calc(760 * var(--px));
  margin: calc(120 * var(--px)) auto 0;
  display: block;
  border-radius: calc(20 * var(--px));
  -webkit-border-radius: calc(20 * var(--px));
  overflow: hidden;
}
@media screen and (max-width: 834px) {
  .doctor-inter__bnr {
    margin: calc(50 * var(--px)) auto 0;
  }
}

.doctor-team {
  margin-top: calc(140 * var(--px));
  padding-top: calc(140 * var(--px));
  background-color: #fff;
}
@media screen and (max-width: 834px) {
  .doctor-team {
    margin-top: calc(50 * var(--px));
    padding-top: calc(50 * var(--px));
  }
}
.doctor-team .doctor-ttl {
  color: #76bbaf;
}
.doctor-team__list {
  margin-top: calc(90 * var(--px));
}
@media screen and (max-width: 834px) {
  .doctor-team__list {
    margin-top: calc(30 * var(--px));
  }
}
.doctor-team__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: calc(40 * var(--px));
}
@media screen and (min-width: 835px) {
  .doctor-team__item {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 834px) {
  .doctor-team__item {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: calc(20 * var(--px));
  }
}
.doctor-team__item:not(:first-of-type) {
  margin-top: calc(120 * var(--px));
}
@media screen and (max-width: 834px) {
  .doctor-team__item:not(:first-of-type) {
    margin-top: calc(50 * var(--px));
  }
}
.doctor-team__cont {
  max-width: calc(660 * var(--px));
}
.doctor-team__img {
  max-width: calc(460 * var(--px));
}
.doctor-team__name {
  margin-bottom: calc(40 * var(--px));
  font-size: var(--f18);
  font-weight: var(--fwn);
}
@media screen and (max-width: 834px) {
  .doctor-team__name {
    margin-bottom: calc(20 * var(--px));
  }
}
.doctor-team__name span {
  display: inline-block;
  margin-left: calc(15 * var(--px));
  font-size: 1.77em;
}
.doctor-team__career {
  margin-top: calc(40 * var(--px));
  padding: calc(40 * var(--px)) calc(50 * var(--px));
  background-color: #f9f6f1;
  border-radius: calc(10 * var(--px));
  -webkit-border-radius: calc(10 * var(--px));
}
@media screen and (max-width: 834px) {
  .doctor-team__career {
    margin-top: calc(20 * var(--px));
    padding: calc(20 * var(--px)) calc(20 * var(--px));
  }
}
.doctor-team__career .doctor-prof__item-ttl::before {
  background-color: #5c9fb1;
}
.doctor-team__career .doctor-prof__cont {
  margin-left: calc(20 * var(--px));
}