@charset "UTF-8";
/* CSS Document */
/*---------------------------------

  アクセス

---------------------------------*/
#content::before {
	content:"";
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100vw;
	height:100vh;
	background:url("../access/images/bg_ttl.png") no-repeat;
	background-position: left 5% bottom 50px;
	background-size: 100px;
}
.img {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
section .ttl {
  margin-bottom: 70px;
}
section .ttl h2 {
  font-weight: 500;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 5rem;
  letter-spacing: 5px;
  line-height: 1.7;
  text-align: center;
}
section p.name {
  margin: 0 auto 20px;
  max-width: 250px;
}
section p.name + p {
  line-height: 2;
  font-weight: 300;
  margin: 30px auto;
  text-align: center;
}
section .txt_link {
  text-align: center;
  margin: 50px auto;
}
section h3 {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 3px;
  margin: 20px auto;
  text-align: left;
}
@media screen and (max-width: 580px) {
  #content::before {
    background-position: left 0 center;
    background-size: 60px;
  }
  section .ttl {
    margin-bottom: 4rem;
  }
  section .ttl h2 {
    font-size: 2.5rem;
  }
  section p.name {
    margin: 0 auto 1rem;
    max-width: 150px;
  }
  section p.name + p {
    margin: 1rem auto 2rem;
  }
  section .txt_link {
    text-align: center;
    margin: 2rem auto;
  }
  section h3 {
    font-size: 2rem;
    margin: 1rem auto;
  }
	.map iframe {
		height: 300px;
	}
}
/*
  
---------------------------------*/
.img_txt_wrap, .img_wrap {
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
}
.img_txt_wrap figure {
  width: 50%;
}
.img_txt_wrap .txt {
  width: 45%;
}
.img_wrap figure {
  font-weight: 300;
  text-align: center;
  width: 48%;
}
.img_wrap figure .img {
  height: 500px;
  margin-bottom: 1em;
}
@media screen and (max-width: 580px) {
  .img_txt_wrap, .img_wrap {
    display: block;
    justify-content: space-between;
    padding: 3rem 0;
  }
  .img_txt_wrap figure {
    width: 100%;
  }
  .img_txt_wrap .txt {
    width: 100%;
  }
  .img_wrap figure {
    width: 100%;
  }
  .img_wrap figure.parking {
    margin-bottom: 2rem;
  }
  .img_wrap figure .img {
    height: 250px;
    margin-bottom: .5em;
  }
}
/*
  診療時間
---------------------------------*/
section.medical_time {
  padding: 50px 0 150px;
}
section.medical_time .img_txt_wrap {
  padding: 0;
}
section.medical_time .img_txt_wrap .txt figure {
  border: 1px solid;
  margin-top: 20px;
  padding: 20px 30px;
  width: 100%;
}
@media screen and (max-width: 580px) {
  section.medical_time {
    padding: 3rem 0 5rem;
  }
  section.medical_time .img_txt_wrap figure {
    margin-bottom: 1rem;
  }
}