@charset "utf-8";

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


  ◇◆◇ 院長紹介 ◇◆◇
  
  
========================================================================================================================*/

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

  見出し画像
  
----------------------------------------------------------------------------------------------------*/

.pgHeadline { background-color:#f5f5f5; }
.pgHeadline h2 { background-image:url(../image/pgHeadline.jpg?d=0821); }


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

  院長紹介
  
----------------------------------------------------------------------------------------------------*/

.doctor-photo {
  display:block;
  width:300px;
  float:left;
  vertical-align:top;
}

.doctor-photo img {
  max-width:300px;
  border-radius:4px;
}

.doctorName {
  width:750px;
  text-align:center;
  float:right;
  font-size:175.0%;
  font-weight:500;
  margin-top:30px;
}

.font-large .doctorName {
  margin-top:0;
}

.doctorName b {
  color:#2980c2;
  font-size:137.5%;
  font-weight:500;
  display:inline-block;
  margin-left:0.25em;
}

.doctorName rt {
  font-size:37.5%;
  font-weight:normal;
}

.no-ruby .doctorName ruby {
  display:inline-block;
  position:relative;
}

.no-ruby .doctorName rt {
  position:absolute;
  width:100%;
  left:0;
  top:-1em;
  text-align:center;
  white-space:nowrap;
}

.doctorName b span {
  font-size:77.5%;
}

@media screen and (max-width:767px) {
  .doctor-photo {
    width:100%;
    float:none;
    display:block;
    text-align:center;
    margin-top:1em;
  }
  
  .doctor-photo img {
    width:60%;
    max-width:250px;
  }
  
  .doctorName {
    width:100%;
    float:none;
    text-align:center;
    font-size:156.2%;
    margin-top:0;
  }
}

@media screen and (max-width:640px) {
  .doctorName {
    font-size:143.8%;
  }
}

@media screen and (max-width:500px) {
  .doctor-photo {
    margin-top:0.75em;
  }
  
  .doctorName b {
    display:block;
    margin-left:0;
    padding-top:0.15em;
  }
  
  .no-ruby .doctorName b {
    padding-top:0.25em;
  }
}


/*-----------------------------------------------------------------------------------
  理念
-----------------------------------------------------------------------------------*/

.rinen-warp {
  width:750px;
  float:right;
  background:url(../../image/lineDiag-rgreen.png) repeat left top;
  border-radius:4px;
  padding:6px;
  position:relative;
  box-sizing:border-box;
  margin-top:74px;
}

.font-large .rinen-warp {
  margin-top:60px;
}

.rinen {
  background-color:#fff;
  border-radius:4px;
  padding:2.25em 1.5em 1.5em 1.5em;
  text-align:center;
}

.rinen-headline {
  white-space:nowrap;
  display:inline-block;
  background-color:#91cb6a;
  color:#fff;
  font-weight:500;
  padding:0.25em 3em;
  font-size:137.5%;
  border-radius:1.5em;
  box-sizing:border-box;
  border:4px solid #fff;
  position:absolute;
  top:-1em;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
}

.rinen ol {
  font-weight:400;
  display:inline-block;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  list-style-type:none;
  font-size:125.0%;
}

.rinen li {
  counter-increment:list;
  position:relative;
  padding-left:2em;
  margin-top:0.5em;
}

.rinen li:before {
  content:counter(list);
  display:inline-block;
  vertical-align:text-bottom;
  width:1.5em;
  height:1.5em;
  line-height:1.5em;
  margin-left:-2.75em;
  margin-right:0.75em;
  font-size:75.0%;
  text-align:center;
  color:#fff;
  background:#aedd8d;
  border:3px solid #aedd8d;
  border-radius:100%;
}

@media screen and (max-width:767px) {
  .rinen-warp {
    padding:5px;
    margin-top:2.5em;
    background-size:16px auto;
    width:100%;
    float:none;
  }

  .rinen {
    padding:2em 1.25em 1.25em 1.25em;
  }
}

@media screen and (max-width:640px) {
  .rinen {
    padding:1.75em 1em 1em 1em;
  }
}

@media screen and (max-width:500px) {
  .rinen-warp {
    padding:4px;
    margin-top:2.25em;
    background-size:16px auto;
  }
  
  .rinen {
    padding-top:2em;
  }
  
  .rinen li {
    margin-top:0.25em;
  }
}


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

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

.keireki-warp {
  background-color:#eff7e9;
  margin-top:0;
}

.keireki {
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
}

.keireki-headline {
  color:#7cbd51;
  font-size:175.0%;
  font-weight:500;
  line-height:1;
}

.keireki dl {
  max-width:550px;
  float:left;
  text-align:left;
  margin-top:0.5em;
}

.keireki dt {
  width:7em;
  float:left;
  clear:both;
}

.keireki dd {
  margin-left:7em;
}

.keireki dt,
.keireki dd {
  padding-top:0.5em;
}

.keireki-photo {
  max-width:500px;
  float:right;
  border-radius:4px;
  margin-top:-1em;
}

.font-large .keireki-photo {
  margin-top:0;
}

@media screen and (max-width:767px) {
  .keireki-headline {
    font-size:187.5%;
    color:inherit;
  }

  .keireki-headline span {
    padding:0 0.75em 0.55em 0.75em;
    display:inline-block;
    border-bottom-style:solid;
    border-bottom-width:2px;
    border-bottom-color:#91cb6a;
    position:relative;
  }

  .keireki-headline span:before,
  .keireki-headline span:after {
    content:"";
    width:8px;
    height:8px;
    border-radius:8px;
    position:absolute;
    bottom:-5px;
    background-color:#91cb6a;
  }
  
  .keireki-headline span:before { left:0; }
  .keireki-headline span:after { right:0; }
  
  .keireki {
    text-align:center;
  }
  
  .keireki dl {
    float:none;
    display:inline-block;
    margin-top:0;
  }

  .keireki dt,
  .keireki dd {
    padding-top:0.25em;
  }
  
  .keireki-photo {
    width:100%;
    float:none;
    margin-top:1.75em;
    margin-bottom:0.75em;
  }
}

@media screen and (max-width:500px) {
  .keireki-headline {
    font-size:175.0%;
  }
  
  .keireki-photo {
    margin-top:1.5em;
    margin-bottom:0.5em;
  }
}


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

  ごあいさつ
  
----------------------------------------------------------------------------------------------------*/

.message {
  padding-top:40px;
}

.message p {
  padding-top:1.5em;
}

.message p:first-child {
  padding-top:0;
}

@media screen and (max-width:767px) {
  .message {
    padding-top:1.75em;
  }

  .message p {
    padding-top:1.25em;
  }
}

@media screen and (max-width:500px) {
  .message {
    padding-top:1.5em;
  }

  .message p {
    padding-top:1em;
  }
}