@charset "utf-8";

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


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

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

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

#gmap {
  width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

@media print,screen and (min-width:768px) {
  .gmap-warp {
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    padding-top:50px;
    padding-bottom:60px;
  }
  
  #gmap {
    height:600px;
  }
}

@media screen and (max-width:767px) {
  .gmap-warp {
    padding:2em 1em;
  }
  
  #gmap {
    height:500px;
  }
}

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

@media screen and (max-width:500px) {
  .gmap-warp {
    padding:1.5em 0.7em;
  }
  
	#gmap {
		height:300px;
	}
}

#infowindow {
  margin:0;
  padding:0.5em 0;
  text-align:left;
  font-size:118.8%;
}

#infowindow h6 {
  font-family:"NotoSerif";
  font-weight:300;
  line-height:1.4;
  font-size:137.5%;
  padding-bottom:0.15em;
}

@media screen and (max-width:500px) {
  #infowindow {
    font-size:100%;
  }
}


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

  医院案内
  
----------------------------------------------------------------------------------------------------*/

@media print,screen and (min-width:768px) {
  .clinicInfo {
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:60px;
  }
}

@media screen and (max-width:767px) {
  .clinicInfo {
    padding-bottom:2em;
  }
}

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


/*-----------------------------------------------------------------------------------
  logo・tel・住所
-----------------------------------------------------------------------------------*/

.clinicInfo__ad {
  text-align:center;
  box-sizing:border-box;
}

.clinicInfo__ad__logo {
  margin-left:auto;
  margin-right:auto;
  background:url(../../image/logo-jp.png) no-repeat center top;
  background-size:contain;
  margin-bottom:1.3em;
}

.clinicInfo__ad__guide {
  margin-top:1em;
  padding-top:1.25em;
  padding-bottom:1.25em;
  line-height:1.5;
  border-top:1px solid rgba(130,110,180,0.30);
  border-bottom:1px solid rgba(130,110,180,0.30);
  color:#826eb4;
}
  
.clinicInfo__ad__guide b {
  display:inline-block;
  margin-bottom:0.25em;
  font-size:125.0%;
}

.clinicInfo__ad__guide b .pc-none {
  display:none;
}

.clinicInfo__ad address {
  line-height:1.5;
  padding-bottom:0.25em;
}

.clinicInfo__ad address small {
  display:inline-block;
  padding-right:1em;
}

@media print,screen and (min-width:768px) {
  .clinicInfo__ad {
    width:550px;
    float:right;
    padding-left:50px;
    padding-right:50px;
  padding-top:1em;
  }
  
  .clinicInfo__ad__logo {
    width:370px;
    height:40px;
  }
}

@media screen and (max-width:767px) {
  .clinicInfo__ad {
    padding-left:1em;
    padding-right:1em;
  }
  
  .clinicInfo__ad__logo {
    width:330px;
    height:35px;
    margin-top:0.7em;
  }
  
  .clinicInfo__ad__guide {
    margin-top:1em;
    padding-top:0.7em;
    padding-bottom:0.7em;
  }
  
  .clinicInfo__ad .telLink {
    display:block;
    margin-top:0.3em;
  }
}

@media screen and (max-width:500px) {
  .clinicInfo__ad {
    padding-left:0.7em;
    padding-right:0.7em;
  }
  
  .clinicInfo__ad__logo {
    width:270px;
    height:29px;
    margin-bottom:1em;
  }
  
  .clinicInfo__ad__guide b .pc-none {
    display:inherit;
  }
  
  .clinicInfo__ad address small {
    display:block;
    padding-right:0;
  }
}


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

.clinicInfo__photo img {
  vertical-align:bottom;
}

@media print,screen and (min-width:768px) {
  .clinicInfo__photo {
    width:550px;
    float:right;
    margin-bottom:50px;
  }
}

@media screen and (max-width:767px) {
  .clinicInfo__photo {
    padding:2em 1em;
  }
}

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


/*-----------------------------------------------------------------------------------
  行き方
-----------------------------------------------------------------------------------*/

.clinicInfo__map {
  clear:both;
  background-color:#f6f6f6;
}

.clinicInfo__map img {
  vertical-align:bottom;
}

@media print,screen and (min-width:768px) {
  .clinicInfo__map {
    padding:40px;
  }
}

@media screen and (max-width:767px) {
  .clinicInfo__map {
    padding:1.3em;
    margin:0 1em;
  }
}

@media screen and (max-width:500px) {
  .clinicInfo__map {
    padding:1em;
    margin:0 0.7em;
  }
}


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

  お車でお越しの方
  
----------------------------------------------------------------------------------------------------*/

.street-car-warp {
  background-color:#ebe8f3;
}
  
.street-car__block {
  background-color:#fff;
  text-align:left;
}

.street-car__block__no {
  width:1.75em;
  text-align:center;
  display:inline-block;
  font-family:"NotoSerif";
  font-weight:300;
  color:#826eb4;
  line-height:1.3;
  border-top:1px solid #a192c7;
  margin-top:-0.5em;
}

.street-car__block__photo {
  position:relative;
}

/*
.street-car__block__photo:after {
  border:solid transparent;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  bottom:0;
  left:50%;
  border-bottom-color:#fff;
  border-width:20px;
  margin-left:-20px;
  z-index:2;
}
*/

.street-car__block__photo img {
  vertical-align:bottom;
}

@media print,screen and (min-width:768px) {
  .street-car-warp {
    padding-top:50px;
    padding-bottom:50px;
  }

  .street-car {
    width:1140px;
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
  }
  
  .street-car__block {
    width:530px;
    margin:70px 20px 0 20px;
    float:left;
  }

  .street-car__block__no {
    font-size:350%;
  }
  
  .street-car__block__photo {
    padding:10px 10px 0 10px;
  }
  
  .street-car__block p {
    padding:20px 25px 25px 25px;
  }
}

@media screen and (max-width:767px) {
  .street-car-warp {
    padding-top:2.3em;
    padding-bottom:2em;
    padding-left:1em;
    padding-right:1em;
  }
  
  .street-car__block {
    margin-top:3.3em;
  }
  
  .street-car__block__no {
    font-size:300%;
  }
  
  .street-car__block__photo {
    padding:1em 1em 0 1em;
    text-align:center;
  }
  
  .street-car__block__photo img {
    width:100%;
    max-width:530px;
  }
  
  .street-car__block p {
    padding:1em 1.3em 1.5em 1.3em;
  }
}

@media screen and (max-width:500px) {
  .street-car-warp {
    padding-top:1.7em;
    padding-bottom:1.5em;
    padding-left:0.7em;
    padding-right:0.7em;
  }
  
  .street-car__block {
    margin-top:2.7em;
  }
  
  .street-car__block__no {
    font-size:250%;
  }
  
  .street-car__block__photo {
    padding:0.7em 0.7em 0 0.7em;
  }
  
  .street-car__block p {
    padding:0.7em 1em 1em 1em;
  }
}


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

  徒歩でお越しの方
  
----------------------------------------------------------------------------------------------------*/

.street-walk__photo img {
  vertical-align:bottom;
}

@media print,screen and (min-width:768px) {
  .street-walk {
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    padding-top:50px;
    padding-bottom:60px;
  }
  
  .street-walk__photo {
    padding-top:40px;
    padding-bottom:1em;
  }
}

@media screen and (max-width:767px) {
  .street-walk {
    padding-left:1em;
    padding-right:1em;
    padding-top:2.3em;
    padding-bottom:2.3em;
  }
  
  .street-walk__photo {
    padding-top:1.7em;
    padding-bottom:1em;
  }
  
  .street-walk__photo img {
    width:100%;
    max-width:530px;
  }
}

@media screen and (max-width:500px) {
  .street-walk {
    padding-left:0.7em;
    padding-right:0.7em;
    padding-top:1.7em;
    padding-bottom:1.7em;
  }
  
  .street-walk__photo {
    padding-top:1.3em;
    padding-bottom:0.7em;
  }
}