/*
 * home css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
} /* end 600-959 */

@media (min-width: 960px) {
} /* 960- */


/* ---------------------------------------- common */

@media (max-width: 599px) {
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
} /* end 600-959 */

@media (min-width: 960px) {
} /* 960- */


/* ---------------------------------------- news */

#news { 
	background: #e2f2e6;
	position: relative;
	z-index: 2;
}
#news .inner { 
	position: relative; 
	z-index: 3;
}
#news h2::before{
	content: "";
	display: inline-block;
	background: url( ../images/news-deco-left.svg ) no-repeat center center;
	background-size: contain;
	margin: 0 1em 0 0;
}
#news h2::after {
	content: "";
	display: inline-block;
	background: url( ../images/news-deco-right.svg ) no-repeat center center;
	background-size: contain;
	margin: 0 0 0 1em;
}

#news li a {
	display: block;
	background: #fff;
	padding: 0.75em 3em 0.75em 1em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
#news li a::after {
	font-family: 'FontAwesome';
	content: "\f105";
	color: #9e9e9e;
	position: absolute;
	top: 50%;
	right: 1em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#news li a .icon { width: 6em; }
#news li a .date { 
	width: 6em;
	padding: 0 1em;
}

#news .go-archive i {
	color: #9e9e9e;
	margin: 0 0 0 .5em;
}

@media (max-width: 599px) {

	#news { padding: 10px 0 20px; }
	#news h2 { text-align: center; }
	#news h2::before,
	#news h2::after {
		width: 56px;
		height: 16px;
	}
	#news::after {
		content: "";
		display: block;
		width: 240px;
		height: 80px;
		background: url( ../images/news-back.svg ) no-repeat top center;
		background-size: cover;
		position: absolute;
		top: -20px;
		left: 50%;
		-webkit-transform: translateX(-50%); /* Safari用 */
		transform: translateX(-50%);
		z-index: 1;
	}
	#news li + li { margin: 12px 0 0; }
	
	#news li a > span:not(.icon):not(.date) {
		display: block;
		line-height: 1.6;
		margin: 0.5em 0 0;
	}
	#news li a > span.icon { 
		display: inline-block;
		width: 10em; 
	}
	
	#news .go-archive {
		text-align: center;
		margin: 1.75em 0 0;
	}
	#news .go-archive a {
		display: block;
		background: #fff;
		padding: 1em;
		-webkit-border-radius: 50px;
		border-radius: 50px;
	}

} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {

	#news { padding: 10px 0 20px; }
	#news h2 { text-align: center; }
	#news h2::before,
	#news h2::after {
		width: 64px;
		height: 18px;
	}
	#news::after {
		content: "";
		display: block;
		width: 400px;
		height: 80px;
		background: url( ../images/news-back.svg ) no-repeat top center;
		background-size: cover;
		position: absolute;
		top: -30px;
		left: 50%;
		-webkit-transform: translateX(-50%); /* Safari用 */
		transform: translateX(-50%);
		z-index: 1;
	}

	#news li + li { margin: 12px 0 0; }
	
	#news li a {
		display: table;
		width: 100%;
	}
	#news li a > span {
		display: table-cell;
		line-height: 1.6;
		vertical-align: middle;
	}
	
	#news .go-archive {
		position: absolute;
		top: 1em;
		right: 0;
	}

} /* end 600-959 */

@media (min-width: 960px) {

	#news { padding: 10px 0 20px; }
	#news h2 { text-align: center; }
	#news h2::before,
	#news h2::after {
		width: 72px;
		height: 24px;
	}
	#news::after {
		content: "";
		display: block;
		width: 600px;
		height: 100px;
		background: url( ../images/news-back.svg ) no-repeat top center;
		background-size: cover;
		position: absolute;
		top: -40px;
		left: 50%;
		-webkit-transform: translateX(-50%); /* Safari用 */
		transform: translateX(-50%);
		z-index: 1;
	}
	
	#news li + li { margin: 12px 0 0; }
	
	#news li a {
		display: table;
		width: 100%;
	}
	#news li a > span {
		display: table-cell;
		line-height: 1.6;
		vertical-align: middle;
	}
	
	#news .go-archive {
		position: absolute;
		top: 1em;
		right: 0;
	}

} /* 960- */

/* ---------------------------------------- department */

#department .health { background: #eaeffe; }
#department .diagnosis { background: #dff4f6; }

#department .inside-head p i { 
	display: inline-block;
	width: 1em;
	height: 1em;
	background: #fff;
	margin: 0 .25em 0 0;
}
#department .inside-head p i::before {
	display: inline-block;
	width: 1em;
	text-align: center;
}
#department .health .inside-head p i::before { color: #7475b3; }
#department .diagnosis .inside-head p i::before { color: #52a6c6; }

@media (max-width: 599px) {

	#department { padding: 40px 0; }
	
	#department .inside-head {
		color: #fff;
		padding: .75em 1em;
		-webkit-border-radius: 0 10px 0 0;
		border-radius: 0 10px 0 0;
	}
	#department .health .inside-head { background: #7475b3; }
	#department .diagnosis .inside-head { background: #52a6c6; }
	#department .inside-head h2 {
		float: left;
		width: 60%;
		margin: 0 0 .25em;
	}
	#department .inside-head p {
		float: right;
		width: 30%;
		text-align: right;
	}
	#department .inside-head p a {
		display: inline-block;
		font-size: 1.4rem;
	}
	#department .inside-head div {
		clear: both;
		color: #fff;
	}

	#department .inside-body { padding: 1em; }
	#department .inside-body ul.flexs { margin: 0 0 1.5em; }
	#department .inside-body ul.flexs li { 
		background: #fff;
		padding: 16px;
		margin: 0 0 1em;
	}
	#department .inside-body ul.flexs li a {
		display: table;
	}
	#department .inside-body ul.flexs li a > * {
		display: table-cell;
		vertical-align: middle;
	}
	#department .inside-body ul.flexs li figure {
		width: 100px;
		text-align: left;
	}
	#department .inside-body ul.flexs li figure img {
		width: 80px;
		height: 80px;
		background: #e7eae8;
		-webkit-border-radius: 100px;
		border-radius: 100px;
	}
	#department .inside-body ul.flexs li p br { display: none; }

	#department .inside-body ul:not(.flexs) li +li { margin: 1em 0 0; }
	#department .inside-body ul:not(.flexs) li br { display: none; } 
	#department .inside-body ul:not(.flexs) li .shadowbt { display: block; }

} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {

	#department { padding: 60px 0; }
	#department .inner { display: block; }

	#department .inside-head {
		display: table;
		width: 100%;
		background: #fff;
	}
	#department .inside-head > * {
		display: table-cell;
		vertical-align: middle;
		font-size: 2.0rem;
		line-height: 1;
	}
	#department .health .inside-head h2,
	#department .health .inside-head h2 + p {
		color: #fff;
		background: #7475b3;
	}
	#department .diagnosis .inside-head h2,
	#department .diagnosis .inside-head h2 + p {
		color: #fff;
		background: #52a6c6;
	}
	#department .inside .inside-head h2 { 
		width: 10em;
		padding: .75em;
	}
	#department .inside .inside-head p {
		width: 90px;
		text-align: right;
		font-size: 1.6rem;
		padding: .75em;
		-webkit-border-radius: 0 10px 0 0;
		border-radius: 0 10px 0 0;
	}
	#department .inside .inside-head a { display: inline-block; }
	#department .inside .inside-head div {
		text-align: right;
		font-size: 1.8rem;
	}
	#department .health .inside-head div { color: #7475b3; }
	#department .diagnosis .inside-head div { color: #52a6c6; }
	
	
	#department .inside > div:last-child { 
		text-align: center;
	}
	#department ul.flexs { margin: 0 0 20px; }
	#department ul.flexs li {
		width: 184px;
		background: #fff;
		padding: 16px;
	}
	#department ul.flexs li:nth-child(n+2){ margin: 0 0 0 16px; }
	#department ul.flexs li figure {
		margin: 0 0 .75em;
	}
	#department ul.flexs li figure img {
		width: 90px;
		height: 90px;
		background: #e7eae8;
		-webkit-border-radius: 100px;
		border-radius: 100px;
	}
	#department ul.flexs li figure + p { line-height: 1.4; }
	#department ul.flexs li figure + p.oneline { line-height: 2.8; }
	
	#department .inside .inside-body { padding: 40px 20px 24px; }
	#department .inside .inside-body ul:not(.flexs) li {
		display: inline-block;
		padding-bottom: 10px;
	}
	#department .inside .inside-body ul:not(.flexs) li.oneline br { display: none; }


} /* end 600-959 */

@media (min-width: 960px) {

	#department { padding: 80px 0; }
	#department .inside + .inside { margin: 0; }
	#department .inside-head {
		display: table;
		width: 100%;
		background: #fff;
	}
	#department .inside-head > * {
		display: table-cell;
		vertical-align: middle;
		font-size: 2.0rem;
		line-height: 1;
	}
	#department .health .inside-head h2,
	#department .health .inside-head h2 + p {
		color: #fff;
		background: #7475b3;
	}
	#department .diagnosis .inside-head h2,
	#department .diagnosis .inside-head h2 + p {
		color: #fff;
		background: #52a6c6;
	}
	#department .inside .inside-head h2 { 
		width: 7.5em;
		padding: .75em;
	}
	#department .inside .inside-head p { 
		width: 90px;
		text-align: right;
		font-size: 1.6rem;
		padding: .75em;
		-webkit-border-radius: 0 10px 0 0;
		border-radius: 0 10px 0 0;
	}
	#department .inside .inside-head div {
		text-align: right;
		/*font-size: 1.8rem;*/
		font-size: 2.7rem;
	}
	#department .health .inside-head div { color: #7475b3; }
	#department .diagnosis .inside-head div { color: #52a6c6; }
	
	#department .inside > div:last-child { 
		text-align: center;
	}
	#department ul.flexs { margin: 0 0 20px; }
	#department ul.flexs li {
		width: 184px;
		background: #fff;
		padding: 16px;
	}
	#department ul.flexs li:nth-child(n+2){ margin: 0 0 0 16px; }
	#department ul.flexs li figure {
		margin: 0 0 .75em;
	}
	#department ul.flexs li figure img {
		width: 90px;
		height: 90px;
		background: #e7eae8;
		-webkit-border-radius: 100px;
		border-radius: 100px;
	}
	#department ul.flexs li figure + p { line-height: 1.4; }
	#department ul.flexs li figure + p.oneline { line-height: 2.8; }
	
	#department .inside .inside-body { padding: 10px 20px 24px; }
	#department .inside .inside-body ul:not(.flexs) li + li { margin: 10px 0 0; }
	#department .inside .inside-body ul:not(.flexs) li.oneline { padding: 1.5em 0 0; }
	#department .shadowbt { width: 230px; /*width: 200px;*/ }

} /* 960- */

/* ---------------------------------------- access */

#access { background: #e7eae8; }
#accessimg { 
	background: url( ../images/access-img.jpg ) no-repeat center center;
	background-size: cover;
}

@media (max-width: 599px) {

	#access .inner { margin: 0; }
	#access .googlemap {
		width: 100%;
		padding: 240px 0 0;
		position: relative;
	}
	#access .googlemap iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#access .inside {
		padding: 1.5em 4%;
	}
	#access h2 {
		color: #2595a0;
		font-size: 1.8rem;
		line-height: 1.6;
		margin: 0 0 .5em;
	}
	#access dl { line-height: 1.6; }
	#access dl + dl { margin: 1em 0 0; }
	#access dt { font-size: 1.5rem; }
	
	#accessimg { padding: 120px 0 0; }

} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {

	#access .inner { 
		display: block;
		margin: 0;
	}
	#access .googlemap {
		width: 100%;
		padding: 320px 0 0;
		position: relative;
	}
	#access .googlemap iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#access .inside {
		padding: 1.5em 5%;
	}
	#access h2 {
		color: #2595a0;
		font-size: 1.8rem;
		line-height: 1.6;
		margin: 0 0 .5em;
	}
	#access dl { line-height: 1.6; }
	#access dl + dl { margin: 1em 0 0; }
	#access dt { font-size: 1.8rem; }
	
	#accessimg { padding: 160px 0 0; }

} /* end 600-959 */

@media (min-width: 960px) {

	#access .googlemap {
		width: 480px;
		padding: 450px 0 0;
		position: relative;
	}
	#access .googlemap iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#access h2 {
		color: #2595a0;
		font-size: 2.0rem;
		line-height: 1.6;
		margin: 0 0 .5em;
	}
	#access dl { line-height: 1.6; }
	#access dl + dl { margin: 1em 0 0; }
	#access dt { font-size: 1.8rem; }
	
	#accessimg { padding: 160px 0 0; }

} /* 960- */