@charset "utf-8";

.l-ctVisual {
  background-image:url(../image/ctVisual.jpg);
}

@media print,screen and (min-width:641px) {
  .sec {
    padding-top:80px;
    padding-bottom:100px;
  }
}

@media screen and (max-width:640px) {
  .sec {
    padding-top:2.5em;
    padding-bottom:2.5em;
  }
}


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

  診療時間
  
----------------------------------------------------------------------------------------------------*/

.hrs {
  max-width:740px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

@media print,screen and (min-width:641px) {
  .hrs {
    padding-bottom:80px;
  }
}

@media screen and (max-width:640px) {
  .hrs {
    padding-bottom:3em;
  }
}


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

  医院概要
  
----------------------------------------------------------------------------------------------------*/

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

.cinfoTbl {
  width:100%;
  min-width:360px;
  border-collapse:collapse;
  border:2px solid #cde6af;
}

.cinfoTbl th,
.cinfoTbl td {
  line-height:1.4;
  border:1px solid #cde6af;
}

.cinfoTbl th {
  background-color:#f1f8e8;
  font-weight:500;
}

.cinfoTbl td {
  text-align:left;
  vertical-align:middle;
}

.cinfoYoyaku {
  border:2px dotted #afd780;
  text-align:center;
  padding:1em;
  line-height:1.4;
}

@media print,screen and (min-width:641px) {
  .cinfo {
    padding-bottom:80px;
  }

  .cinfoTbl th,
  .cinfoTbl td {
    padding:1em;
  }
  
  .cinfoYoyaku {
    margin-top:40px;
  }
}

@media screen and (max-width:640px) {
  .cinfo {
    padding-bottom:2.5em;
  }
  
  .cinfoTbl th {
    width:25%;
    min-width:7em;
  }

  .cinfoTbl th,
  .cinfoTbl td {
    padding:0.8em;
  }
  
  .cinfoYoyaku {
    margin-top:1.5em;
  }
}


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

  マップ
  
----------------------------------------------------------------------------------------------------*/

.map iframe {
  width:100%;
  height:100%;
  vertical-align:bottom;
}

@media print,screen and (min-width:641px) {
  .map {
    height:550px;
  }
}

@media screen and (max-width:640px) {
  .map {
    height:-webkit-calc(500 / 640 * 100vw);
    height:calc(500 / 640 * 100vw);
    min-height:300px;
  }
}