@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ ドクター紹介 ◇◆◇
  
  
========================================================================================================================*/

.prof {
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}

.prof .photo {
  border-radius:0.5rem;
}

.prof_name {
  display:inline-block;
}

.prof_name .sname {
  display:inline-block;
  color:#fff;
  background-color:#5798d9;
  border-radius:100%;
  box-sizing:border-box;
  width:4.5em;
  height:4.5em;
  line-height:4.5em;
  text-align:center;
}

.prof_name .name {
  font-family:"NotoSans";
  font-weight:500;
  display:inline-block;
  vertical-align:middle;
  margin-left:1em;
  margin-top:0.25em;
  position:relative;
}

.prof_name .kana {
  width:100%;
  display:block;
  font-weight:200;
  font-size:37.5%;
  position:absolute;
  top:-0.75em;
  left:0;
  white-space:nowrap;
  text-align:center;
  letter-spacing:0.3em;
  margin-left:0.1em;
}

@media print,screen and (min-width:641px) {
  .prof {
    padding-top:60px;
    padding-bottom:60px;
    text-align:left;
  }
  
  .prof_name {
    float:left;
    padding-top:1rem;
  }
  
  .prof_name .name { font-size:212.5%; }
  
  .prof .photo {
    float:right;
    width:300px;
  }
}

@media screen and (max-width:640px) {
  .prof {
    padding:2rem 1rem 1.5rem 1rem;
  }
  
  .prof_name {
    margin-top:-1.5rem;
    display:block;
    z-index:1;
    position:relative;
  }
  
  .prof_name .name { font-size:187.5%; }
  
  .prof_name .name-wrap {
    display:block;
    padding-top:1rem;
  }
  
  .prof_name .name:first-child {
    margin-left:0;
  }
  
  .prof .photo {
    width:250px;
  }
}


/*-----------------------------------------------------------------------------------
  経歴
-----------------------------------------------------------------------------------*/

.prof_keireki {
  padding-top:1.5rem;
  text-align:left;
  display:inline-block;
}

.prof_keireki dt,
.prof_keireki dd {
  padding-top:0.25em;
}

.prof_keireki dt {
  width:4.5em;
  float:left;
}

.prof_keireki dd { margin-left:4.5em; }
.prof_keireki dd:last-child { margin-left:0; }

.prof_keireki dd:after {
  content:"";
  display:block;
  clear:both;
}

@media print,screen and (min-width:641px) {
  .prof_keireki {
    float:left;
    clear:left;
    padding-left:6.75em;
  }
}


/*----------------------------------------------------------------------------------------------------

  資格・所属学会など
  
----------------------------------------------------------------------------------------------------*/

.shikaku {
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  box-sizing:border-box;
}

.shikaku dt {
  font-family:"NotoSans";
  font-weight:500;
  padding-bottom:0.5em;
  font-size:118.8%;
}

.shikaku ul {
  margin-left:1.25em;
}

@media print,screen and (min-width:641px) {
  .shikaku {
    background-color:#eef5fc;
    padding:2.5rem;
  }
  
  .shikaku dl {
    float:left;
  }
  
  .shikaku dl:first-child {
    width:40%;
  }
  
  .shikaku dl:nth-child(n+2) {
    width:30%;
  }
}

@media screen and (max-width:640px) {
  .shikaku {
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .shikaku dl {
    padding:1.5rem;
    background-color:#eef5fc;
    margin-top:1rem;
  }
}


/*----------------------------------------------------------------------------------------------------

  実績
  
----------------------------------------------------------------------------------------------------*/

.jisseki dl {
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  box-sizing:border-box;
  border-top:1px solid #dcdee2;
}

.jisseki dt {
  font-family:"NotoSans";
  font-weight:500;
}

.jisseki dd li {
  padding-top:1rem;
}

@media print,screen and (min-width:641px) {
  .jisseki {
    padding-top:20px;
    padding-bottom:100px;
  }
  
  .jisseki dl {
    margin-top:50px;
  }
  
  .jisseki dt {
    padding-top:50px;
    padding-bottom:1.5rem;
    font-size:156.2%;
  }
}

@media screen and (max-width:640px) {
  .jisseki {
    padding-bottom:2.5rem;
    padding-left:1rem;
    padding-right:1rem;
  }
  
  .jisseki dl {
    margin-top:2.5rem;
  }
  
  .jisseki dt {
    padding-top:1.5rem;
    padding-bottom:1rem;
    font-size:137.5%;
  }
}