@charset "utf-8";

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


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

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

  挨拶
  
----------------------------------------------------------------------------------------------------*/

.aisatsu {
  text-align:left;
}

@media print,screen and (min-width:768px) {
  .aisatsu {
    width:1100px;
    min-height:580px;
    box-sizing:border-box;
    margin-left:auto;
    margin-right:auto;
    position:relative;
  }
  
  .aisatsu__head {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:-20px;
    padding-top:100px;
    padding-left:490px;
    box-sizing:border-box;
  }
  
  .aisatsu__head:before {
    content:"";
    display:block;
    width:600px;
    height:100%;
    background:url(../image/photo.jpg) no-repeat left top;
    position:absolute;
    left:-115px;
    top:0;
  }
  
  .aisatsu__head h3 {
    display:block;
    height:126px;
    background:url(../image/name-pc.png) no-repeat left top;
  }
  
  .aisatsu__txt {
    position:absolute;
    left:570px;
    top:260px;
  }
}

@media screen and (max-width:767px) {
  .aisatsu {
    padding-top:1em;
  }
  
  .aisatsu__head-warp {
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
  }
  
  .aisatsu__head {
    position:relative;
    height:0;
    padding-top:75.6%;
    overflow:hidden;
  }
  
  .aisatsu__head:before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:url(../image/photo.jpg) no-repeat right top;
    background-size:contain;
    position:absolute;
    right:4%;
    top:0;
  }
  
  .aisatsu__head h3 {
    width:100%;
    height:100%;
    background:url(../image/name-sp.png) no-repeat left bottom;
    background-size:contain;
    position:absolute;
    left:0;
    bottom:4%;
  }
  
  .aisatsu__txt {
    padding:1.5em 1.3em 0 1.3em;
  }
}

@media screen and (max-width:500px) {
  .aisatsu__txt {
    padding:1em 1em 0 1em;
  }
}


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

  所属学会・資格取得 ／ 経歴
  
----------------------------------------------------------------------------------------------------*/

.prof {
  text-align:left;
}
  
.prof dl {
  border-left:1px solid rgba(130,110,180,0.4);
  box-sizing:border-box;
}
  
@media print,screen and (min-width:768px) {
  .prof {
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    padding-top:30px;
    padding-bottom:60px;
  }
  
  .prof dl {
    width:530px;
    padding-left:1.5em;
  }
}

.prof dt {
  padding-bottom:0.4em;
  line-height:1.4;
  font-family:"NotoSerif";
  font-weight:300;
  color:#826eb4;
}

@media screen and (max-width:767px) {
  .prof {
    padding:0 1.3em 2em 1.3em;
  }
  
  .prof dl {
    margin-top:2em;
    padding-left:1em;
  }
  
  .prof dt {
    font-size:137.5%;
    padding-bottom:0.25em;
  }
}

@media screen and (max-width:500px) {
  .prof {
    padding-left:1em;
    padding-right:1em;
    padding-bottom:1.5em;
  }
  
  .prof dl {
    margin-top:1.5em;
  }
}


/*-----------------------------------------------------------------------------------
  所属学会・資格取得
-----------------------------------------------------------------------------------*/

@media print,screen and (min-width:768px) {
  .prof__shikaku {
    float:left;
  }
}

.prof__shikaku dd {
  padding-left:1.25em;
}

.prof__shikaku dd:before {
  content:"●";
  font-size:75.0%;
  color:#a192c7;
  display:inline-block;
  margin-right:0.5em;
  margin-left:-1.5em;
}


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

@media print,screen and (min-width:768px) {
  .prof__keireki {
    float:right;
  }
}

.prof__keireki dd span {
  display:inline-block;
  width:4em;
  margin-left:-4em;
  color:#826eb4;
}

.prof__keireki dd {
  padding-left:4em;
}