@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Roboto+Condensed');

/*----------------------------------------------------------------------
サブページ
----------------------------------------------------------------------*/
#toptitle {
	background: url(../images/toptitle_bg.jpg) 0 center no-repeat;
	width: 100%;
	height: 200px;
	margin: 0px auto 20px auto;
	padding-top: 0px;
    position: relative;
    overflow: hidden;

}

h2 {
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Roboto Condensed', sans-serif;
	font-size: 42px;
	padding-bottom: 15px;
	line-height: 140%;
	letter-spacing: 0.02em;
	text-align: center;
	margin: 0 auto;
	padding-top: 50px;
	color: #7bc16d;
	text-shadow: 2px  2px 3px #fff,
				-2px  2px 3px #fff,
				 2px -2px 3px #fff,
				-2px -2px 3px #fff;
	
}
h2 span {
	display: block;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 21px;
	padding-bottom: 0px;
	line-height: 140%;
	color: #222;
	letter-spacing: 0.08em;
}






h3 {
  clear: both;
  position: relative;
  padding: 0 .5em .5em 1.5em;
  border-bottom: 1px solid #ccc;
  text-align: left;
  font-size: 20px;
}
h3::before,
h3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h3::before {
  top: .05em;
  left: .2em;
  z-index: 2;
  width: 20px;
  height: 20px;
  background: rgba(123, 193, 109, .5);
}
h3::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(210, 210, 210, .5);
}




h4 {
	border-bottom: 1px solid #ccc;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	padding: 0.1em 0 0.4em 0.4em;
	line-height: 145%;
}
h4:first-letter {
	margin-right: .2em;
	font-size: 1.5em;
}
h4 span {
	color: #f37597;
}







/*
 * path
 */
#path {
	text-align: left;
	padding: 0px 0 20px 0px;
	font-size: 13px;

}

#path span {
	padding: 0 4px 0 6px;
	font-size: 90%;

}

#path a {
	text-decoration: underline;
}


#path a:hover {
	text-decoration: none;

}

#path img {
	vertical-align: text-bottom;

}










/*
 * 医院紹介
 */
.sub_box {
	clear: both;
	padding: 1.0em 1.8em 1.5em 2.0em;

}

.sub_top_txt {
	font-size: 28px;
	font-weight: bold;
	padding: 0.0em 0 0.3em 0.0em;
	text-align: center;
	line-height: 160%;
	color: #7bc16d;
	letter-spacing: 0.05em;
}


.sub_txt {
	font-size: 16px;
	text-align: justify;
	padding: 0.0em 0 0.0em 0em;
	line-height: 180%;

}


.sub_name {
	font-size: 16px;
	text-align: right;
	padding: 0.8em 0em 0.0em 0.0em;
	line-height: 150%;

}



ol {
	font-size: 16px;
	padding: 0.0em 0.3em 0.0em 1.8em;
	list-style-type: decimal;
}
ol li {
	padding: 0.0em 0 0.5em 0.0em;
	text-align: justify;
	line-height: 150%;
}






#gallery ul {
	text-align: center;
	margin: 0px auto;
}


#gallery ul li {
	display: inline-block;
	padding: 1.5em 1.2em 0.5em 0.0em;
	vertical-align: top;

}


#gallery ul li:last-child {
	padding: 1.5em 0.0em 0.5em 0.0em;
}


#gallery ul li p {
	text-align: center;
	margin: 0px auto;
	font-size: 15px;
	padding: 0.3em 0.0em 0.0em 0.0em;
}




.accessmap {
	text-align: center;
	margin: 0px auto;
	padding: 0.5em 0.0em 0.0em 0.0em;
}

.gmap {
	text-align: center;
	margin: 0px auto;
	padding: 1.0em 0.0em 0.0em 0.0em;
}









/*
 * 内科・神経内科のご案内
 */
.time_table {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width: 100%;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	border-spacing: 0px;
	
}

.time_table th {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	padding: 8px 0 7px 0;
	font-size: 15px;
	background-color: #7bc16d;
	color: #fff;

}


.time_table .time_detail {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	padding: 8px 0 7px 0;
	font-size: 15px;
	line-height: 145%;
	width: 270px;
}




.time_table .time_txt {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	padding: 8px 0 7px 0;
	font-size: 15px;
	/*color:#FF6600;*/
}


.time_table .time_txt span {
	/*color:#65442e;*/
	font-size: 80%;

}



.attention {
	text-align: right;
	font-size: 15px;
	font-weight: bold;
	line-height: 130%;
	padding: 0.3em 0.1em 0.0em 0.0em;
}






.sub_txt2 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0px auto;
	padding: 0.0em 0 0.0em 0em;
	line-height: 180%;
	color: #f37597;
}




.time_tel_box {
	border: 5px solid #ddd;
	text-align: center;
	margin: 1.0em auto;
	width: 330px;

}

.time_tel_title {
	border-bottom: 1px solid #ddd;
	text-align: center;
	margin: 0 auto;
	padding: 0.7em 0 0.7em 0;
	font-size: 16px;
	font-weight: bold;


}

.time_tel {
	text-align: center;
	margin: 0 auto;
	padding: 1.0em 0 1.5em 0;
}

.time_tel a {
	font-family: 'Arapey', serif;
	font-size: 32px;
	font-weight: bold;
	color: #f37597;
	display: block;

}







/*
 * 併設施設
 */
.f_top_title {
	position: relative;
	padding: .8em 0em .75em 1.3em;
	border-radius: 6px;
	/*border: 1px solid #ccc;*/
	background-color: #7bc16d;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.03em;
	margin-bottom: 0.5em;
}
.f_top_title::after {
	position: absolute;
	top: .5em;
	left: .7em;
	content: '';
	width: 5px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #fff;
	border-radius: 3px;
}

 
.f2 {
	background-color: #efa6ad;
}
 

.sub_image {
	float: left;
	padding: 0.0em 2.0em 1.0em 0em;
}


.sub_txt3 {
	font-size: 16px;
	text-align: justify;
	padding: 0.5em 0 0.0em 0em;
	line-height: 180%;
}


.sub_image2 {
	text-align: center;
	margin: 0 auto;
	padding: 1.0em 0.0em 0.0em 0em;
}


.sub_txt4 {
	font-size: 16px;
	text-align: justify;
	padding: 0.2em 0 0.5em 2.7em;
	line-height: 180%;
}


.dlbtn_list{
	display: flex;
	margin-bottom: 3rem;
}

.dlbtn_list li:first-child{
	margin-right: 1rem;
}

.dlbtn_list li a{
  color: #fff;
	font-weight: bold;
  background: #EDA184;
  border-bottom: 5px solid #E6855E;
  padding: 1.5rem 0;
  width: 280px;
  display: inline-block;
  border-radius: 10px;
  box-sizing: border-box;
  transition: .3s all ease;
	text-align: center;
}

.dlbtn_list li a:hover {
  margin-top: 3px;
  border-bottom: 2px solid #E6855E;
}


.dlbtn_list li a span{
	position: relative;
	display: inline-block;
	text-align: justify;
	padding: 0 0 0 35px;
}

.dlbtn_list li a span::before{
	position: absolute;
	content: '';
	top:0;
	bottom: 0;
	left: -5px;
	margin: auto;
	width: 30px;
	height: 30px;
}
.dlbtn_list li:first-child a span::before{
	background: url("../images/pdf_ico.svg") no-repeat;
	background-size: contain;
}

.dlbtn_list li:nth-child(2) a span::before{
	background: url("../images/excel_ico.svg") no-repeat;
	background-size: contain;
}























@media screen and (max-width:800px){


#path {
	display: none;

}


h2 {
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Roboto Condensed', sans-serif;
	font-size: 27px;
	padding-bottom: 15px;
	line-height: 140%;
	letter-spacing: 0.03em;
	text-align: center;
	margin: 0 auto;
	padding-top: 60px;
	color: #7bc16d;
	text-shadow: 2px  2px 3px #fff,
				-2px  2px 3px #fff,
				 2px -2px 3px #fff,
				-2px -2px 3px #fff;
	
}
h2 span {
	display: block;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 17px;
	padding-bottom: 0px;
	line-height: 140%;
	color: #222;
	letter-spacing: 0.08em;
}



h3 {
  position: relative;
  padding: 0 .5em .5em 1.7em;
  border-bottom: 1px solid #ccc;
  text-align: left;
  font-size: 16px;
}
h3::before,
h3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
h3::before {
  top: .05em;
  left: .2em;
  z-index: 2;
  width: 20px;
  height: 20px;
  background: rgba(123, 193, 109, .5);
}
h3::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(210, 210, 210, .5);
}



h4 {
	border-bottom: 1px solid #ccc;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	padding: 0.1em 0 0.4em 0.4em;
	line-height: 145%;
}
h4:first-letter {
	margin-right: .2em;
	font-size: 1.5em;
}
h4 span {
	color: #f37597;
}







/*
 * 医院紹介
 */
.sub_box {
	padding: 1.0em 0.0em 1.0em 0.0em;

}


.sub_top_txt {
	font-size: 20px;
	font-weight: bold;
	padding: 0.0em 0 0.3em 0.0em;
	text-align: center;
	line-height: 150%;
	color: #7bc16d;
	letter-spacing: 0.03em;
}


.sub_txt {
	font-size: 15px;
	text-align: justify;
	padding: 0.0em 0 0.0em 0em;
	line-height: 170%;

}


.sub_name {
	font-size: 15px;
	text-align: right;
	padding: 0.8em 0em 0.0em 0.0em;
	line-height: 150%;

}




ol {
	font-size: 15px;
	padding: 0.0em 0.3em 0.0em 1.3em;
	list-style-type: decimal;
}
ol li {
	padding: 0.0em 0 0.5em 0.0em;
	text-align: justify;
	line-height: 150%;
}






#gallery ul {
	text-align: center;
	margin: 0px auto;
	padding: 1.0em 0.0em 0.5em 0.0em;
}


#gallery ul li {
	display: inline-block;
	padding: 0.5em 0.0em 0.5em 0.0em;
	vertical-align: top;

}


#gallery ul li:last-child {
	padding: 0.5em 0.0em 0.5em 0.0em;
}


#gallery ul li p {
	text-align: center;
	margin: 0px auto;
	font-size: 15px;
	padding: 0.3em 0.0em 0.0em 0.0em;
}




.accessmap {
	text-align: center;
	margin: 0px auto;
	padding: 0.5em 0.0em 0.0em 0.0em;
}




.gmap {
	float: none;
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}








/*
 * 内科・神経内科のご案内
 */
.time_table {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width: 100%;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	border-spacing: 0px;
	
}

.time_table th {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	padding: 8px 0 7px 0;
	font-size: 13px;
	background-color: #7bc16d;
	color: #fff;

}


.time_table .time_detail {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	padding: 8px 0 7px 0;
	font-size: 14px;
	line-height: 145%;
	width: 125px;
}




.time_table .time_txt {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	padding: 8px 0 7px 0;
	font-size: 13px;
	/*color:#FF6600;*/
}


.time_table .time_txt span {
	/*color:#65442e;*/
	font-size: 80%;

}



.attention {
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	line-height: 130%;
	padding: 0.3em 0.1em 0.0em 0.0em;
}






.sub_txt2 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 0px auto;
	padding: 0.0em 0 0.0em 0em;
	line-height: 160%;
	color: #f37597;
}




.time_tel_box {
	border: 5px solid #ddd;
	text-align: center;
	margin: 1.0em auto;
	width: 80%;

}

.time_tel_title {
	border-bottom: 1px solid #ddd;
	text-align: center;
	margin: 0 auto;
	padding: 0.7em 0 0.7em 0;
	font-size: 15px;
	font-weight: bold;


}

.time_tel {
	text-align: center;
	margin: 0 auto;
	padding: 1.0em 0 1.0em 0;
}

.time_tel a {
	font-family: 'Arapey', serif;
	font-size: 27px;
	font-weight: bold;
	color: #f37597;
	display: block;

}







/*
 * 併設施設
 */
 
.f_top_title {
	position: relative;
	padding: .75em 0em .7em 1.3em;
	border-radius: 6px;
	/*border: 1px solid #ccc;*/
	background-color: #7bc16d;
	color: #fff;
	font-size: 16px;
	line-height: 145%;
	text-align: left;
	letter-spacing: 0.03em;
}
.f_top_title::after {
	position: absolute;
	top: .5em;
	left: .7em;
	content: '';
	width: 5px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #fff;
	border-radius: 3px;
}

.f2 {
	background-color: #efa6ad;
}
 

.sub_image {
	float: none;
	padding: 0.0em 0.0em 0.0em 0em;
	text-align: center;
	margin: 0 auto;
}


.sub_txt3 {
	font-size: 15px;
	text-align: justify;
	padding: 0.5em 0 0.0em 0em;
	line-height: 180%;
}


.sub_image2 {
	text-align: center;
	margin: 0 auto;
	padding: 1.0em 0.0em 0.0em 0em;
}


.sub_txt4 {
	font-size: 15px;
	text-align: justify;
	padding: 0.2em 0 0.5em 0.0em;
	line-height: 160%;
}

.dlbtn_list{
	margin-bottom: 1rem;
	flex-direction: column;
	align-items: center;
}

.dlbtn_list li:first-child{
	margin-right: 0;
	margin-bottom: 1rem;
}















}