@charset "utf-8";

/* kv
---------------------------------------------- */

#kv {
	position:relative;
	margin-bottom:150px;
	background:url(../images/kv.jpg) center center no-repeat;
	background-size:cover;
}
	@media(max-width:767px) {
		#kv {
			margin-bottom:100px;
		}
	}


/* about
---------------------------------------------- */
#about {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#about {
			margin-bottom:100px;
		}
	}

#about > div.layout > div {
	margin-top:-200px;
}
	@media(max-width:979px) {
		#about > div.layout > div {
			margin-top:-150px;
		}
	}
	@media(max-width:639px) {
		#about > div.layout > div {
			margin-top:0;
		}
	}



/* recreation
---------------------------------------------- */
#recreation {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#recreation {
			margin-bottom:100px;
		}
	}

#recreation > div.layout > div {
	margin-top:-100px;
}
	@media(max-width:979px) {
		#recreation > div.layout > div {
			margin-top:-80px;
		}
	}
	@media(max-width:639px) {
		#recreation > div.layout > div {
			margin-top:0;
		}
	}



/* support
---------------------------------------------- */
#support {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#support {
			margin-bottom:100px;
		}
	}

#support > div.layout > div {
	margin-top:-200px;
}
	@media(max-width:979px) {
		#support > div.layout > div {
			margin-top:-150px;
		}
	}
	@media(max-width:639px) {
		#support > div.layout > div {
			margin-top:0;
		}
	}

#support > div.layout > div > figure {
	text-align:right;
}
#support > div.layout > div > figure > img {
	width:300px;
}



/* medical
---------------------------------------------- */
#medical {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#medical {
			margin-bottom:100px;
		}
	}

#medical > div.layout > div {
	margin-top:-200px;
}
	@media(max-width:979px) {
		#medical > div.layout > div {
			margin-top:-150px;
		}
	}
	@media(max-width:639px) {
		#medical > div.layout > div {
			margin-top:0;
		}
	}



/* attention
---------------------------------------------- */
#attention {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#attention {
			margin:0 15px 100px 15px;
		}
	}

#attention > h2 {
	text-align:center;
	margin-bottom:8px;
}
#attention table {
	margin:0 auto;
	border-collapse:collapse;
}
#attention table th, #attention table td {
	padding:12px;
	border:1px solid #999;
	vertical-align:middle;
	line-height:1.3;
}

#attention table th {
	background-color:#FEF1E3;
}







/* layout
---------------------------------------------- */
.layout {
	position:relative;
}
.layout > figure {
	position:relative;
}
.layout > figure > img {
	width:100%;
	z-index:1;
}

.layout > div {
	position:relative;
	z-index:2;
	background-color:#FFF;
	padding:30px;
}
	@media(max-width:979px) {
		.layout > div {
			padding:20px;
		}
	}
	@media(max-width:639px) {
		.layout > div {
			position:static;
			margin-bottom:50px;
		}
	}

.layout > div > p {
	line-height:1.5;
}

.layout > div > div {
	margin-top:2em;
	background-color:#F6F6F6;
	padding:0 10px 10px 10px;
}
.layout > div > div > h3 {
	text-align:center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.layout > div > div > p {
	line-height:1.3;
}
.layout_left > figure {
	margin-right:15%;
}
	@media(max-width:639px) {
		.layout_left > figure {
			margin-right:0%;
		}
	}

.layout_left > div {
	margin-left:50%;
}
	@media(max-width:979px) {
		.layout_left > div {
			margin-left:40%;
		}
	}
	@media(max-width:639px) {
		.layout_left > div {
			margin-left:0;
		}
	}

.layout_right > figure {
	margin-left:15%;
}
	@media(max-width:639px) {
		.layout_right > figure {
			margin-left:0%;
		}
	}

.layout_right > div {
	margin-right:50%;
}
	@media(max-width:979px) {
		.layout_right > div {
			margin-right:40%;
		}
	}
	@media(max-width:639px) {
		.layout_right > div {
			margin-right:0;
		}
	}