@charset "utf-8";

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


  ◇◆◇ トップページ ◇◆◇
  
  
========================================================================================================================*/

@media screen and (max-width:640px) {
  #ct {
    padding-top:0;
  }
}


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

  hero
  
----------------------------------------------------------------------------------------------------*/

#hero {
  width:100%;
  height:480px;
  line-height:0;
  background:url(../image/top/hero-bg_pc.jpg) no-repeat center top;
  background-color:#fddae2;
}

#hero h2 {
  width:1100px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

@media screen and (max-width:640px) {
  #hero {
    height:inherit;
    background:none;
  }
  
  #hero h2 {
    width:100%;
  }
  
  #hero h2:after {
    content:"";
    display:block;
    width:100%;
    height:0;
    padding-top:52.25%;
    margin-top:-15%;
    background:url(../image/top/hero-b_sp.png) no-repeat center top;
    background-size:contain;
    z-index:2;
    position:relative;
  }
}

@media print {
  #hero h2:after {
    content:url(../image/top/hero_pc.png);
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
  }
}


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

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

.mess {
  margin-left:-22px;
  margin-top:-20px;
  line-height:0;
}

.mess img {
  max-width:844px;
}

@media screen and (max-width:640px) {
  .mess {
    margin-left:-2.5%;
    margin-right:-2.5%;
    margin-top:0;
  }
  
  .mess img {
    max-width:100%;
    margin-top:-11%;
    z-index:3;
    position:relative;
  }
}

@media print {
  .mess:after {
    content:url(../image/top/mess_pc.png);
    max-width:844px;
  }
}


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

  お知らせ
  
----------------------------------------------------------------------------------------------------*/

.info {
  margin-top:40px;
}

.info ul {
  list-style:none;
}

.info li {
  border-left:1px solid #e8e0dc;
  border-right:1px solid #e8e0dc;
  border-bottom:1px solid #f2edeb;
  background-color:#fff;
  padding:25px;
  box-sizing:border-box;
}

.info li:last-child {
  border-bottom:1px solid #e8e0dc;
}

.info li:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.info--title {
  display:inline-block;
  padding-bottom:0.25em;
  padding-left:1.1em;
}

.info li .info--tmb {
  width:200px;
  display:inline-block;
  float:left;
  line-height:0;
}

.info li .info--tmb a {
  position:relative;
  line-height:0;
}

.info li .info--tmb a:after {
  content:url(../image/ic-zoom.png);
  position:absolute;
  right:0.5em;
  bottom:1em;
  z-index:3;
}

.info li p {
  margin-left:200px;
  padding-left:1.5em;
}

@media screen and (max-width:640px) {
  .info {
    margin-top:2.5em;
    margin-left:-1em;
    margin-right:-1em;
  }

  .info li {
    border-left:0;
    border-right:0;
    padding:1.25em 1em;
  }
  
  .info li:last-child {
    border-bottom:1px solid #f2edeb;
  }
  
  .info--title {
    display:block;
    padding-left:0;
  }
  
  .info li .info--tmb {
    width:35%;
    margin-top:0.25em;
  }

  .info li p {
    margin-left:35%;
    padding-left:1.25em;
  }
}

@media screen and (max-width:500px) {
  .info {
    margin-top:2em;
  }
  
  .info li .info--tmb {
    display:block;
    width:100%;
    text-align:center;
    margin-left:0;
    margin-top:0.5em;
    margin-bottom:1em;
  }
  
  .info li .info--tmb img {
    max-width:200px;
  }
  
  .info li.info-noimage .info--tmb {
    display:none;
  }

  .info li p {
    margin-left:0;
    padding-left:0;
  }
}


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

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

.sd-top {
  margin-top:30px;
  padding-top:10px;
  box-sizing:border-box;
  min-height:305px;
  position:relative;
  border-bottom:3px solid #fbabc3;
}

.sd-photo {
  position:absolute;
  right:0;
  top:0;
}

.sd-top p {
  margin-top:-1em;
  padding-left:138px;
  padding-bottom:115px;
}

.sd-top:after {
  height:80px;
  line-height:0;
  content:url(../image/top/sd-name-en.png);
  position:absolute;
  left:0;
  bottom:0;
}

.sd {
  border-left:1px solid #e8e0dc;
  border-right:1px solid #e8e0dc;
  border-bottom:1px solid #e8e0dc;
  background-color:#fff;
  box-sizing:border-box;
  padding-left:30px;
  padding-right:30px;
}

.sd .kLine.start {
  display:none;
}

.sd-block {
  padding:30px 0;
  box-sizing:border-box;
}

.sd-block--title {
  line-height:0;
  text-align:center;
  padding-top:0.5em;
  padding-bottom:1.75em;
}

.sd-block--title img {
  max-width:580px;
}

.sd-block--title02 {
  margin-top:-1em;
}

.sd-block p {
  padding-top:1.5em;
}

.sd-block p.start {
  padding-top:0;
}

.sd-block--photoL {
  float:left;
  margin-right:30px;
}

.sd-block--photoR {
  float:right;
  margin-left:30px;
}

.sd-block--img03 {
  line-height:0;
}

@media screen and (max-width:640px) {
  .sd-top {
    margin-top:1.5em;
    margin-left:-1em;
    margin-right:-1em;
    padding-top:0;
    min-height:inherit;
    position:inherit;
    border-bottom:none;
  }
  
  .sd-name {
    display:block;
    line-height:0;
  }

  .sd-photo,
  .sd-top:after {
    display:none;
  }

  .sd-block--title img {
    max-width:100%;
  }

  .sd-top p {
    margin-top:0;
    padding-left:0;
    padding-top:1.5em;
    padding-bottom:1.5em;
    background-color:#fff;
    padding-left:1em;
    padding-right:1em;
    border-top:3px solid #fbabc3;
  }
  
  .sd-top p .sp-none {
    display:none;
  }
  
  .sd {
    border-left:0;
    border-right:0;
    border-bottom:0;
    padding-left:1em;
    padding-right:1em;
    margin-left:-1em;
    margin-right:-1em;
  }

  .sd .kLine.start {
    display:inherit;
  }
  
  .sd-block {
    padding:1.5em 0;
  }

  .sd-block p {
    padding-top:1em;
  }
  
  .sd-block--photoL,
  .sd-block--photoR {
    max-width:31.25%;
    margin-bottom:0.5em;
  }

  .sd-block--photoL {
    margin-right:1em;
  }
  
  .sd-block--photoR {
    margin-left:1em;
  }
}

@media screen and (max-width:500px) {
  .sd-top p {
    padding-top:1.25em;
    padding-bottom:1em;
  }
  
  .sd-block {
    padding:1em 0;
  }
  
  .sd-block--title {
    padding-bottom:1.25em;
  }
  
  .sd-block--img03 {
    padding-bottom:0.5em;
  }
}

@media print {
  .sd-name:before {
    content:url(../image/top/sd-name_pc.png);
  }
  
  .sd-block--img03:after {
    content:url(../image/top/sd-img03_pc.gif);
  }
}