/*====================================================================================================
  MAINIMAGE
====================================================================================================*/

/*** SLIDER ******************************************************************/
.mainimg { min-height:550px; height:calc(100vh - 0);}
.mainimg img { 
	width:100%;
	height:calc(100vh - 0);
	max-height:760px; 
	object-fit:cover; 
	object-position:center; 
}


/*** INFO ******************************************************************/
.info { position: absolute; display:block; width:100px; height:367px; z-index: 99999; right: -120px; bottom:-10px; }
.info2 { position: fixed; display:none; width:100px; height:367px; z-index: 99999; right: 0; bottom:0; }


/*====================================================================================================
  TOPPAGE
====================================================================================================*/
#toppage { margin: 0; padding: 0;}
#toppage h3 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align:center; 
	color:#70a45f;
}
#toppage .b_more { position:relative; width:280px; margin:0 auto;}
#toppage .b_more a {
	display: block;
	padding:10px 0;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size:113%;
	color:#70A45F;
	line-height:100%;
	text-align:center;
	text-decoration:none;
	background:#FFF url(../image/arrow_right-grn.png) no-repeat 95%;
	border:3px solid #70A45F;
	border-radius:50px;
}
#toppage .b_more a:hover { 
	color:#FFF;
	background:#70A45F url(../image/arrow_right-wh.png) no-repeat 95%;	
}



/*** NEWS *******************************************************************/
#toppage .news { 
	clear:both;
	margin:auto;
	padding:50px 20px 45px;
	max-width:1000px; 
	width:100%; 
	border-bottom:2px dotted #70A45F;
	overflow: hidden;
}
#toppage .news h3 {
	float:left;
	margin-right:25px;
	margin-top:3px;
	padding:6px 0;
	width:190px;
	height:41px;
	font-size:113%; 
	border-radius:25px;
	border:2px solid;
	text-align:center;
	letter-spacing:0.2em;
}
#toppage .news .news_list { float:left; max-width:540px; font-weight:bold; line-height:150%;}
#toppage .news .news_list ul { clear:both; display:none; }
#toppage .news .news_list ul::after { content:""; display:block; clear:both; }
#toppage .news .news_list ul li { float:left; }
#toppage .news .news_list ul li.tit { font-size:113%; margin-right:15px; }
#toppage .news .news_list ul li.day { font-size:75%; display:block; }
#toppage .news .news_list ul li.con { font-size:100%; font-weight:300; float:none;  }
#toppage .news .news_list ul li.con a { color:#000; font-weight:normal; margin-left:20px; }
#toppage .news .news_list ul li.con a:hover { opacity:0.7; }
#toppage .news .news_list ul:first-child { display:block; }
#toppage .news .b_more { float:right; width:120px; margin:0;}
#toppage .news .b_more a { border:none; text-align:left;}
#toppage .news .b_more a:hover { 
	border-radius:0;
	color:#70A45F;
	background:#FFF url(../image/arrow_right-grn.png) no-repeat 95%;
	border-bottom:2px solid #70A45F;
}




/*** VISIT *******************************************************************/
#toppage .visit { position: relative; margin:80px auto 0; max-width:1000px; z-index: 99;}
#toppage .visit::after { clear:both; content:""; display:block; }
#toppage .visit h3 { 
	position:relative;
	padding:40px 43px 30px 0;
	font-size:182%; 
	line-height:180%;
}
#toppage .visit h3::after {
	position:absolute; right:10px; top:15px;
	content:"";
	width:32px; height:33px;
	background:url(../../image/top/visit_04.png) no-repeat;
	background-size:100%;
}
#toppage .visit .photo { position:relative; float:left;}
#toppage .visit .photo::after {
	content:"";
	position:absolute; left:-35px; bottom:140px;
	width:40px; height:44px;
	background:url(../../image/top/visit_03.png) no-repeat;
	background-size:100%;
}
#toppage .visit .photo img.visit1 { position:absolute; bottom:-40px; left:0;}
#toppage .visit .naiyou { float: right; width: 465px; padding: 0 20px;}
#toppage .visit .come { line-height:200%; padding:0 44px 55px 0;}


/* HOSPITAL */
#toppage .hospital {
	position: relative;
	padding:95px 0 15px;
	background:url("../image/head_bg01.png");
}
#toppage .hospital::before {
	display: block; clear: both; content:"";
	position: absolute; top: 0; left: 0;
	width: 100%; height: 150px;
	background:url("../../image/top/hospital_bg.png") no-repeat center top;
	background-size: 100% 150px;
}
#toppage .hospital h3 {
	position: relative;
	padding:160px 0 30px;
	width:190px;
	margin:0 auto;
	font-size:182%;
	border-bottom:2px dotted #70A45F;
	background:url(../../image/top/hospital_icon.png) no-repeat top center;
	z-index:9;
}
#toppage .hospital ul.h_list { max-width:1160px; margin:0 auto;}
#toppage .hospital ul.h_list::after { display:block; clear:both; content:""; }
#toppage .hospital ul.h_list li { position:relative; float:left; margin:0 10px; width: calc(25% - 20px); text-align:center; }
#toppage .hospital ul.h_list li:nth-child(2),
#toppage .hospital ul.h_list li:nth-child(3) { top:50px; }
#toppage .hospital ul.h_list li .photo img { width: 270px; height: 270px; border-radius:50%; object-fit: cover;}
#toppage .hospital ul.h_list li .come {
	margin-top:20px;
	font-family:'M PLUS Rounded 1c', sans-serif;
	color:#222;
}
#toppage .hospital ul.banner { max-width:1300px; margin:150px auto 0; border-radius:30px; overflow: hidden;}
#toppage .hospital ul.banner li { float:left; width:32.93%; margin:0 0.2%; }
#toppage .hospital ul.banner li a { display:block; padding:40px 0; color:#FFF; text-align:center; text-decoration:none;}
#toppage .hospital ul.banner li:hover a { opacity:0.7;}
#toppage .hospital ul.banner li:nth-child(1) { background:rgba(0,172,185,0.85);}
#toppage .hospital ul.banner li:nth-child(2) { background:rgba(112,165,95,0.85);}
#toppage .hospital ul.banner li:nth-child(3) { background:rgba(255,162,51,0.85);}
#toppage .hospital ul.banner li .come b { font-family:'M PLUS Rounded 1c', sans-serif; font-size:163%; }
#toppage .hospital ul.banner li .come small { display:block; font-size:100%;}


/* STAFF */
#toppage .staff {
	position:relative;
	max-width:1000px;
	margin:115px auto 210px;
	padding-top:95px;
	background:#F4F4EF url(../../image/top/staff_bg.png) no-repeat top center;
}
#toppage .staff::before {
	content:"";
	position:absolute; top:-5px; left:0; right:0;
	margin:0 auto; width:69px; height:68px;
	background:url(../../image/top/staff_icon.png) no-repeat;
}
#toppage .staff h3 { line-height:250%;}
#toppage .staff h3 small { font-size:119%;}
#toppage .staff h3 b { display:block; font-size:245%;}
#toppage .staff .blog_list { padding:5%; overflow: hidden;}
#toppage .staff ul { display:none; position: relative; float:left; width: 33.3%; text-align: center;}
#toppage .staff ul:nth-child(1),
#toppage .staff ul:nth-child(2),
#toppage .staff ul:nth-child(3) { display:block;}
#toppage .staff ul li.photo img { width: 240px; height: 240px; object-fit: cover; border-radius:50%;}
#toppage .staff ul li.naiyou { padding:0 5%;}
#toppage .staff ul li .mid { margin-top:20px; font-size:113%;}
#toppage .staff ul li .day { display:block; color:rgba(0,0,0,0.6);}
#toppage .staff ul li .come { display: none;}
#toppage .staff ul li.more a { display: block; position: absolute; top: -2%; left: -2%; width:102%; height:100%; text-indent: -9999px;}
#toppage .staff ul:hover li {color:#70A45F;}
#toppage .staff ul:hover li.photo img { width:calc(240px - 6px); height:calc(240px - 6px); border:3px solid #70A45F;}

#toppage .staff .b_more { bottom:-20px; width:280px;}