@charset 'utf-8';
/*----------
common
----------*/
.pcNone {
  display: none;
}
a:hover {
	color: #0D506D!important;
}
/*----------
header
----------*/
header {
  width: 100%;
  text-align: center;
  padding: 30px 0 20px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px -1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px -1px;
  z-index: 5;
}

menu {
	background: #41A4D8;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	padding: 20px 0;
}

menu a {
	color: #fff!important;
	margin: 0 20px;
	display: inline-block;

}
@media only screen and (max-width: 750px) {
menu a {
padding: 5px 0;}
}

.news {
	padding: 150px 0;
max-width: 525px;
	margin: 0 auto;
}
.news h2 {
	font-size: 23px;
	border-bottom: #999 solid 1px;
	width: 300px;
	display: block;
	margin: 0 auto 0;
}
.news h3 {
	font-size: 18px;
	margin-top: 40px;
	padding-bottom: 15px;
}
.news li {
	padding: 5px 8%;
	width: 100%;
	display: block;
	border-bottom: solid #999 1px;
	margin-bottom: 20px;
	font-size: 12px;
}
.news li span {
	margin-right: 20px;
}
.clinic {
	margin-bottom: 80px;
}
.clinic h2 {
	display: block;
	text-align: center;
	background-color: #EBFDFF;
	width: 100%;
	padding: 30px 0;
	margin-bottom: 30px;
}
.wrapper {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 5%;
}
.clinic p {
	font-size: 23px;
	margin-bottom: 30px;
}
.photo {
	display: flex;
	justify-content: space-around;
	flex-wrap : wrap;
}
.photo img {
	width:  32%;
	height:  160px;
	min-width: 250px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 812px) {
.photo img {
	width:  100%;
		height:  auto;

}
}

a.arrow {
	background: url("../images/arrow.svg") no-repeat ;
	background-position: right bottom;
	display: block;
	float: right;
	font-size: 14px;
	color: #41A4D8!important;
	padding: 0 20px 5px 0;
	clear: both;
}
.foot_logo {
	text-align: center;
	padding: 0 0 10px 0;
}
/*----------
footer
----------*/
footer {
  background: #41A4D8;
	text-align: center;
	color: #FFFFFF;
	padding: 30px 0 30px 0;
	font-size: 16px;
}
footer h2 {
	color: #FFF!important;
	font-size: 22px;
	margin-bottom: 20px;
}
.footerInner {
  width: 960px;
  margin: 0 auto;
  padding: 40px 0 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footerSection {
  width: 32%;
  position: relative;
  padding-left: 25px;
}

.footerSection::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 120px;
  background: #abbfc9;
}

.footerSection:first-child::before {
  display: none;
}

.footerSection-title {
  font-size: 2rem;
  font-weight: bold;
  color: #808080;
}

.kiryukai-title {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.3;
}

.kiryukai-title span {
  font-size: 1.4rem;
}

.footerSection-list {
  margin-top: 30px;
  padding-left: 25px;
}

.footerSection-list a {
  font-size: 1.5rem;
  color: #4a6e5e;
}

.footerSection-list a:hover {
  text-decoration: underline;
}

.copyright {
  margin-top: 35px;
  padding-bottom: 35px;
  font-size: 10px;
  text-align: center;
  color: #808080;
}

/*----------
見出し、container
----------*/
#container {
  background-size: 100%;
  padding-bottom: 90px;
}

#content {
  height: 100%;
  padding-top: 90px;
}

.h2title {
  margin-top: 70px;
}

.h3title {
  font-size: 2.6rem;
  color: #333333;
}

/*----------
.clinicBlock
----------*/
.clinicBlock {
  width: 940px;
  margin: 80px auto 0;
}

.clinicBlock-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.clinicBox {
  width: 405px;
  padding: 20px;
  border: 1px solid #94d6ff;
}

.clinicBox-inner {
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.8);
}

.clinicBox a {
  display: block;
}

.clinicBox-logo {
  text-align: center;
}

.clinicBox-title {
  margin-top: 30px;
  font-size: 2.4rem;
  line-height: 1.2;
  text-align: center;
}

.clinicBox-subTitle {
  font-size: 1.3rem;
  color: #848484;
}

a:hover .clinicBox-subTitle {
  color: #3eaee6;
}

.clinicBox-img {
  margin-top: 50px;
  text-align: center;
}

.clinicBox-desc {
  margin-top: 20px;
  font-size: 1.3rem;
  text-align: center;
  color: #333333;
}

a:hover .clinicBox-desc {
  color: #3eaee6;
}

/*----------
.medicalBlock
----------*/
.medicalBlock {
  width: 1000px;
  margin: 80px auto 0;
}

.medicalList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 25px;
}

.medicalList-box {
  width: 300px;
  margin-top: 50px;
}

.medicalList-visual {
  position: relative;
  font-size: 0;
  box-shadow: 3px 3px 4px #808080;
}

.medicalList-title {
  display: inline-block;
  width: 190px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -21px 0 0 -95px;
  padding: 5px 0;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 1.8rem;
  color: #808080;
  text-align: center;
}

.medicalList-list li {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.medicalList-list li a {
  display: block;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 3px 3px 4px #a3a3a3;
	font-size: 1.3rem;
	padding: 3px 0 2px;

}

/*----------
.newsBlock
----------*/
.newsBlock {
  width: 600px;
  margin: 90px auto 0;
}

.newsBlock .h3title {
  width: 370px;
  margin: 0 auto;
  border-bottom: 1px solid #333333;
}

.oldNews {
  margin-top: 30px;
  text-align: right;
}

.oldNews a {
  font-size: 1.2rem;
  color: #4a6e5e;
}

.newsList {
  margin-top: 10px;
}

.newsList li {
  position: relative;
  padding: 10px 35px 10px 40px;
  border-top: 1px solid #4a6e5e36;
}

.newsList li:last-child {
  border-bottom: 1px solid #4a6e5e36;
}

.newsList-date {
  position: absolute;
  top: 10px;
  left: 40px;
  color: #4a6e5e;
}

.newsList li a {
  display: inline-block;
  padding-left: 90px;
  font-size: 1.4rem;
  color: #4a6e5e;
  word-break: break-all;
}

.oldNews a:hover,
.newsList li a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 812px) {
  .spNone {
    display: none;
  }

  .pcNone {
    display: block;
  }

  #container {
    background-repeat: inherit;
    background-size: 400%;
  }

  .h2title {
    width: 88%;
    margin-top: 35px;
    font-size: 2.4rem;
  }

  .clinicBlock {
    width: 88%;
    margin-top: 0;
  }

  .clinicBox {
    width: 100%;
    padding: 15px;
  }

  .clinicBox + .clinicBox {
    margin-top: 45px;
  }

  .clinicBox-inner {
    padding: 55px 15px;
  }

  .medicalBlock {
    width: 100%;
  }

  .medicalBlock .h3title {
    width: 90%;
    margin: 0 auto;
  }

  .medicalList {
    margin-top: 0;
  }

  .medicalList-box {
    width: 88%;
    margin: 50px auto 0;
  }

  .newsBlock {
    width: 100%;
  }

  .newsBlock .h3title {
    width: 75%;
  }

  .oldNews {
    width: 75%;
    margin: 10px auto 0;
  }

  .newsList {
    margin-top: 30px;
    border-top: 1px solid #4a6e5e36;
  }

  .newsList li:first-child {
    border-top: none;
  }

  .newsList li {
    width: 92%;
    margin: 0 auto;
    padding: 10px 0;
  }

  .newsList-date {
    left: 0;
  }

  .footerInner {
    width: 100%;
  }

  .footerSection {
    width: 75%;
    padding-left: 0;
    margin: 0 auto;
  }

  .footerSection + .footerSection {
    margin-top: 60px;
  }

  .kiryukai-title {
    text-align: center;
  }

  .footerSection-title {
    padding-left: 25px;
  }

  .footerSection-list {
    padding-left: 50px;
  }

  .copyright {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}