@charset "utf-8";

/* kashiwao-dental-clinic.com
 * Style sheet for the HTML5
 * Last modify 2017/11/14 11:14
 */

/* -----------------------------------------------------
Base Style
----------------------------------------------------- */
body {
}

/*********************
MOBILE DEVICES
*********************/
@media only screen and (max-width: 640px) {
}

/*********************
LARGER DEVICES
*********************/
@media only screen and (min-width: 641px) {
}

/* !content
---------------------------------------------------------- */
#content {
}
/* contentHd */
#contentHd {
	background: url("../img/facility/bg_contenthd01_sp.jpg") no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
	#contentHd h1 img {
		width: 43.66%;
		max-width: 262px;
		text-align: right;
	}

/* main */
	#content #main h2 {
		display: block;
		width: 32.66%;
		max-width: 196px;
		margin: 30px auto;
		padding: 0;
		text-align: left;
	}
	#content #main h4 {
		margin-bottom: 10px;
		color: #003c83;
		font-size: 16px;
	}
	#content #main .copytxt {
		margin-bottom: 30px;
		text-align: center;
	}

#content #main .inner-wrap01 {
	margin-bottom: 30px;
}
	#content #main nav ul:after {
		content: "";
		display: block;
		clear: both;
	}
		#content #main nav li {
			float: left;
			width: 48%;
			margin-left: 4%;
			border-bottom: 2px solid #d2d2d2;
			text-align: left;
		}
		#content #main nav li:first-child {
			margin-left: 0;
		}
		#content #main nav li:hover,
		#content #main nav li.active {
			border-bottom: 2px solid #003c83;
			text-align: left;
		}
			#content #main nav li a {
				display: block;
				background: url("../img/q_a/ico_link02.png") no-repeat right center;
				-webkit-background-size: 10px;
				background-size: 10px;
				color: #393838;
				font-size: 12px;
				text-decoration: none;
			}
			#content #main nav li a:hover,
			#content #main nav li.active a {
				background: url("../img/q_a/ico_link01.png") no-repeat right center;
				-webkit-background-size: 10px;
				background-size: 10px;
				color: #003c83;
			}
	#HospitalEnvironment p,
	#MedicalEquipment p {
		font-size: 14px;
	}

/* HospitalEnvironment */
#HospitalEnvironment #he01 {
	background: url("../img/facility/pic_he01_sp.jpg") no-repeat center top;
}
#HospitalEnvironment #he02 {
	background: url("../img/facility/pic_he02_sp.jpg") no-repeat center top;
}
#HospitalEnvironment #he03 {
	background: url("../img/facility/pic_he03_sp.jpg") no-repeat center top;
}
#HospitalEnvironment #he04 {
	background: url("../img/facility/pic_he04_sp.jpg") no-repeat center top;
}
#HospitalEnvironment #he05 {
	background: url("../img/facility/pic_he05_sp.jpg") no-repeat center top;
}
#HospitalEnvironment #he06 {
	background: url("../img/facility/pic_he06_sp.jpg") no-repeat center top;
}
#HospitalEnvironment #he07 {
	background: url("../img/facility/pic_he07_sp.jpg") no-repeat center top;
}
#HospitalEnvironment #he01,
#HospitalEnvironment #he02,
#HospitalEnvironment #he03,
#HospitalEnvironment #he04,
#HospitalEnvironment #he05,
#HospitalEnvironment #he06,
#HospitalEnvironment #he07 {
	margin-top: 30px;
	padding: 76% 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#HospitalEnvironment #he01 {
	margin-top: 0;
}

/* MedicalEquipment */
#MedicalEquipment #me01 {
	background: url("../img/facility/pic_me01_sp.jpg") no-repeat center top;
}
#MedicalEquipment #me02 {
	background: url("../img/facility/pic_me02_sp.jpg") no-repeat center top;
}
#MedicalEquipment #me03 {
	background: url("../img/facility/pic_me03_sp.jpg") no-repeat center top;
}
#MedicalEquipment #me04 {
	background: url("../img/facility/pic_me04_sp.jpg") no-repeat center top;
}
#MedicalEquipment #me05 {
	background: url("../img/facility/pic_me05_sp.jpg") no-repeat center top;
}
#MedicalEquipment #me06 {
	background: url("../img/facility/pic_me06_sp.jpg") no-repeat center top;
}
#MedicalEquipment #me07 {
	background: url("../img/facility/pic_me07_sp.jpg") no-repeat center top;
}
#MedicalEquipment #me08 {
	background: url("../img/facility/pic_me08_sp.jpg") no-repeat center top;
}
#MedicalEquipment #me09 {
	background: url("../img/facility/pic_me09_sp.jpg") no-repeat center top;
}
#MedicalEquipment #me01,
#MedicalEquipment #me02,
#MedicalEquipment #me04,
#MedicalEquipment #me05,
#MedicalEquipment #me06,
#MedicalEquipment #me07,
#MedicalEquipment #me09 {
	margin-top: 30px;
	padding: 76% 0 0;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#MedicalEquipment #me03,
#MedicalEquipment #me08 {
	margin-top: 30px;
	padding: 97% 0 0;
	-webkit-background-size: 64%;
	background-size: 64%;
}
#MedicalEquipment #me01 {
	margin-top: 0;
}
#MedicalEquipment #me09 {
	padding: 152% 0 0;
}

/*********************
MOBILE DEVICES
*********************/
@media only screen and (max-width: 640px) {
}

/*********************
LARGER DEVICES
*********************/
@media only screen and (min-width: 641px) {
#content {
}
/* contentHd */
#contentHd {
	padding: 0;
}
	#contentHd h1 {
		padding: 70px 0 71px;
		background: url("../img/facility/bg_contenthd01.jpg") no-repeat center top;
		-webkit-background-size: 960px;
		background-size: 960px;
	}
		#contentHd h1 img {
			width: 262px;
			max-width: 262px;
		}

/* main */
	#content #main h2 {
		width: 139px;
		max-width: 139px;
		margin: 50px auto;
	}
	#content #main h4 {
		margin-bottom: 15px;
		font-size: 24px;
	}
#content #main .inner-wrap01:after {
	content: "";
	display: block;
	clear: both;
}
#content #main .inner-wrap01.lnavi01 {
	padding: 20px 50px;
}
		#content #main nav li {
			width: auto;
			margin-left: 30px;
			border-bottom: 3px solid #d2d2d2;
		}
		#content #main nav li:hover,
		#content #main nav li.active {
			border-bottom: 3px solid #003c83;
		}
			#content #main nav li a {
				padding-right: 23px;
				background: url("../img/q_a/ico_link02.png") no-repeat right center;
				-webkit-background-size: 13px;
				background-size: 13px;
				font-size: 20px;
			}
			#content #main nav li a:hover,
			#content #main nav li.active a {
				background: url("../img/q_a/ico_link01.png") no-repeat right center;
				-webkit-background-size: 13px;
				background-size: 13px;
			}

/* HospitalEnvironment */
#HospitalEnvironment #he01,
#HospitalEnvironment #he02,
#HospitalEnvironment #he06,
#HospitalEnvironment #he07 {
	width: 401px;
	padding: 300px 0 0;
}
#HospitalEnvironment #he01 {
	float: left;
	margin: 10px 0 50px;
	background: url("../img/facility/pic_he01.jpg") no-repeat center top;
}
#HospitalEnvironment #he02 {
	float: right;
	margin: 10px 0 50px;
	background: url("../img/facility/pic_he02.jpg") no-repeat center top;
}
#HospitalEnvironment #he03 {
	clear: both;
	width: 401px;
	margin: 0 auto 50px;
	padding: 300px 0 0;
	background: url("../img/facility/pic_he03.jpg") no-repeat center top;
}
#HospitalEnvironment #he04 {
	height: 285px;
	padding: 10px 430px 0 0;
	background: url("../img/facility/pic_he04.jpg") no-repeat right top;
	text-align: right;
}
	#HospitalEnvironment #he04 p {
		text-align: right;
	}
#HospitalEnvironment #he05 {
	height: 285px;
	margin-top: -80px;
	padding: 160px 0 0 430px;
	background: url("../img/facility/pic_he05.jpg") no-repeat left top;
	text-align: left;
}
#HospitalEnvironment #he06 {
	float: left;
	margin: 50px 0 0;
	background: url("../img/facility/pic_he06.jpg") no-repeat center top;
}
#HospitalEnvironment #he07 {
	float: right;
	margin: 50px 0 0;
	background: url("../img/facility/pic_he07.jpg") no-repeat center top;
}
#HospitalEnvironment #he01,
#HospitalEnvironment #he02,
#HospitalEnvironment #he03,
#HospitalEnvironment #he04,
#HospitalEnvironment #he05,
#HospitalEnvironment #he06,
#HospitalEnvironment #he07 {
	-webkit-background-size: 401px;
	background-size: 401px;
}

/* MedicalEquipment */
#MedicalEquipment #me01,
#MedicalEquipment #me02 {
	width: 401px;
	padding: 300px 0 0;
}
#MedicalEquipment #me01 {
	float: left;
	margin: 10px 0 50px;
	background: url("../img/facility/pic_me01.jpg") no-repeat right top;
}
#MedicalEquipment #me02 {
	float: right;
	margin: 10px 0 50px;
	background: url("../img/facility/pic_me02.jpg") no-repeat left top;
}
#MedicalEquipment #me03 {
	clear: both;
	height: 449px;
	padding: 10px 0 0 350px;
	background: url("../img/facility/pic_me03.jpg") no-repeat left top;
	text-align: left;
}

#MedicalEquipment #me04 {
	height: 285px;
	margin-top: -70px;
	padding: 120px 430px 0 0;
	background: url("../img/facility/pic_me04.jpg") no-repeat right top;
	text-align: right;
}
	#MedicalEquipment #me04 p {
		text-align: right;
	}
#MedicalEquipment #me05 {
	height: 285px;
	margin-top: 50px;
	padding: 10px 0 0 430px;
	background: url("../img/facility/pic_me05.jpg") no-repeat left top;
	text-align: left;
}
#MedicalEquipment #me06 {
	height: 285px;
	margin-top: -70px;
	padding: 140px 430px 0 0;
	background: url("../img/facility/pic_me06.jpg") no-repeat right top;
	text-align: right;
}
	#MedicalEquipment #me06 p {
		text-align: right;
	}
#MedicalEquipment #me07 {
	width: 401px;
	padding: 300px 0 0;
	background: url("../img/facility/pic_me07.jpg") no-repeat left top;
	text-align: left;
}
#MedicalEquipment #me08 {
	height: 449px;
	margin: -250px 0 50px;
	padding: 320px 340px 0 0;
	background: url("../img/facility/pic_me08.jpg") no-repeat right top;
	text-align: right;
}
	#MedicalEquipment #me08 p {
		text-align: right;
	}
#MedicalEquipment #me09 {
	padding: 300px 0 0;
	background: url("../img/facility/pic_me09.jpg") no-repeat center top;
}
#MedicalEquipment #me01,
#MedicalEquipment #me02,
#MedicalEquipment #me04,
#MedicalEquipment #me05,
#MedicalEquipment #me06,
#MedicalEquipment #me07,
#MedicalEquipment #me09 {
	-webkit-background-size: 401px;
	background-size: 401px;
}
#MedicalEquipment #me03 {
	-webkit-background-size: 312px;
	background-size: 312px;
}
#MedicalEquipment #me09 {
	-webkit-background-size: 850px;
	background-size: 850px;
}

}