/*
Theme Name: ushp
Version: 1.0
*/
@charset "utf-8";
@import url(/css/default.css);
@import url(/css/base.css);
@import url(/css/style.css);
@import url(../../../css/default.css);
@import url(../../../css/base.css);
@import url(../../../css/style.css);


/*####################################################################################

  	WP

　####################################################################################*/


.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.main{
	overflow-wrap: break-word;
　　word-wrap: break-word;
}


.main ul{margin-left: 20px;}

.main ol{margin-left: 25px;}

.main blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

.main a {color:#00f;}






/*####################################################################################

  　　トップページ	

　####################################################################################*/

/* MAIN */

	.homecatch{
		width:760px;
		margin: 0 auto -27px;
		padding-top: 40px;
		position: relative;
		top:70px;
		z-index: 110;
	}

		.homecatch p{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			width:650px;
			height:60px;
			margin: 0 0 -68px;
			padding-top:8px;
			color:#fff;
			font-size:3.3em;
			font-family: "kozuka-mincho-pro",serif;
			font-weight: 500;
			text-shadow: 0 1px 1px black;
			position: relative;
			z-index: 100;
			line-height: 1;
			float: left;
		}
		.homecatch p:nth-of-type(2){
			width:710px;
			margin-top: 20px;
			margin-bottom: -88px;
			top:70px;
			float: right;
		}

		.homecatch p{
			opacity:0;
		}
		.homecatch p span {
			opacity: 0;
			-webkit-transition: .6s ease-in-out;
			transition: .6s ease-in-out;
		}


@media screen and (max-width:1600px){

	.homecatch{
		width:680px;
		top:40px;
	}

		.homecatch p{
			width:590px;
			height:60px;
			margin: 0 0 -68px;
			padding-top:8px;
			font-size:3.0em;
		}
		.homecatch p:nth-of-type(2){
			width:640px;
			margin-top: 10px;
			margin-bottom: -78px;
			top:70px;
		}

}

@media screen and (max-width:1200px){

	.homecatch{
		width:630px;
		top:20px;
	}

		.homecatch p{
			width:540px;
			height:50px;
			margin: 0 0 -68px;
			padding-top:6px;
			font-size:2.7em;
		}
		.homecatch p:nth-of-type(2){
			width:580px;
			margin-top: 10px;
			margin-bottom: -68px;
			top:60px;
		}

}

@media screen and (max-width:1000px){

	.homecatch{
		width:560px;
		top:10px;
	}

		.homecatch p{
			width:480px;
			height:50px;
			margin: 0 0 -68px;
			padding-top:3px;
			font-size:2.4em;
		}
		.homecatch p:nth-of-type(2){
			width:520px;
			margin-top: 10px;
			margin-bottom: -78px;
			top:55px;
		}

}

@media screen and (max-width:770px){

	.homecatch{
		width:470px;
		margin: 0 auto;
		top:-10px;
	}

		.homecatch p{
			width:400px;
			height:50px;
			margin: 0 0 -68px;
			padding-top:3px;
			font-size:2.0em;
		}
		.homecatch p:nth-of-type(2){
			width:440px;
			margin-top: 5px;
			margin-bottom: -83px;
			top:50px;
		}

}

@media screen and (max-width:640px){

	.homecatch{
		width:370px;
		margin: 0 auto;
		top:-15px;
	}

		.homecatch p{
			width:320px;
			height:35px;
			margin: 0 0 -58px;
			padding-top:0;
			font-size:1.6em;
		}
		.homecatch p:nth-of-type(2){
			width:350px;
			margin-top: 10px;
			margin-bottom: -83px;
			top:30px;
		}

}

@media screen and (max-width:480px){

	.homecatch{
		width:300px;
		margin: 0 auto;
		top:-25px;
	}

		.homecatch p{
			width:270px;
			height:35px;
			font-size:1.3em;
		}
		.homecatch p:nth-of-type(2){
			width:290px;
			margin-top: 0;
			margin-bottom: -83px;
			top:30px;
		}

}

@media screen and (max-width:430px){

	.homecatch{
		top:-30px;
	}

}

@media screen and (max-width:370px){

	.homecatch{
		width:280px;
		top:-30px;
	}

		.homecatch p{
			width:260px;
			height:35px;
			font-size:1.2em;
		}
		.homecatch p:nth-of-type(2){
			width:280px;
			margin-top: 0;
			margin-bottom: -83px;
			top:30px;
		}

}


.homecatch p{zoom:1;}
.homecatch p:after{
  content: ""; 
  display: block; 
  clear: both;
}


	.mainimage{
		width: 100%;
		/*margin-bottom: -39px;*/
		overflow: hidden;
		position: relative;
		top:-44px;
		background-image:url("/images/bg_mainimage.jpg");
		background-position:50% 50%;
		background-size: 100% auto;
		background-repeat: no-repeat;
	}

@media screen and (max-width:1600px){

	.mainimage{
		/*margin-bottom: -29px;*/
		top:-43px;
	}

}

@media screen and (max-width:1000px){

	.mainimage{
		/*margin-bottom: -41px;*/
		top:-43px;
	}

}

@media screen and (max-width:770px){

	.mainimage{
		/*margin-bottom: -10px;*/
		top:-40px;
	}

}

@media screen and (max-width:640px){

	.mainimage{
		/*margin-bottom: -25px;*/
		top:-40px;
	}

}

@media screen and (max-width:480px){

	.mainimage{
	}

}

		.mainimage img{
			width:100%;
			height:auto;
			position: relative;
		}


/* メインイメージフッターバナー */

	.mainimagefooter{
		margin-top: -72px;
		position: relative;
		top:-72px;
		background-image: url("/images/bg_mianimagefooter.png");
	}

@media screen and (max-width:1600px){

	.mainimagefooter{
		margin-top: -71px;
		top:-71px;
	}

}

@media screen and (max-width:1000px){

	.mainimagefooter{
		margin-top: -61px;
		top:-61px;
	}

}

@media screen and (max-width:770px){

	.mainimagefooter{
		margin-top: -20px;
		top:-20px;
	}

}


		.mainimagefooter ul{
			max-width: 1000px;
			width:98%;
			margin: 0 auto;
			line-height: 0;
		}
	
	@media screen and (max-width:770px){

		.mainimagefooter ul{
			max-width: 480px;
			padding:10px 1% 5px; 
		}
	
	}
	
	@media screen and (max-width:480px){

		.mainimagefooter ul{
		}
	
	}

			.mainimagefooter li{
				width: 23%;
				height:70px;
				margin:15px 1%;
				background-color: #fff;
				list-style: none;
				line-height: 1.5em;
				float: left;
				border-radius: 5px;
			}
			.mainimagefooter li a{
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
				width:100%;
				height:100%;
				color:#069;
				font-weight:700;
				text-align: center;
				text-decoration: none;
			}
	
		@media screen and (max-width:1000px){

			.mainimagefooter li{
				height:50px;
			}

			.mainimagefooter li a{
				font-size:0.9em;
				line-height: 1.3em;
			}
			
		}
	
		@media screen and (max-width:770px){

			.mainimagefooter li{
				width:48%;
				margin: 0 1% 5px;
				padding: 0;
			}
			
		}
	
		@media screen and (max-width:480px){

			.mainimagefooter li{
				height:40px;
			}

			.mainimagefooter li a{
				font-size:0.8em;
				line-height: 1.3em;
			}
			
		}


/* TOP共通 */

		.stdsec h2{
			margin-bottom: 40px;
			color:#241681;
			font-size: 2.0em;
			text-align: center;
			letter-spacing: 0.1em;
		}

	@media screen and (max-width:1000px){

		.stdsec h2{
			margin-bottom: 30px;
			font-size: 1.8em;
		}

	}

	@media screen and (max-width:640px){

		.stdsec h2{
			margin-bottom: 25px;
			font-size: 1.6em;
		}

	}

	@media screen and (max-width:430px){

		.stdsec h2{
			margin-bottom: 20px;
			font-size: 1.4em;
		}

	}




/* NEWS */

	.top-news{
		clear: both;
		padding: 0 0 70px;
		position: relative;
	}

@media screen and (max-width:770px){

	.top-news{
		padding: 10px 0 50px;
	}

}

		.top-news header{
			max-width: 700px;
			width:90%;
			margin: 0 auto 25px;
		}
	
	@media screen and (max-width:640px){

		.top-news header{
			margin: 0 auto 15px;
			border: none;
		}

		.top-news header ul{
			width:99%;
			margin-left:1%;
		}
	
	}


			.top-news header li{
				width: calc(25% - 1px);
				padding:10px 0;
				margin: 0;
				color:#241681;
				text-align: center;
				list-style: none;
				float: left;
				border-left:1px solid #bdb9d9;
				cursor: pointer;
			}
	
		@media screen and (max-width:640px){

			.top-news header li{
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
				width:49%;
				height:35px;
				margin: 0 1% 5px 0;
				padding: 0;
				font-size:0.9em;
				float: left;
				border: none;
				background-color: #bdb9d9;
			}
			
		}


		.top-news .inner{
			max-width: 1000px;
			width:90%;
			margin: 0 auto;
		}


		.top-news .mainnews{padding-bottom:20px;}

		.top-news .mainnews.hide{display: none;}

		.top-news .mainnews h3{
			color:#241681;
			margin:0 0 5px 5px;
			font-weight:700;
			letter-spacing: 0.1em;
		}
				
		.top-news .newslist,
		.top-news .morelist{
			width:100%;
			margin: 0;
		}
		.top-news .morelist{
			display:none;
			margin-bottom: 20px;
			position: relative;
			z-index:100;
		}
	

			.top-news .newslist li,
			.top-news .morelist li{
				margin: 0;
				padding:12px 1% 12px 0;
				list-style: none;
				line-height: 1.7em;
				border-bottom: 1px dashed #ccc;
			}
			.top-news .newslist li:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

			.top-news .newslist li{zoom:1;}
			.top-news .newslist li:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

			.top-news .morelist li{zoom:1;}
			.top-news .morelist li:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

			.top-news .newslist li p.date,
			.top-news .morelist li p.date{
				width: 100px;
				margin: 0;
				color:#999;
				font-size:0.9em;
				float:left;
			}

			.top-news .newslist li p.cat,
			.top-news .morelist li p.cat{
				width: 100px;
				height:24px;
				margin: 0 0 0 20px;
				color:#999;
				font-size: 0.7em;
				text-align: center;
				line-height: 24px;
				float:left;
				position: relative;
				top:1px;
			}

		@media screen and (max-width:770px){

			.top-news .newslist li p.cat,
			.top-news .morelist li p.cat{
				height:20px;
				margin: 0 0 0 10px;
				line-height: 20px;
				top:3px;
			}

		}

			.top-news .newslist li p.news,
			.top-news .morelist li p.news{
				color:#c02420;
				background-color:#ffe6e6;
			}

			.top-news .newslist li p.update,
			.top-news .morelist li p.update{
				color:#707d30;
				background-color:#ecf2c2;
			}

			.top-news .newslist li p.recruit,
			.top-news .morelist li p.recruit{
				color:#069;
				background-color:#e8f1f6;
			}

			.top-news .newslist li p.title,
			.top-news .morelist li p.title{
				width: calc(100% - 240px);
				margin: 0;
				float:right;
			}

		@media screen and (max-width:770px){

			.top-news .newslist li p.title,
			.top-news .morelist li p.title{
				clear: both;
				width: 100%;
				padding-top: 5px;
				float:none;
			}

		}



		.top-news .linknews{
			display:block;
			width:300px;
			height:50px;
			margin:0 auto;
			padding-right: 7px;
			color:#08437b;
			font-size: 0.9em;
			font-weight: 700;
			line-height:50px;
			text-align:center;				
			text-decoration:none;
			background-color:#cce0eb;
			border-radius: 25px;
		}

	@media screen and (max-width:770px){

		.top-news .linknews{
			width:240px;
			height:40px;
			line-height:40px;
			border-radius:25px;
		}

	}


	


/* moreトリガー */

		.moretrigger{
			width:200px;
			height:42px;
			margin:15px auto 0;
			text-align:center;				
			background-repeat:no-repeat;
			background-size:200px auto;
			position: relative;
			cursor:pointer;
		}
	
		.downtrigger{
			background-image:url(/images/btn_more.png);
		}	
		.uptrigger{
			display:none;
			/*margin:15px auto 0;*/
			background-image:url(/images/btn_close.png);
		}




/* 病院のご案内 */

	.top-about{
		clear: both;
		padding: 30px 0 40px;
		position: relative;
		background-color: #f0f6f9;
		background-image: url("/images/bg_top-about.jpg");
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

@media screen and (max-width:1000px){

	.top-about{
		padding: 25px 0 30px;
		background-position: 60% 50%;
	}

}

@media screen and (max-width:770px){

	.top-about{
		padding: 25px 0 25px;
		background-position: 60% 50%;
		background-size: auto 100%;
	}

}

@media screen and (max-width:430px){

	.top-about .inner{
	}

}	


		.top-about .inner{
			max-width: 1000px;
			width:90%;
			margin: 0 auto;
		}


			.top-about h3{
				color:#069;
				font-size: 1.8em;
				font-weight:500;
				line-height: 1.6em;
				letter-spacing: 0.08em;
				text-shadow:0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9;
			}

		@media screen and (max-width:1000px){

			.top-about h3{
				font-size: 1.6em;
			}

		}	

		@media screen and (max-width:770px){

			.top-about h3{
				font-size: 1.4em;
			}

		}	

		@media screen and (max-width:640px){

			.top-about h3{
				font-size: 1.2em;
			}

		}	

		@media screen and (max-width:430px){

			.top-about h3{
				font-size: 1.0em;
			}

		}	




			.top-about .catch{
				color:#069;
				font-size: 2.0em;
				font-family: "kozuka-mincho-pro",serif;
				font-weight:500;
				line-height: 1.6em;
				letter-spacing: 0.08em;
				text-shadow:0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9;
			}

		@media screen and (max-width:1000px){

			.top-about .catch{
				font-size: 1.8em;
			}

		}	

		@media screen and (max-width:770px){

			.top-about .catch{
				font-size: 1.6em;
			}

		}	

		@media screen and (max-width:640px){

			.top-about .catch{
				font-size: 1.4em;
			}

		}	

		@media screen and (max-width:430px){

			.top-about .catch{
				font-size: 1.2em;
			}

		}	

			.top-about p{
				max-width: 700px;
				width:100%;
				margin: 20px 0;
				color:#08437b;
				text-shadow:0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9,
				0 0 8px #f0f6f9,0 0 8px #f0f6f9,0 0 8px #f0f6f9;
			}

		@media screen and (max-width:430px){

			.top-about p{
				margin: 15px 0;
			}

		}	


		.top-about .linkabout{
			display:block;
			width:300px;
			height:50px;
			margin:0 auto;
			padding-right: 7px;
			color:#08437b;
			font-weight: 700;
			line-height:50px;
			text-align:center;				
			text-decoration:none;
			background-color:#cce0eb;
			border-radius: 25px;
		}

	@media screen and (max-width:770px){

		.top-about .linkabout{
			width:240px;
			height:40px;
			line-height:40px;
			border-radius:25px;
		}

	}


/* 部門紹介 */

	.top-division{
		padding: 70px 0 50px;
		position: relative;
	}

@media screen and (max-width:1000px){

	.top-division{
		padding: 60px 0 40px;
	}

}

@media screen and (max-width:770px){

	.top-division{
		padding: 50px 0 30px;
	}

}

	.top-division .inner{
		max-width: 1000px;
		width: 98%;
		margin: 0 auto;
	}

@media screen and (max-width:770px){

	.top-division .inner{
		max-width: 700px;
		width: 90%;
	}

}

@media screen and (max-width:640px){

	.top-division .inner{
		max-width: 600px;
	}

}

		.top-division li{
			width:24%;
			margin: 0 calc(4% / 3) 15px 0;
			list-style: none;
			line-height:1;
			float: left;
			background-color: #e5eff5;
		}
		.top-division li:nth-of-type(4n){margin-right:0;}

	@media screen and (max-width:770px){

		.top-division li{
			width:32%;
			margin: 0 2% 12px 0;
		}
		.top-division li:nth-of-type(4n){margin-right:2%;}
		.top-division li:nth-of-type(3n){margin-right:0;}

	}

	@media screen and (max-width:640px){

		.top-division li{
			width:49%;
			margin: 0 2% 10px 0;
		}
		.top-division li:nth-of-type(3n){margin-right:2%;}
		.top-division li:nth-of-type(2n){margin-right:0;}

	}


		.top-division li img{
			width:100%;
			height:auto;
		}

		.top-division li p{
			margin: 10px 0;
			color:#036;
			font-size:0.9em;
			text-align: center;
		}
		.top-division li a:hover p{
			color:#c33;
		}

	@media screen and (max-width:770px){
		
		.top-division li p{
			font-size:0.8em;
		}

	}

	@media screen and (max-width:370px){
		
		.top-division li p{
			font-size:0.7em;
		}

	}

		.top-division li a{
			text-decoration: none;
		}


/* アクセス */

	#access{
		margin-bottom: -100px;
		padding-top: 100px;
		position: relative;
		top:-100px;
	}

		#access > .inner{
			background-color:#f2f2f2;
		}

		#access h2{
			margin-bottom: 30px;
		}

@media screen and (max-width:1200px){

		#access h2{
			margin-bottom: 20px;
		}

}

@media screen and (max-width:1000px){

		#access h2{
			margin-bottom: 30px;
		}

}

	#access .note{
		width:50%;
		padding:50px 0 20px;
		float: left;
	}

@media screen and (max-width:1200px){

	#access .note{
		padding:40px 0 10px;
	}

}

@media screen and (max-width:1000px){

	#access .note{
		width:100%;
		padding:60px 0 50px;
		float:none;
	}

}

@media screen and (max-width:640px){

	#access .note{
		padding:50px 0 40px;
	}

}

@media screen and (max-width:480px){

	#access .note{
		padding:40px 0 30px;
	}

}

	#access .note .inner{
		width:60%;
		margin: 0 auto;
		padding-left: 24%;
	}

@media screen and (max-width:1600px){

	#access .note .inner{
		width:84%;
		padding-left: 0;
	}

}

		#access .note .inner h3{
			padding: 3px 10px;
			font-size: 0.9em;
			font-weight:700;
			background-color: #fff;
		}
		#access .note .inner h3:nth-of-type(2){
			margin-top:20px;
		}

		#access .note .inner ul{
			margin: 12px 0 15px 20px;
		}

			#access .note .inner li{
				margin-bottom: 10px;
				font-size: 0.9em;
				line-height: 1.7em;
			}

			#access .note .inner li .linkbtn{
				display:block;
				margin-top: 5px;
				max-width: 300px;
				width:100%;
				font-size:0.9em;
				background-color: #707d30;
				background-image: url("../shared/img_yajirushi-lightgreen.png");
				background-repeat: no-repeat;
				background-position: 95% 50%;
				border-radius:5px;
			}

	#access .map{
		width:50%;
		height:600px;
		float: right
	}

@media screen and (max-width:1000px){

	#access .map{
		width:90%;
		margin: 0 auto;
		float:none;
	}

}


/* 天草牛深のご紹介 */

	.banfooter{
		max-width: 800px;
		width:90%; 
		margin: 60px auto 100px; 
		line-height:0;
	}

@media screen and (max-width:1000px){

	.banfooter{
		margin: 60px auto; 
	}

}

@media screen and (max-width:640px){

	.banfooter{
		margin: 50px auto; 
	}

}

@media screen and (max-width:480px){

	.banfooter{
		margin: 40px auto; 
	}

}


	.banfooter img{
		width: 100%;
		height:auto;
	}

	.imagelist li{
		width:46%;
		float: left;
		list-style: none;
		line-height: 1.0;
	}
	.imagelist li:nth-of-type(2n){
		float:right;
	}

		.imagelist li img{
			width: 100%;
			height:auto;
		}

		.imagelist li p{
			margin: 5px 0 15px;
			text-align: center;
			line-height: 1.5em;
		}

	@media screen and (max-width:1000px){

		.imagelist li p{
			font-size:0.9em;
		}

	}

	@media screen and (max-width:480px){

		.imagelist li p{
			margin: 0 0 5px;
			font-size:0.8em;
		}

	}





/*####################################################################################

  　　病院のご案内	

　####################################################################################*/

/* index */

	.about .index{
		background-image: url("/images/bg_about.jpg");
		background-repeat: no-repeat;
		background-position: 100% 150px;
	}

@media screen and (max-width:1600px){

	.about .index{
		background-position: 50% 200px;
		background-size: 100% auto;
	}

}

@media screen and (max-width:1200px){

	.about .index{
		background-position: 50% 300px;
	}

}

@media screen and (max-width:1000px){

	.about .index{
		background-position: 50% 300px;
		background-size: 1000px auto;
	}

}

@media screen and (max-width:770px){

	.about .index{
		background-position: 50% 300px;
		background-size: 770px auto;
	}

}

@media screen and (max-width:640px){

	.about .index{
		background-position: 75% 300px;
		background-size: 640px auto;
	}

}



		.about .policy{
			margin-bottom: 30px;
			color:#c02420;
			font-size:1.3em;
			font-family: "kozuka-mincho-pro",serif;
			line-height:1.7em;
			position: relative;
			left:50px;
			text-shadow:0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,
				0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff;
		}
	
	@media screen and (max-width:770px){

		.about .policy{
			width:80%;
			margin: 0 auto 30px;
			font-size:1.2em;
			left:0;
		}
	
	}
	
	@media screen and (max-width:540px){

		.about .policy{
			width:90%;
		}
	
	}
	
	@media screen and (max-width:480px){

		.about .policy{
			width:96%;
			font-size:1.1em;
		}
	
	}

		.about .policy + p{
			width:540px;
			color:#069;
			position: relative;
			left:50px;
			text-shadow:0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,
				0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff;
		}
	
	@media screen and (max-width:770px){

		.about .policy + p{
			width:80%;
			margin: 0 auto;
			left:0;
		}
	
	}
	
	@media screen and (max-width:540px){

		.about .policy + p{
			width:90%;
		}
	
	}
	
	@media screen and (max-width:480px){

		.about .policy + p{
			width:96%;
			font-size:0.9em;
		}
	
	}


		.sig{
			clear: both;
			margin: 0 15px 0 0;
			font-size:1.2em;
			font-family: "kozuka-mincho-pro",serif;
			letter-spacing: 0.1em;
			text-align: right;
		}

		.sig span{
			font-size:0.9em;
		}
	
	@media screen and (max-width:480px){

		.sig{
			font-size:1.1em;
		}
	
	}


/* 院内施設のご案内 */

		.about .index table{
			width:100%;
			margin-bottom: 50px;
			border-collapse: collapse;
			line-height: 1.7em;
		}

			.about .index th{
				width:140px;
				padding: 12px 0;
				color:#069;
				border-top: 1px dashed #ccc;
				white-space: nowrap;
				vertical-align: top;
			}
			.about .index tr:nth-last-of-type(1) th{
				border-bottom: 1px dashed #ccc;
			}

			.about .index th.nlcell{
				border-top:none;
			}

			.about .index td{
				padding: 12px 1%;
				border-top: 1px dashed #ccc;
			}
			.about .index tr:nth-last-of-type(1) td{
				border-bottom: 1px dashed #ccc;

			}
	
		@media screen and (max-width:640px){

			.about .index th{
				display: block;
				width: 96%;
				padding: 2px 2%;
				color:#333;
				font-size:0.9em;
				border-top:none;
				text-align: left;
				background-color: #f2f2f2;
			}
			.about .index tr:nth-last-of-type(1) th{
				border-bottom:none;
			}

			.about .index td{
				display: block;
				width: 98%;
				padding: 12px 1% 15px;
				border-top:none;
			}
	
		}
	
		@media screen and (max-width:480px){

			.about .index td{
				font-size:0.9em;
			}

		}
	
	.intramap{
		text-align: center;
	}

		.intramap img{
			width:100%;
			height: auto;
		}

			
		.facilities{
			padding: 0;
		}

			
			.facilities li{
				width:calc(49% - 20px);
				margin: 0 !important;
				padding: 10px;
				font-size: 0.9em;
				background-color:#f0f6f9;
				list-style: none;
				line-height:0;
				float: left;
			}			
			.facilities li:nth-of-type(2n){
				float: right;
			}

		@media screen and (max-width:770px){

			.facilities li{
				width:calc(100% - 20px);
				margin-bottom: 10px !important;
				float: none;
			}			
			.facilities li:nth-of-type(2n){
				float: none;
			}

		}

				.facilities li img{
					max-width: 220px;
					width:45%;
					height:auto;
					float: left;
				}

			@media screen and (max-width:770px){

				.facilities li img{
					width:30%;
				}

			}

			@media screen and (max-width:430px){

				.facilities li img{
					display: block;
					width:150px;
					margin: 10px auto;
					float: none;
				}

			}

				.facilities li .note{
					width:50% !important;
					margin: 0 !important;
					float: right;
					line-height: 1.4em;
				}

			@media screen and (max-width:770px){

				.facilities li .note{
					width:65% !important;
				}

			}

			@media screen and (max-width:430px){

				.facilities li .note{
					width:96% !important;
					margin:0 auto !important;
				}

			}

					.facilities li .note h5{
						margin:5px 0;
						color:#069;
						font-weight:700;
					}

					.facilities li .note h6{
						display:-webkit-flex;
						display:flex;
						justify-content: center;
						-webkit-align-items:center;
						align-items:center;
						width:80px;
						height:20px;
						margin: 0;
						color:#fff;
						font-size:0.8em;
						font-weight: 400;
						background-color: #069;
						border-radius: 3px;
					}

					.facilities li .note p{
						margin: 5px 0;
					}


	
	.about .kijyun{
		
	}
	
		.about .kijyun > p{
			color:#069;
			text-align: center;
		}
	
	@media screen and (max-width:480px){
	
		.about .kijyun > p{
			margin: 0;
			font-size:0.9em;
		}
	
	}

		.about .kijyun table{
			width:100%;
			border-collapse: collapse;
		}
	
		.about .kijyun th{
			padding: 10px;
			color:#069;
			background-color: #f0f6f9;
			border: 1px solid #ccc;
			line-height: 1.2em;
			white-space: nowrap
		}
	
		.about .kijyun td{
			padding: 10px 15px;
			border: 1px solid #ccc;
			line-height: 1.5em;
		}

	@media screen and (max-width:480px){

		.about .kijyun th{
			padding: 10px 5px;
			font-size:0.9em;
			letter-spacing: 0.1em;
		}
	
		.about .kijyun td{
			padding: 10px;
			font-size:0.9em;
		}

	}


/* 診療・検査実績 */

	.about .results .inner{
		padding-bottom: 50px;
	}


		.resultlist{
			margin-top: 50px;
		}

	@media screen and (max-width:480px){

		.resultlist{
			margin-top: 30px;
		}

	}

			.resultlist li{
				margin: 0;
				padding:15px 0 12px 1%;
				list-style: none;
				line-height: 1.7em;
				border-bottom: 1px dashed #ccc;
			}
			.resultlist li:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

			.resultlist li:before{
				content:url("/shared/ico_pdf.png");
				margin-right: 10px;
				position: relative;
				top:3px;
			}

			.resultlist li{zoom:1;}
			.resultlist li:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

			.resultlist li p.date{
				width: 100px;
				margin: 0;
				color:#999;
				font-size:0.9em;
				float:left;
			}

		@media screen and (max-width:770px){

			.tresultlist li p.cat{
				height:20px;
				margin: 0 0 0 10px;
				line-height: 20px;
				top:3px;
			}
		}

			.resultlist li p.title{
				width: calc(100% - 120px);
				margin: 0;
				float:right;
			}

		@media screen and (max-width:770px){

			.resultlist li p.title{
				clear: both;
				width: 100%;
				padding-top: 5px;
				float:none;
			}
		}



/* 医療安全管理指針 */

	.guidelinespolicy{
		width:96%;
		margin: 30px auto;
		color:#c02420;
		font-size: 1.2em;
	}

@media screen and (max-width:770px){

	.guidelinespolicy{
		font-size:1.1em;
	}

}

@media screen and (max-width:480px){

	.guidelinespolicy{
		font-size:1.0em;
	}

}

		.content.guidelines{
			padding-bottom:100px;
		}

	@media screen and (max-width:480px){

		.content.guidelines{
			padding-bottom:50px;
		}

	}

		.guidelines .note{
			width:96%;
			margin:20px auto !important;
		}


		.guidelines ol{
			width:96%;
			margin: 5px auto;
		}

		.guidelines p + ol{
			margin-top:0;
			margin-bottom:10px;
		}

			.guidelines ol li{
				margin-left:20px;
				margin-bottom: 8px;
			}

		@media screen and (max-width:480px){

			.guidelines ol li{
				font-size:0.9em;
			}

		}

		.guidelines h5{
			margin: 50px 0 20px;
			color:#069;
			font-size: 1.2em;
			font-weight:500;
		}

	@media screen and (max-width:770px){

		.guidelines h5{
			font-size:1.1em;
		}

	}

	@media screen and (max-width:480px){

		.guidelines h5{
			margin: 40px 0 20px;
			font-size:1.0em;
		}

	}

		.guidelines h6{
			margin: 20px 0 15px 40px;
			color:#000;
			font-size: 1.1em;
			font-weight:500;
		}

	@media screen and (max-width:480px){

		.guidelines h6{
			font-size:1.0em;
		}

	}





/*####################################################################################

  　　外来のご案内	

　####################################################################################*/

/* index */

    .diagnosis .content.index{
        padding-bottom:0;
    }

	.diagnosis h5{
		padding-left: 15px;
		color: #069;
		font-size: 1.2em;
		font-weight: 500;
		letter-spacing: 0.1em;
		background-image:url("/shared/dot_box-orange.gif");
		background-repeat: no-repeat;
		background-position: 0 12px;
		position: relative;
		top:-5px;
	}

@media screen and (max-width:770px){

	.diagnosis h5{
		font-size:1.1em;
	}

}

@media screen and (max-width:480px){

	.diagnosis h5{
		font-size:1.0em;
	}

}


	.diagnosishours{
		width:96%;
		margin: 0 auto 15px;;
		color:#c02420;
		font-size:1.2em;
		font-weight: 500;
	}

@media screen and (max-width:770px){

	.diagnosishours{
		margin: 0 auto 20px;;
		font-size:1.1em;
	}

}

@media screen and (max-width:480px){

	.diagnosishours{
		font-size:1.0em;
	}

}

		.diagnosishours span{
			color:#333;
			font-weight: 700;
		}

	.diagnosishours + ul{
		width:96%;
		margin: 0 auto 20px;
	}

		.diagnosishours + ul li{
			margin-bottom: 5px;
			list-style: none;
			font-size:0.8em;
			line-height: 1.5em;
		}

	.diagnosis .index table{
		width:100%;
		margin-bottom: 15px;
		border-collapse: collapse;
	}		

		.diagnosis .index table td{
			padding: 10px 5px;
			text-align: center;
			line-height: 1.4em;
			border:1px solid #ccc;
		}

	@media screen and (max-width:1000px){

		.diagnosis .index table td{
			padding: 10px 0;
			font-size:0.9em;
		}

	}

	@media screen and (max-width:770px){

		.diagnosis .index table td{
			padding: 10px 0;
			font-size:0.8em;
		}

	}

		.diagnosis .index table td[colspan]{
			background-color:#f0f6f9;
		}



		.diagnosis .index table th{
			padding: 0 1px;
			color:#fff;
			background-color: #3385ad;
			border:1px solid #ccc;
			font-size: 0.9em;
			font-weight:400;
			line-height: 1.2em;
		}

	@media screen and (max-width:1000px){

		.diagnosis .index table th{
			font-size: 0.8em;
		}

	}

	@media screen and (max-width:430px){

		.diagnosis .index table th{
			width:15px;
		}

	}

		.diagnosis .index table tr:nth-of-type(1) th{
			padding: 5px 0;
			color:#3385ad;
			background-color:#e5eff5;
		}

		.diagnosis .index table tr:nth-of-type(1) th:nth-of-type(1){
			background-color:#fff;
		}


		.diagnosis .index table + ul{
			width:96%;
			margin: 0 auto 20px;
		}

			.diagnosis .index table + ul li{
				margin-bottom: 5px;
				list-style: none;
				font-size:0.8em;
				line-height: 1.5em;
			}

/* 学科詳細 */

	.diagnosis .detail table{
		width:100%;
		margin-bottom: 15px;
		border-collapse: collapse;
	}		

		.diagnosis .detail table td{
			padding: 10px 5px;
			text-align: center;
			line-height: 1.4em;
			border:1px solid #ccc;
		}

	@media screen and (max-width:1000px){

		.diagnosis .detail table td{
			padding: 10px 0;
			font-size:0.9em;
		}

	}

	@media screen and (max-width:770px){

		.diagnosis .detail table td{
			padding: 10px 0;
			font-size:0.8em;
		}

	}

		.diagnosis .detail table th{
			padding: 0 1px;
			color:#fff;
			background-color: #3385ad;
			border:1px solid #ccc;
			font-size: 0.9em;
			font-weight:400;
			line-height: 1.2em;
		}

	@media screen and (max-width:1000px){

		.diagnosis .detail table th{
			font-size: 0.8em;
		}

	}

	@media screen and (max-width:430px){

		.diagnosis .detail table th{
			width:15px;
		}

	}

		.diagnosis .detail table tr:nth-of-type(1) th{
			padding: 5px 0;
			color:#3385ad;
			background-color:#e5eff5;
		}

		.diagnosis .detail table + ul{
			width:96%;
			margin: 0 auto 20px;
		}

			.diagnosis .detail table + ul li{
				margin-bottom: 5px;
				list-style: none;
				font-size:0.8em;
				line-height: 1.5em;
			}


/* 各月別の担当医について */

	.diagnosisdetail inner{
	}


		.detaillist{
			margin: 20px 0 50px;
		}

	@media screen and (max-width:480px){

		.detaillist{
			margin-top: 10px 0 30px;
		}

	}

			.detaillist li{
				margin: 0;
				padding:15px 0 12px 1%;
				list-style: none;
				line-height: 1.7em;
				border-bottom: 1px dashed #ccc;
			}
			.detaillist li:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

			.detaillist li:before{
				content:url("/shared/ico_pdf.png");
				margin-right: 10px;
				position: relative;
				top:3px;
			}

			.detaillist li{zoom:1;}
			.detaillist li:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

			.detaillist li p.date{
				width: 100px;
				margin: 0;
				color:#999;
				font-size:0.9em;
				float:left;
			}

		@media screen and (max-width:770px){

			.detaillist li p.cat{
				height:20px;
				margin: 0 0 0 10px;
				line-height: 20px;
				top:3px;
			}
		}

			.detaillist li p.title{
				width: calc(100% - 120px);
				margin: 0;
				float:right;
			}

		@media screen and (max-width:770px){

			.detaillist li p.title{
				clear: both;
				width: 100%;
				padding-top: 5px;
				float:none;
			}
		}




/* 医師紹介 */

	.diagnosis .doctors .inner > ul{
		margin-top: 40px;
	}


	.diagnosis .doctors .inner > ul{zoom:1;}
	.diagnosis .doctors .inner > ul:after{
	  content: ""; 
	  display: block; 
	  clear: both;
	}

	.diagnosis .doctors .inner > ul > li{
		width:28%;
		margin-right: calc(4% / 3);
		margin-bottom: 15px;
		padding: 10px 2% 15px;
		list-style: none;
		border-radius: 10px;
		box-shadow: 0 0 0 3px #abcddd inset;
		float: left;
	}
	.diagnosis .doctors .inner > ul > li:nth-of-type(3n){
		margin-right: 0;
	}

@media screen and (max-width:1000px){

	.diagnosis .doctors .inner > ul > li{
		width:45%;
		margin-right:0;
		margin-bottom: 15px;
	}
	.diagnosis .doctors .inner > ul > li:nth-of-type(2n){
		float: right;
	}

}

@media screen and (max-width:770px){

	.diagnosis .doctors .inner > ul > li{
		width:90%;
		margin-bottom: 15px;
		padding: 10px 5% 15px;
		float: none;
	}
	.diagnosis .doctors .inner > ul > li:nth-of-type(2n){
		float: none;
	}

}


	.diagnosis .doctors .inner > ul > li ul{zoom:1;}
	.diagnosis .doctors .inner > ul > li ul:after{
	  content: ""; 
	  display: block; 
	  clear: both;
	}

		.diagnosis .doctors .inner > ul > li .post{
			margin: 0;
			padding: 0;
			font-size:0.8em;
		}

		.diagnosis .doctors .inner > ul > li .docname{
			margin-bottom: 15px;
			color:#08437b;
			font-weight: 700;
			line-height: 1.0em;
			position: relative;
		}

			.diagnosis .doctors .inner > ul > li .docname span{
				color:#333;
				font-size:0.6em;
				font-weight: 400;
				letter-spacing: 0.03em;
			}


		.diagnosis .doctors .inner > ul > li h4{
                display:-webkit-flex;
                display:flex;
                justify-content: center;
                -webkit-align-items:center;
                align-items:center;
			width: 80px;
			height: 24px;
			margin:3px 0 5px;
			color: #fff;
			font-size: 0.7em;
			background-color: #069;
			text-align: center;			
		}

		.diagnosis .doctors .inner > ul > li h4 + p{
			width:98%;
			margin: 0 0 0 1%;
			font-size:0.9em;
		}

			.diagnosis .doctors .inner > ul > li ul{
				width:100%;
				margin-top: 10px;
				margin-left: 20px;
			}

			.diagnosis .doctors .inner > ul > li ul li{
				width:calc(100% - 20px);
				margin-bottom: 5px;
				font-size:0.9em;
				box-shadow: 0 0 0 0;
				line-height: 1.3em;
			}

	
/* 初めての方 */

	.firsttime{
		margin-bottom: -120px;
		padding:90px 0;
		position: relative;
		top:-60px;
	}

	.firsttime .firsttimewrap{
		padding:0 0 40px;
		/*background-color:#fff1f0;*/
		background-color: #f0f6f9;
	}

		
		.firsttime h4{
			padding: 5px 0;
			color:#fff;
			font-size:1.1em;
			font-weight: 500;
			text-align: center;
			background-color: #069;
		}

		.firsttime .inner{
			max-width: 1000px;
			width:90%;
			margin:30px auto 0;
		}


		.firsttime img{
			max-width:350px;
			width:35%;
			float:left;
		}

	@media screen and (max-width:640px){

		.firsttime img{
			display:block;
			max-width:240px;
			width:40%;
			margin:0 auto 20px;
			float:none;
		}

	}

		.firsttime .innerright{
			width:60%;
			float:right;			
		}

	@media screen and (max-width:770px){

		.firsttime .innerright{
			width:100%;
			float:none;			
		}

	}
	
			.firsttime ul{
				margin-left:35px;
			}

		@media screen and (max-width:770px){
	
			.firsttime ul:nth-of-type(1){
				margin-left:45%;
				margin-bottom: 15px;
			}

		}

		@media screen and (max-width:640px){
	
			.firsttime ul:nth-of-type(1){
				margin-left:35px;
				margin-bottom: 15px;
			}

		}
	
			.firsttime li{
				line-height: 1.7em;
				margin-bottom:5px;
			}



			.firsttime h5{
				margin:30px 0 0;
				padding:5px 15px;
				color:#c33;
				font-size:1.2em;
				font-weight:700;
				line-height:1.5em;
				background-position: 0 18px;
			}

		@media screen and (max-width:1000px){

			.firsttime h5{
				font-size:1.1em;
				background-position: 0 16px;
			}

		}

		@media screen and (max-width:770px){

			.firsttime h5{
				margin:20px 0 0;
				padding:5px 10px;
				font-size:1.0em;
			}

		}



/* 予防接種 */

	.diagnosis .yobousesshu .inner{
		padding-bottom:0
	}
	main.diagnosis + .yobousesshu{
		margin-bottom: -70px;
		position: relative;
		top:-120px;
	}


	.diagnosis .yobousesshu .inner .catch{
		margin-bottom: 30px;
		color:#c02420;
		font-size: 1.3em;
		font-weight: 700;
		text-align: center;
	}

@media screen and (max-width:770px){

	.diagnosis .yobousesshu .inner .catch{
		font-size: 1.1em;
	}

}

@media screen and (max-width:480px){

	.diagnosis .yobousesshu .inner .catch{
		font-size: 1.0em;
	}

}

		.diagnosis .yobousesshu .inner .catch + table{
			width:100%;
			border-collapse:collapse;
		}

		.diagnosis .yobousesshu .inner .catch + table th,
		.diagnosis .yobousesshu .inner .catch + table td{
			padding: 10px 0;
			border-bottom: 1px dashed #ccc;
		}
		.diagnosis .yobousesshu .inner .catch + table th:nth-of-type(1),
		.diagnosis .yobousesshu .inner .catch + table td:nth-of-type(1){
			border-top: 1px dashed #ccc;
		}

		.diagnosis .yobousesshu .inner .catch + table th{
			width:190px;
			color:#08437b;
			vertical-align: top;
		}

		.diagnosis .yobousesshu .inner .catch + table td{
		}

	@media screen and (max-width:770px){

		.diagnosis .yobousesshu .inner .catch + table th,
		.diagnosis .yobousesshu .inner .catch + table td{
			margin: 0 auto;
			font-size: 1.0em;/* .noteを初期化 */
		}

		.diagnosis .yobousesshu .inner .catch + table th{
			display: block;
			width:90%;
			padding:3px 3%;
			text-align: left;
			border-bottom:none;
			background-color: #f2f2f2;
		}

		.diagnosis .yobousesshu .inner .catch + table td{
			display: block;
			width:90%;
			padding: 10px 3%;
			border-bottom:none;
		}

	}

			.diagnosis .yobousesshu .inner .catch + table td ul{
				margin-top: 2px;
			}

				.diagnosis .yobousesshu .inner .catch + table td li{
					margin-bottom:5px;
					line-height: 1.5em;
				}
				.diagnosis .yobousesshu .inner .catch + table td li:nth-last-of-type(1){
					margin-bottom: 0;
				}


/* 20240509追記 */
	.diagnosis .yobousesshu h4 + table th{
		vertical-align: top;
	}

@media screen and (max-width:770px){

	.diagnosis .yobousesshu h4 + table th{
		display: block;
		width:100%;
		padding: 5px 0;
		color:#369;
		background-color: #f2f2f2;
	}

	.diagnosis .yobousesshu h4 + table td{
		display: block;
		width:100%;
		padding: 10px;
	}
	
}


		.sesshutaisyo > p{
			color:#c02420;
			font-size: 0.9em;
			line-height: 1.5em;
			text-align: center;
		}

	@media screen and (max-width:430px){
			
		.sesshutaisyo > p{
			font-size: 0.8em;
		}

	}

	@media screen and (max-width:430px){
			
		.sesshutaisyo > p{
			text-align: left;
		}

	}


		.sesshutaisyo ul{
			width: 100%;
			margin-bottom: 45px;
		}

			.sesshutaisyo li{
                display:-webkit-flex;
                display:flex;
                justify-content: center;
                -webkit-align-items:center;
				width:32%;
				height: 50px;
				margin-right:2%;
				color: #fff;
				font-size: 1.1em;
				font-weight: 500;
				text-align: center;
				list-style: none;
				float: left;
                align-items:center;
				border-radius: 5px;
				line-height: 1.4em;
				background-color: #069;
				cursor: pointer;
			}
			.sesshutaisyo li:nth-last-of-type(1){
				margin-right: 0;
			}

			.sesshutaisyo li:nth-of-type(1){
				color:#069;
				background-color: #fff;
				box-shadow: 0 0 0 1px #069 inset;
			}

		@media screen and (max-width:1000px){

			.sesshutaisyo li{
				font-size: 1.0em;
			}

		}

		@media screen and (max-width:770px){

			.sesshutaisyo li{
				height: 40px;
				font-size: 0.9em;
			}

		}

		@media screen and (max-width:480px){

			.sesshutaisyo li{
				font-size: 0.8em;
			}

		}


		.sesshutaisyo .hide{display: none;}

		.taisyo > h5{
			margin-bottom: 25px;
			padding-bottom: 5px;
			border-bottom: 1px solid #069;
			background-position: 0 13px;
			position: relative;
		}

	@media screen and (max-width:480px){

		.taisyo > h5{
			padding-bottom: 3px;
			background-position: 0 12px;
		}

	}

		.sesshutaisyo .taisyo .note{
			margin-bottom: 0 !important;
		}



			.sesshutaisyo table{
				width:96%;
				margin: 30px auto;
				border-collapse:collapse;
			}

			.sesshutaisyo table th,
			.sesshutaisyo table td{
				padding: 10px 0;
				border-bottom: 1px dashed #ccc;
			}
			.sesshutaisyo table th:nth-of-type(1),
			.sesshutaisyo table td:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

			.sesshutaisyo table th{
				width:190px;
				color:#08437b;
				vertical-align: top;
			}

			.sesshutaisyo table td .hour{
				color:#000;
				font-size: 1.2em;
				font-weight: 500;
			}

		@media screen and (max-width:770px){

			.sesshutaisyo table th,
			.sesshutaisyo table td{
				font-size: 1.0em;/* .noteを初期化 */
			}

			.sesshutaisyo table th{
				display: block;
				width:94%;
				padding:3px 3%;
				color:#000;
				text-align: left;
				border-bottom:none;
				background-color: #f2f2f2;
			}

			.sesshutaisyo table td{
				display: block;
				width:94%;
				padding: 10px 3%;
				border-bottom:none;
				line-height: 1.5em;
			}

			.sesshutaisyo table td .hour{
				margin-bottom: 5px;
			}

		}


/* 健診 */

	.kenshin .inner{
		padding-bottom: 50px;
	}


		.kenshin header .contentimage{
			width:22%;
			margin-top: 20px;
			float: left;
		}
		.kenshin header .contentimage img{
			width:100%;
			height:auto;
		}

	@media screen and (max-width:770px){
		
		.kenshin header .contentimage{
			width:150px;
			margin: 0 auto 20px;
			float: none;
		}

	}


		.kenshin header .headernote{
			width:73%;
			float:right;
		}

	@media screen and (max-width:770px){
		
		.kenshin header .headernote{
			width:100%;
			margin: 0 auto;
			float: none;
		}

	}

		.kenshin header .headernote ul{
			width:100%;
			margin: 30px auto 0;
		}

			.kenshin header .headernote ul li{
				width:48%;
				margin: 0 !important;
				list-style: none;
				float: left;
				line-height: 0;
			}

			.kenshin header .headernote ul li:nth-of-type(2n){
				float: right;
			}

			.kenshin header .headernote ul li img{
				width:100%;
				height:auto;
			}





		.kenshin h4 span{
			color:#c02420;
		}

	@media screen and (max-width:770px){

		.kenshin h4 span{
			font-size:0.8em;
		}

	}

	@media screen and (max-width:400px){

		.kenshin h4 span{
			display:block;
			position: relative;
			top:-6px;
		}

	}


			.kenshin .yoyaku table{
				width:100%;
				border-collapse:collapse;
			}

			.kenshin .yoyaku table th,
			.kenshin .yoyaku table td{
				padding: 10px 0;
				border-bottom: 1px dashed #ccc;
			}
			.kenshin .yoyaku table th:nth-of-type(1),
			.kenshin .yoyaku table td:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

			.kenshin .yoyaku table th{
				width:190px;
				color:#069;
				vertical-align: top;
			}

			.kenshin .yoyaku table td{
			}

		@media screen and (max-width:770px){

			.kenshin .yoyaku table th,
			.kenshin .yoyaku table td{
				/*font-size: 0.9em;*/
			}

			.kenshin .yoyaku table th{
				display: block;
				width:94%;
				padding:3px 3%;
				text-align: left;
				border-bottom:none;
				background-color: #f2f2f2;
			}

			.kenshin .yoyaku table td{
				display: block;
				width:94%;
				padding: 10px 3%;
				border-bottom:none;
				line-height: 1.5em;
			}
			

		}


	/* 種類・オプション */

			.kenshin .list table{
				width:100%;
				border-collapse:collapse;
			}

			.kenshin .list table th,
			.kenshin .list table td{
				padding: 15px 0;
				font-size: 0.9em;
				border: 1px solid #ccc;
				line-height: 1.5em;
			}

			.kenshin .list table th{
				width:140px;
				color:#069;
				vertical-align: top;
			}

			.kenshin .list table tr:nth-of-type(1) th{
				width:auto;
				padding: 8px 0;
				color:#fff;
				font-weight: 400;
				vertical-align: middle;
				background-color: #3385ad;
				line-height: 1.2em;
			}

			.kenshin .list.hakken table th:nth-last-of-type(1){width:12%;}
			.kenshin .list.hakken table th:nth-last-of-type(2){width:12%;}
			.kenshin .list.hakken table th:nth-last-of-type(3){width:12%;}
			.kenshin .list.hakken table th:nth-last-of-type(4){width:12%;}
			.kenshin .list.hakken table th:nth-last-of-type(5){width:12%;}


			.kenshin .list table td{
				padding: 15px 3%;
			}
			.kenshin .list.hakken table td{
				padding: 15px 1%;
			}

			.kenshin .list table td:nth-last-of-type(1){
				width:120px;
				padding: 15px 0;
				text-align: center;
			}

		@media screen and (max-width:770px){

			.kenshin .list table th,
			.kenshin .list table td{
				font-size: 1.0em;/* .noteを初期化 */
			}

			.kenshin .list table th{
				display:block;
				width:94%;
				padding:3px 3%;
				text-align:left;
				border-bottom:none;
				background-color: #f2f2f2;
			}

			.kenshin .list table tr:nth-of-type(1){
				display:none;
			}


			.kenshin .list table td{
				display:block;
				width:94%;
				padding: 10px 3%;
				border-bottom:none;
				line-height: 1.5em;
			}
			.kenshin .list table td:nth-last-of-type(1){
				display: block;
				width:94%;
				padding: 10px 3%;
				border-top:1px dashed #ccc;
				line-height: 1.5em;
			}
			.kenshin .list.hakken table td{
				padding: 10px 1%;
			}

			.kenshin .list table th br{display: none;}
			.kenshin .list table tr:nth-last-of-type(1){border-bottom: 1px solid #ccc;}

			.kenshin .list table td:nth-last-of-type(1) br{
				display: none;
			}

		}

		.note.headeroption{
			position: relative;
			top:-20px;
		}
		.note.headeroption + div,
		.note.headeroption + ul,
		.note.headeroption + img{
			position: relative;
			top:-40px;
			margin-bottom: -40px;
		}


	/* 発見数 */
			.kenshin .hakkenlist{
				width:100%;
				overflow: auto;
			}

			.kenshin .hakkenlist table{
				width:100%;
				min-width: 600px;
				margin: 0 auto 1px !important;
				border-collapse:collapse;
			}

			.kenshin .hakkenlist table th,
			.kenshin .hakkenlist table td{
				padding: 15px 0;
				font-size: 0.9em;
				border: 1px solid #ccc;
				line-height: 1.5em;
			}

			.kenshin .hakkenlist table th{
				width:140px;
				color:#069;
				vertical-align: top;
			}

			.kenshin .hakkenlist table tr:nth-of-type(1) th{
				width:auto;
				padding: 8px 0;
				color:#fff;
				font-weight: 400;
				vertical-align: middle;
				background-color: #3385ad;
				line-height: 1.2em;
			}

			.kenshin .hakkenlist table td:nth-last-of-type(1){width:12%;}
			.kenshin .hakkenlist table td:nth-last-of-type(2){width:12%;}
			.kenshin .hakkenlist table td:nth-last-of-type(3){width:12%;}
			.kenshin .hakkenlist table td:nth-last-of-type(4){width:12%;}
			.kenshin .hakkenlist table td:nth-last-of-type(5){width:12%;}


			.kenshin .hakkenlist table td{
				padding: 15px 1%;
				text-align: center;
			}

			.note.headeroption-smp{
				display: none;
			}


		@media screen and (max-width:770px){

			.kenshin .hakkenlist table th{
				font-size: 0.9;/* .noteを初期化 */
			}
			
			.kenshin .hakkenlist table td{
				font-size: 1.0em;/* .noteを初期化 */
			}



			.kenshin .hakkenlist table td{
				padding: 10px 1%;
			}

			.kenshin .hakkenlist td:nth-last-of-type(1) br{
				display: none;
			}

		}

		@media screen and (max-width:690px){

			.note.headeroption-smp{
				display: block;
				position: relative;
				top:-15px;
			}
			.note.headeroption-smp + div{
				position: relative;
				top:-50px;
				margin-bottom: -50px;
			}

		}

	ul.kankaku{
		margin-bottom: 0 !important;
	}
		
		ul.kankaku li{
			margin-bottom: 30px !important;
			list-style: none;
		}
		ul.kankaku li:nth-last-of-type(1){
			margin-bottom:0 !important;
		}

		ul.kankaku h5{
			width:calc(100% - 3px);
			left:-18px;
		}

		.chart_daicho{
			max-width: 960px;
			width:100%;
			margin: 0 auto;
		}
		.chart_daicho img{
			width:100%;
			height:auto;
		}

.scroll-hint-icon {
  position: absolute;
  box-sizing: border-box;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  width: 130px !important;
  height: 100px !important;
  padding: 20px 0 10px !important;
  text-align: center;
  border-radius: 5px;
  background: rgba(0, 0, 0, .7);
  opacity: 0;
  transition: opacity .3s;
}




	/* Q&A */

	.kenshin .qa dl{
		width:96%;
		margin:0 auto 40px;
	}

		.kenshin .qa dt{
			color:#c25a74;
			font-weight:700;
			margin:0 0 10px 30px;			
		}
		.kenshin .qa dt:before{
			content:"Q";
			color:#c25a74;
			margin-right:-21px;
			font-weight: 300;
			font-size:2.0em;
			position:relative;
			top:5px;
			left:-30px;
		}

		.kenshin .qa dd{
			margin-left:32px;
			margin-bottom:40px;
		}

		.kenshin .qa dd:before{
			content:"A";
			color:#1b7597;
			margin-right:-21px;
			font-weight:300;
			font-size:2.0em;
			position:relative;
			top:5px;
			left:-30px;
		}



/*####################################################################################

  　　入院・面会	

　####################################################################################*/

	.hospitalization .content .inner{padding-bottom: 50px;}


/* 入院・面会 */

	.checklist{
		width:92%;
		margin: 0 auto;
		padding: 15px 3%;
		background-color: #FFF0F0;
	}

	.checklist{zoom:1;}
	.checklist:after{
	  content: ""; 
	  display: block; 
	  clear: both;
	}

		.checklist li{
			width:calc(100% - 28px);
			margin-bottom: 8px;
			line-height: 1.7em;
			list-style: none;
			position: relative;
			left:28px;
			
		}

	@media screen and (max-width:770px){
		
		.checklist li{
			font-size:0.9em;
		}
		
	}
		
		.checklist li:before{
			content:url("/shared/ico_check.png");
			margin-right: -23px;
			position: relative;
			top:2px;
			left:-28px;
		}
		.checklist li:nth-last-of-type(1){margin-bottom:0;}

		.checklist:nth-of-type(1){
			padding: 15px 3% 7px;
		}


			.checklist:nth-of-type(1) li{
				max-width: 150px;
				width:24%;
				float: left;
			}

			.checklist:nth-of-type(1) li:nth-of-type(1){
				max-width: 100%;
				width:100%;
				float:none;
			}

		@media screen and (max-width:770px){

			.checklist:nth-of-type(1) li{
				width:48%;
			}

		}

			.checklist:nth-of-type(1) + p{
				margin:5px 10px 3px;
				font-size:0.9em;
			}

			.checklist:nth-last-of-type(1){
				margin-bottom:0;
			}

			.checklist + p.kome{
				margin-top:15px !important;
				position: relative;
				left:20px;
			}


		.hospitalization .spbox{
			width:90%;
			margin: 0 auto 30px;
			padding: 20px 4% 15px;
			background-color: #f2f2f2;
			border-radius: 10px;
			line-height: 1.7em;
		}

	@media screen and (max-width:770px){

		.hospitalization .spbox{
			font-size:0.9em;
		}

	}

			.hospitalization .spbox h5{
                display:-webkit-flex;
                display:flex;
                justify-content: center;
                -webkit-align-items:center;
                align-items:center;
				width:90px;
				height:24px;
				padding: 0;
				color: #fff;
				font-size:0.8em;
				text-align: center;
				background-color: #3385AD;
			}

			.hospitalization .spbox p{
				width:98%;
				margin: 10px auto 15px;
			}

			.hospitalization .spbox ul{
				width:96%;
				margin: 10px auto 0;
			}


				.hospitalization .spbox li{
					margin-left:15px;
					margin-bottom: 5px;
				}
				
				
				
					.hospitalization .spbox li span{
						color:#08437b;
						font-weight:500;
					}



			.hospitalization .spbox + h5{
				margin-bottom: 25px;
				padding-left: 15px;
				padding-bottom: 5px;
				color:#069;
				font-weight:500;
				border-bottom: 1px solid #069;
				background-position: 0 11px;
				background-image:url("/shared/dot_box-orange.gif");
				background-repeat: no-repeat;
				position: relative;
			}

			.hospitalization .spbox + h5 + ul{
				width:99%;
				margin: 10px 0 0;

			}

			.hospitalization .spbox + h5 + ul li{
				margin: 0 0 10px 20px;
				font-size:0.9em;
			}






/*####################################################################################

  　　部門紹介	

　####################################################################################*/

.divisions .content{
	max-width: 1000px;
	width:90%;
	margin: 0 auto;
}

	.divisions .content.index{
		padding: 40px 0 50px;
	}

@media screen and (max-width:1000px){

	.divisions .content.index{
		padding: 40px 0 40px;
	}

}

@media screen and (max-width:770px){

	.divisions .content.index{
		padding: 40px 0 30px;
	}

}

.divisions .content.index ul{zoom:1;}
.divisions .content.index ul:after{
  content: ""; 
  display: block; 
  clear: both;
}

    .divisions .content > .inner{
        width:70%;
        float: right;
        
    }

    .divisions .index > .inner{
        width:100%;
		float: none;
	}

@media screen and (max-width:1000px){

    .divisions .content > .inner{
        width:100%;
        float:none;
    }

}
		

       .divisions .contentimage{
           width:100%;
           margin-top: 37px;
        }

        .divisions .contentimage img{
            width:100%;
            height:auto;
        }




	.divisions .content.index > .inner{
		max-width: 1000px;
		width: 98%;
		margin: 0 auto;
	}

@media screen and (max-width:770px){

	.divisions .content.index > .inner{
		max-width: 700px;
		width: 90%;
	}

}

@media screen and (max-width:640px){

	.divisions .content.index > .inner{
		max-width: 600px;
	}

}

	.divisions .content > .inner ul{
		max-width: 700px;
		width:96%;
		margin: 0 auto 30px;
	}

	.divisions .content.index > .inner ul{
		max-width:1000px;
	}

@media screen and (max-width:480px){

	.divisions .content > .inner ul{
		width:100%;
	}

}


		.divisions .content.index li{
			width:24%;
			margin: 0 calc(4% / 3) 15px 0;
			list-style: none;
			line-height:1;
			float: left;
			background-color: #e5eff5;
		}
		.divisions .content.index li:nth-of-type(4n){margin-right:0;}

	@media screen and (max-width:770px){

		.divisions .content.index li{
			width:32%;
			margin: 0 2% 12px 0;
		}
		.divisions .content.index li:nth-of-type(4n){margin-right:2%;}
		.divisions .content.index li:nth-of-type(3n){margin-right:0;}

	}

	@media screen and (max-width:640px){

		.divisions .content.index li{
			width:49%;
			margin: 0 2% 10px 0;
		}
		.divisions .content.index li:nth-of-type(3n){margin-right:2%;}
		.divisions .content.index li:nth-of-type(2n){margin-right:0;}

	}


		.divisions .content.index li img{
			width:100%;
			height:auto;
		}

		.divisions .content.index li p{
			margin: 10px 0;
			color:#036;
			font-size:0.9em;
			text-align: center;
		}
		.divisions .content.index li a:hover p{
			color:#c33;
		}

	@media screen and (max-width:770px){
		
		.divisions .content.index li p{
			font-size:0.8em;
		}

	}

	@media screen and (max-width:370px){
		
		.divisions .content.index li p{
			font-size:0.7em;
		}

	}

		.divisions .content.index li a{
			text-decoration: none;
		}


/* 各部門 */

    .divisions .sidebar{
        width:22%;
        padding-bottom: 30px;
        float: left;
        
    }

@media screen and (max-width:1000px){

    .divisions .sidebar{
        clear: both;
        width:100%;
        float:none;
    }

}

    .divisions .sidebar ul{
        width:100%;
    }


        .divisions .sidebar li{
            height:60px;
            margin-bottom: 5px;
			list-style: none;
			background-color: #e5eff5;
        }

    @media screen and (max-width:1000px){

        .divisions .sidebar li{
            width:24%;
            height:52px;
            margin:0 calc(4% / 3) 10px 0;
			font-size: 0.9em;
            float: left;
        }
        .divisions .sidebar li:nth-of-type(4n){margin-right: 0; }

    }

    @media screen and (max-width:770px){

        .divisions .sidebar li{
            width:32%;
            margin:0 2% 10px 0;
        }
        .divisions .sidebar li:nth-of-type(4n){margin-right: 2%; }
        .divisions .sidebar li:nth-of-type(3n){margin-right: 0; }

    }

    @media screen and (max-width:640px){

        .divisions .sidebar li{
            width:48%;
            margin:0 4% 10px 0;
        }
        .divisions .sidebar li:nth-of-type(3n){margin-right: 4%; }
        .divisions .sidebar li:nth-of-type(2n){margin-right: 0; }

    }

    @media screen and (max-width:430px){

        .divisions .sidebar li{
            height:44px;
        }

    }

            .divisions .sidebar li a{
                text-decoration: none;
            }


            .divisions .sidebar li img{
                width:90px;
                height:60px;
                line-height: 0;
            }

        @media screen and (max-width:1000px){

            .divisions .sidebar li img{
                width:79px;
                height:52px;
            }

        }

        @media screen and (max-width:430px){

            .divisions .sidebar li img{
                width:64px;
                height:44px;
            }

        }


            .divisions .sidebar li p{
                display:-webkit-flex;
                display:flex;
                justify-content: center;
                -webkit-align-items:center;
                align-items:center;
                width:calc(100% - 90px);
                height:100%;
                margin: 0;
                color:#069;
                text-align: center;
                letter-spacing: 0;
                line-height: 1.2em;
                float: right;
            }

        @media screen and (max-width:1000px){

            .divisions .sidebar li p{
                width:calc(100% - 79px);
                font-size:0.9em;
            }

        }

        @media screen and (max-width:430px){

            .divisions .sidebar li p{
                width:calc(100% - 64px);
                font-size:0.9em;
            }

        }

        @media screen and (max-width:370px){

            .divisions .sidebar li p{
                font-size:0.8em;
            }

        }







/********************** 部門紹介 - 画像リスト **********************/





/********************** 放射線室 **********************/








/********************** 検査室 **********************/

	.laboratories{
		padding-bottom: 50px;
	}

		.laboratories > ul{
			max-width:100% !important;
			width:100% !important;
		}

			.laboratories > ul > li{
				padding: 25px 0 30px;
				list-style: none;
				border-bottom: 1px dashed #ccc;
			}
			.laboratories > ul > li:nth-of-type(1){
				padding-top: 0;
			}

			.laboratories > ul > li{zoom:1;}
			.laboratories > ul > li:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}


			.laboratories > ul > li img{
				width:34%;
				margin-top: 5px;
				height: auto;
				float: left;
			}

			.laboratories > ul > li h5{
				width:63%;
				margin: 0 0 5px;
				padding-left: 0;
				color:#069;
				font-weight: 500;
				float: right;
				text-align: left;
			}
			.laboratories > ul:nth-of-type(2) > li:nth-last-of-type(1) h5{
				width:100%;
				float:none;
			}

			.laboratories > ul > li p{
				width:63%;
				margin: 0;
				line-height: 1.7em;
				float: right;
			}
			.laboratories > ul:nth-of-type(2) > li:nth-last-of-type(1) p{
				width:100%;
				float:none;
			}

	@media screen and (max-width:1000px){

			.laboratories > ul > li img{
				width:24%;
				padding-left: 2%;
			}

			.laboratories > ul > li h5{
				width:70%;
				margin: 0 0 5px;
				padding-right: 1%;
				text-align: left;
			}
			.laboratories > ul:nth-of-type(2) > li:nth-last-of-type(1) h5{
				width:97%;
				padding-left: 2%;
			}

			.laboratories > ul > li p{
				width:70%;
				padding-right: 1%;
			}
			.laboratories > ul:nth-of-type(2) > li:nth-last-of-type(1) p{
				width:97%;
				padding-left: 2%;
			}

	}

	@media screen and (max-width:640px){

			.laboratories > ul > li img{
				display: block;
				width:200px;
				margin: 0 auto 30px;
				padding-left:0;
				float: none;
			}

			.laboratories > ul > li h5{
				width:96%;
				margin: 0 auto 5px;
				padding-right:0;
				text-align:center;
				float: none;
			}

			.laboratories > ul > li p{
				width:96%;
				margin: 0 auto;
				padding-right:0;
				font-size: 0.9em;
				line-height: 1.9em;
				float: none;
			}

	}







/********************** 透析室 **********************/

	.dialysis{
		padding-bottom: 50px;
	}

	.dialysis .kome{
		margin-left:20px;
		list-style:none;
		line-height: 1.7em;
		position: relative;
		left:20px;
	}
	
	.dialysis .kome:before{
		content:"※";
		margin-right:-15px;
		position:relative;
		left:-20px;
	}

	.dialysis ul.checklist{
		margin: 0 0 -40px;
		position: relative;
		top:-40px;
	}

	@media screen and (max-width:640px){

		.dialysis .checklist li{
			width:calc(100% - 28px);
			margin-bottom: 8px;
			line-height: 1.7em;
			list-style: none;
			position: relative;
			left:28px;
		}
		
	}




/********************** 薬局 **********************/

	.pharmacy{
		padding-bottom: 50px;
	}
			
		.pharmacy ol{
			position: relative;
			top:-30px;
		}
			
			
		.pharmacy ol li{
			min-height: 50px;
			margin-bottom: 30px;
			padding-left: 60px;
			color:#069;
			list-style: none;
			background-repeat: no-repeat;
			background-position: 1% 6px;
		}
		.pharmacy ol li:nth-of-type(1){background-image: url("/images/num1.png");}
		.pharmacy ol li:nth-of-type(2){background-image: url("/images/num2.png");}
		.pharmacy ol li:nth-of-type(3){background-image: url("/images/num3.png");}
		.pharmacy ol li:nth-of-type(4){background-image: url("/images/num4.png");}
		.pharmacy ol li:nth-of-type(5){background-image: url("/images/num5.png");}




/********************** リハビリ室 **********************/

	.rehabilitation{
		padding-bottom: 50px;
	}
			
		.rehabiliimage{
			max-width:700px;
			width:100%;
			margin: 0 auto;
		}

		.rehabiliimage img{
			width:100%;
			height: auto;
		}




/********************** 内視鏡室 **********************/

	.endoscope{
		padding-bottom: 50px;
	}

		.endoscope .contentwrapper{
			margin-right: 2%;
		}

	@media screen and (max-width:770px){

		.endoscope .contentwrapper{
			width:96%;
			margin:0 auto;
		}

	}

		.endoscope .contentwrapper img{
			width:34%;
			height:auto;
			margin:5px 0 0;
			float:left;
		}

	@media screen and (max-width:1000px){

		.endoscope .contentwrapper img{
			width:24%;
		}

	}

	@media screen and (max-width:770px){

		.endoscope .contentwrapper img{
			display: block;
			width:150px;
			margin: 0 auto 20px;
			float: none;
		}

	}

		.endoscope .contentwrapper .headernote{
			width:64%;
			float: right;
		}

	@media screen and (max-width:1000px){

		.endoscope .contentwrapper .headernote{
			width:74%;
		}

	}

	@media screen and (max-width:770px){

		.endoscope .contentwrapper .headernote{
			width:100%;
		}

	}

		.endoscope .contentwrapper .noteL{
			margin: 15px 0 !important;
			color:#c02420;
			font-weight: 700;
		}

		.endoscop .contentwrapper .headernote ul{
			margin: 0 0 15px 25px !important;
		}

		.endoscope .contentwrapper .headernote ul li{
			color:#08437b;
			font-size: 1.1em;
			font-weight: 500;
		}

	@media screen and (max-width:770px){

		.endoscope .contentwrapper ul li{
			font-size: 1.0em;
		}

	}


		.endoscope .contentwrapper .headernote .term{
			margin: 0;
			font-size: 0.8em;
			line-height: 1.9em;
		}


            .endoscope > h4{
                height:auto !important;
                padding: 8px 18px !important;
                line-height:1.4em !important;
            }

			
		.endoscopeimage{
			max-width:600px;
			width:100%;
			margin: 0 auto;
		}

		.endoscopeimage img{
			width:100%;
			height: auto;
		}











/********************** 栄養管理室 **********************/

	.nutrition{
		padding-bottom: 50px;
	}
			








/********************** 看護課 **********************/

	.nurse{
		padding-bottom: 50px;
	}

		.nursemessage{
			width:96%;
			margin: 30px auto 15px;
		}
				
		.nurseoutline{
			
		}


		.nursemessage img{
			max-width:320px;
			width:50%;
			height:auto;
			float: right;
			margin: 3px 0 10px 20px;
		}

	@media screen and (max-width:640px){

		.nursemessage img{
			display: block;
			max-width:240px;
			width:50%;
			height:auto;
			float:none;
			margin: 0 auto 20px;
		}

	}



			.nurseoutline h5{
				width: 202px;
				height:39px;
				margin: 0 auto 20px;
				padding-top: 2px;
				font-family: "kozuka-mincho-pro",serif;
				color:#707d30;
				font-size:1.4em;
				text-align: center;
				background-repeat: no-repeat;
				background-position:50% 0;
				background-image: url("/images/bg_title-nurseoutline.png");
			}

		@media screen and (max-width:480px){

			.nurseoutline h5{
				width: 170px;
				height:35px;
				margin: 0 auto 10px;
				padding-top: 0;
				font-size: 1.2em;
				background-size: 100% auto;
			}

		}

			.nurse-policy{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width: 510px;
				height:334px;
				margin:0 auto 30px;
				color:#069;
				font-size: 1.2em;
				font-family: "kozuka-mincho-pro",serif;
				text-align: center;
				line-height: 1.9em;
				background-image: url("/images/bg_nurse-policy.png");
				background-repeat: no-repeat;
				background-position: 50% 0;
				background-size: 100% auto;
			}

		@media screen and (max-width:770px){

			.nurse-policy{
				width: 400px;
				height:262px;
				margin:0 auto 20px;
				font-size: 1.0em;
				line-height: 1.9em;
			}

		}

		@media screen and (max-width:480px){

			.nurse-policy{
				max-width: 360px;
				width:100%;
				height:236px;
				margin:0 auto 10px;
				font-size: 0.9em;
				line-height: 1.9em;
				background-size: 360px auto;
			}

		}


			.nurse-policy + p{
				margin-bottom: 30px;
				color:#069;
				font-size: 1.3em;
				font-family: "kozuka-mincho-pro",serif;
				text-align: center;
			}

		@media screen and (max-width:770px){

			.nurse-policy + p{
				font-size: 1.2em;
			}

		}

		@media screen and (max-width:480px){

			.nurse-policy + p{
				font-size: 1.1em;
			}

		}

			.nurse-policy + p + ul{
				max-width: 640px !important;
				width:100%;
				margin: 0 auto 50px !important;
				font-weight: 700;
			}

		@media screen and (max-width:480px){

			.nurse-policy + p + ul{
				margin: 0 auto 40px !important;
			}

		}

			.nurseoutline .spbox{
				max-width: calc(700px - 6%);
				width: 94%;
				margin:0 auto;
				padding: 20px 3% 3px;
				background-color: #fff0f0;
			}

				.nurseoutline .spbox ol{

				}

					.nurseoutline .spbox li{
						min-height: 30px;
						padding-left: 40px;
						margin-bottom: 7px;
						color:#069;
						font-weight: 700;
						list-style: none;
						line-height: 1.5em;
						background-repeat: no-repeat;
						background-size: 20px auto;
					}

					.nurseoutline .spbox li:nth-of-type(1){background-image: url("/images/num1.png");}
					.nurseoutline .spbox li:nth-of-type(2){background-image: url("/images/num2.png");}
					.nurseoutline .spbox li:nth-of-type(3){background-image: url("/images/num3.png");}


				@media screen and (max-width:480px){

					.nurseoutline .spbox li{
						font-size: 0.9em;
					}

				}


		.nurse table{
			width:100%;
			margin: 70px 0 30px;
			border-collapse: collapse;
			line-height: 1.7em;
		}

			.nurse th{
				width:140px;
				padding: 12px 0;
				color:#069;
				border-top: 1px dashed #ccc;
				white-space: nowrap;
				vertical-align: top;
			}
			.nurse tr:nth-last-of-type(1) th{
				border-bottom: 1px dashed #ccc;
			}

			.nurse th.nlcell{
				border-top:none;
			}

			.nurse td{
				padding: 12px 1% 5px;
				border-top: 1px dashed #ccc;
			}
			.nurse tr:nth-last-of-type(1) td{
				border-bottom: 1px dashed #ccc;

			}
	
		@media screen and (max-width:640px){

			.nurse th{
				display: block;
				width: 96%;
				padding: 2px 2%;
				color:#333;
				font-size:0.9em;
				border-top:none;
				text-align: left;
				background-color: #f2f2f2;
			}
			.nurse tr:nth-last-of-type(1) th{
				border-bottom:none;
			}

			.nurse td{
				display: block;
				width: 98%;
				border-top:none;
			}
	
		}
	
		@media screen and (max-width:480px){

			.nurse td{
				font-size:0.9em;
			}

		}

				.nurse td h5{
					margin-bottom:5px;
					color:#000;
					font-weight:700;
				}

				.nurse td p{
					margin:0 0 10px;
				}

				.nurse td h6{
					margin:5px 0 3px;
					color:#c02420;
					font-size:1.0em;
				}
	
			@media screen and (max-width:770px){

				.nurse td h6{
					font-size:0.9em;
				}
	
			}

				.nurse td h6 + ul{
					margin:0 0 15px 25px !important;
				}
				.nurse td h6 + ul li{
					margin-bottom: 0 !important;
				}
				.nurse td h6 + ul li:nth-last-of-type(1){
					margin-bottom: 0 !important;
				}





/*####################################################################################

  　　部門紹介	

　####################################################################################*/


	.info .index .inner{
		padding-bottom: 50px;
	}

	.info .index .catselect{
	}

		.info .index .catselect li{
			width:100px;
			height:30px;
			margin:30px 10px 10px 0;
			font-size: 0.8em;
			text-align: center;
			line-height: 30px;
			list-style: none;
			float: left;
			cursor: pointer;
		}

		.info .index .catselect li.news{
			color:#c02420;
			background-color:#ffe6e6;
		}

		.info .index .catselect li.update{
			color:#707d30;
			background-color:#ecf2c2;
		}

		.info .index .catselect li.recruit{
			color:#069;
			background-color:#e8f1f6;
		}




	.info .content.index > .inner h4{
		height:30px;
        margin:10px 0 0;
		padding: 0 10px ;
		color:#069;
		font-size: 1.0em;
		font-weight:500;
		border-bottom: 5px solid #e8f1f6;
		background-color: transparent;
	}

		.info .index .hide{
			display: none;
		}

			
			
		.info .index .newslist li{
			margin: 0;
			padding:15px 1%;
			list-style: none;
			line-height: 1.7em;
			border-bottom: 1px dashed #ccc;
		}

		.info .index .newslist li{zoom:1;}
		.info .index .newslist li:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}

		.info .index .newslist li p.date{
			width: 100px;
			margin: 0;
			color:#999;
			font-size:0.9em;
			float:left;
		}

	@media screen and (max-width:770px){

		.info .index .newslist li p.cat{
			height:20px;
			margin: 0 0 0 10px;
			line-height: 20px;
			top:3px;
		}
	}

		.info .index .newslist li p.title{
			width: calc(100% - 120px);
			margin: 0;
			float:right;
		}

	@media screen and (max-width:770px){
		
		.info .index .newslist li p.title{
			clear: both;
			width: 100%;
			padding-top: 5px;
			float:none;
		}
	}



			.info .pagination a.page-numbers,
			.info .pagination span.page-numbers{
				display:flex;
				flex-direction:row;
				justify-content:center;
				align-items:center;
				width:28px;
				height:32px;
				margin-right: 5px;
				float: left;
				text-decoration: none;
			}

			.info .pagination a.page-numbers{
				background-color: #eee;
			}
			.info .pagination span.page-numbers{
				color:#fff;
				background-color:#7c73b3;
			}
			.info .pagination .prev.page-numbers,
			.info .pagination .next.page-numbers,
			.info .pagination .dots.page-numbers{
				background-color:transparent;
			}
			.info .pagination .dots.page-numbers{
				color:#333;;
			}



	/* 詳細 */

	.newsdetail h4{
        margin:50px 0 0;
		padding: 0 10px 5px;
		color:#069;
		font-size: 1.0em;
		font-weight:500;
		line-height: 1.5em;
		border-bottom: 5px solid #e8f1f6;
		background-color: transparent;
	}

		.newsdetail .date{
			width: 100px;
			margin: 5px 10px;
			color:#999;
			font-size:0.9em;
		}

	.newsdetail .entrybody{
		width:96%;
		margin: 20px auto;
	}

		.newsdetail .entrybody ol{
			margin-left: 25px;
		}

			.newsdetail .entrybody ol li{
				margin-bottom: 5px;
			}

		.newsdetail .entrybody ul{
			margin-left: 20px;
		}

			.newsdetail .entrybody ul li{
				margin-bottom: 5px;
			}

	.newsdetail .entrybody h3{
		margin-bottom: 5px;
		font-weight: 700;
	}

		.modoru{
			width:80px;
			height:24px;
			margin-top: 5px;
			color:#fff;
			font-size:0.8em;
			text-align: center;
			text-decoration: none;
			line-height: 24px;
			background-color: #069;
			float:right;
			border-radius: 10px;
		}








/********************** 市民病院だより **********************/


	.dayori .inner{
		padding-bottom: 50px;
	}

		.dayorilist{
			margin-top: 50px;
		}

	@media screen and (max-width:480px){

		.dayorilist{
			margin-top: 30px;
		}

	}

			.dayorilist li{
				margin: 0;
				padding:15px 0 12px 1%;
				list-style: none;
				line-height: 1.7em;
				border-bottom: 1px dashed #ccc;
			}
			.dayorilist li:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

		@media screen and (max-width:480px){

			.dayorilist li{
				font-size: 0.9em;
				padding:12px 0 12px 1%;
			}

		}


			.dayorilist li:before{
				content:url("/shared/ico_pdf.png");
				margin-right: 10px;
				position: relative;
				top:3px;
			}

		@media screen and (max-width:480px){

			.dayorilist li:before{
				top:5px;
			}

		}


			.dayorilist li{zoom:1;}
			.dayorilist li:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

			.dayorilist li p.date{
				width: 100px;
				margin: 0;
				color:#999;
				font-size:0.9em;
				float:left;
			}

		@media screen and (max-width:770px){

			.dayorilist li p.cat{
				height:20px;
				margin: 0 0 0 10px;
				line-height: 20px;
				top:3px;
			}
		}

			.dayorilist li p.title{
				width: calc(100% - 120px);
				margin: 0;
				float:right;
			}

		@media screen and (max-width:770px){

			.dayorilist li p.title{
				clear: both;
				width: 100%;
				padding-top: 5px;
				float:none;
			}
		}


/********************** 採用情報 **********************/

	.recruit .inner{
		padding-bottom: 50px;
	}


		.recruit table.recruitinfo{
			width:100%;
			margin-top:50px;
			border-collapse: collapse;
		}

	@media screen and (max-width:770px){

		.recruit table.recruitinfo{
			margin-top:0;
			font-size:0.9em;
		}

	}


			.recruit .recruitinfo tr:nth-of-type(1) th{
				color:#069;
				font-size:0.9em;
				font-weight:500;
				background-color:#e5eff5;
			}

		@media screen and (max-width:770px){

			.recruit .recruitinfo tr:nth-of-type(1){
				display: none;
			}

		}

			.recruit .recruitinfo th:nth-of-type(1){
				padding:5px 2% 5px;
				text-align: left;
			}

			.recruit th:nth-of-type(2){
				width:140px;
				padding: 5px 0;
				text-align: center;
			}

			.recruit .recruitinfo td{
				margin: 0;
				padding:18px 0;
				list-style: none;
				line-height: 1.7em;
				border-bottom: 1px dashed #ccc;
			}

			.recruit .recruitinfo td:nth-of-type(1){
				padding:18px 5% 18px 1%;
			}

		@media screen and (max-width:770px){

			.recruit .recruitinfo td:nth-of-type(1){
				display: block;
				width:98%;
				padding:40px 1% 10px;
				border-bottom:none;
			}

			.recruit .recruitinfo td:nth-of-type(2){
				display: block;
				width:100%;
				padding: 5px 0;
				text-align: center;
				background-color:#f2f2f2;
				border-bottom:none;
			}

		}


				.recruit .recruitinfo td ul{
					margin-top:10px;
				}

			@media screen and (max-width:770px){

				.recruit .recruitinfo td ul{
					margin-top:5px;
				}

			}


					.recruit .recruitinfo td li{
						width: calc(100% - 25px);
						list-style: none;
						position: relative;
						left:25px;
					}

					.recruit .recruitinfo td li:before{
						content:url("/shared/ico_pdf.png");
						margin-right: -20px;
						position: relative;
						top:4px;
						left:-25px;
					}

					.recruit .recruitinfo td li.files:before{
						content:url("/shared/ico_files.png");
					}

					.recruit .recruitinfo td div.files{
					}

					.recruit .recruitinfo td div.files:before{
						content:url("/shared/ico_files.png");
						margin-right: 5px;
						position: relative;
						top:5px;
					}


		.recruit .recommend{
			background-image: url("/images/bg_recommend.jpg");
			background-repeat: no-repeat;
			background-position: 100% 0;
			background-size: 50% auto;
		}


	@media screen and (max-width:1600px){

		.recruit .recommend{
			background-size: 700px auto;
		}

	}

	@media screen and (max-width:1000px){

		.recruit .recommend{
			background-size: 700px auto;
		}

	}

	@media screen and (max-width:770px){

		.recruit .recommend{
			background-size: 500px auto;
		}

	}

	@media screen and (max-width:640px){

		.recruit .recommend{
			background-size: 400px auto;
		}

	}

		.recruit .recommend .inner{
			padding-bottom:0;
		}


		.recruit .recommend .inner:nth-of-type(1) > p{
			margin: 0 0 50px;
			font-size: 2.3em;
			font-family: "kozuka-mincho-pro",serif;
			text-align: center;
			line-height: 1.5em;
			text-shadow:0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,
				0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff;
		}

	@media screen and (max-width:1200px){

		.recruit .recommend .inner:nth-of-type(1) > p{
			font-size: 2.2em;
		}

	}

	@media screen and (max-width:1000px){

		.recruit .recommend .inner:nth-of-type(1) > p{
			font-size: 1.7em;
		}

	}

	@media screen and (max-width:770px){

		.recruit .recommend .inner:nth-of-type(1) > p{
			margin-bottom:60px;
			font-size: 1.4em;
		}

	}

	@media screen and (max-width:430px){

		.recruit .recommend .inner:nth-of-type(1) > p{
			margin-bottom:70px;
			font-size: 1.2em;
		}

	}

		.recruit .recommend .spbox{
			max-width: calc(900px - 4%);
			width:86%;
			margin: 0 auto;
			padding: 10px 2%;
			text-align: center;
			line-height: 1.7em;
			/*background-color: #fff0f0;*/
			background-image: url("/shared/bg_clear-red80.png");
			border-radius: 10px;
		}

	@media screen and (max-width:770px){

		.recruit .recommend .spbox{
			padding: 5px 2%;
			font-size: 0.9em;
		}

	}

			.recruit .recommend .spbox p:nth-of-type(1){
				color:#c02420;
			}



/* 採用情報-おすすめ */

		.recruit .recommend .inner:nth-of-type(2){
			max-width: 1000px;
			width:90%;
			margin:30px auto 0;
			border-top: 5px solid #e8f1f6;
		}

	@media screen and (max-width:770px){

		.recruit .recommend .inner:nth-of-type(2){
		}

	}


			.recruit .recommend .inner:nth-of-type(2) > header{
				width:94%;
				padding:10px 2% 0;
				color:#069;
				font-size:1.6em;
				font-family: "kozuka-mincho-pro",serif;
				line-height: 1.7em;
				text-shadow:0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,
					0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff;
			}


		@media screen and (max-width:1000px){

			.recruit .recommend .inner:nth-of-type(2) > header{
				font-size:1.4em;
			}

		}

		@media screen and (max-width:770px){

			.recruit .recommend .inner:nth-of-type(2) > header{
				font-size:1.2em;
			}

		}

		@media screen and (max-width:480px){

			.recruit .recommend .inner:nth-of-type(2) > header{
				font-size:1.0em;
			}

		}

		.recruit .recommend .inner:nth-of-type(2){

		}



            .recruit .recommend > .inner > h4{
                height:40px;
                margin:40px 0 30px;
                padding: 0 18px;
                color:#069;
                font-size:1.2em;
                font-weight: 500;
                background-color: #e5eff5;
                line-height: 41px;
            }

		@media screen and (max-width:770px){

            .recruit .recommend > .inner > h4{
                font-size:1.1em;
			}

		}

		@media screen and (max-width:480px){

            .recruit .recommend > .inner > h4{
                font-size:1.0em;
			}

		}


		.recruit .recommend > .inner .note{
			width:96%;
			margin:30px auto 50px;
		}

	@media screen and (max-width:480px){

		.recruit .recommend > .inner .note{
               font-size:0.9em;
		}

	}

		.recruit .recommend > .inner .note_s{
			width:96%;
			margin:30px auto 15px;
		}

	@media screen and (max-width:480px){

		.recruit .recommend > .inner .note_s{
               font-size:0.9em;
		}

	}

			.recruit .recommend > .inner .note_s + .note{
				margin:0 auto 30px;
			}


		.recruit .recommend > .inner .note li{
			margin-left: 20px;
			margin-bottom: 10px;
		}

	@media screen and (max-width:480px){

		.recruit .recommend > .inner ul.note{
			font-size:0.9em;
		}

	}

		.recruit .recommend > .inner > h5{
			margin-bottom: 25px;
			padding-bottom: 5px;
			padding-left: 15px;
			color: #069;
			font-size: 1.2em;
			font-weight: 500;
			letter-spacing: 0.1em;
			border-bottom: 1px solid #069;
			background-image:url("/shared/dot_box-orange.gif");
			background-repeat: no-repeat;
			background-position: 0 13px;
			position: relative;
		}

	@media screen and (max-width:770px){

		.recruit .recommend > .inner > h5{
			font-size:1.1em;
		}

	}

	@media screen and (max-width:480px){

		.recruit .recommend > .inner > h5{
			padding-bottom: 3px;
			font-size:1.0em;
			background-position: 0 12px;
		}

	}


	/* 職員宿舎所 */

		.recruit .recommend > .inner .staffhouse{
			width:100%;
			margin-bottom:50px;
		}

			.recruit .recommend > .inner .staffhouse li{
				width:30%;
				padding: 20px 0 8px;
				margin-right: 5%;
				text-align: center;
				font-size: 0.9em;
				list-style: none;
				float: left;
				background-color: #f0f6f9;
				border-radius: 10px;
			}
			.recruit .recommend > .inner .staffhouse li:nth-last-of-type(1){margin-right: 0;}

		@media screen and (max-width:770px){

			.recruit .recommend > .inner .staffhouse li{
				padding: 15px 0 5px;
				font-size:0.8em;
			}

		}

		@media screen and (max-width:640px){

			.recruit .recommend > .inner .staffhouse li{
				width:48%;
				margin: 0 4% 15px 0;
				padding: 15px 0 5px;
			}
			.recruit .recommend > .inner .staffhouse li:nth-of-type(2n){margin-right: 0;}
			
		}

		@media screen and (max-width:430px){

			.recruit .recommend > .inner .staffhouse li{
				font-size:0.7em;
			}
			
		}

			.recruit .recommend > .inner .staffhouse li img{
				display: block;
				width:80%;
				height:auto;
				margin:0 auto 8px;
			}

		@media screen and (max-width:770px){

			.recruit .recommend > .inner .staffhouse li img{
				margin:0 auto 5px;
			}

		}


	/* 多目的ルーム */

		.recruit .recommend > .inner .mproom{
			width:96%;
			margin: 0 auto;
		}

			.recruit .recommend > .inner .mproom li{
				width:calc(25% - 1px);
				margin-right:calc(4px / 3);
				list-style: none;
				float: left;
				line-height: 0;
			}
			.recruit .recommend > .inner .mproom li:nth-last-of-type(1){margin-right: 0;}

		@media screen and (max-width:640px){

			.recruit .recommend > .inner .mproom li{
				width:calc(50% - 1px);
				margin-right:2px;
				margin-bottom: 2px;
			}
			.recruit .recommend > .inner .mproom li:nth-of-type(2n){margin-right: 0;}
			
		}

		@media screen and (max-width:430px){

			.recruit .recommend > .inner .mproom li{
				margin-bottom: 5px;
			}
			
		}

			.recruit .recommend > .inner .mproom li img{
				width:100%;
				height:auto;
			}


	/* イベント */

		.recruit .recommend table{
			width:96%;
			margin:30px auto 0;
			border-collapse: collapse;
		}

	@media screen and (max-width:770px){

		.recruit .recommend table{
			font-size:0.9em;
		}

	}

	
		.recruit .recommend table th{
			width:100px;
			padding: 10px 0;
			color:#069;
			background-color: #f0f6f9;
			border: 1px solid #ccc;
			line-height: 1.2em;
			white-space: nowrap
		}

.recruit .recommend table th.noborder1{border-bottom: none;}
.recruit .recommend table th.noborder2{border-top: none;}
	
		.recruit .recommend table td{
			padding: 10px 15px;
			border: 1px solid #ccc;
			line-height: 1.5em;
		}

	@media screen and (max-width:770px){

		.recruit .recommend table th{
			display: block;
			width:94%;
			padding: 5px 3%;
			text-align: left;
			letter-spacing: 0.1em;
			border: none;
			background-color:#f2f2f2;
		}
	
		.recruit .recommend table td{
			display: block;
			width:94%;
			padding: 12px 3% 20px;
			border: none;
		}

		.recruit .recommend table th.noborder2{display: none;}
		.recruit .recommend table th.noborder1 + td{padding: 20px 3% 5px;}
		.recruit .recommend table th.noborder2 + td{padding: 0 3% 20px;}
		
	}

		.recruit .recommend table:nth-of-type(1) + p{
			margin: 10px 0;
			color:#c02420;
			font-size:0.9em;
			text-align:center;
		}

	@media screen and (max-width:640px){

		.recruit .recommend table:nth-of-type(1) + p{
			text-align:left;
		}

	}



		.recruit .recommend .eventlist{
			max-width: 750px;
			width:90%;
			margin: 0 auto 50px;
		}

			.recruit .recommend .eventlist li{
				width:calc((100% / 3) - 1px);
				margin-right:1px;
				list-style: none;
				float: left;
				line-height: 0;
			}
			.recruit .recommend .eventlist li:nth-last-of-type(1){margin-right: 0;}

		@media screen and (max-width:640px){

			.recruit .recommend .eventlist li{
				width:calc(50% - 1px);
				margin-right:2px;
				margin-bottom: 2px;
			}
			.recruit .recommend .eventlist li:nth-of-type(2n){margin-right: 0;}
			
		}

		@media screen and (max-width:430px){

			.recruit .recommend .eventlist li{
				margin-bottom: 5px;
			}
			
		}

			.recruit .recommend .eventlist li img{
				width:100%;
				height:auto;
			}

		.recruit .recommend table.clubactivities th{
			width:200px;
			background-color:transparent;
			border: 1px solid #ccc;
		}

	@media screen and (max-width:770px){

		.recruit .recommend table.clubactivities th{
			display: block;
			width:94%;
			padding: 5px 3%;
			text-align: left;
			letter-spacing: 0.1em;
			border: none;
			background-color:#f2f2f2;
		}
	
		.recruit .recommend table.clubactivities td{
			display: block;
			width:94%;
			padding: 12px 3% 20px;
			border: none;
		}

	}




/* 医師採用 */

		.recruitdoc table{
			width:100%;
			margin-top:50px;
			border-collapse: collapse;
		}

	@media screen and (max-width:770px){

		.recruitdoc table{
			font-size:0.9em;
		}

	}


		.recruitdoc table{
			width:98%;
			margin:0 auto;
			border-collapse: collapse;
		}
	
		.recruitdoc th{
			padding: 10px 15px;
			color:#069;
			background-color: #f0f6f9;
			border: 1px solid #ccc;
			line-height: 1.2em;
			white-space: nowrap
		}
	
		.recruitdoc td{
			padding: 10px 15px;
			border: 1px solid #ccc;
			line-height: 1.5em;
		}

	@media screen and (max-width:770px){

		.recruitdoc th{
			display: block;
			width:94%;
			padding: 5px 3%;
			text-align: left;
			letter-spacing: 0.1em;
			border: none;
			background-color:#f2f2f2;
		}
	
		.recruitdoc td{
			display: block;
			width:94%;
			padding: 12px 3% 20px;
			border: none;
		}
		.recruitdoc tr:nth-last-of-type(1) td{
			border-bottom: 1px solid #ccc;
		}

	}

		.recruitdoc h4 + a{
			display: block;
			width:100px;
			margin-bottom: -20px;
			font-size: 0.9em;
			text-decoration: none;
			float: right;
			position: relative;
			top:-20px;
		}


	.aboutdoc{
		margin-top: 50px;
	}
	
@media screen and (max-width:640px){

	.aboutdoc{
		margin-top: 30px;
	}
	
}


		.aboutdoc > header{
			max-width: 1000px;
			width:90%;
			margin: 0 auto 50px;
		}
	
	@media screen and (max-width:640px){

		.aboutdoc > header{
			margin: 0 auto 30px;
		}
	
	}

			.aboutdoc > header .catch{
				color:#c02420;
				font-family: "kozuka-mincho-pro",serif;
				font-size:1.7em;
				font-weight:500;
				line-height: 1.7em;
				text-align: center;
			}
	
		@media screen and (max-width:640px){

			.aboutdoc > header .catch{
				font-size:1.2em;
			}
	
		}
	
		@media screen and (max-width:370px){

			.aboutdoc > header .catch{
				font-size:1.0em !important;
			}
	
		}

			.aboutdoc > header .catch + p{
				width:96%;
				margin: 15px auto 30px;
				color:#069;
			}


				.aboutdoc > header .hospital{
					width:100%;
					height:auto;
				}

		.mainnote{
			padding: 50px 0 20px;
			background-color: #f5fae1;
		}
	
	@media screen and (max-width:640px){

		.mainnote{
			padding: 30px 0 10px;
		}
	
	}
	


			.mainnote .inner{
				max-width: 700px;
				width:90%;
				margin: 0 auto;
			}

				.mainnote h5{
					margin-bottom: 20px;
					color:#707d30;
					font-size:1.4em;
					font-weight:700;
					text-align: center;
				}
	
			@media screen and (max-width:640px){

				.mainnote h5{
					font-size:1.2em;
				}

			}

				.mainnote p{
					width:96%;
					margin: 20px auto;
				}

			.mainnote .imagelist{
				margin: 30px 0;
			}

			.mainnote .imagelist + .remarks{
				font-size:0.8em;
				line-height: 1.5em;
				position: relative;
				top:-15px;
			}












/*####################################################################################

  　　オンライン面会

　####################################################################################*/


	.online-menkai main{
		background-image: url("/images/bg_online-menkai.png");
		background-repeat: repeat-x;
	}

        .online-menkai .content > h2{
            max-width:1000px;
			width:90%;
			height:146px;
            margin:0 auto -25px;
            color:#707d30;
			border-bottom: 1px solid #777d57;
       }

    @media screen and (max-width:1000px){

        .online-menkai .content > h2{
            height:120px;
            margin:0 auto -41px;
       }

    }

    @media screen and (max-width:770px){

        .online-menkai .content > h2{
            height:100px;
            font-size: 1.8em;
       }

    }

    @media screen and (max-width:640px){

        .online-menkai .content > h2{
            height:90px;
            margin:0 auto -56px;
            font-size: 1.6em;
            top:-56px;
      }

    }

    @media screen and (max-width:480px){

        .online-menkai .content > h2{
            height:80px;
            font-size: 1.4em;
      }

    }



        .online-menkai .content > h3{
            max-width:1000px;
			width:90%;
			margin: 40px auto 0;
			font-weight: 700;
            font-size: 1.4em;
			text-align: center;
            color:#036;
       }

    @media screen and (max-width:1000px){

        .online-menkai .content > h3{
            font-size: 1.4em;
       }

    }

    @media screen and (max-width:770px){

        .online-menkai .content > h3{
            font-size: 1.3em;
       }

    }

    @media screen and (max-width:640px){

        .online-menkai .content > h3{
            font-size: 1.2em;
      }

    }

    @media screen and (max-width:480px){

        .online-menkai .content > h3{
			margin: 30px auto 0;
            font-size: 1.1em;
      }

    }




        .online-menkai .content > .inner header{
			width:100%;
			margin: 30px auto 50px;
		}

			.online-menkai .content > .inner header img{
				width:20%;
				height: auto;
				float: left;
			}

    	@media screen and (max-width:770px){

			.online-menkai .content > .inner header img{
				display: block;
				width:150px;
				margin: 0 auto 20px;
				float:none;
			}

		}


			.online-menkai .content > .inner header .headernote{
				width:76%;
				float: right;
			}

    	@media screen and (max-width:770px){

			.online-menkai .content > .inner header .headernote{
				width:100%;
				float: none;
			}

		}

			.online-menkai .content > .inner header .headernote p:nth-of-type(1){
				margin-top: 0;
				/*color:#707d30;*/
				font-family: "kozuka-mincho-pro",serif;
			}
/*
			.online-menkai .content > .inner header .headernote p:nth-of-type(2),
			.online-menkai .content > .inner header .headernote p:nth-of-type(3){
				margin: 7px 0;
				font-size:1.2em;
			}

   		 @media screen and (max-width:1000px){

			.online-menkai .content > .inner header .headernote p:nth-of-type(2),
			.online-menkai .content > .inner header .headernote p:nth-of-type(3){
				font-size:1.1em;
			}

		}

			.online-menkai .content > .inner header .headernote p:nth-of-type(2) span{
				color:#bd2420;
				font-size:0.7em;
			}

			.online-menkai .content > .inner header .headernote p:nth-of-type(4){
				margin-top: 20px;
				color:#bd2420;
				font-size:0.9em;
				line-height: 1.5em;
			}
*/

		/* オンライン面会利用規約ボタン */

			.online-menkai .content > .inner .linkbtn{
				max-width:500px;
				width:90%;
				height:50px;
				margin: 30px auto 0;
				line-height:50px;
				color:#ff9;
				font-size:1.0em;
				font-weight: 500;
				background-image:url(/shared/img_yajirushi-white2.png);
				background-color:#369;
				background-size:10px auto;
				border-radius:5px;
			}

			.online-menkai .content > .inner .linkbtn.entry{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				height:auto;
				padding: 10px 0;
				line-height: 1.3em;
			}


   		 @media screen and (max-width:660px){

			.online-menkai .content > .inner .linkbtn{
				height:40px;
				font-size:0.9em;
				line-height:40px;
				border-radius:3px;
			}

			.online-menkai .content > .inner .linkbtn.entry{
				height:auto;
				line-height: 1.4em;
			}

		}

   		 @media screen and (max-width:480px){

			.online-menkai .content > .inner .linkbtn.entry{
				height:auto;
				font-size:0.8em;
				line-height: 1.5em;
			}

		}

   		 @media screen and (max-width:430px){

			.online-menkai .content > .inner .linkbtn.entry{
				width:100%;
			}

		}

			.spbox.entrybtn{
				margin-top: 50px !important;
			}

			.spbox.entrybtn h5{
				margin-top: 50px;
			}





			.online-menkai .content > .inner h5{
				margin-bottom: 25px;
				padding-bottom: 5px;
				padding-left: 15px;
				color: #069;
				font-size: 1.1em;
				font-weight: 500;
				letter-spacing: 0.1em;
				line-height: 1.7em;
				border-bottom: 1px solid #069;
				background-image:url("/shared/dot_box-orange.gif");
				background-repeat: no-repeat;
				background-position: 0 12px;
				position: relative;
			}

		@media screen and (max-width:770px){

			.online-menkai .content > .inner h5{
				font-size:1.0em;
				background-position: 0 11px;
			}

		}

		@media screen and (max-width:480px){

			.online-menkai .content > .inner h5{
				padding-bottom: 3px;
				background-position: 0 12px;
			}

		}

		.online-menkai .content > .inner .spbox{
			width:94%;
			margin: 0 auto 50px;
			padding: 20px 3%;
			line-height: 1.7em;
			background-color: #fff0f0;
		}

	@media screen and (max-width:770px){

		.online-menkai .content > .inner .spbox{
			margin-bottom: -20px;
			padding: 15px 4%;
			font-size: 0.9em;
		}

	}


			.online-menkai .content > .inner .spbox div{
				margin: 15px 0 0;
				text-align: center;
			}

			.online-menkai .content > .inner .spbox ul{
				margin: 15px 0 0 20px;
			}

				.online-menkai .content > .inner .spbox li{
					margin-bottom: 10px;
				}

				.online-menkai .content > .inner .spbox h4{
					height: auto;
					margin-top: 8px;
					color:#036;
					font-weight:700;
					line-height: 1.4em;
				}
				.online-menkai .content > .inner .spbox h4 + p{
					margin: 0;
					color:#369;
				}


				.online-menkai .content > .inner h4{
					height: auto;
					padding-top: 8px;
					padding-bottom: 6px;
					line-height: 1.3em;
				}


			.online-menkai .content > .inner .spbox img{
				width: 120px;
				height:auto;
			}



			.online-menkai .content > .inner .lineimages{
				max-width: 800px;
				width: 100%;
				margin: 0 auto 10px;
				position: relative;
				top:-20px;
			}

		@media screen and (max-width:640px){

			.online-menkai .content > .inner .lineimages{
				max-width: 300px;
				width: 100%;
			}

		}


				.online-menkai .content > .inner .lineimages li{
					width:45%;
					list-style: none;
					float: left;
				}

				.online-menkai .content > .inner .lineimages li:nth-of-type(2n){
					float: right;
				}

			@media screen and (max-width:640px){

				.online-menkai .content > .inner .lineimages li,
				.online-menkai .content > .inner .lineimages li:nth-of-type(2n){
					width:100%;
					margin-bottom: 30px;
					float:none;
				}
				.online-menkai .content > .inner .lineimages li:nth-of-type(2n){
					margin-bottom: 0;
				}

			}

				.online-menkai .content > .inner .lineimages li img{
					width:100%;
					height:auto;
				}

				.online-menkai .content > .inner .lineimages li p{
					margin:10px 0 0;
				}

			@media screen and (max-width:1000px){

				.online-menkai .content > .inner .lineimages li p{
					font-size:0.9em;
					line-height: 1.7em;
				}

			}


			.online-menkai .raiin h3{
				margin-bottom: 30px;
				line-height: 1.7em;
			}

		@media screen and (max-width:400px){

			.online-menkai .raiin h3{
				margin-bottom: 25px;
				font-size:1.0em;
				line-height: 1.5em;
			}

		}








			.line-entrycode{
				max-width: 400px;
				width: 100%;
				margin: 0 auto;
				padding: 40px 0 0;
				/*border-top:1px dashed #069;*/
			}

			.line-entrycode .inner{
				width:100%;
			}

				.line-entrycode img:nth-of-type(1){
					display: block;
					width:35%;
					height:auto;
					float:left;
				}

				.line-entrycode img:nth-of-type(2){
					display: block;
					width:50%;
					height:auto;
					float:right;
					position: relative;
					top:-20px;
				}

			@media screen and (max-width:640px){

				.line-entrycode img:nth-of-type(1){
					/*display: none;*/
					width:120px;
					margin: 0 auto 50px;
					float:none;
				}

				.line-entrycode img:nth-of-type(2){
					width:180px;
					margin: 0 auto;
					float:none;
					top:0;
				}

			}

				.line-entrycode div{
						display:-webkit-flex;
						display:flex;
						justify-content: center;
						-webkit-align-items:center;
						align-items:center;
					width:50%;
					height:160px;
					margin: 0 auto;
					font-size:1.4em;
					font-weight:700;
					text-align: center;
					line-height: 1.5em;
					position: relative;
				}

			@media screen and (max-width:840px){

				.line-entrycode div{
					height:140px;
				}

			}

			@media screen and (max-width:770px){

				.line-entrycode div{
					height:120px;
				}

			}



			/* オンライン面会の流れ */

			.online-menkai .flow p{
				padding-bottom: 50px;
				background-image: url("/shared/img_triangle-orange.png");
				background-repeat: no-repeat;
				background-position: 50% 100%;
			}
			.online-menkai .flow p:nth-last-of-type(1){
				padding-bottom: 20px;
				background-image: none;
			}

		@media screen and (max-width:1000px){

			.online-menkai .flow p{
				padding-bottom: 40px;
				background-size: 50px auto;
			}

		}

		@media screen and (max-width:480px){

			.online-menkai .flow p{
				padding-bottom: 30px;
				background-size: 40px auto;
			}

		}



/*####################################################################################

  　　寄付のお願い

　####################################################################################*/


	.donation main{
		background-image: url("/images/bg_donation.png");
		background-repeat: repeat-x;
	}

    .donation .content{
		background-image: url("/images/bg_donation-content.png");
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

@media screen and (max-width:1600px){

   .donation .content{
	   background-size: 1600px auto;
	}

}

@media screen and (max-width:1200px){

   .donation .content{
	   background-size: 1400px auto;
	}

}

@media screen and (max-width:1000px){

   .donation .content{
	   background-size: 1200px auto;
	}

}

@media screen and (max-width:1000px){

   .donation .content{
	   background-size: 1200px auto;
	}

}

@media screen and (max-width:770px){

   .donation .content{
	   background-size: 140% auto;
	}

}

@media screen and (max-width:480px){

   .donation .content{
	   background-size: 130% auto;
	}

}



        .donation .content > h2{
            max-width:1000px;
			width:90%;
			height:146px;
            margin:0 auto -25px;
            color:#c02420;
			border-bottom: 1px solid #b2d1e0;
       }

    @media screen and (max-width:1000px){

        .donation .content > h2{
            height:120px;
            margin:0 auto -41px;
       }

    }

    @media screen and (max-width:770px){

        .donation .content > h2{
            height:100px;
            font-size: 1.8em;
       }

    }

    @media screen and (max-width:640px){

        .donation .content > h2{
            height:100px;
            margin:0 auto -36px;
            font-size: 1.6em;
            top:-36px;
      }

    }

    @media screen and (max-width:480px){

        .donation .content > h2{
            height:80px;
            font-size: 1.4em;
      }

    }

        .donation .content > .inner{
			padding-bottom: 50px;
		}

        .donation .content > .inner header{
			width:100%;
			margin: 30px auto 50px;
		}

			.donation .content > .inner header .note{
				color:#14314b;
				font-size: 1.2em;
				font-family: "kozuka-mincho-pro",serif;
				text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,
				0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
				line-height: 1.9em;
			}

    	@media screen and (max-width:1000px){

			.donation .content > .inner header .note{
				font-size: 1.1em;
			}

		}

    	@media screen and (max-width:770px){

			.donation .content > .inner header .note{
				font-size: 1.0em;
			}

		}


		.donation .note + ul{
			max-width:820px;
			width:100%;
			margin:0 auto;
			position: relative;
			top:-20px;
		}

    @media screen and (max-width:770px){

		.donation .note + ul{
			max-width:400px;
			width:100%;
		}


	}


			.donation .note + ul li{
				width:49%;
				height:50px;
				float: left;
				list-style: none;
			}

			.donation .note + ul li:nth-last-of-type(1){
				float: right;
			}

    	@media screen and (max-width:770px){

			.donation .note + ul li,
			.donation .note + ul li:nth-last-of-type(1){
				max-width: 360px;
				width: 100%;
				float:none;
				margin: 0 auto;
			}
			.donation .note + ul li:nth-of-type(1){
				margin-bottom: 10px;
			}

		}

    	@media screen and (max-width:480px){

			.donation .note + ul li,
			.donation .note + ul li:nth-last-of-type(1){
				max-width: 320px;
			}

		}



			.donation .note + ul li a{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:95%;
				height:100%;
				padding-left: 5%;
				color:#069;
				letter-spacing: 0.03em;
				border-radius: 25px;
				text-decoration: none;
				background-color: #cce0eb;
				background-repeat: no-repeat;
				background-position: 6% 50%;
			}

			.donation .note + ul li a.pdf{
				background-image:url("/shared/ico_pdf.png");
			}
			.donation .note + ul li a.xls{
				background-image:url("/shared/ico_xls.png");
			}
			.donation .note + ul li a.doc{
				background-image:url("/shared/ico_doc.png");
			}

    	@media screen and (max-width:480px){

			.donation .note + ul li a{
				font-size: 0.9em;
			}

		}

    	@media screen and (max-width:370px){

			.donation .note + ul li a,
			.donation .note + ul li a.pdf,
			.donation .note + ul li a.xls{
				width:100%;
				padding-left: 0;
				background-image: none;
			}

		}


		.donation h5{
			padding-left: 15px;
			padding-bottom: 5px;
			color: #069;
			font-size: 1.2em;
			font-weight: 500;
			letter-spacing: 0.1em;
			border-bottom: 1px solid #069;
			background-image:url("/shared/dot_box-orange.gif");
			background-repeat: no-repeat;
			background-position: 0 13px;
			position: relative;
			top:-5px;
		}

	@media screen and (max-width:770px){

		.donation h5{
			font-size:1.1em;
		}

	}

	@media screen and (max-width:480px){

		.donation h5{
			font-size:1.0em;
			padding-bottom: 3px;
			background-position: 0 12px;
		}

	}

		.donation .notemn{
			margin:30px auto 15px;
			line-height: 1.5em;
		}
		.donation .notemn + .note{
			margin:0 auto 15px;
			line-height: 1.5em;
			position: relative;
			top:-30px;
		}

		.donation .noteL{
			margin:30px auto 15px;
			line-height: 1.5em;
		}

		.donation .noteL + .notemn{
			position: relative;
			top:-20px;
		}

		.donation .noteL + .noteL{
			margin:0 auto;
			position: relative;
			top:-20px;
		}

			.donation .noteL sup{
				color:#c33;
			}


	.donation .heart{
		display: block;
		width:240px;
		height: auto;
		float: right;
	}

	.donation .leftblock{
		width:calc(100% - 260px);
	}

@media screen and (max-width:1000px){

	.donation .heart{
		width:210px;
		height: auto;
	}

	.donation .leftblock{
		width:calc(100% - 220px);
	}

}

@media screen and (max-width:770px){

	.donation .heart{
		width:200px;
		height: auto;
		margin: 0 auto 30px;
		float: none;
	}

	.donation .leftblock{
		width:100%;
		float: none;
	}

}

@media screen and (max-width:480px){

	.donation .heart{
		width:150px;
		margin: 0 auto;
	}

}




		.labeldonation{
			heiht:40px;
			margin: 40px auto 30px;
			color: #fff;
			font-size: 1.2em;
			font-weight: 500;
			text-align: center;
			line-height: 40px;
			background-color: #08437b;
			border-radius: 5px;
		}
		.labeldonation:nth-of-type(3){
			margin-top: 70px;
			background-color: #707d30;
		}

	@media screen and (max-width:770px){

		.labeldonation{
			heiht:35px;
			margin: 40px auto 25px;
			font-size:1.1em;
			line-height: 35px;
		}
		.labeldonation:nth-of-type(3){
			margin-top: 40px;
		}

	}

	@media screen and (max-width:480px){

		.labeldonation{
			heiht:30px;
			margin: 30px auto 20px;
			font-size:1.0em;
			line-height: 30px;
		}
		.labeldonation:nth-of-type(3){
			margin-top: 50px;
		}

	}

		.donation .term{
			width: 96%;
			margin: 0 auto 5px;
			font-size: 0.8em;
			line-height: 1.7em;
		}


		.content > .inner .noteLL{
			width:96%;
			margin:30px auto 50px;
			font-size:1.4em;
			font-weight: 500;
			line-height: 1.5em;
		}

	@media screen and (mnoteLLth:1000px){

		.content > .inner .noteLL{
			font-size:1.2em;
		}

	}

	@media screen and (max-width:640px){

		.content > .inner .noteLL{
			font-size:1.1em;
		}

	}

		.content > .inner .noteLL span{
			color:#f00;
			font-weight: 700;
		}




		.labeldonation:nth-of-type(2) + p{
			color: #8b0000;
			font-size: 1.4em;
			font-family: "kozuka-mincho-pro",serif;
			line-height: 1.7em;
		}

	@media screen and (max-width:770px){

		.labeldonation:nth-of-type(2) + p{
			font-size: 1.1em;
		}

	}

	@media screen and (max-width:480px){

		.labeldonation:nth-of-type(2) + p{
			font-size: 1.0em;
			text-align: left;
			line-height: 1.6em;
		}
		.labeldonation:nth-of-type(2) + p br{
			display: none;
		}

	}

			.labeldonation:nth-of-type(2) + p + a{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				max-width: 400px;
				width: 100%;
				height:50px;
				margin: 0 auto;
				color:#069;
				line-height: 1.2em;
				text-align: center;
				letter-spacing: 0.03em;
				border-radius: 25px;
				text-decoration: none;
				background-color: #cce0eb;
			}

    	@media screen and (max-width:480px){

			.labeldonation:nth-of-type(2) + p + a{
				font-size: 0.9em;
			}

		}


	




/*####################################################################################

  	お問い合わせ

　####################################################################################*/



		.mailform dl{
			padding:30px 2% 30px;
			border-bottom:1px solid #ccc;
			
		}
		.mailform dl:nth-of-type(1){
			border-top:1px solid #ccc;
		}

		.mailform dl{zoom:1;}
		.mailform dl:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}
			
	@media screen and (max-width:540px){
		
		.mailform dl{
			padding:20px 2% 20px;
		}
	}

			.mailform dt{
				width:30%;
				padding-top:3px;
				font-weight:700;
				float:left;
				line-height:1.5em;
				
			}
			
		@media screen and (max-width:540px){

			.mailform dt{
				width:100%;
				margin-bottom:15px;
				/*font-size:0.9em;*/
				float:none;
			}

			.mailform dt br{display:none;}
			
		}


		
		
			.mailform dd{
				width:70%;
				float:right;
			}
			
		@media screen and (max-width:540px){

			.mailform dd{
				width:100%;
				font-size:0.9em;
				float:none;
			}
			
		}



			.mailform input[type=text],
			.mailform select,
			.mailform textarea{
				-webkit-appearance: none;
				border:1px solid #999;	
				border-radius:5px;
			}
			



					#name,#furigana,#shop,#sfurigana,#tel,#email,#email2{
						max-width:370px;
						width:90%;
						padding:13px 10px;
					}

					.zip{
						width:70px;
						margin-bottom:15px;
						padding:13px 10px;
					}

					#address1{
						margin-bottom:15px;
						padding:13px 10px; 
						background-image:url(/miyazaki/shared/img_yajirushi_down.png);
						background-repeat:no-repeat;
						background-position:90% 50%;
					}


					#address2,#address3,#type,#message{
						max-width:500px;
						width:90%;
						padding:13px 10px;
					}

					#email{
						margin-bottom:15px;
					}

					.remark{
						margin:0;
						color:#666;
						font-size:0.9em;
						line-height:1.6em;
					}
					.kome.remark{
						width:calc(100% - 15px);
						margin:0;
						position:relative;
						left:15px;
					}


			#submit1,
			#submit2{
				-webkit-appearance: none;
				display:block;
				max-width:300px;
				width:80%;
				height:60px;
				margin:40px auto 40px;
				padding:0 !important;
				color:#fff;
				font-size:1.2em;
				font-weight:700;
				text-align:center;
				line-height:55px;
				background-color:#036;
				border-radius:5px;
				border:none;
				cursor:pointer;
				-webkit-transition:opacity 0.3s ease-out;
				-moz-transition:opacity 0.3s ease-out;
				-ms-transition:opacity 0.3s ease-out;
				transition:opacity 0.3s ease-out;
			}
			#submit2{background-color:#999;}
	
			#submit1:hover,
			#submit2:hover{
				filter:alpha(opacity=60);
				-moz-opacity:0.60;
				opacity:0.60;
			}


		@media screen and (max-width:480px){
			
			#submit1,
			#submit2{
				height:40px;
				margin:30px auto 0;
				padding:0 !important;
				font-size:1.0em;
				line-height:35px;
				border-radius:5px;
			}
				
		}

		@media screen and (max-width:370px){
			
			#submit1,
			#submit2{
				width:100%;
				height:40px;
				padding:0 !important;
				line-height:40px;
			}
				
		}
		
		
		.hissu{
			display:inline-block;
			width:44px;
			height:18px;
			margin:3px 0 0 10px;
			padding:0px;
			color:#fff;
			font-size:0.7em;
			font-weight:400;
			text-align:center;
			border-radius:2px;
			line-height:19px;
			background-color:#369;
			
		}
		

		.thanks .mailform h3{
			color:#369;
			font-size:1.2em;
			font-weight:700;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			text-align:center;
		}

	@media screen and (max-width:480px){

		.thanks .mailform h3{
			font-size:1.0em;
			line-height:1.5em;
		}

	}

	
	.thanksnote{
		max-width:540px;
		width:100%;
		margin:30px auto 0;
		padding-bottom: 120px;
	}





/*####################################################################################

  　　天草牛深のご紹介	

　####################################################################################*/

/* index */

    .ushibuka .index.content{
        padding: 40px 0 50px;
		position: relative;
    }

@media screen and (max-width:1600px){

    .ushibuka .index.content{
        padding: 0 0 50px;
    }

}

@media screen and (max-width:1000px){

    .ushibuka .index.content{
        padding: 0 0 40px;
    }

}

@media screen and (max-width:640px){

    .ushibuka .index.content{
        padding: 0 0 30px;
    }

}

	.ushibuka .index.content header{
		display:-webkit-flex;
		display:flex;
		justify-content: center;
		-webkit-align-items:center;
		align-items:center;
		max-width: 1600px;
		width:100%;
		height:400px;
		margin: 0 auto 60px;
		background-image: url("/images/img_ushibuka.jpg");
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

@media screen and (max-width:1600px){

	.ushibuka .index.content header{
		margin-bottom: 25px;
		position: relative;
		top:-35px;
	}

}

@media screen and (max-width:1200px){

	.ushibuka .index.content header{
		margin-bottom: 25px;
		height:300px;
		background-size: 1200px auto;
	}

}

@media screen and (max-width:1000px){

	.ushibuka .index.content header{
		margin-bottom: 60px;
		height:250px;
		background-size: 1000px auto;
		top:0;
	}

}

@media screen and (max-width:770px){

	.ushibuka .index.content header{
		margin-bottom: 20px;
	}

}

@media screen and (max-width:640px){

	.ushibuka .index.content header{
		height:160px;
		background-size: 640px auto;
	}

}

@media screen and (max-width:480px){

	.ushibuka .index.content header{
		height:120px;
		margin-bottom: -10px;
		background-size: 480px auto;
	}

}


		.ushibuka .index.content header h2{
			width: 663px;
		}
		.ushibuka .index.content header h2 img{
			width:100%;
			height:auto;
		}

	@media screen and (max-width:1600px){

		.ushibuka .index.content header h2{
			width: 500px;
		}

	}

	@media screen and (max-width:1000px){

		.ushibuka .index.content header h2{
			width: 400px;
		}

	}

	@media screen and (max-width:640px){

		.ushibuka .index.content header h2{
			max-width: 270px;
			width:70%;
		}

	}

		
		
	.ushibukamap{
		max-width: 1000px;
		width: 90%;
		margin: 0 auto 40px;
	}
		
		.ushibukamap img{
			width:44%;
			height:auto;
			margin-right: -100px;
			float: left;
			position: relative;
			left:-100px;
		}

	@media screen and (max-width:1240px){
		
		.ushibukamap img{
			margin-right: -80px;
			left:-80px;
		}

	}

	@media screen and (max-width:1200px){
		
		.ushibukamap img{
			width:40%;
			margin-right: -3%;
			left:-3%;
		}

	}

	@media screen and (max-width:770px){
		
		.ushibukamap img{
			display: block;
			max-width: 360px;
			width:100%;
			margin: 0 auto 50px;
			float:none;
			left:0;
		}

	}

	@media screen and (max-width:480px){
		
		.ushibukamap img{
			margin: 0 auto 15px;
			top:-15px;
		}

	}

		.ushibukamap .note{
			width:60%;
			padding-top: 40px;
			float: right;
		}
	
	@media screen and (max-width:1200px){

		.ushibukamap .note{
			padding-top: 0;
		}
	
	}
	
	@media screen and (max-width:770px){

		.ushibukamap .note{
			width:100%;
			float: none;
		}
	
	}


			.ushibukamap .note h3{
				margin-bottom: 40px;
				color:#000;
				font-size:2.4em;
				font-family: "kozuka-mincho-pro",serif;
			}
	
		@media screen and (max-width:1000px){

			.ushibukamap .note h3{
				margin-bottom: 30px;
				font-size:2.0em;
			}
	
		}
	
		@media screen and (max-width:480px){

			.ushibukamap .note h3{
				margin-bottom: 20px;
				font-size:1.6em;
				text-align: center;
			}
	
		}

			.ushibukamap .note p{
				margin-bottom: 40px;
			}

		@media screen and (max-width:770px){

			.ushibukamap .note p{
				margin-bottom: 30px;
				font-size:0.9em;
			}

		}


			.ushibukamap .note .linkbtn{
				font-size:0.8em;
			}

		@media screen and (max-width:770px){

			.ushibukamap .note .linkbtn{
				margin:0 auto;
			}

		}


	.ushibukaitems{
		max-width:1400px;
		width:100%;
		margin: 0 auto;
		background-image:url("/images/bg_ushibuka-items.jpg");
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: 50% 100px;
	}

@media screen and (max-width:1200px){

	.ushibukaitems{
	}

}

		.ushibukaitems ul{
			max-width:1200px;
			width:96%;
			margin: 0 auto;
			padding-top: 50px;
			background-image: url("/images/img_ushibuka-haiyastatue.png");
			background-repeat: no-repeat;
			background-position: 50% 0;
		}

	@media screen and (max-width:1200px){

		.ushibukaitems ul{
			padding-top: 30px;
			background-size:700px auto;
		}

	}

	@media screen and (max-width:1000px){

		.ushibukaitems ul{
			width:740px;
			padding-top: 300px;
		}

	}

	@media screen and (max-width:770px){

		.ushibukaitems ul{
			max-width:580px;
			width:96%;
			padding-top: 300px;
		}

	}


			.ushibukaitems li{
				width:400px;
				height:400px;
				margin-bottom: 35px;
				list-style: none;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				float: left;
				border-radius: 200px;
			}

			.ushibukaitems li:nth-of-type(1){background-image: url("/images/img_ushibuka-item1.jpg");}
			.ushibukaitems li:nth-of-type(2){background-image: url("/images/img_ushibuka-item2.jpg");}
			.ushibukaitems li:nth-of-type(3){background-image: url("/images/img_ushibuka-item3.jpg");}
			.ushibukaitems li:nth-of-type(4){background-image: url("/images/img_ushibuka-item4.jpg");}
			.ushibukaitems li:nth-of-type(5){background-image: url("/images/img_ushibuka-item5.jpg");}

			.ushibukaitems li:nth-of-type(2n){
				float: right;
			}

			.ushibukaitems li:nth-of-type(2n + 1){
				clear:both;
			}

			.ushibukaitems li:nth-last-of-type(1){
				margin: 0 auto -150px;
				float:none;
				position: relative;
				top:-200px;
			}

		@media screen and (max-width:1200px){

			.ushibukaitems li{
				width:360px;
				height: 360px;
				margin-bottom: 15px;
			}

			.ushibukaitems li:nth-last-of-type(1){
				margin-bottom: -70px;
				top:-120px;
			}

		}

		@media screen and (max-width:1000px){

			.ushibukaitems li:nth-last-of-type(1){
				margin-bottom: -10px;
				top:-50px;
			}

		}

		@media screen and (max-width:770px){

			.ushibukaitems li{
				width:48%;
				height: auto;
				border-radius:0;
			}

			.ushibukaitems li:nth-last-of-type(1){
				margin-bottom: 30px;
				top:0;
			}

		}

		@media screen and (max-width:640px){

			.ushibukaitems li{
				max-width: 300px;
				width:80%;
				margin: 0 auto 15px;
				float: none;
			}
			
			.ushibukaitems li:nth-of-type(2n){float: none;}

		}

				.ushibukaitems li h3{
					padding-top:calc(50% + 15px);
					color:#ff9;
					font-size:1.6em;
					font-weight:700;
					text-align: center;
				}

				.ushibukaitems li p{
					width:280px;
					margin: 8px auto 0;
					color:#fff;
					font-size:0.95em;
					line-height: 1.6em;
					position: relative;
					left:4px;
				}

			@media screen and (max-width:770px){

				.ushibukaitems li h3{
					padding-top:calc(50% + 10px);
					font-size:1.2em;
				}

				.ushibukaitems li p{
					width:90%;
					margin: 5px auto 0;
					color:#fff;
					font-size:0.8em;
					line-height: 1.6em;
					position: relative;
					left:4px;
				}

			}

			@media screen and (max-width:640px){

				.ushibukaitems li h3{
					padding-top:calc(50% + 10px);
					font-size:1.2em;
				}

				.ushibukaitems li p{
					width:90%;
					margin: 5px auto 0;
					color:#fff;
					font-size:0.8em;
					line-height: 1.6em;
					position: relative;
					left:4px;
				}

			}


	.ushibuka-points{
		max-width:1200px;
		width:96%;
		margin:0 auto 70px;
	}

@media screen and (max-width:770px){

	.ushibuka-points{
		width:90%;
		margin:0 auto 50px;
	}

}

		.ushibuka-points .point{
			width:40%;
			padding: 30px 4% 10px;
			background-color:#e6f7ff;
			float: left;
		}

		.ushibuka-points .point:nth-of-type(2){
			float: right;
		}

	@media screen and (max-width:770px){

		.ushibuka-points .point{
			width:92%;
			padding: 10px 5% 0;
			background-color:#e6f7ff;
			float: none;
		}

		.ushibuka-points .point:nth-of-type(2){
			padding: 30px 5% 10px;
			margin-top: 15px;
			float: none;
		}

	}

/*	@media screen and (max-width:480px){

		.ushibuka-points .point:nth-of-type(2){
			top:-45px;
		}

	}
*/

	/* 画像 */

		@media screen and (max-width:770px){

			.ushibuka-points .point ul{
				max-width:400px;
				width:90%;
				margin: 0 auto;
			}

		}

			.ushibuka-points .point li{
				width:250px;
				list-style: none;
			}

		@media screen and (max-width:480px){

			.ushibuka-points .point li{
				margin: 0 auto;
				float:none;
			}

		}



			.ushibuka-points .point li:nth-of-type(2){
				margin-bottom: -50px;
				position: relative;
				top:-50px;
				float: right;
			}

		@media screen and (max-width:1000px){

			.ushibuka-points .point li:nth-of-type(2){
				margin-bottom: -30px;
				top:-30px;
			}

		}

		@media screen and (max-width:480px){

			.ushibuka-points .point li:nth-of-type(2){
				margin-bottom:0;
				top:0;
				float:none;
			}

		}

			.ushibuka-points .point li img{
				width:100%;
				height:auto;
			}

			.ushibuka-points .point p{
				margin-bottom:30px;
			}

		@media screen and (max-width:770px){

			.ushibuka-points .point:nth-of-type(1) p:nth-last-of-type(1){
				margin:0;
			}

		}


			.ushibuka-points .point p span{
				color:#c02420;
			}


	/* 下記サイトで牛深を紹介しています */