@charset "utf-8";

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


  ◇◆◇ アクセス ◇◆◇
  
  
========================================================================================================================*/

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

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

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


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

  住所・TEL
  
----------------------------------------------------------------------------------------------------*/

.ad {
  text-align:center;
  padding-bottom:40px;
}

.ad h3 {
  font-size:175.0%;
  font-weight:500;
}

.ad p {
  line-height:1.5;
  padding-top:0.25em;
  padding-bottom:0.25em;
}

.ad .telLinkBtn {
  font-family:"Rounded Mplus 1c-b","Meiryo","メイリオ","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック",sans-serif;
  font-weight:500;
  font-size:200.0%;
  color:#2980c2;
}

.ad .telLinkBtn .taptocall--ic {
  font-size:75.0%;
}

@media screen and (max-width:767px) {
  .ad {
    padding-bottom:1.75em;
  }
  
  .ad p {
    padding-bottom:1em;
  }
  
  .ad .telLinkBtn {
    font-size:100%;
    text-align:center;
  }
}

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


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

  写真
  
----------------------------------------------------------------------------------------------------*/

.photo,
.photoB {
  margin-bottom:40px;
}

.photo img {
  border-radius:4px;
  vertical-align:bottom;
}

.photoB {
  text-align:center;
}

.photo-txt {
  padding-top:0.75em;
  text-align:center;
}

.photoS {
  list-style:none;
}

.photoS li {
  width:535px;
  float:left;
  text-align:center;
  box-sizing:border-box;
}

.photoS li:last-child {
  margin-left:30px;
}

.photo-txt .pc-none {
  display:none;
}

@media screen and (max-width:767px) {
  .photo,
  .photoB {
    margin-bottom:1.75em;
  }
  
  .photoB img {
    width:100%;
    max-width:600px;
  }
  
  .photoS li {
    width:100%;
    float:none;
  }

  .photoS li:last-child {
    margin-left:0;
    margin-top:1.5em;
  }

  .photo-txt .pc-none {
    display:inherit;
  }
}

@media screen and (max-width:500px) {
  .photo,
  .photoB {
    margin-bottom:1.5em;
  }
}


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

  MAP
  
----------------------------------------------------------------------------------------------------*/

#gmap {
	width:100%;
	height:600px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
  border-radius:4px;
}

@media screen and (max-width:640px) {
  #gmap {
    height:400px;
  }
}

@media screen and (max-width:500px) {
	#gmap {
		height:300px;
	}
}


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

  バスでご来院の場合
  
----------------------------------------------------------------------------------------------------*/

.forBusTbl {
  border-collapse:separate;
  border-spacing:0;
  margin-top:40px;
}

.forBusTbl thead th {
  background-color:#91cb6a;
  color:#fff;
  text-align:center;
  border-left:1px solid #add88f;
  border-bottom:3px solid rgba(0,0,0,0.1);
  white-space:nowrap;
}

.forBusTbl thead th:first-child { border-radius:4px 0 0 0; border-left:0; }
.forBusTbl thead th:last-child { border-radius:0 4px 0 0; }

.forBusTbl th,
.forBusTbl td {
  text-align:center;
  vertical-align:middle;
  padding:1em 0.75em;
}

.forBusTbl thead th {
  padding:0.5em;
  font-size:118.8%;
  font-family:"Rounded Mplus 1c";
  font-weight:normal;
}

.forBusTbl tbody th {
  font-weight:normal;
  text-align:left;
}

.forBusTbl tbody tr:first-child th:first-child {
  text-align:center;
}

.forBusTbl tbody th,
.forBusTbl tbody td {
  background-color:#fff;
}

.forBusTbl tbody td {
  border-left:1px solid #eaeaea;
  text-align:center;
  white-space:nowrap;
}

.forBusTbl tbody th { border-top:1px solid #eaeaea; }
.forBusTbl tbody tr:first-child th:first-child { border-right:1px solid #eaeaea; border-top:0; white-space:nowrap; }
.forBusTbl tbody tr:first-child th:first-child + th { border-top:0; }
.forBusTbl tbody tr:first-child th:first-child,
.forBusTbl tbody tr td:first-child { border-left:2px solid #dedede; }
.forBusTbl tbody tr:first-child td:last-child { border-right:2px solid #dedede; }
.forBusTbl tbody tr:first-child th:first-child,
.forBusTbl tbody tr:last-child th,
.forBusTbl tbody tr:first-child td:last-child { border-bottom:2px solid #dedede; }
.forBusTbl tbody tr:first-child th:first-child { border-radius:0 0 0 4px; }
.forBusTbl tbody tr:first-child td:last-child { border-radius:0 0 4px 0; }

.forBusTbl thead th:first-child + th { display:none; }

.forBusTbl-headline {
  display:none;
}

@media screen and (max-width:767px) {
  .forBusTbl {
    margin-top:1.5em;
  }

  .forBusTbl th,
  .forBusTbl td {
    padding:0.75em;
  }
}

@media screen and (max-width:500px) {
  .forBusTbl {
    margin-top:0;
  }
  
  .forBusTbl thead th {
    font-size:106.3%;
  }
  
  .forBusTbl thead th:first-child,
  .forBusTbl tbody tr:first-child th:first-child { display:none; }
  .forBusTbl thead th:first-child + th { display:table-cell; border-radius:4px 0 0 0; border-left:0; }
  .forBusTbl tbody th { border-left:2px solid #dedede; }
  .forBusTbl tbody tr:last-child th { border-radius:0 0 0 4px; }

  .forBusTbl th,
  .forBusTbl td {
    padding:0.75em 0.5em;
  }
  
  .forBusTbl-headline {
    display:block;
    font-weight:normal;
    font-size:118.8%;
    margin-top:1em;
    margin-bottom:0.5em;
  }
}


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

  自家用車でご来院の場合
  
----------------------------------------------------------------------------------------------------*/

.forCar .headline + p {
  padding-top:40px;
}

.forCar dl {
  margin-top:1.5em;
}

.forCar dt {
  font-size:118.8%;
}

.forCar dd {
  padding-top:0.25em;
}

@media screen and (max-width:767px) {
  .forCar .headline + p {
    padding-top:1.5em;
  }

  .forCar dl {
    margin-top:1em;
  }
}