#department {}
#department h3 {
	clear:both;
	margin:60px 2%;
	padding: 0;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 181.3%;
	text-align: center;
	color:#ddb91f;
	background: none;
}
#department h3:before,
#department h3:after { display: none;}
#department .b_more { clear: both; margin: auto; max-width:280px;}
#department .b_more a {
	display:block;
	padding:10px 15px;
	color:#FFF;
	font-size:112.5%;
	text-decoration:none;
	text-align: center;
	background:url("../image/arrow_right-wh.png") no-repeat 95% center;
	border: 3px solid #fff;
	border-radius:50px; /* CSS3 */
	-webkit-border-radius:50px; /* Safari,Google Chrome */
	-moz-border-radius:50px;/* Firefox */
}
#department .b_more a:hover { background-color:rgba(255,255,255,0.20);}
#department .b_more2 { clear: both; margin: auto; max-width: 480px;}
#department .b_more2 a {
	display:block;
	padding:10px 15px;
	color:#FFF;
	font-size:112.5%;
	text-decoration:none;
	text-align: center;
	background:#bc3c3c url("../image/arrow_right-wh.png") no-repeat 95% center;
	border-radius:50px; /* CSS3 */
	-webkit-border-radius:50px; /* Safari,Google Chrome */
	-moz-border-radius:50px;/* Firefox */
}
#department .b_more2 a:hover { background-color:#842C2C;}
#department .b_more3 { clear: both; margin: auto; max-width: 280px;}
#department .b_more3 a {
	display:block;
	padding:10px 15px;
	color:#FFF;
	font-size:112.5%;
	text-decoration:none;
	text-align: center;
	background:#70a45f url("../image/arrow_right-wh.png") no-repeat 95% center;
	border-radius:50px; /* CSS3 */
	-webkit-border-radius:50px; /* Safari,Google Chrome */
	-moz-border-radius:50px;/* Firefox */
}
#department .b_more3 a:hover { background-color:#70a45f;}
#department .b_bana { clear: both; position: relative; z-index: 999; text-align: center;}
#department #subpage { max-width:100%; padding: 0; overflow: inherit;}



/*---------------------------------------------------------------------------
MAINIMG
---------------------------------------------------------------------------*/
#department .mainimg { 
	position: relative;
	padding: 200px 0;
	background: url("../../image/mainimg2.jpg") no-repeat center center;
	background-size: cover;
}
#department .mainimg::before { 
	position: absolute; top:0; left: 0;
	display: block; clear:both; content:"";
	width:100%; height:100%;
	background:rgba(0,0,0,0.20);
}
#department .mainimg::after {
	position: absolute; bottom:0; left: 0;
	display: block; clear:both; content:"";
	width: 100%; height: 175px;
	background: url("../../image/round.png") no-repeat;
	background-size: 100% 100%;
}
#department .mainimg h2 { position: relative; text-align:center; font-size: 100%; color: #fff; z-index: 999;}
#department .mainimg h2 b { display: block; font-size:300%; margin-bottom: 20px;}
#department .mainimg h2 small { font-size:156.3%;}



/*---------------------------------------------------------------------------
  CONT1
---------------------------------------------------------------------------*/
#department .cont1 {position: relative;}
#department .cont1::before { 
	position: absolute; top:-130px; left: 0; right: 0; margin: auto;
	display: block; clear:both; content:"";
	width:190px; height:190px;
	background:#fff url("../../image/top/hospital_icon.png") no-repeat center center;
	background-size:auto 120px;
	border-radius:150px; /* CSS3 */
	-webkit-border-radius:150px; /* Safari,Google Chrome */
	-moz-border-radius:150px;/* Firefox */
	z-index: 9;
}
#department .cont1 .box { position: relative; margin: auto; padding:60px 0; max-width: 1000px;}
#department .cont1 .box h3 { margin-bottom: 30px;}
#department .cont1 .box .come { padding-bottom: 5%; text-align: center;}
#department .cont1 .loopslider { position: relative; overflow: hidden; width: 100%;}
#department .cont1 .loopslider  ul { float: left; overflow: hidden;}
#department .cont1 .loopslider  ul li {
    display: inline;
    float: left;
    width:350px;
    text-align:center;
    overflow: hidden;
}
#department .cont1 .loopslider.loop,
#department .cont1 .loopslider.loop ul,
#department .cont1 .loopslider.loop ul li { height: 230px;}
#department .cont1 .loopslider.loop ul li img { width:350px; height: 230px; object-fit: cover;}

/*---------------------------------------------------------------------------
  CONT2
---------------------------------------------------------------------------*/
#department .cont2 { background: url("../image/head_bg01.png");}
#department .cont2 .box { position: relative; margin: auto; padding: 100px 0; max-width: 1000px;}
#department .cont2 .box+.box { border-top:3px dotted #ddd;}
#department .cont2 .box::after { display: block; clear:both; content:"";}
#department .cont2 .mid { 
	position: relative;
	padding: 20px 0;
	text-align: center;
	font-size: 125%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 700;
	color: rgba(112,164,95,1.00);
}
#department .cont2 .box::before {
	position: absolute;
	display: block; clear:both; content:"";
	width:87px; height:97px;
}
#department .cont2 .box:nth-child(1)::before {
	top: -50px;	left: -50px;
	background: url("../../image/kazari1.png") no-repeat;
}
#department .cont2 .box:nth-child(2)::before {
	top: -50px; right: -50px;
	background: url("../../image/kazari2.png") no-repeat;
}


/*---------------------------------------------------------------------------
  CONT3
---------------------------------------------------------------------------*/
#department .cont3 { 
	position: relative;
	padding: 100px 0;
	background: url("../../image/bg_photo.jpg") no-repeat center center;
	background-size: cover;
}
#department .cont3::before { 
	position: absolute; top:0; left: 0;
	display: block; clear:both; content:"";
	width:100%; height:100%;
	background:rgba(0,0,0,0.50);
}
#department .cont3 .box { position: relative; margin: auto; max-width: 1000px;}
#department .cont3 h3 { margin: 0 0 50px; color: #fff;}
#department .cont3 ul { color: #fff; margin-bottom: 50px; text-align:center;}
#department .cont3 .mid { 
	position: relative;
	padding: 20px 0;
	margin-bottom: 10px;
	text-align: center;
	font-size: 125%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 700;
	background: rgba(255,255,255,0.30);
}
#department .cont3 h3,
#department .cont3 ul,
#department .cont3 .b_more { position: relative; z-index: 999;}


/*---------------------------------------------------------------------------
  CONT4
---------------------------------------------------------------------------*/
#department .cont4 { position: relative; padding: 100px 0; background: url("../image/head_bg01.png");}
#department .cont4::before {
	position: absolute; top:-4px; right: 100px;
	display: block; clear:both; content:"";
	margin: auto; width:300px; height:250px;
	background: url("../../image/kazari1.png") no-repeat;
	transform:  rotate(80deg);
}
#department .cont4 .box1 { margin: auto; padding:3% 0; max-width:960px;}
#department .cont4 .box1 h4 { margin-bottom: 20px; font-size: 100%;}
#department .cont4 .box1 h4 b { font-size:137.5%; color: #000;}
#department .cont4 .box1 h4 small { margin-left: 20px; font-size: 100%; color: #ddb91f;}
#department .cont4 .box1 .photo-l,
#department .cont4 .box1 .photo-r{ position: relative; width: 400px;}
#department .cont4 .box1 .photo-l img,
#department .cont4 .box1 .photo-r img {
	margin: 0; padding: 0;
	max-width:400px; height: auto;
	border:10px solid #fff;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
}
#department .cont4 .box1 .photo-l::before,
#department .cont4 .box1 .photo-r::before {
	position: absolute; bottom:-40px; left:-40px;
	display: block; clear:both; content:"";
	width:40px; height:44px;
	background: url( "../../image/top/visit_03.png");
}
#department .cont4 .box1 .photo-l::after,
#department .cont4 .box1 .photo-r::after {
	position: absolute; top:-20px; right:-40px;
	display: block; clear:both; content:"";
	width:32px; height:33px;
	background: url( "../../image/top/visit_04.png");
}
#department .cont4 .box1 .photo-l {transform: rotate(-5deg);}
#department .cont4 .box1 .photo-r {transform: rotate(5deg);}
#department .cont4 .box1 .photo-l+.come,
#department .cont4 .box1 .photo-r+.come {padding:0 7%; overflow: hidden;}


/*---------------------------------------------------------------------------
  CONT5
---------------------------------------------------------------------------*/
#department .cont5 { margin: auto; padding: 50px 0 100px; max-width: 1000px;}
#department .cont5 ul#tab { margin:0 2%; border: 3px solid #ddb91f;}
#department .cont5 ul#tab::after { display: block; clear:both; content:"";}
#department .cont5 ul#tab li {
	cursor: pointer;
	float: left;
	padding: 15px 0;
	width:50%;
	font-size: 181.3%;
	color:#ddb91f;
	text-align:center;
}
#department .cont5 #tab li.select { position: relative; color:#fff; background:#ddb91f;}
#department .cont5 #tab li.select::after {
	position: absolute; bottom:-20px; right: 0; left: 0;
	display: block; clear:both; content:"";
	margin: auto; width: 0; height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #ddb91f;
}
#department .cont5 .disnon { display: none;}
#department .cont5 .content_wrap { padding: 5% 0;}