@charset "utf-8";

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


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

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

  message
  
----------------------------------------------------------------------------------------------------*/

#message-warp {
  background:url(../image/mess_bg.jpg) no-repeat center bottom;
  background-size:cover;
  background-color:#aed8fb;
}

#message-warp .pan {
  background-color:rgba(255,255,255,0.4);
}

.no-rgba #message-warp .pan {
  background-color:#d6eafb;
}

#message {
  font-family:"NotoSerif";
  font-weight:300;
  padding-top:80px;
  padding-bottom:150px;
}

#message h2 {
  font-weight:normal;
  font-weight:400;
  font-size:175%;
}

#message p {
  padding-top:1em;
  font-size:112.5%;
}

#message p .pc-none { display:none; }

@media screen and (max-width:640px) {
  #message {
    padding-top:50px;
    padding-bottom:120px;
    font-size:90%;
  }
  
  #message h2 { font-weight:500; }
  
  #message p .pc-none { display:inherit; }
}

@media screen and (max-width:500px) {
  #message {
    font-size:3vw;
  }
}

@media screen and (max-width:420px) {
  #message {
    padding-top:40px;
    padding-bottom:90px;
  }
}


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

  紹介
  
----------------------------------------------------------------------------------------------------*/

.sname {
  font-family:"NotoSerif";
  font-weight:300;
  border:1px solid #f2b84a;
  background-color:#f2b84a;
  color:#fff;
  display:inline-block;
  padding:0 0.5em;
  vertical-align:middle;
}

.sname02 {
  font-family:"NotoSerif";
  font-weight:300;
  border:1px solid #f2b84a;
  color:#f2b84a;
  background-color:#fff;
  display:inline-block;
  padding:0 0.5em;
  vertical-align:middle;
  box-sizing:border-box;
}

.name {
  font-family:"NotoSerif";
  font-weight:500;
  display:inline-block;
  font-size:212.5%;
  vertical-align:middle;
  margin-left:0.5em;
  margin-bottom:0.15em;
  position:relative;
}

.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;
}

.name .kana-m {
  letter-spacing:1.75em;
  margin-left:0.75em;
}

.fukuincho .name .kana-n {
  letter-spacing:0.25em;
  margin-left:-0.1em;
}

.fukuincho .name .kana-n small {
  display:inline-block;
  margin-left:0.75em;
}

.incho {
  padding-top:60px;
  padding-bottom:60px;
}

.incho .pf { padding-top:50px; }

.fukuincho,
.riji {
  border-top:1px solid #dcdad6;
  padding-top:50px;
  padding-bottom:60px;
}

@media screen and (max-width:640px) {
  .incho { padding-top:2rem; padding-bottom:2rem; }
  
  .fukuincho { padding-top:2rem; padding-bottom:2rem; }
  
  .incho.ctBlock,
  .fukuincho .ctBlock { text-align:center; }
  
  .name { font-size:200%; }
  
  .incho .pf { padding-top:2rem; }
  
  .fukuincho .pf { padding-top:1rem; }
}


/*-----------------------------------------------------------------------------------
  院長挨拶
-----------------------------------------------------------------------------------*/

.aisatsu .photo {
  display:inline-block;
  max-width:375px;
  float:right;
  margin-left:40px;
  margin-bottom:20px;
}

.aisatsu p {
  padding-top:0.75em;
  text-indent:1em;
  text-align:left;
}

@media screen and (max-width:640px) {
  .aisatsu {
    min-height:inherit;
    padding-left:0;
  }
  
  .aisatsu .photo {
    max-width:inherit;
    display:block;
    text-align:center;
    float:none;
    margin-left:inherit;
    margin-bottom:1.5rem;
  }
  
  .aisatsu .photo img {
    max-width:400px;
    width:100%;
  }
  
  .aisatsu p br.sp-none {
    display:none;
  }
}


/*-----------------------------------------------------------------------------------
  経歴・資格
-----------------------------------------------------------------------------------*/

.pf { text-align:left; }

.pf_block {
  background-color:#fff;
  box-sizing:border-box;
  position:relative;
  padding:30px;
  margin-top:20px;
}

.pf .pf_block:first-child {
  margin-top:0;
}

.pf_block h3 {
  font-family:"NotoSerif";
  font-weight:400;
  font-size:150%;
  position:absolute;
  left:60px;
  top:22px;
}

.pf_block h3.space {
  letter-spacing:2em;
}

.pf__data {
  padding-left:180px;
}

.pf_block ul {
  list-style:none;
}

@media screen and (max-width:640px) {
  .pf_block {
    padding:1rem 1rem 1.25rem 1rem;
    margin-top:1rem;
  }
  
  .pf_block h3 {
    position:inherit;
    left:inherit;
    top:inherit;
    padding-bottom:0.5rem;
  }

  .pf_block h3.space {
    letter-spacing:0.5em;
  }
  
  .pf__data {
    padding-left:0;
  }
}


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

.keireki dt {
  float:left;
}

.keireki01 dd { margin-left:14.75em; }
.keireki02 dd { margin-left:7em; }

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


.keireki dt:first-child,
.keireki dt:first-child+dd {
  padding-top:0;
}

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

@media screen and (max-width:640px) {
  .keireki01 dt { float:none; padding-top:0.75em; }
  .keireki01 dd { margin-left:0; padding-left:1em; padding-top:0; }
}


/* リストマーク /-------------------------------------------------------------------- */

.list-mk li:before {
  width:1.5em;
  height:1em;
  content:"●";
  color:#b3ae9a;
  font-size:75%;
  display:inline-block;
  margin-left:-1.5em;
  vertical-align:text-top;
}

.list-mk li {
  padding-left:1.5em;
  padding-top:0.25em;
}

.list-mk li:first-child {
  padding-top:0;
}