/*
Theme Name: 熊本市社会福祉協議会
Version: 1.0
*/
@charset "utf-8";
@import url(/css/default.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;
}

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


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

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

.mainblock 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;
}

.mainblock a {color:#00f;}


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

  	BASS

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


/* ------------------------ サイトの基本構造 ------------------------ */

html{height:100%;overflow-y:scroll;}
body{
	height:100%;
	margin:0;
	padding:0;
	color:#333;
	font-size:1.0em;
	font-family:"kozuka-gothic-pro","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight:400;
	line-height:1.7em;
	letter-spacing:0.07em;
	word-wrap : break-word;
	overflow-wrap : break-word;
	background-color:#fff;
	background-image:url(/shared/bg_body.png);
	background-repeat:repeat-x;
	word-wrap : break-word;
	overflow-wrap : break-word;
    animation:fadeIn 2s ease 0s 1 normal;
    -webkit-animation:fadeIn 2s ease 0s 1 normal;
	-webkit-text-size-adjust:100%;
}

@media screen and (max-width:480px){
body{line-height:1.8em;}
}

@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

#wrapper{
	width:100%;
}

/* ------------------------ サイトの固有属性 ------------------------ */

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:1em;
}

rt{font-size:1em;}

ul,ol,dl,li,dl,dt,dd{padding:0;margin:0;}

img,area,table{border:0;}

figure{margin:0;}

/*a{color:#1a1a1a;}
a:hover{color:#c00;}*/

sup{
	font-size:0.6em;
  vertical-align:baseline;
  position:relative;
  top:-1ex;
}

a img:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
a img{
	-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;
}

input[type="submit"]{-webkit-appearance:none;}


/* 共通部品 ---------------------------------- */



/* グローバルヘッダー */

#globalheader{
	width:100%;
	height:210px;
	position:relative;
}
	

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

#globalheader{
	height:80px;
	margin:0;
	background-image:none;
	overflow:visible;
}

}

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

#globalheader{
	height:50px;
}

}


	#globalheader .inner{
		max-width:1000px;
		width:94%;
		height:100px;
		margin:0 auto;
		position:relative;
	}

@media screen and (max-width:1017px){
	#globalheader .inner{height:190px;}
}

@media screen and (max-width:1000px){
	
	#globalheader .inner{
		width:100%;
		height:80px;
		margin:0;
		background-color:#fff;
		position:relative;
		top:1000;		
		z-index:3000;
	}

}

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

	#globalheader .inner{
		width:98%;
		height:50px;
		padding:0 1%;
	}

}


	#globalheader h1{
		width:355px;
		padding-top:16px;
		line-height:0;
		float:left;
	}
	#globalheader h1 img{
		width:100%;
	}

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

	#globalheader h1{
		width:300px;
		padding:11px 0 0 2%;
	}
	
}

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

	#globalheader h1{
		width:210px;
		padding:5px 0 0 2%;
	}

}

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

	#globalheader h1{
		width:190px;
		padding:7px 0 0 2%;
	}

}

	


/* ヘッダー右 */

/******************************************************/


.headernote{
	width:480px;
	/*margin-top:42px;*/
	color:#006697;
	position:relative;
	top:42px;
	float:right;
}

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

.headernote{
	width:36px;
	top:18px;
	left:-30px;
	float:right;
}

}

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

.headernote{
	width:36px;
	top:7px;
}

}

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

.headernote{
	left:-20px;
}

}

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

.headernote{
	width:24px;
	top:9px;
	left:-15px;
}

}

	.headernote img{
		float:left;
		position:relative;
		top:2px;
	}

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

	.headernote img{
		width:30px;
	}

}

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

	.headernote img{
		width:24px;
	}

}

	.headernote ul{
		width:415px;
		float:right;
		position:relative;
		top:-2px;
		left:-5px;
	}

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

	.headernote ul{
		display:none;
	}

}

		.headernote li{
			font-size:1.1em;
			list-style:none;
			font-weight:700;
			float:left;
		}

			.headernote li h3{
				height:18px;
				margin:0 5px;
				padding:0 5px;
				color:#fff;
				font-size:0.5em;
				letter-spacing:0.05em;
				line-height:19px;
				float:left;
				border-radius:2px;
				background-color:#006697;
				position:relative;
				top:3px;
			}

			.headernote li:nth-of-type(2) h3{
				height:21px;
				padding-top:3px;
				text-align:center;
				line-height:1.2em;
				top:0;
			}

		.headernote p{
			margin:0;
			font-size:0.75em;
			letter-spacing:0.025em;
			float:right;
			position:relative;
			top:-4px;
		}

	@media screen and (max-width:1000px){
	
		.headernote p{
			display:none;
		}
	
	}
			
			
.menubtn{
	display:none;
	width:40px;
	height:22px;
	padding:19px 10px;
	outline: none;
	border: none;
	font-size: 20px;
	float:right;
	position:relative;
	top:7px;
}

@media screen and (max-width:1000px){
	
	.menubtn{display:block;}
	
}

@media screen and (max-width:700px){
	
	.menubtn{
		padding:9px 0;
		top:3px;		
	}
		
}


.menubtn .menu_icon01{
  display: block;
  float: left;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.menubtn .menu_icon01 span{
  display: block;
  width: 30px;
  height:2px;
  background: #333;
  margin-bottom:8px;
  transition: all 0.4s ease-out;
}
.menubtn.open .menu_icon01{
  transform: rotate(-45deg);
}
.menubtn.open .menu_icon01 .bar1{
  transform: rotate(0deg) translateY(10px);
}
.menubtn.open .menu_icon01 .bar2{
  opacity: 0;
}
.menubtn.open .menu_icon01 .bar3{
 transform: rotate(-90deg) translateX(10px);
}

/****************************************************************/



/* メニュー */

	#globalheader nav{
		width:100%;
		height:90px;
		padding:10px 0;
		position:relative;
		background-image:url(/shared/bg_clear-white50.png);
		z-index:2000;
	}

	#globalheader.fixed nav{
		padding:0 0 40px;
		position:fixed;
		height:60px;
		top:-40px;
	}

@media screen and (max-width:1000px){
	
	#globalheader nav{
		display:none;
		height:auto;
		padding:0;
		background-color:#333;
		top:0;
	}
	
	#globalheader nav{height:auto;}

}

		#globalheader nav > ul:nth-of-type(1){
			max-width:1000px;
			width:100%;
			height:20px;
			margin:0 auto -20px;
			position:relative;
			top:-100px;
			overflow:hidden;
		}
		
	
		#globalheader nav > ul:nth-of-type(1) li{
			height:20px;
			padding-left:26px;
			font-size:0.75em;
			list-style:none;
			line-height:1.9em;
			float:left;
			background-repeat:no-repeat;
			background-size:20px auto;
		}
		#globalheader nav > ul:nth-of-type(1) li:nth-of-type(1){
			width:85px;
			background-image:url(/shared/ico_outline2_2.png);
		}
		#globalheader nav > ul:nth-of-type(1) li:nth-of-type(2){
			width:70px;
			background-image:url(/shared/ico_news.png);
		}
		#globalheader nav > ul:nth-of-type(1) li:nth-of-type(3){
			width:95px;
			background-image:url(/shared/ico_contact.png);
		}
		#globalheader nav > ul:nth-of-type(1) li:nth-of-type(4){
			width:55px;
			background-image:url(/shared/ico_news.png);
		}
		
		#globalheader nav > ul:nth-of-type(1) li:nth-of-type(1){
			margin-left:calc(100% - 415px);
		}
		
		

		#globalheader nav > ul:nth-of-type(1) li a{
			color:#006697;
			text-decoration:none;
		}

		#globalheader nav > ul:nth-of-type(1) li:nth-of-type(1) a{
			color:#e9003b;
		}

	
		#globalheader nav ul:nth-of-type(2){
			clear:both;
			max-width:1000px;
			width:100%;
			margin:0 auto;
			background-color:#fff;
		}


		#globalheader nav ul:nth-of-type(2){
			max-width:1000px;
			width:100%;
			height:90px;
			/*margin:0 auto -87px;*/
			margin:0 auto;
			border-radius:6px;
			position:relative;
			/*top:-50px;*/
			z-index:100;
		}

		#globalheader.fixed nav ul:nth-of-type(2){
			/*height:65px;*/
		}
		
	@media screen and (max-width:1000px){

		#globalheader nav ul,
		#globalheader nav ul:nth-of-type(2){
			width:100%;
			height:auto;
			margin:0;
			padding:0;
			background-image:none;
			top:0;
		}

		#globalheader nav ul:nth-of-type(1){
			width:100%;
			height:auto;
			margin:0;
			top:0;
			float:none;
			overflow:visible;
		}
		
		#globalheader nav ul:nth-of-type(1) li:nth-of-type(1){
			margin-left:0;
		}
		
	}

		
			#globalheader nav ul:nth-of-type(2) li{
				/*width:196px;*/
				width:calc(100% / 6);
				height:100%;
				font-size:0.9em;
				list-style:none;
				float:left;
				background-image:url(/shared/line_menu.png);
				background-repeat:no-repeat;
				background-position:100% 50%;
			}
			#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1){
				margin-right:0;
			}
			
		@media all and (-ms-high-contrast: none){
			#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1){
				width:calc((100% / 6) - 1px);
			}
		}
			
			#globalheader.fixed nav ul:nth-of-type(2) li{
				height:50px;
				padding-top:0;
			}
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(1){
				display:none;
			}

		@media screen and (max-width:1000px){
		
			#globalheader nav ul li,
			#globalheader nav ul:nth-of-type(2) li{
				width:100%;
				height:auto;
				margin:0;
				padding-top:0;
				border-right:none;
				border-bottom:1px solid #ccc;
				background-image:none;
				float:none;
			}

			#globalheader nav ul li:nth-of-type(1){
				display:block;
				border-top:1px solid #ccc;
			}
			
		
			#globalheader nav ul:nth-of-type(1) li{
				height:auto;
				padding:0;
				font-size:1.0em;
				line-height:1.7em;
				float:none;
			}
			#globalheader nav ul:nth-of-type(1) li:nth-of-type(1),
			#globalheader nav ul:nth-of-type(1) li:nth-of-type(2),
			#globalheader nav ul:nth-of-type(1) li:nth-of-type(3),
			#globalheader nav ul:nth-of-type(1) li:nth-of-type(4){
				width:100%;
				background-image:none;
			}
	
		}

			#globalheader nav ul:nth-of-type(2) li a,
			#globalheader nav ul:nth-of-type(2) li span{
				width:100%;
				display:block;
				height:42px;
				padding-top:48px;
				color:#006697;
				font-weight:700;
				text-align:center;
				line-height:1.3em;
				text-decoration:none;
				background-repeat:no-repeat;
				background-position:50% 10px;
				background-size:30px auto;
			}
			
			#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1){
				background-repeat:no-repeat;
				background-position:50% 10px;
				background-size:30px auto;
			}
			
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(2) a,
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(2) span{background-image:url(/shared/ico_soudan.png);}
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(3) a,
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(3) span{background-image:url(/shared/ico_ouen.png);}
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(4) a,
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(4) span{background-image:url(/shared/ico_volunteer.png);}
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(5) a,
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(5) span{background-image:url(/shared/ico_yougo.png);}
			/*#globalheader nav ul:nth-of-type(2) li:nth-of-type(6) a,*/
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(6) span{background-image:url(/shared/ico_chiiki.png);}
			#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1){background-image:url(/shared/ico_kakuku.png);}

			#globalheader nav ul:nth-of-type(2) li span{
				cursor:default;
			}
			
			#globalheader.fixed nav ul:nth-of-type(2) li a,
			#globalheader.fixed nav ul:nth-of-type(2) li span{
				width:160px;
				height:34px;
				margin:46px auto 0;
				padding-top:0;
				background-image:none;
			}
			
			#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1) span{
				width:120px;
				height:34px;
				margin:48px auto 0;
				padding-top:0;
				line-height:34px;
				color:#fff;
				background-color:#006697;
			}
			#globalheader.fixed nav ul:nth-of-type(2) li:nth-last-of-type(1) span{
				color:#fff;
			}

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

			#globalheader nav ul:nth-of-type(1) li a,
			#globalheader nav ul:nth-of-type(1) li span,
			#globalheader nav ul:nth-of-type(2) li a,
			#globalheader nav ul:nth-of-type(2) li span{
				display:block;
 				justify-content:left;
				width:95%;
				height:100%;
				padding:0 0 0 5%;
				color:#006697;
				text-align:left;
				line-height:45px;
				background-color:#f8f8f8;
				border-radius:0;
				background-position:95% 50%;
				background-size:14px auto;
			}
			#globalheader nav ul li a br,
			#globalheader nav ul li span br{
				display:none;
			}
			
			#globalheader nav ul:nth-of-type(1) li a,
			#globalheader nav ul:nth-of-type(1) li span{
				color:#006697;
				font-size:0.9em;
				font-weight:700;
				background-color:#eee;
			}
			
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(2) a,
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(2) span{background-image:none;}
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(3) a,
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(3) span{background-image:none;}
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(4) a,
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(4) span{background-image:none;}
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(5) a,
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(5) span{background-image:none;}
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(6) a,
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(6) span{background-image:none;}
			#globalheader nav ul:nth-of-type(2) li:nth-of-type(7){background-image:none;}
			
			#globalheader nav ul:nth-of-type(2) li.widthsub a,
			#globalheader nav ul:nth-of-type(2) li.widthsub span{
				background-image:url(/shared/img_plus.png);
			}

			#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1) span{
				width:95%;
				margin:0;
				padding-top:10px;
				padding-bottom:10px;
			}
			
		}

			#globalheader.fixed nav ul:nth-of-type(2) li a,
			#globalheader.fixed nav ul:nth-of-type(2) li span{
				padding-top:1px;
				color:#036;
			}

		
				#globalheader nav ul:nth-of-type(2) li ul{
					display:none;
					width:210px;
					height:auto;
					border-radius:0;
					position:relative;
					background-color:#fff;
					text-align:center;
					left:0;
				}
		
				#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1) ul{
					width:143px;
					top:8px;
				}


			@media screen and (max-width:1000px){
	
				#globalheader nav ul:nth-of-type(2) li ul,
				#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1) ul{
					width:100%;
				}
				
				#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1) ul{
					top:0;
				}

			}

/*	
			@media screen and (max-width:1127px){
		
				#globalheader nav ul:nth-of-type(2) li ul{
					max-width:100%;
					width:100%;
					height:auto;
				}
		
				#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1) ul{
					max-width:100%;
					width:100%;
					top:0;
				}

			}
*/	
			@media screen and (max-width:1000px){
		
				#globalheader nav ul li ul,
				#globalheader nav ul:nth-of-type(2) li ul{
					width:100%;
					padding:0;
					position:relative;
				}
		
			}

				#globalheader nav ul:nth-of-type(2) li ul li{
					display:inline-block;
					width:100%;
					height:50px;
					background-image:none;
					/*background-color:#fff;*/
			background-color:#006697;
					border-top:1px dashed #ccc;
				}
				#globalheader nav ul:nth-of-type(2) li ul li:nth-last-of-type(1){
					margin-right:0;
				}
			@media all and (-ms-high-contrast: none){
				#globalheader nav ul:nth-of-type(2) li ul li:nth-last-of-type(1){
					width:100%;
				}
			}
				
				#globalheader nav ul:nth-of-type(2) li ul li:nth-of-type(1){
					display:inline-block;
					border-top:1px solid #ccc;
				}

				#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1) ul li{
					color:#fff;
					background-color:#006697;
				}
		
				#globalheader nav ul:nth-of-type(2) li ul li a,
				#globalheader nav ul:nth-of-type(2) li ul li span{
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
					height:100%;
					padding-top:0;
			color:#fff;
					background-image:none;
				}

				#globalheader.fixed nav ul:nth-of-type(2) li ul li a,
				#globalheader.fixed nav ul:nth-of-type(2) li ul li span{
					width:210px;
			color:#fff;
					position:relative;
					top:-38px;
				}
				#globalheader.fixed nav ul:nth-of-type(2) li:nth-last-of-type(1) ul li a,
				#globalheader.fixed nav ul:nth-of-type(2) li:nth-last-of-type(1) ul li span{
					width:100%;
					coloe:#fff;
				}
				
			
				#globalheader nav ul:nth-of-type(2) li ul li a{background-image:none;}
				#globalheader nav ul:nth-of-type(2) li ul li:nth-of-type(1) a{background-image:none;}
				#globalheader nav ul:nth-of-type(2) li ul li:nth-of-type(2) a{background-image:none;}
				#globalheader nav ul:nth-of-type(2) li ul li:nth-of-type(3) a{background-image:none;}
				#globalheader nav ul:nth-of-type(2) li ul li:nth-of-type(4) a{background-image:none;}
				#globalheader nav ul:nth-of-type(2) li ul li:nth-of-type(5) a{background-image:none;}
				#globalheader nav ul:nth-of-type(2) li ul li:nth-of-type(6) a{background-image:none;}
				#globalheader nav ul:nth-of-type(2) li ul li:nth-of-type(7) a{background-image:none;}
				#globalheader nav ul:nth-of-type(2) li ul li:nth-last-of-type(1){background-image:none;}

				#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1) ul li a,
				#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1) ul li span{
					color:#fff;
				}

	
			@media screen and (max-width:1000px){
			
				#globalheader nav ul li ul li,
				#globalheader nav ul:nth-of-type(2) li ul li{
					display:block;
					width:100%;
					height:45px;
					margin:0;
					padding:0;
					border-right:none;
					border-bottom:none;
					float:none;
				}
	
				#globalheader nav ul li ul li:nth-of-type(1){
					border-top:none;
				}
			
		
				#globalheader nav ul li ul li a,
				#globalheader nav ul li ul li span,
				#globalheader nav ul:nth-of-type(2) li ul li a,
				#globalheader nav ul:nth-of-type(2) li ul li span{
					display:block;
					justify-content:left;
					width:90%;
					height:100%;
					margin:0;
			color:#333;
					padding:0 0 0 10%;
					text-align:left;
					line-height:45px;
background-color:#fff;
					background-image:url(/shared/box_s-red.png);
					background-repeat:no-repeat;
					background-position:5% 8px;
					-moz-box-shadow:0 0 0 0 #1a1a1a inset;
					-webkit-box-shadow:0 0 0 0 #1a1a1a inset;
					box-shadow:0 0 0 0 #1a1a1a inset;
				}
				#globalheader nav ul li ul li a:hover,
				#globalheader nav ul li ul li span hover,
				#globalheader nav ul:nth-of-type(2) li ul li a:hover,
				#globalheader nav ul:nth-of-type(2) li ul li span hover{
					background-color:#f2f2f2;
				}

				#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1) ul li{
					background-color:none;
				}

				#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1) ul li a,
				#globalheader nav ul:nth-of-type(2) li:nth-last-of-type(1) ul li span{
					color:#333;
				}

			}

		

			
#globalheader nav ul li a:hover{
	color:#c00;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}
#globalheader nav ul li a{
	-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;
}




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

	#globalheader.fixed{position:relative;}
	#globalheader.fixed nav{position:relative;}

}




/********************* メイン項目 *********************/


	main{
		margin:0;
	}

	

/* セクション共通 */
	
	.stdsec{
		margin:0;
	}
		

		.stdsec .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto;
			line-height:1.9em;
		}
	
		.stdsec .inner{zoom:1;}
		.stdsec .inner:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}





			.modoru{
				display:block;
				width:90px;
				height:22px;
				margin-bottom:-24px;
				padding-left:15px;
				color:#fff !important;
				font-size:0.7em;
				text-align:center;
				text-decoration:none;
				line-height:23px;
				float:right;
				background-color:#266ecc;
				background-image:url(/shared/yajirushi_red2.png);
				background-position:10px 50%;
				background-repeat:no-repeat;
				position:relative;
				top:-36px;
				left:-2%;
				border-radius:3px;
			}
			.modoru:hover{
				color:#ff6 !important;
			}





	/* 丸付き番号 */
	
	ol.marunum > li{
		margin-left:20px;
		list-style:none;
	}
	
	ol.marunum > li:before{
		margin-right:-15px;
		font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
		position:relative;
		left:-20px;
	}
	ol.marunum > li:nth-of-type(1):before{content:"①"}
	ol.marunum > li:nth-of-type(2):before{content:"②"}
	ol.marunum > li:nth-of-type(3):before{content:"③"}
	ol.marunum > li:nth-of-type(4):before{content:"④"}
	ol.marunum > li:nth-of-type(5):before{content:"⑤"}
	ol.marunum > li:nth-of-type(6):before{content:"⑥"}
	ol.marunum > li:nth-of-type(7):before{content:"⑦"}
	ol.marunum > li:nth-of-type(8):before{content:"⑧"}
	ol.marunum > li:nth-of-type(9):before{content:"⑨"}
	ol.marunum > li:nth-of-type(10):before{content:"⑩"}
	ol.marunum > li:nth-of-type(11):before{content:"⑪"}
	ol.marunum > li:nth-of-type(12):before{content:"⑫"}
	ol.marunum > li:nth-of-type(13):before{content:"⑬"}
	ol.marunum > li:nth-of-type(14):before{content:"⑭"}
	ol.marunum > li:nth-of-type(15):before{content:"⑮"}
	ol.marunum > li:nth-of-type(16):before{content:"⑯"}
	ol.marunum > li:nth-of-type(17):before{content:"⑰"}
	ol.marunum > li:nth-of-type(18):before{content:"⑱"}
	ol.marunum > li:nth-of-type(19):before{content:"⑲"}
	ol.marunum > li:nth-of-type(20):before{content:"⑳"}
	ol.marunum > li:nth-of-type(21):before{content:"㉑"}
	ol.marunum > li:nth-of-type(22):before{content:"㉒"}
	ol.marunum > li:nth-of-type(23):before{content:"㉓"}
	ol.marunum > li:nth-of-type(24):before{content:"㉔"}
	ol.marunum > li:nth-of-type(25):before{content:"㉕"}
	ol.marunum > li:nth-of-type(26):before{content:"㉖"}
	ol.marunum > li:nth-of-type(27):before{content:"㉗"}
	ol.marunum > li:nth-of-type(28):before{content:"㉘"}
	ol.marunum > li:nth-of-type(29):before{content:"㉙"}
	

	/* ※付き番号 */
	
	ol.komenum > li{
		margin-left:35px;
		list-style:none;
	}
	
	ol.komenum > li:before{
		margin-right:-25px;
		position:relative;
		left:-35px;
	}
	ol.komenum > li:nth-of-type(1):before{content:"※1"}
	ol.komenum > li:nth-of-type(2):before{content:"※2"}
	ol.komenum > li:nth-of-type(3):before{content:"※3"}
	ol.komenum > li:nth-of-type(4):before{content:"※4"}
	ol.komenum > li:nth-of-type(5):before{content:"※5"}
	ol.komenum > li:nth-of-type(6):before{content:"※6"}
	ol.komenum > li:nth-of-type(7):before{content:"※7"}
	ol.komenum > li:nth-of-type(8):before{content:"※8"}
	ol.komenum > li:nth-of-type(9):before{content:"※9"}
	ol.komenum > li:nth-of-type(10):before{content:"※10"}


	/* ※ */
	
	.kome{
		width:calc(100% - 20px);
		/*margin-right:40px;*/
		list-style:none;
		position: relative;
		left:20px;
	}
	
	.kome:before{
		content:"※";
		margin-right:-16px;
		position:relative;
		left:-20px;
	}

	/* ● */
	
	.maru{
		margin-left:20px;
		list-style:none;
	}
	
	.maru:before{
		content:"●";
		margin-right:-15px;
		position:relative;
		left:-20px;
	}

	/* ■ */
	
	.mashikaku{
		margin-left:20px;
		list-style:none;
	}
	
	.mashikaku:before{
		content:"■";
		margin-right:-15px;
		position:relative;
		left:-20px;
	}



	/* カギカッコ数字 */
	
	.kakko1,.kakko2,.kakko3,.kakko4,.kakko5,.kakko6,.kakko7,.kakko8,.kakko9,.kakko10{
		margin-left:22px;
		margin-right:-22px;
		list-style:none;
	}
	
	.kakko1:before,
	.kakko2:before,
	.kakko3:before,
	.kakko4:before,
	.kakko5:before,
	.kakko6:before,
	.kakko7:before,
	.kakko8:before,
	.kakko9:before,
	.kakko10:before{		
		margin-right:-18px;
		position:relative;
		left:-22px;
	}
	.kakko1:before{content:"(1)";}
	.kakko2:before{content:"(2)";}
	.kakko3:before{content:"(3)";}
	.kakko4:before{content:"(4)";}
	.kakko5:before{content:"(5)";}
	.kakko6:before{content:"(6)";}
	.kakko7:before{content:"(7)";}
	.kakko8:before{content:"(8)";}
	.kakko9:before{content:"(9)";}
	.kakko10:before{content:"(10)";}
		


	/* テキストリンク */
	
	.linktext{
		margin:0 0 0 20px;
		padding-left:15px;
		text-decoration:none;
		background-image:url(/shared/img_triangle-red.png);
		background-repeat:no-repeat;
		background-position:0 50%;
		background-size:4px auto;
		position:relative;
		top:5px;		
	}

	.linktext:hover{
		text-decoration:underline;
	}




		/* 一覧リストページリンク */

		.page-navi{
			max-width:1060px;
			width:90%;
			margin:20px auto 0
		}
		
			.page-navi li{
				width:110px;
				list-style:none;
			}

			.next-page{
				float:right;
				text-align:right;
				background:url(/shared/btn_next.gif) no-repeat 100% 50%;
			}
			.prev-page{background:url(/shared/btn_next.gif) no-repeat 0 50%;}
				
			.page-navi a{
				height:20px;
				font-size:0.8em;
				/*font-family:'kozuka-gothic-pr6n','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;*/
				font-weight:700;
				text-decoration:none;
				line-height:22px;
				display:block;
			}
			.next-page a{padding-right:28px;}
			.prev-page a{padding-left:30px;}




.notfound{
	padding:200px 0 0;
	color:#e73656;
	font-size:2.0em;
	font-weight:700;
	text-align:center;
}

@media screen and (max-width:640px){
	
.notfound{
	padding:100px 0 0;
	font-size:1.2em;
}

}




	/* バナー */

		ul.banlist{
			max-width:1020px;
			width:96%;
			margin:10px auto;
			padding-top:30px;
			text-align:center;
		}
		ul.banlist li{
			display: inline-block;
			width:150px;
			margin:10px 10px 0;
			list-style:none;
		}
		ul.banlist li img{width:100%;}
			
	@media screen and (max-width:380px){
			
		ul.banlist li{
			margin:5px 5px 0;
		}
			
	}

	/* 協賛一覧バナー */

		ul.spbanlist{
			max-width:1020px;
			padding:30px 10px;
			width:96%;
			margin:30px auto 0;
			text-align:center;
			background:#eee;
		}
		ul.spbanlist li{
			display: inline-block;
			width:200px;
			margin:10px 10px 0;
			list-style:none;
		}


				
	/* ページの先頭へ */

	#link-to-header{
		width:80px;
		margin-top:-80px;
		bottom:5px;
		right:3%;
		position:fixed;
		z-index:10000;
		display:none;
	}

	#link-to-header img{width:100%;}


/* フッター ---------------------------------- */

	#globalfooter{
		padding-top:145px;
		background-image:url(/shared/img_footer-pic.png);
		background-repeat:no-repeat;
		background-position:50% 40px;
		/*border-top:1px dashed #ccc;*/
	}

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

	#globalfooter{
		padding-top:94px;
		background-size:1000px auto;
	}

}

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

	#globalfooter{
		padding-top:75px;
		background-size:640px auto;
	}

}

	#globalfooter.footeractive{
		position:fixed;
		bottom:0;
	}

	#globalfooter.footeractive{
		position:fixed;
		bottom:0;
	}

		.footerwrapper{
			padding:40px 0 30px;
			background-color:#a8664a;			
			background-image:url(/shared/bg_footermain.png);
			background-repeat:no-repeat;
			background-position:50% 0;
		}

	@media screen and (max-width:1000px){
	
		.footerwrapper{
			background-size:1000px auto;
		}
	
	}
	
	@media screen and (max-width:430px){
	
		.footerwrapper{
			background-size:640px auto;
		}
	
	}


		#globalfooter .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto;
			color:#fff;
		}
		
		
		.fbembed{
			max-width:300px;
			width:94%;
			height:500px;
			float:right;			
		}

	@media screen and (max-width:1000px){
	
		.fbembed{
			display:none;
		}
	
	}
/*
	@media screen and (max-width:770px){
	
		.fbembed{
			margin:0 auto;
			float:none;
		}
	
	}
*/		
		#globalfooter .wrapper{
			width:100%;
		}
		
		.index #globalfooter .wrapper,
		.akaihane #globalfooter .wrapper{
			width:calc(100% - 300px);
			float:left;
		}

	@media screen and (max-width:1000px){
	
		#globalfooter .wrapper{
			max-width:355px;
			width:calc(100% - 320px);
		}
	
		.index #globalfooter .wrapper,
		.akaihane #globalfooter .wrapper{
			max-width:355px;
			width:calc(100% - 320px);
		}
	
	}

	@media screen and (max-width:770px){
	
		#globalfooter .wrapper,
		.index #globalfooter .wrapper,
		.akaihane #globalfooter .wrapper{
			max-width:550px;
			width:100%;
			margin:30px auto 0;
			float:none;
		}
	
	}

	@media screen and (max-width:640px){
	
		#globalfooter .wrapper,
		.index #globalfooter .wrapper,
		.akaihane #globalfooter .wrapper{
			max-width:355px;
			width:94%;
		}
	
	}

			#globalfooter .footersitemap{
				/*padding-right:20px;*/
				font-size:0.9em;
			}

		@media screen and (max-width:1000px){
	
			#globalfooter .footersitemap{
				display:none;
			}
	
		}

				#globalfooter .footersitemap > li{
					width:24%;
					padding:0;
					list-style:none;
					float:left;
				}
				#globalfooter .footersitemap > li:nth-of-type(1),
				#globalfooter .footersitemap > li:nth-of-type(2),
				#globalfooter .footersitemap > li:nth-of-type(3),
				#globalfooter .footersitemap > li:nth-of-type(4){
					height:140px;
				}
				#globalfooter .footersitemap > li:nth-of-type(4){
					/*width:19%;*/
				}

				#globalfooter .footersitemap > li:nth-of-type(5){
					width:50%;
				}
				#globalfooter .footersitemap > li:nth-of-type(6){
					width:21%;
				}

				.index #globalfooter .footersitemap > li:nth-of-type(5),
				.index #globalfooter .footersitemap > li:nth-of-type(6),
				.akaihane #globalfooter .footersitemap > li:nth-of-type(5),
				.akaihane #globalfooter .footersitemap > li:nth-of-type(6){
					margin-bottom:0;
					top:0;
				}

				#globalfooter .footersitemap > li:nth-of-type(5) ul:nth-of-type(1){
					width:240px;
					float: left;
				}

				#globalfooter .footersitemap > li:nth-of-type(5) ul:nth-of-type(2){
					width:calc(100% - 290px);
					float: right;
				}

		/* index */

				.index #globalfooter .footersitemap > li,
				.akaihane #globalfooter .footersitemap > li{
					width:33%;
					padding:0;
					list-style:none;
					float:left;
				}
				
				.index #globalfooter .footersitemap > li:nth-of-type(2),
				.index #globalfooter .footersitemap > li:nth-of-type(5),
				.akaihane #globalfooter .footersitemap > li:nth-of-type(2),
				.akaihane #globalfooter .footersitemap > li:nth-of-type(5){
					width:35%;
				}
				
				.index #globalfooter .footersitemap > li:nth-of-type(3n),
				.akaihane #globalfooter .footersitemap > li:nth-of-type(3n){
					width:32%;
				}

				.index #globalfooter .footersitemap > li:nth-of-type(4),
				.akaihane #globalfooter .footersitemap > li:nth-of-type(4){
					height:auto;
				}





					#globalfooter .footersitemap li h3{
						margin-bottom:10px;
						color:#ffc;
						font-weight:700;
						line-height:1.4em;
					}

						#globalfooter .footersitemap li h3 a{
							color:#ffc;
							text-decoration:none;
						}

						#globalfooter .footersitemap li h3 + h3{
							margin-top:0;
						}

					#globalfooter .footersitemap li ul{
						margin-left:17px;
						padding-bottom:20px;
						font-size:0.9em;
					}

					#globalfooter .footersitemap li ul.floatleft{
						padding-right:10px;
					}
	
					#globalfooter .footersitemap li ul li{
						margin-bottom:7px;
						line-height:1.5em;
						float:none;
					}

						#globalfooter .footersitemap li ul li a{
							color:#fff;
							text-decoration:none;
						}



		#globalfooter .inner .note{
			padding-top:15px;
		}

	@media screen and (max-width:1000px){
	
		#globalfooter .inner .note{
			padding-top:0;
		}
	
	}

	@media screen and (max-width:770px){
	
		#globalfooter .inner .note{
			margin:0 auto;
		}
	
	}

		#globalfooter .inner .note h2{
			max-width:355px;
			width:100%;
		}
		#globalfooter .inner .note h2 img{width:100%;}
	
	@media screen and (max-width:1000px){
	
		#globalfooter .inner .note h2{
			width:300px;
		}
		
	}

	@media screen and (max-width:770px){
	
		#globalfooter .inner .note h2{
			margin:0 auto;
		}
	
	}
	
	@media screen and (max-width:700px){
	
		#globalfooter .inner .note h2{
			width:210px;
		}
	
	}
	
	@media screen and (max-width:370px){
	
		#globalfooter .inner .note h2{
			width:190px;
		}
	
	}








			#globalfooter .inner .note p{
				max-width:290px;
				width:94%;
				font-size:0.8em;
				float:left;
				line-height:2.0em;
			}

			#globalfooter .inner .note p + p{
				width:260px;
			}
	
		@media screen and (max-width:700px){

			#globalfooter .inner .note p + p{
				width:94%;
			}
	
		}



		.copyright{
			padding:10px 0;
			color:#fff;
			font-size:0.7em;
			text-align:center;
			background-color:#b3856e;
		}
			
	@media screen and (max-width:520px){
			
		.copyright{
			font-size:0.6em;
		}
			
	}
	



		/* 一覧リストページリンク */



		#navigation{
			clear:both;
			margin-top:12px;
		}
		
		#navigation:after{
			content: "";
			display: block;
			visibility: hidden;
			clear: both;
			height: 0px;
		}
		* html #navigation{display: inline-table;}
		/* no ie mac \*/
		* html #navigation{height:1%;}
		#navigation{display: block; min-height:0;}
		/* */
		
			#navigation p{
				width:80px;
				margin:0;
			}		
		
			.nextlist{
				float:right;
				text-align:right;
			}
			
			#navigation p a{text-decoration:none;}





	.blocksp{display:none;}
	.blocksp0{display:none;}
	.blocksp0-5{display:none;}
	.blocksp1{display:none;}
	.blocksp1-5{display:none;}
	.blocksp2{display:none;}
	.blocksp2-5{display:none;}
	.blocksp3{display:none;}
	
	.inlinesp{display:none;}
	.inlinesp0{display:none;}
	.inlinesp0-5{display:none;}
	.inlinesp1{display:none;}
	.inlinesp1-5{display:none;}
	.inlinesp2{display:none;}
	.inlinesp2-5{display:none;}
	.inlinesp3{display:none;}
	
	.noblsp{display:block;}
	.noblsp0{display:block;}
	.noblsp0-5{display:block;}
	.noblsp1{display:block;}
	.noblsp1-5{display:block;}
	.noblsp2{display:block;}
	.noblsp2-5{display:block;}
	.noblsp3{display:block;}
	
	.noilsp{display:inline;}
	.noilsp0{display:inline;}
	.noilsp0-5{display:inline;}
	.noilsp1{display:inline;}
	.noilsp1-5{display:inline;}
	.noilsp2{display:inline;}
	.noilsp2-5{display:inline;}
	.noilsp3{display:inline;}

	@media screen and (max-width:1200px){
		.blocksp{display:block;}
		.inlinesp{display:inline;}
		.noblsp{display:none;}
		.noilsp{display:none;}
	}

	@media screen and (max-width:1000px){
		.blocksp0{display:block;}
		.inlinesp0{display:inline;}
		.noblsp0{display:none;}
		.noilsp0{display:none;}
	}

	@media screen and (max-width:840px){
		.blocksp0-5{display:block;}
		.inlinesp0-5{display:inline;}
		.noblsp0-5{display:none;}
		.noilsp0-5{display:none;}
	}

	@media screen and (max-width:770px){
		.blocksp1{display:block;}
		.inlinesp1{display:inline;}
		.noblsp1{display:none;}
		.noilsp1{display:none;}
	}

	@media screen and (max-width:640px){
		.blocksp1-5{display:block;}
		.inlinesp1-5{display:inline;}
		.noblsp1-5{display:none;}
		.noilsp1-5{display:none;}
	}


	@media screen and (max-width:480px){
		.blocksp2{display:block;}
		.inlinesp2{display:inline;}
		.noblsp2{display:none;}
		.noilsp2{display:none;}
	}

	@media screen and (max-width:400px){
		.blocksp2-5{display:block;}
		.inlinesp2-5{display:inline;}
		.noblsp2-5{display:none;}
		.noilsp2-5{display:none;}
	}

	@media screen and (max-width:370px){
		.blocksp3{display:block;}
		.inlinesp3{display:inline;}
		.noblsp3{display:none;}
		.noilsp3{display:none;}
	}





	/* stdsec */

	.stdsec{
		padding:90px 0 80px;
		background-color:#ffe128;
	}

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

	.stdsec{
		padding:60px 0 20px;
	}

}
	
@media screen and (max-width:770px){
		
	.stdsec{
		padding:70px 0 60px;
		background-color:#ffe128;
	}
	
}
	
@media screen and (max-width:430px){
		
	.stdsec{
		padding:50px 0 40px;
	}
	
}

			
		.stdsec h2{
			width:90%;
			height:50px;
			margin:0 auto 65px;
			font-size:2.4em;
			font-weight:700;
			text-align:center;
			letter-spacing:0.07em;
			background-image:url(/shared/line_black-stripe.png);
			background-repeat:no-repeat;
			background-position:50% 100%;
			
		}
			
	@media screen and (max-width:770px){
			
		.stdsec h2{
			margin-bottom:50px;
			font-size:2.0em;
		}
			
	}
			
	@media screen and (max-width:640px){
			
		.stdsec h2{
			font-size:1.6em;
		}
			
	}
			
	@media screen and (max-width:430px){
			
		.stdsec h2{
			margin-bottom:40px;
			font-size:1.4em;
		}
			
	}

		.stdsec h3{
			padding-top:35px;
			font-size:1.7em;
			font-weight:700;
			background-image:url(/shared/bg_lbl.png);
			background-repeat:no-repeat;
			background-position:50% 0;
			text-align:center;
			
		}

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



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

  	HOME

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

.index #wrapper{
	/*background-image:url(/images/img_main.png);*/
	background-image:url(/images/img_main2.png);
	background-repeat:no-repeat;
	background-position:50% 70px;
	position:relative;
	background-size:100% auto;
}

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

.index #wrapper{
	background-repeat:no-repeat;
	background-size:1600px auto;
}
	
}

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

.index #wrapper{
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:50% 50px;
}
	
}

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

.index #wrapper{
	background-position:50% 20px;
}
	
}


	.index main > header{
		padding:20px 0;
	}
			
@media screen and (max-width:1000px){

	.index main > header{
		padding:0;
	}
			
}

			.index main > header > .note{
				max-width:1000px;
				width:100%;
				margin:0 auto;		
				font-family:"kozuka-mincho-pro";
			}
			
		@media screen and (max-width:1000px){
	
			.index main > header > .note{
				width:60%;
				margin:0;
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
			}
				
		}
			
		@media screen and (max-width:640px){
	
			.index main > header > .note{
				width:75%;
			}
				
		}
			
		@media screen and (max-width:480px){
	
			.index main > header > .note{
				width:80%;
			}
				
		}
			
		@media screen and (max-width:430px){
	
			.index main > header > .note{
				width:90%;
			}
				
		}


				.index main > header > .note .catch{
					display: block;
					width:60%;
					padding:140px 0 30px;
					color:#b1123c;
					font-size:1.8em;
					text-decoration: none;
					text-shadow:0 0 15px #ebf9ff,0 0 15px #ebf9ff,0 0 15px #ebf9ff,0 0 15px #ebf9ff,0 0 15px #ebf9ff,0 0 15px #ebf9ff;
					line-height:1.7em;
					text-align:center;
				}
				
			@media screen and (max-width:1000px){
	
				.index main > header > .note .catch{
					width:100%;
					padding:0;
					font-size:1.4em;
				}
				
			}
				
			@media screen and (max-width:770px){
	
				.index main > header > .note .catch{
					font-size:1.3em;
				}
				
			}
				
			@media screen and (max-width:640px){
	
				.index main > header > .note .catch{
					font-size:1.2em;
				}
				
			}
				
			@media screen and (max-width:480px){
	
				.index main > header > .note .catch{
					font-size:1.1em;
				}
				
			}
				
			@media screen and (max-width:430px){
	
				.index main > header > .note .catch{
					font-size:1.0em;
				}
				
			}



				.index main > header > .note p{
			display: none;
					width:60%;
					font-size:0.9em;
					line-height:1.9em;
				}
				
			@media screen and (max-width:1100px){
	
				.index main > header > .note p{
					width:54%;
					margin-left:6%;
				}
				
			}
				
			@media screen and (max-width:1000px){
	
				.index main > header > .note p{
					display:none;
				}
				
			}

		.mainimage{
			max-width:1000px;
			width:100%;
			height:400px;	
			margin:0 auto;		
			opacity:0;
			/*overflow: hidden;*/
			pointer-events:none;
		}

			.mainimage li{
				list-style:none;
			}

			/*.mainimage img{width:100%;*/

			.mainimage img{
				width:1000px;
				height:400px
			}
				
		@media screen and (max-width:1000px){

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

		.slick-dots{
			position: relative;
			top:350px;
		}

.slick-dots {
  list-style-type:none;
  counter-reset:number;
}
.slick-dots li button::before {
  counter-increment:number;
  content:'0'counter(number);
}
.slick-dots li:nth-child(9) ~ li button::before {
  content:counter(number);
}


		.index .news{
			/*max-width:1600px;*/
			width:100%;
			margin:0 auto;
			padding:25px 0;
			background-image:url(/shared/bg_clear-white80.png);
			position:relative;
			z-index: 1000;
		}

		.index .news{
			animation-name: fadeup;
			animation-duration: 2s;
		}
		
		@keyframes fadeup {
			
			from {
				opacity: 0;
				transform: translateY(30px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
			
		}

			.index .news > header{
				max-width:1000px;
				width:90%;
				margin:0 auto;
				padding-bottom:18px;
			}


			.index .news > header h2{
				height:30px;
				padding:3px 0 0 45px;
				color:#000;
				font-size:1.5em;
				background-image:url(/shared/ico_news2.png);
				background-repeat:no-repeat;
				background-size:30px auto;
			}
				
		@media screen and (max-width:1000px){

			.index .news > header h2{
				height:30px;
				padding:2px 0 0 40px;
				font-size:1.4em;
				background-size:28px auto;
			}
				
		}
				
		@media screen and (max-width:480px){

			.index .news > header h2{
				height:24px;
				padding:0 0 0 35px;
				font-size:1.2em;
				line-height:1.4em;
				background-size:24px auto;
			}
				
		}

				.index .news > header a{
					display:block;
					width:100px;
					height:22px;
					padding-right:10px;
					color:#fff;
					font-size:0.7em;
					text-align:center;
					text-decoration:none;
					letter-spacing:0;
					line-height:22px;
					background-color:#006697;
					background-image:url(/shared/img_yajirushi-yellow.png);
					background-repeat:no-repeat;
					background-size:12px auto;
					background-position:95% 50%;
					border-radius:11px;
					float:right;
					position:relative;
					top:3px;
				}


			.index .news .inner{
				max-width:1000px;
				width:82%;
				margin:0 auto;
				padding:35px 4% 35px;
				background-color:#fff;
			}
			
		@media screen and (max-width:770px){

			.index .news .inner{
				width:92%;
				padding:0 4%;
				background-color:transparent;
			}
			
		}
		
			.index .news .inner .wrapper{
				width:48%;
				float:left;
				position: relative;
				z-index: 10;
			}

			.index .news .inner .wrapper + .wrapper{
				float:right;
			}
			
		@media screen and (max-width:770px){

			.index .news .inner .wrapper{
				width:100%;
				float:none;
			}

			.index .news .inner .wrapper + .wrapper{
				float:none;
			}
			

		}

			
			.index .news .inner .wrapper h3{	
				width:100%;
				height:28px;
				margin-bottom:8px;
				color:#006697;		
				font-size:0.9em;
				font-weight:700;
				text-align:center;
				line-height:30px;
				background-color:#cae3ff;
				border-radius:3px;
			}

			.index .news .inner .wrapper:nth-last-of-type(1){
				position: relative;
				top:-1px;
			}	

				.index .news .inner ul{
					width:100%;
					margin-bottom:12px;
				}

					.index .news .inner ul li{
						font-size:0.9em;
						list-style:none;
						line-height:1.5em;
						border-bottom:1px dashed #ccc;
					}
					.index .news .inner ul li:nth-of-type(1){
						border-top:1px dashed #ccc;
					}
							
				@media screen and (max-width:1000px){

					.index .news .inner ul li{
						padding:3px 1% 2px;
					}

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

					.index .news .inner ul li a{
						display: block;
						width: 98%;
						padding:10px 1% 10px;
						text-decoration: none;
					}
	
.index .news .inner ul li a{zoom:1;}
.index .news .inner ul li a:after{
  content: ""; 
  display: block; 
  clear: both;
}

					



						.index .news .inner ul li .date{
							width:75px;
							color:#006697;
							font-size:0.8em;
							font-weight:700;
							float:left;
						}

						.index .news .inner ul li .entrytitle{
							width:calc(100% - 90px);
							margin:0;
							word-break:break-all;
							word-wrap:break-word;
							float:right;
						}
							
					@media screen and (max-width:1000px){

						.index .news .inner ul li .date{
							width:100%;
						}

						.index .news .inner ul:nth-of-type(1) li .date{
							width:80px;
							float:left;
						}

						.index .news .inner ul li .entrytitle{
							clear:both;
							width:100% !important;
							margin:0;
							float:none;
						}
						
					}


				.index .news .inner img.newsimage1{
					width:100%;
					height:auto;
					position: relative;
					top:20px;
				}
				.index .news .inner img.newsimage2{
					display:none;
				}

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

				.index .news .inner img.newsimage1{
					margin-bottom:20px;
				}
				
			}

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

				.index .news .inner img.newsimage1{
					display:none;
				}
				.index .news .inner img.newsimage2{
					display:block;
					width:100%;
					height:auto;
					margin-bottom:20px;
					position: relative;
					top:20px;
				}
				
			}

				/* 各区インデックスラベル */

					.index .news .inner .wrapper ul.label{
						margin-bottom:10px;
						
					}
					
					.index .news .inner ul.label li{
						width:calc(95% / 6);
						margin-right:1%;
						padding:0;
						height:28px;
						color:#fff;
						font-size:0.9em;
						font-weight:700;
						text-align:center;
						line-height:30px;
						border-radius:3px;
						border:none;
						float:left;
						cursor:pointer;
					}
					.index .news .inner ul.label li:nth-of-type(1){
						border:none;
						background-color:#006697;
					}
					.index .news .inner ul.label li:nth-of-type(2){background-color:#e2b6e4;}
					.index .news .inner ul.label li:nth-of-type(3){background-color:#f07878;}
					.index .news .inner ul.label li:nth-of-type(4){background-color:#78aff0;}
					.index .news .inner ul.label li:nth-of-type(5){background-color:#e2b6e4;}
					.index .news .inner ul.label li:nth-last-of-type(1){
						margin-right:0;
						background-color:#84dc99;
					}







		/* コンテンツリンク */

		.index .contentlist{
			max-width:1000px;
			width:96%;
			margin:0 auto 30px;
		}
									
	@media screen and (max-width:1000px){

		.index .contentlist{
			margin:0 auto;
		}
									
	}
									
	@media screen and (max-width:540px){
		
		.index .contentlist{
			max-width:480px;
			width:90%;
			margin:0 auto 25px;
		}
									
	}
		
			.index .contentlist > li{
				width:calc(100% / 4);
				height:280px;
				list-style:none;
				float:left;
				
			}
									
		@media screen and (max-width:1000px){

			.index .contentlist > li{
				width:50%;
				margin-bottom:15px;
				float:left;				
			}
									
		}
									
		@media screen and (max-width:540px){

			.index .contentlist > li{
				width:100%;
				height:auto;
				margin-bottom:20px;
				float:none;				
			}
									
		}



				.index .contentlist > li .inner{
					height:170px;
					text-align:center;
					background-repeat:no-repeat;
					background-size:48px auto;
					background-position:50% 45%;
				}
									
			@media screen and (max-width:540px){

				.index .contentlist > li .inner{
					height:84px;
					text-align:center;
					background-repeat:no-repeat;
					background-size:35px auto;
					background-position:10% 15%;
				}
									
			}
									
			@media screen and (max-width:430px){

				.index .contentlist > li .inner{
					background-position:5% 15%;
				}
									
			}
				
				.index .contentlist > li:nth-of-type(1) .inner{
					background-color:#f73;
					background-image:url(/images/ico_soudan.png);
				}

				.index .contentlist > li:nth-of-type(2) .inner{
					background-color:#ffcb33;
					background-image:url(/images/ico_ouen.png);
				}

				.index .contentlist > li:nth-of-type(3) .inner{
					background-color:#33b9ff;
					background-image:url(/images/ico_volunteer.png);
				}

				.index .contentlist > li:nth-of-type(4) .inner{
					background-color:#97ff33;
					background-image:url(/images/ico_yougo.png);
				}

					.index .contentlist > li .inner h3{
						height:90px;
						padding-top:15px;
						color:#fff;
						font-size:1.1em;				
						font-weight:700;
					}
					.index .contentlist > li:nth-of-type(2) .inner h3{
						color:#036;
					}
					.index .contentlist > li:nth-of-type(4) .inner h3{
						color:#060;
					}
									
				@media screen and (max-width:840px){

					.index .contentlist > li .inner h3{
						font-size:1.0em;
					}

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

					.index .contentlist > li .inner h3{
						height:21px;		
						padding-top:11px;
					}

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

					.index .contentlist > li .inner h3{
						width:90%;
						padding-left:10%;
					}

				}

					.index .contentlist > li .inner .lbl{
						height:53px;
						margin:0;
						padding-top:12px;
						font-weight:700;
						text-align:center;
						background-position:50% 0;
						position:relative;
						top:15px;
					}
									
				@media screen and (max-width:540px){

					.index .contentlist > li .inner .lbl{
						height:43px;
						padding-top:5px;
						background-size:250px auto;
					}

				}

					.index .contentlist > li:nth-of-type(1) .inner .lbl{
						background-image:url(/images/link_content1.png)
					}

					.index .contentlist > li:nth-of-type(2) .inner .lbl{
						background-image:url(/images/link_content2.png)
					}

					.index .contentlist > li:nth-of-type(3) .inner .lbl{
						background-image:url(/images/link_content3.png)
					}

					.index .contentlist > li:nth-of-type(4) .inner .lbl{
						background-image:url(/images/link_content4.png)
					}

					.index .contentlist > li .inner .lbl:before{
						content:url(/shared/img_circle-white.png);
						margin-right:5px;
						position:relative;
					}


				.index .contentlist > li ol{
					margin-top:25px;
				}
									
			@media screen and (max-width:540px){

				.index .contentlist > li ol{
					margin-top:15px;
				}
									
			}
				
					.index .contentlist > li ol li{
						margin-bottom:8px;
						line-height:1.5em;
						list-style:none;
					}

						.index .contentlist > li ol li a{
							color:#036;
							font-weight:700;
							font-size:0.9em;
							text-decoration:none;
						}
						.index .contentlist > li ol li a:hover{
							color:#c33;
							text-decoration:underline;
						}
									
					@media screen and (max-width:770px){
					
						.index .contentlist > li ol li a{
							font-size:0.8em;
						}
					
					}



		/* コンテンツリンク */

		.index .chiikilist{
			padding:0 0 40px;
			background-color:#ffdf80;
		}
									
	@media screen and (max-width:640px){

		.index .chiikilist{
			padding:40px 0;
		}
									
	}
			
			.index .chiikilist .inner{
				max-width:1000px;
				width:96%;
				margin:0 auto;
			}


				.index .chiikilist .inner img{
					max-width:450px;
					width:45%;
					margin-top:40px;
					float:left;
					line-height:0;
				}
									
			@media screen and (max-width:640px){

				.index .chiikilist .inner img{
					display:block;
					max-width:360px;
					width:90%;
					margin:0 auto;
					float:none;
				}
									
			}

				.index .chiikilist .inner h2{
					width:50%;
					padding:40px 0 15px;
					padding-left:5%;
					color:#036;
					font-size:1.6em;
					font-weight:700;
					float:right;
					background-image:url(/images/ico_chiiki.png);
					background-repeat:no-repeat;
					background-position:15px 18px;
					background-size:55px auto;
				}
									
			@media screen and (max-width:1000px){

				.index .chiikilist .inner h2{
					font-size:1.4em;
				}
									
			}
									
			@media screen and (max-width:640px){

				.index .chiikilist .inner h2{
					max-width:360px;
					width:90%;
					margin:0 auto;
					padding:30px 0 20px 10%;
					float:none;
					background-size:40px auto;
				}
									
			}
									
			@media screen and (max-width:480px){

				.index .chiikilist .inner h2{
					font-size:1.2em;
				}
									
			}

				.index .chiikilist .inner ol{
					width:50%;
					float:right;
				}
									
			@media screen and (max-width:640px){

				.index .chiikilist .inner ol{
					max-width:360px;
					width:90%;
					margin:0 auto;
					padding-left:10%;
					float:none;
				}
									
			}
									
			@media screen and (max-width:430px){

				.index .chiikilist .inner ol{
					padding-left:0;
				}
									
			}

					.index .chiikilist .inner ol li{
						margin-right: 20px;
						margin-bottom:15px;
						font-size:0.9em;
						line-height:1.4em;
						list-style:none;
						float: left;
					}
					.index .chiikilist .inner ol li:nth-last-of-type(1){margin-bottom:0;}
									
				@media screen and (max-width:1000px){
					
					.index .chiikilist .inner ol li{
						font-size:0.8em;
					}
					
				}

					.index .chiikilist .inner ol li a{
						color:#036;
						font-weight:700;
						text-decoration:none;
					}
					.index .chiikilist .inner ol li a:hover{
						color:#c33;
						text-decoration:underline;
					}




	/* 各区事務所 */

		.index .kakukulist{
			padding:55px 0 65px;
			background-color:#edf9ff;
		}
				
	@media screen and (max-width:770px){

		.index .kakukulist{
			padding:45px 0 35px;
		}
				
	}

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

		.index .kakukulist{
			padding:30px 0 20px;
		}
				
	}
		
			.index .kakukulist h2{
				height:30px;
				margin-bottom:20px;
				padding:3px 0 0 45px;
				color:#000;
				font-size:1.5em;
				background-image:url(/shared/ico_kakuku.png);
				background-repeat:no-repeat;
				background-size:30px auto;
			}
				
		@media screen and (max-width:1000px){

			.index .kakukulist h2{
				height:30px;
				padding:2px 0 0 40px;
				font-size:1.4em;
				background-size:28px auto;
			}
				
		}
				
		@media screen and (max-width:770px){

			.index .kakukulist h2{
				margin-bottom:0;
			}
				
		}
				
		@media screen and (max-width:480px){

			.kakukulist h2{
				height:24px;
				padding:0 0 0 35px;
				font-size:1.2em;
				line-height:1.4em;
				background-size:24px auto;
			}
				
		}

		
			.index .kakukulist .inner{
				max-width:1000px;
				width:90%;
				margin:0 auto;
			}
		
			.index .kakukkumap{
				max-width:457px;
				width:50%;
				float:right;
			}
			/*.index .kakukkumap img{
				width:100%;
				height:auto;
			}*/
			
		@media screen and (max-width:1000px){
		
			.index .kakukkumap{
				max-width:457px;
				width:100%;
				margin:0 auto;
				float:none;
			}
										
		}
		
			.index .kakukkumap img[usemap] {
				border: none;
				height: auto;
				max-width: 100%;
				width: auto;
			}			

			.index .kakukulist ul{
				width:38%;
				margin-left:3%;
				float:left;
				list-style:none;
			}
			
		@media screen and (max-width:1000px){

			.index .kakukulist ul{
				width:100%;
				margin-left:0;
				float:none;
			}
			
		}
		
		
				.index .kakukulist li{
					margin-bottom:10px;
					padding:10px;
					background-color:#fff;
					border-radius:6px;
					background-image:url(/images/link_kakuku.png);
					background-repeat:no-repeat;
					background-position:100% 100%;
				}
			
			@media screen and (max-width:1000px){
	
				.index .kakukulist li{
					width:calc(48% - 20px);
					margin:0 1% 20px;
					float:left;
				}
				
			}
			
			@media screen and (max-width:770px){
	
				.index .kakukulist li{
					max-width:360px;
					width:calc(100% - 20px);
					margin:0 auto 20px;
					float:none;
				}
				
			}


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


				.index .kakukulist li a{
					display:block;
					width:100%;
					height:100%;					
				}
				
				
				.index .kakukulist li img{
					width:100px;
					float:left;
					line-height:0;
				}
				
			@media screen and (max-width:370px){
				
				.index .kakukulist li img{
					width:70px;
				}
				
			}
	
				.index .kakukulist li .note{
					width:63%;
					align-items:center;	
					float:right;			
				}
					
			@media screen and (max-width:370px){
				
				.index .kakukulist li .note{
					width:calc(100% - 90px);
				}
				
			}
			
					.index .kakukulist li h3{
						display:-webkit-flex;
						display:flex;
						justify-content: center;
						-webkit-align-items:center;
						width:100%;
						height:37px;
						padding-top:3px;
						color:#369;
						font-weight:700;
						border-radius:20px;
					}
						
				@media screen and (max-width:370px){
					
					.index .kakukulist li h3{
						height:27px;
						border-radius:15px;
					}
					
				}
				
					.index .kakukulist li:nth-of-type(1) h3{
						-moz-box-shadow:0 0 0 3px #84dc99 inset;
						-webkit-box-shadow:0 0 0 3px #84dc99 inset;
						box-shadow:0 0 0 3px #84dc99 inset;
					}
					.index .kakukulist li:nth-of-type(2) h3{
						-moz-box-shadow:0 0 0 3px #f3c86d inset;
						-webkit-box-shadow:0 0 0 3px #f3c86d inset;
						box-shadow:0 0 0 3px #f3c86d inset;
					}
					.index .kakukulist li:nth-of-type(3) h3{
						-moz-box-shadow:0 0 0 3px #f07878 inset;
						-webkit-box-shadow:0 0 0 3px #f07878 inset;
						box-shadow:0 0 0 3px #f07878 inset;
					}
					.index .kakukulist li:nth-of-type(4) h3{
						-moz-box-shadow:0 0 0 3px #78aff0 inset;
						-webkit-box-shadow:0 0 0 3px #78aff0 inset;
						box-shadow:0 0 0 3px #78aff0 inset;
					}
					.index .kakukulist li:nth-of-type(5) h3{
						-moz-box-shadow:0 0 0 3px #e2b6e4 inset;
						-webkit-box-shadow:0 0 0 3px #e2b6e4 inset;
						box-shadow:0 0 0 3px #e2b6e4 inset;
					}
						
						

					.index .kakukulist li p{
						margin:10px 0 5px;
						font-size:0.8em;
						line-height:1.4em;
					}
										
					.index .kakukulist li .telnum{
						color:#036;
						font-weight:700;
						font-size:1.4em;
					}


	/* バナー */

		.bancontent{
			max-width:1000px;
			width:90%;
			margin:0 auto;
			padding:70px 0;
		}

			
	@media screen and (max-width:480px){
		
		.bancontent{
			max-width:360px;
			width:90%;
			margin:0 auto;
			padding:50px 0 30px;
		}
										
	}


			.bancontent li{
				width:24%;
				height:100px;
				margin-right:calc(4% / 3);
				float:left;
				list-style:none;
				border-radius:6px;
				background-color:#ffcb33;
			}

			.bancontent li:nth-last-of-type(1){
				margin-right:0;
				color:#f33;
				background-color:#ffe6e6;
			}
			
			.bancontent li:nth-last-of-type(2){
				background-color:#ffe6e6;
			}

			
		@media screen and (max-width:1000px){
			
			.bancontent li{
				width:48%;
				height:100px;
				margin-right:calc(4% / 3);
				margin-bottom:20px;
				float:left;
				list-style:none;
				border-radius:6px;
				background-color:#ffcb33;
			}

			.bancontent li:nth-of-type(2n){
				margin-right:0;
				float:right;
			}
											
		}
			
		@media screen and (max-width:480px){
			
			.bancontent li,
			.bancontent li:nth-of-type(2n){
				width:100%;
				margin-bottom:20px;
				float:none;
			}
											
		}


				.bancontent li a{
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					width:90%;
					height:100%;
					padding-left:10%;
					color:#036;
					font-size:1.0em;
					font-weight:700;
					text-decoration:none;
					text-align:center;
					line-height:1.4em;
					background-repeat:no-repeat;
					background-size:50px auto;
					background-position:10% 50%;
				}

				.bancontent li:nth-of-type(1) a{background-image:url(/images/ico_kaigohoken.png);}
				.bancontent li:nth-of-type(2) a{background-image:url(/images/ico_roujinhome.png);}

				.bancontent li:nth-last-of-type(1) a{
					color:#f33;
					background-image:url(/images/ico_redcross.png);
				}
				.bancontent li:nth-last-of-type(2) a{
					color:#f33;
					background-image:url(/images/ico_akaihane.png);
				}
	

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

			.bancontent li{
				height:80px;
			}

				.bancontent li a{
					background-position:10% 50%;
				}

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

				.bancontent li a{
					font-size:0.9em;
					background-position:7% 50%;
					background-size:40px auto;
				}

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

			.bancontent li{
				height:70px;
			}

				.bancontent li a{
					font-size:1.0em;
				}

		}




	/* 賛助会員企業様 */

		.sanjo{
			padding:55px 0 65px;
			background-color:#f2f2f2;
		}
				
	@media screen and (max-width:770px){

		.sanjo{
			padding:45px 0 35px;
		}
				
	}
				
	@media screen and (max-width:430px){

		.sanjo{
			padding:30px 0 20px;
		}
				
	}
		
			.sanjo .inner{
				max-width:1000px;
				width:90%;
				margin:0 auto;
			}
		
			.sanjo h2{
				height:30px;
				margin-bottom:20px;
				padding:3px 0 0 45px;
				color:#000;
				font-size:1.5em;
				background-image:url(/shared/ico_ouen.png);
				background-repeat:no-repeat;
				background-size:30px auto;
			}
				
		@media screen and (max-width:1000px){

			.sanjo h2{
				height:30px;
				padding:2px 0 0 40px;
				font-size:1.4em;
				background-size:28px auto;
			}
				
		}
				
		@media screen and (max-width:770px){

			.sanjo h2{
			}
				
		}
				
		@media screen and (max-width:480px){

			.sanjo h2{
				height:24px;
				margin-bottom:15px;
				padding:0 0 0 35px;
				font-size:1.2em;
				line-height:1.4em;
				background-size:24px auto;
			}
				
		}

		

			.sanjo h2 + ul{
				margin-bottom:40px;
			}
				
		@media screen and (max-width:770px){

			.sanjo h2 + ul{
				margin-bottom:20px;
			}
				
		}
				
		@media screen and (max-width:430px){

			.sanjo h2 + ul{
				margin-bottom:30px;
			}
				
		}
				

				.sanjo h2 + ul li{
					max-width:320px;
					width:32%;
					margin:0 2% 20px 0;				
					float:left;
					list-style:none;
					line-height:0;				
				}


				.sanjo h2 + ul li:nth-of-type(3n){
					margin-right:0;
				}
				.sanjo h2 + ul li img{width:100%;}
					
			@media screen and (max-width:770px){

				.sanjo h2 + ul li{
					width:49%;
					margin:0 2% 15px 0;				
				}
				.sanjo h2 + ul li:nth-of-type(3n){margin-right:2%;}
				.sanjo h2 + ul li:nth-of-type(2n){margin-right:0;}

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

				.sanjo h2 + ul li{
					width:240px;
					margin:0 auto 15px;
					float:none;			
				}
				.sanjo h2 + ul li:nth-of-type(2n),
				.sanjo h2 + ul li:nth-of-type(3n){
					margin:0 auto 15px;
				}

			}
		
		
	
			/* スライドバナー */
	
			.banlist{
				max-width:1038px;
				width:calc(100% - 30px);
				height:60px;
				margin:0 auto;
				overflow:hidden;		
			}
	
				.banlist ul{
					width:1008px;
					height:60px;
					margin:0 auto;
					position:relative;
					left:0;
				}		
		
		@media screen and (max-width:1050px){
	
			.banlist{
				width:870px;
			}
	
				.banlist ul{
					width:840px;
				}		
		
		}
		
		@media screen and (max-width:890px){
	
			.banlist{
				width:702px;
			}
	
				.banlist ul{
					width:672px;
				}		
		
		}
		
		@media screen and (max-width:720px){
	
			.banlist{
				width:534px;
			}
	
				.banlist ul{width:504px;}		
		
		}
		
		@media screen and (max-width:550px){
	
			.banlist{
				width:366px;
			}
	
				.banlist ul{width:336px;}		
		
		}
		
		@media screen and (max-width:400px){
	
			.banlist{
				width:100%;
			}
		
		}
		
		@media screen and (max-width:370px){
	
			.banlist{
				width:160px;
			}
	
				.banlist ul{width:336px;}		
		
		}
	
	
	
					.banlist li{
						width:160px;
						height:60px;
						margin:0 4px;
						list-style:none;
						float:left;
					}
	
		
				.arrows{
					max-width:1038px;
					width:100%;
					position:relative;
					margin:0 auto;
					top:-60px;
				}
				
			@media screen and (max-width:1050px){
	
				.arrows{max-width:870px;}		
		
			}
		
			@media screen and (max-width:890px){
	
				.arrows{max-width:702px;}		
		
			}
		
			@media screen and (max-width:720px){
	
				.arrows{max-width:534px;}		
		
			}
		
			@media screen and (max-width:550px){
	
				.arrows{max-width:366px;}		
		
			}
		
			@media screen and (max-width:400px){
	
				.arrows{width:100%;}		
		
			}
		
			@media screen and (max-width:370px){
	
				.arrows{width:198px;}		
		
			}
	
				.slick-next,
				.slick-prev{
					display:block;
					position:relative;
					width:15px;
					height:60px;
					margin-bottom:-60px;
					cursor:pointer;
				}
				
				.slick-next{
					float:right;
					background:url(/images/img_yajirushi2.png) no-repeat 50% 50%;
				}
				.slick-prev{
					float:left;
					background:url(/images/img_yajirushi1.png) no-repeat 50% 50%;
				}
	


	/* フッターバナー */

		.footerban{
			max-width:600px;
			width:90%;
			margin:0 auto;
			padding:60px 0 35px;
		}
		.footerban.list3{
			max-width:900px;
		}
			
	@media screen and (max-width:480px){
		
		.footerban{
			max-width:200px;
			width:60%;
			padding:40px 0 20px;
		}
										
	}


			.footerban li{
				width:calc(96% / 2);
				margin:0 1% 5px;
				text-align:center;
				float:left;
				list-style:none;
			}
			.footerban.list3 li{
				width:calc(94% / 3);
			}
			.footerban li img{
				width:100%;
			}

		@media screen and (max-width:480px){
			
			.footerban li{
				width:100%;
				float:none;
			}
											
		}




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

  	コンテンツ共通

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


	.content main{
		clear:both;
		padding-bottom:80px;
	}

		.content main .inner{
			max-width:1000px;
			width:94%;
			margin:0 auto;		
		}



	.content main header{
		max-width:1000px;
		width:94%;
		min-height:110px;
		margin:0 auto;		
/*			background-image:url(/shared/link_label.png);
			background-repeat:no-repeat;
			background-position:38px 62px;*/
	}
	.content.kakuku main header{
		background-image:none;
	}







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

  	固定ページ

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



	/* サイドバー */

	.sidebar{
		width:220px;
		float:left;
	}

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

	.sidebar{
		width:100%;
		float:none;
	}

}


		.sidebar h2{
			padding:17px 3% 15px; 
			color:#fff;
			font-size:0.9em;
			font-weight:700;
			text-align:center;
			line-height:1.3em;
			background-color:#179de1;
		}
		.sidebar h2 a{
			display:block;
			width:100%;
			height:100%;
			color:#fff;
			text-decoration:none;
		}

		.sidebar li{
			font-size:0.85em;
			list-style:none;
			line-height:1.5em;
			background-image:url(/shared/box_s-red.png);
			background-repeat:no-repeat;
			background-position:0 25px;
			border-bottom:1px dashed #ccc;
		}

			.sidebar li a{
				display:block;
				padding:17px 0 15px 12px;
				color:#006697;
				text-decoration:none;
				
			}
		
		@media screen and (max-width:1000px){
		
			.sidebar li a br{
				display:none;
			}
		
		}
		
		@media screen and (max-width:430px){
		
			.sidebar li a br{
				display:inline;
			}
		
		}


			/* サイドバーの孫非表示 */
			.sidebar li ul.children{display:none;}



/* メインブロック ******************/

	.mainblock{
		width:calc(96% - 220px);
		float:right;
		background-color:#fff;
	}

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

	.mainblock{
		width:100%;
		margin-bottom:50px;
		float:none;
	}

}
			

		.mainblock h3{
			padding:12px 4%;
			color:#fff;
			font-size:1.5em;
			font-weight:700;
			background-color:#179de1;
		}

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

		.mainblock h3{
			font-size:1.4em;
		}

}

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

		.mainblock h3{
			padding:11px 4%;
			font-size:1.2em;
		}

}

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

		.mainblock h3{
			padding:10px 4%;
			font-size:1.1em;
		}

}


		.mainblock > p,
		.mainblock h3 + p,
		.mainblock h3 + p + p,
		.mainblock h3 + p + p + p{
			width:90%;
			margin:30px auto 30px;
		}




			.mainblock > h4{
				width:88%;
				margin:35px auto 25px;
				padding:13px 3% 10px;
				color:#00264d;
				font-size:1.2em;
				font-weight:700;
				line-height: 1.5em;
				background-color:#eef7ff;
				border-radius:5px;
			}
			.mainblock > h4.red{
				color:#c33;
				background-color:#ffe6ec;
			}
			.mainblock > h4.align-center{
				text-align: center;
			}

		@media screen and (max-width:770px){
	
			.mainblock > h4{
				padding:10px 4%;
				font-size:1.0em;
			}
	
		}


			.mainblock > h4 + p,
			.mainblock > h4 + p + p,
			.mainblock > h4 + p + p + p,
			.mainblock > h4 + p + p + p + p,
			.mainblock > h4 + ol + p,
			.mainblock > h4 + ul + p,
			.mainblock > h4 + p + ol + p,
			.mainblock > h4 + p + ul + p{
				width:90%;
				margin-left:auto;
				margin-right:auto;
			}

			.mainblock > h4 + ol,
			.mainblock > h4 + p + ol{
				width:90%;
				margin-left:auto;
				margin-right:auto;
				/*padding-left:25px;  2023-09-14修正 */
			}

			.mainblock > h4 + ul,
			.mainblock > h4 + p + ul{
				width:90%;
				margin-left:auto;
				margin-right:auto;
				/*padding-left:20px;  2023-09-14修正 */
			}

				.mainblock > h4 + p + p + ol li,
				.mainblock > h4 + p + p + p + ol li,
				.mainblock > h4 + p + p + p + p + ol li,
				.mainblock > h4 + ol li,
				.mainblock > h4 + p + ul li,
				.mainblock > h4 + p + p + ul li,
				.mainblock > h4 + p + p + p + ul li,
				.mainblock > h4 + p + p + p + p + ul li,
				.mainblock > h4 + ul li{
					margin-left:25px;
					margin-bottom:10px;
					line-height:1.7em;
				}


			.mainblock > table{
				width:94%;
				margin:35px auto 25px;
				border-collapse: collapse;
			}

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

			.mainblock > table{
				width:100%;
			}

		}


				.mainblock > table th{
					width:100px;
					padding: 10px 5px;
					color:#369;
					border:1px solid #ccc;
					vertical-align: top;
					background-color: #f7fbff;
				}

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

				.mainblock > table:not(.noblock) th{
					display: block;
					width:100%;
					padding: 3px 0;
					color:#fff;
					font-size:0.9em;
					text-align: center;
					border:none;
					background-color: #036;
				}

			}


				.mainblock > table td{
					width:calc(100% - 140px);
					padding: 10px 15px;
					border:1px solid #ccc;
				}

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

				.mainblock > table:not(.noblock) td{
					display: block;
					width:calc(100% - 30px);
					padding: 15px 15px 30px;
					font-size:0.9em;
					border:none;
					word-break: break-all;
					overflow-wrap : break-word;
				}

			}


					.mainblock > table td ol{
						margin-left: 0;
					}

						.mainblock > table td ol li{
							margin-bottom:5px;
						}
						.mainblock > table td ol li:nth-last-of-type(1){
							margin-bottom: 0;
						}

					.mainblock > table td .stdp .linkbtn4{
						margin: 20px auto !important;
					}

				.mainblock > table td .linkbtn5{
					display:block;
					width:60%;
					margin:10px auto 20px;
					padding:10px 0;
					color:#fff;
					font-size:1.0em;
					font-weight:700;
					line-height:1.2em;
					text-align:center;
					text-decoration:none;
					background-color:#369;
					background-image:url(/shared/img_yajirushi-yellow2.png);
					background-repeat:no-repeat;
					background-position:95% 50%;
					border-radius:5px;
				}

			@media screen and (max-width:770px){
			
				.mainblock > table td .linkbtn5{
					max-width:380px;
					width:80%;
					font-size:0.9em;
				}
			
			}

			@media screen and (max-width:430px){
			
				.mainblock > table td .linkbtn5{
					font-size:0.9em;
				}
			
			}


			.mainblock > h5{
				width:90%;
				margin:35px auto 25px;
				padding:0 1% 5px;
				color:#c33;
				font-size:1.1em;
				font-weight:700;
				border-bottom:1px solid #00264d;
			}
			.mainblock > h5.black{
				color:#333;
			}

	@media screen and (max-width:770px){
	
			.mainblock > h5{
				font-size:1.0em;
			}
	
	}

			.mainblock > h5 span{
				margin-left:5px;
				padding:0 5px;
				color:#fff;
				font-size:0.8em;
				background-color:#c33;
			}


/* Q&A ******************/

			.mainblock > h5.q{
				width:92%;
				margin:35px auto 25px;
				color:#369;
			}

			.mainblock > h5 span{
				background-color:#369;
			}

			.mainblock > h5.q + p{
				width:89%;
				padding-left:1%;
			}

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

			.mainblock > h5.q + p{
				width:90%;
				padding-left:0;
			}
	
		}


			.mainblock > h5.q + p span:nth-of-type(1){
				padding:0 5px;
				color:#fff;
				font-size:0.8em;
				font-weight:700;
				background-color:#c33;
			}

/*************************/



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

			.mainblock .stdp{
				width:90%;
				margin-left:auto !important;
				margin-right:auto !important;
			}

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



			.mainblock > h5 + p,
			.mainblock > h5 + p + p,
			.mainblock > h5 + p + p + p,
			.mainblock > h5 + p + p + p + p{
				width:90%;
				margin-left:auto;
				margin-right:auto;
			}

			.mainblock > h5 + p + ol,
			.mainblock > h5 + p + p + ol,
			.mainblock > h5 + p + p + p + ol,
			.mainblock > h5 + p + p + p + p + ol,
			.mainblock > h5 + ol,
			.mainblock > h5 + p + ul,
			.mainblock > h5 + p + p + ul,
			.mainblock > h5 + p + p + p + ul,
			.mainblock > h5 + p + p + p + p + ul,
			.mainblock > h5 + ul{
				width:90%;
				margin-left:auto;
				margin-right:auto;
			}
	
				.mainblock > h5 + p + ol li,
				.mainblock > h5 + p + p + ol li,
				.mainblock > h5 + p + p + p + ol li,
				.mainblock > h5 + p + p + p + p + ol li,
				.mainblock > h5 + ol li,
				.mainblock > h5 + p + ul li,
				.mainblock > h5 + p + p + ul li,
				.mainblock > h5 + p + p + p + ul li,
				.mainblock > h5 + p + p + p + p + ul li,
				.mainblock > h5 + ul li{
					margin-left:25px;
					margin-bottom:10px;
					line-height:1.7em;
				}

				.mainblock > h5 + ol li > ul{
					margin:10px 0 15px -10px;
				}
				
			@media screen and (max-width:430px){

				.mainblock > h5 + ol li > ul{
					margin:10px 0 15px -20px;
				}
				
			}
		
			.mainblock > h5 + p + ol + p,
			.mainblock > h5 + ol + p,
			.mainblock > h5 + ol + p + p,
			.mainblock > h5 + ol + p + p + p,
			.mainblock > h5 + ol + p + p + p + p,
			.mainblock > h5 + p + ul + p,
			.mainblock > h5 + ul + p,
			.mainblock > h5 + ul + p + p,
			.mainblock > h5 + ul + p + p + p,
			.mainblock > h5 + ul + p + p + p + p{
				width:90%;
				margin-left:auto;
				margin-right:auto;
			}


			.mainblock > h5 + table,
			.mainblock > h6 + table{
				width:90%;
				margin:0 auto;
				border-collapse:collapse;
			}

			.mainblock > h5 + table th,
			.mainblock > h5 + table td,
			.mainblock > h6 + table th,
			.mainblock > h6 + table td{
				border:1px solid #ccc;
				line-height:1.3em;
			}

			.mainblock > h5 + table th,
			.mainblock > h6 + table th{
				padding:15px 5px 10px;
				white-space:nowrap;
			}

			.mainblock > h5 + table td,
			.mainblock > h6 + table td{
				padding:15px 10px 10px;
			}


		@media screen and (max-width:430px){
			
			.mainblock > h5 + table th,
			.mainblock > h5 + table td,
			.mainblock > h6 + table th,
			.mainblock > h6 + table td{
				width:calc(100% - 20px);
				text-align:center;
				padding:15px 10px 10px;
				display:block;
				border-bottom:0;				
			}

			.mainblock > h5 + table th,
			.mainblock > h6 + table th{
				padding:8px 10px 6px;
				font-size:0.9em;
				background-color:#f2f2f2;
			}
			.mainblock > h5 + table th br,
			.mainblock > h6 + table th br{
				display: none;
			}

			.mainblock > h5 + table tr:nth-last-of-type(1) td,
			.mainblock > h6 + table tr:nth-last-of-type(1) td{
				border:1px solid #ccc;
			}
		
		}


		.spbox,
		.spbox2,
		.spbox3{
			padding:20px 5%;
			background-color:#fff0f0;	
		}

		.spbox2{
			background-color:#f0fff0;	
		}

		.spbox3{
			background-color:#e6f2ff;	
		}

			.spbox3 ol{
				margin-left: 0;
			}

			.spbox3 li{
				margin-bottom: 5px;
			}

			.spbox h4,
			.spbox2 h4,
			.spbox3 h4{
				color:#c00;	
				font-weight:700;
				line-height:1.4em;
				text-align:center;
			}
			.spbox2 h4{
				color:#060;	
				text-align:left;
			}
			.spbox3 h4{
				color:#036;	
				text-align:left;
			}

		@media screen and (max-width:430px){
			
			.spbox h4,
			.spbox2 h4,
			.spbox3 h4{
				font-size:0.9em;
			}
			
		}
	

		.mainblock .spbox + p,
		.mainblock .spbox + p + p,
		.mainblock .spbox + p + p + p{
			width:90%;
			margin:30px auto 30px;
		}


			.mainblock h6{
				width:calc(90% - 15px);
				margin:25px auto 5px;
				padding-left: 15px;
				color:#000;
				font-size:1.0em;
				font-weight:700;
				background-image: url("/shared/dot_circle-orange-s.png");
				background-repeat: no-repeat;
				background-position: 0 8px;
			}
			.mainblock h6.red{
				color:#f00;
			}

	@media screen and (max-width:770px){
	
			.mainblock h6{
			}
	
	}


			.mainblock h6 + p{
				width:90%;
				margin-top:5px;
				margin-left:auto;
				margin-right:auto;
				padding-left:5%;
			}


	
				.spbox .linkbtn{
					display:block;
					max-width:400px;
					width:90%;
					margin:15px auto 5px;
					padding:10px 0;
					color:#fff;
					font-size:1.1em;
					font-weight:700;
					line-height:1.4em;
					text-align:center;
					text-decoration:none;
					background-color:#360;
					background-image:url(/shared/img_yajirushi-yellow2.png);
					background-repeat:no-repeat;
					background-position:95% 50%;
					
				}

			@media screen and (max-width:770px){
			
				.spbox .linkbtn{
					font-size:1.0em;
				}
			
			}

			@media screen and (max-width:430px){
			
				.spbox .linkbtn{
					font-size:0.9em;
				}
			
			}
	
				.stdp .linkbtn,.stdp .linkbtn2,.stdp .linkbtn4,.stdp .linkbtn5,.stdp .linkbtn6{
					display:block;
					width:48%;
					margin:10px 1%;
					padding:10px 0;
					color:#fff;
					font-size:1.0em;
					font-weight:700;
					line-height:1.2em;
					text-align:center;
					text-decoration:none;
					background-color:#369;
					background-image:url(/shared/img_yajirushi-yellow2.png);
					background-repeat:no-repeat;
					background-position:95% 50%;
					border-radius:5px;
					float:left;
				}
				.stdp .linkbtn5,
				.stdp .linkbtn6{
					padding:20px 0;
				}

				.stdp.center .linkbtn,
				.stdp.center .linkbtn6{
					margin:10px auto;
					float:none;
				}

				.stdp .linkbtn2{
					background-image:none;
				}

				.stdp .linkbtn4{
					width:60%;
				}

				.stdp.center .linkbtn4{
					margin:10px auto 50px !important;
					float: none;
				}


			@media screen and (max-width:770px){
			
				.stdp .linkbtn,.stdp .linkbtn2,.stdp .linkbtn4,.stdp .linkbtn5{
					max-width:360px;
					width:100%;
					margin:10px auto;
					float:none;
				}
			
				.stdp .linkbtn6{
					max-width:360px;
					width:90%;
					margin:10px auto;
					float:none;
				}
			
			}

			@media screen and (max-width:430px){
			
				.stdp .linkbtn,.stdp .linkbtn2,.stdp .linkbtn4,.stdp .linkbtn5{
					font-size:0.9em;
				}
			
			}


		.cat1{
			padding:15px 0;
			font-size:1.8em;
			font-family:"kozuka-mincho-pro";
			text-align:center;
		}

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

		.cat1{
			padding:10px 0;
			font-size:1.4em;
		}

	}

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

		.cat1{
			padding:0;
			font-size:1.2em;
		}

	}






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

  	ボランティア

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



	.volunteer .content main{
		padding-bottom:0;
	}

	.volunteer main header{
		width:100%;
		overflow:hidden;
	}
	
		.volunteer main header .innerwrapper{
			height:130px;
			margin-bottom:-130px;		
			/*background-image:url(/shared/bg_clear-white80.png);*/
			position:relative;
			z-index:10;
		}
	
		.volunteer main header .inner{
			max-width:1000px;
			width:94%;
			height:100%;
			margin:0 auto;		
		}


		/* コンテンツタイトル */
		.content main header ol,
		.volunteer main header ol,
		.redcross main header ol,
		.akaihane main header ol,
		.kaiga main header ol{
			margin-bottom:-47px;
			padding:15px 0 10px;
			float:right;	
			position:relative;
			z-index:10;
		}
		
			.content main header ol li,
			.volunteer main header ol li,
			.redcross main header ol li,
			.akaihane main header ol li,
			.kaiga main header ol li{
				padding:0 5px;
				font-size:0.8em;
				float:left;
				list-style:none;
				line-height:1.4em;
			}
			.content main header ol li:after,
			.volunteer main header ol li:after,
			.redcross main header ol li:after,
			.akaihane main header ol li:after,
			.kaiga main header ol li:after{
				content:"-";
				margin-left:10px;
			}
			.content main header ol li:nth-last-of-type(1):after,
			.volunteer main header ol li:nth-last-of-type(1):after,
			.redcross main header ol li:nth-last-of-type(1):after,
			.akaihane main header ol li:nth-last-of-type(1):after,
			.kaiga main header ol li:nth-last-of-type(1):after{
				content:"";
			}
			
			.content main header ol li a,
			.volunteer main header ol li a,
			.redcross main header ol li a,
			.akaihane main header ol li a,
			.kaiga main header ol li a{
				color:#666;
				text-decoration:none;
			}
			.content main header ol li:nth-of-type(1),
			.volunteer main header ol li:nth-of-type(1),
			.redcross main header ol li:nth-of-type(1),
			.akaihane main header ol li:nth-of-type(1),
			.kaiga main header ol li:nth-of-type(1){
				padding-left:0;
			}
			.content main header ol li:nth-last-of-type(1),
			.volunteer main header ol li:nth-last-of-type(1),
			.redcross main header ol li:nth-last-of-type(1),
			.akaihane main header ol li:nth-last-of-type(1),
			.kaiga main header ol li:nth-last-of-type(1){
				padding-right:0;
			}
			.content main header ol li a:hover,
			.volunteer main header ol li a:hover,
			.redcross main header ol li a:hover,
			.akaihane main header ol li a:hover,
			.kaiga main header ol li a:hover{
				color:#c00;
				text-decoration:underline;
			}

	
		/* コンテンツタイトル */
		
		.content main header h2{
			padding-top:50px;
			color:#006697;
			font-size:1.8em;
			font-weight:700;
			position:relative;
			top:-50px;
		}
		.content main header h2 img{
			width:75px;
			margin-right:20px;
			position:relative;
			top:27px;
			
		}
		
		.content main header h2 a{
			color:#006697;
			text-decoration:none;
		}

			
	@media screen and (max-width:770px){
		
		.content main header h2{
			font-size:1.2em;
			top:-27px;
		}
		
		.content main header h2 img{
			width:50px;
			margin-right:10px;
			position:relative;
			top:17px;
		}
			
	}

			
	@media screen and (max-width:430px){
		
		.content main header h2{
			font-size:1.2em;
			top:-5px;
		}
		
		.content main header h2 img{
			width:40px;
			margin-right:10px;
			position:relative;
			top:12px;
		}
			
	}


		/* ボランティアタイトル */
		
		.volunteer main header h2{
			padding-top:50px;
			color:#c33;
			font-size:1.8em;
			font-weight:700;
			text-align:center;
			text-shadow:0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff;
			position:relative;
			top:7px;
		}
			
	@media screen and (max-width:770px){
		
		.volunteer main header h2{
			font-size:1.6em;
		}
			
	}
			
	@media screen and (max-width:430px){
		
		.volunteer main header h2{
			font-size:1.0em;
		}
			
	}



		.volunteer main header .slider{
			width:100%;
			height:450px;
			overflow:hidden;
		}
		.volunteer main header .slider li{
			width:750px !important;
			margin:0;
			padding:0;
			position:relative;
			list-style:none;
			
		}
		.volunteer main header .slider li img{
			width:750px;
			height:450px;
		}
		
			
	@media screen and (max-width:430px){

		.volunteer main header .slider{
			height:300px;
		}
		.volunteer main header .slider li{
			width:500px !important;
			
		}
		.volunteer main header .slider li img{
			width:500px;
			height:300px;
		}
		
	}

		
		.volunteer main header h3{
			margin-bottom:-240px;
			color:#c33;
			font-size:1.8em;
			font-weight:700;
			text-align:center;
			position:relative;			
			top:-350px;
			z-index:1000;	
		}
			
	@media screen and (max-width:770px){
		
		.volunteer main header h3{
			font-size:1.6em;
		}
			
	}
			
	@media screen and (max-width:430px){
		
		.volunteer main header h3{
			font-size:1.2em;
			top:-200px;
		}
			
	}


		.volunteer main header h3 img{
			display:block;
			width:150px;
			margin:0 auto;
		}
	@media screen and (max-width:770px){

		.volunteer main header h3 img{
			width:100px;
		}

	}
		.volunteer main header h3 p{
			margin-top:35px;
			text-shadow:0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff;
		}


		
		.volunteer main header + .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto;
		}



		
		.volunteer main .submenu{
			height:95px;
			background-image:url(/images/bg_submenu.png);
			background-repeat:repeat-x;
		}
			
	@media screen and (max-width:770px){
		
		.volunteer main .submenu{
			background-image:none;
		}
			
	}
			
	@media screen and (max-width:430px){
		
		.volunteer main .submenu{
			padding-top:30px;
		}
			
	}

			.volunteer main .submenu ul{
				max-width:1000px;
				width:100%;
				height:95px;
				margin:0 auto;
			}
			
		@media screen and (max-width:770px){
			
			.volunteer main .submenu ul{
				max-width:540px;
				margin-top:100px;
				width:98%;
			}
				
		}
			
		@media screen and (max-width:430px){
			
			.volunteer main .submenu ul{
				margin-top:50px;
			}
				
		}

				.volunteer main .submenu li{
					width:calc((100% / 5) - 2px);
					height:80px;
					margin:0 1px;
					padding-bottom:15px;
					float:left;
					list-style:none;
					background-image:url(/images/link_submenu.png);
					background-repeat:no-repeat;
					background-position:50% 100%;
				}
			
			@media screen and (max-width:770px){

				.volunteer main .submenu li{
					width:calc(94% / 3);
					height:60px;
					margin:0 1% 8px;
					padding-bottom:0;
					background-position:50% 0;
					background-size:100% auto;
				}
			
			}
			
			@media screen and (max-width:430px){

				.volunteer main .submenu li{
					width:calc(96% / 2);
					margin:0 1% 6px;
				}
			
			}
			
				.volunteer main .submenu li a{
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
					width:100%;
					height:100%;
					font-weight:700;
					line-height:1.3em;
					text-align:center;
					text-decoration:none;
				}
			
			@media screen and (max-width:1000px){
				
				.volunteer main .submenu li a{
					font-size:0.9em;
				}
												
			}
	
			


				.volunteer main .mainblock{
					max-width:1000px;
					width:100%;
					float:none;
					margin:50px auto 0;
				}
			
			@media screen and (max-width:770px){

				.volunteer main .mainblock{
					margin:30px auto 0;
				}
			
			}
			
				.volunteer main .mainblock img.vc{
					display:block;
					max-width:720px;
					width:100%;
					height:auto;
					margin:0 auto;
				}
			
			@media screen and (max-width:770px){

				.volunteer main .mainblock img.vc{
					margin:0 auto;
				}
			
			}

			

	/* ボランティアおしらせ */
		
			.volunteer .wrapper.news{
				width:calc(100% - 300px);
				margin-top:50px;
				float:left;
			}

			.volunteer .wrapper.news + .wrapper{
				width:264px;
				float:right;
			}
			
		@media screen and (max-width:770px){

			.volunteer .wrapper.news{
				width:100%;
				float:none;
			}

			.volunteer .wrapper.news + .wrapper{
				float:none;
				margin:0 auto;
			}
			

		}

			
			.volunteer .news h3{	
				width:100%;
				height:28px;
				margin-bottom:15px;
				padding-left:0;
				padding-right:0;
				color:#006697;		
				font-size:0.9em;
				font-weight:700;
				text-align:center;
				line-height:30px;
				background-color:#cae3ff;
				border-radius:3px;
			}


				.volunteer .news ul{
					width:100%;
					margin:0 0 12px;
				}

					.volunteer .news ul li{
						padding:15px 1% 10px;
						font-size:0.8em;
						list-style:none;
						line-height:1.5em;
						border-bottom:1px dashed #ccc;
					}
					.volunteer .news ul li:nth-of-type(1){
						border-top:1px dashed #ccc;
					}
							
				@media screen and (max-width:1000px){

					.volunteer .news ul li{
						padding:12px 1% 8px;
					}

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


						.volunteer .news ul li .date{
							width:80px;
							color:#006697;
							font-weight:700;
							float:left;
						}

						.volunteer .news ul li p{
							width:calc(100% - 90px);
							margin:0;
							word-break:break-all;
							word-wrap:break-word;
							float:right;
						}
							
					@media screen and (max-width:1000px){

						.volunteer .news ul li .date{
							width:100%;
						}

						.volunteer .news ul li p{
							width:100%;
							margin:0;
							float:none;
						}
							
					}





			.volunteer .wrapper.news + .wrapper h3{
				padding-left:0;
				background:none;
				margin:15px 0 0;
			}
							
		@media screen and (max-width:770px){

			.volunteer .wrapper.news + .wrapper h3{
				margin:30px 0 0;
			}
							
		}
					
			.volumon{
				width:112px;
				height:119px;
				position:relative;
				margin-bottom:-119px;
				left:152px;
				top:-110px;
			}


			.contentnote{
				width:90%;
				margin: 0 auto;
			}


	
	/* ボランティア事業内容 */
	
			.volunteermain.mainblock > h5{
				font-size: 1.5em;
			}

		@media screen and (max-width:770px){
	
			.volunteermain.mainblock > h5{
				font-size:1.3em;
			}
	
		}

h6.orange{ color:#f90 !important; }

	.flow{
		clear:both;
		max-width:1000px;
		width:100%;
		margin:0 auto 50px;
		background-color:#fffbe6;
		position:relative;
	}
		
		.flow .inner{
			width:94%;
			margin:0 auto;
			padding:35px 0;
		}

			.flow .inner h2{
				width:98%;
				margin:0 auto;
				color:#f60;
				font-size:1.6em;
				font-weight:700;
				line-height:1.5em;
			}

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

			.flow .inner h2{
				font-size:1.2em;
			}

		}

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

			.flow .inner h2{
				text-align:center;
			}

		}

			.flow .inner h2 + p{
				margin:10px 25px 20px;
			}
			
			
			
				
			.imageflow img{
				max-width:680px;
				width:100%;
				height:auto;
			}


		@media screen and (max-width:480px){
				
			.flow ul{margin-top:30px;}
			
		}
				
				.flow ul li{
					width:43%;
					margin-right:2%;
					padding:15px 3% 0;
					list-style:none;
					float:left;
					background-color:#fff;
				}
				.flow ul li:nth-of-type(2){
					margin-right:0;
					background-color:#e9f3e9;
				}

			@media screen and (max-width:480px){
				
				.flow ul li{
					width:86%;
					margin:0 auto;
					padding:20px 3% 5px;
					float:none;
				}
				.flow ul li:nth-of-type(2){margin:0 auto;}
			
				
			}
				
				.flow ul li h3{
					margin-bottom:10px;
					color:#c33;
					font-size:1.3em;
					font-weight:700;
					text-align:center;
					display:none;
				}
	
			@media screen and (max-width:480px){
				
				.flow ul li h3{display:block;}
				
			}
			
					.flow ul li h4{
						margin-right:16px;
						color:#036;
						font-weight:700;
						line-height:1.4em;
						position:relative;
						left:16px;
					}
					.flow ul li h4:before{
						content:"○";
						margin-left:-16px;
						font-weight:700;
						position:relative;
					}
					
						.flow ul li p{
							margin:5px 0 15px 15px;
						}



p.margin0{margin: 0 !important;}
p.marginheight0{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

p.margin2{margin: 10px 0 !important;}
ul.margin2{margin: 10px 0 10px 30px !important;}
p.marginheight2{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.noteright{
	width:calc(100% - 330px);
	float:right;
}

.noteleft{
	width:calc(100% - 330px);
	float:left;
}

.noteright > p,
.noteleft > p{
	margin-top:0; 
}

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

.noteright,
.noteleft{
	max-width: 640px;
	width:100%;
	margin: 0 auto;
	float:none
}

.noteright > p,
.noteleft > p{
	margin-top:0; 
}

}
	
	
	/* 災害ボランティア */
			

		.saigaiimage{
			padding:0 !important;
		}

			.saigaiimage li{
				width:calc(100% / 3);
				margin:0 auto 10px!important;
				list-style:none;
				float:left;
				
			}
	
		@media screen and (max-width:770px){

			.saigaiimage li{
				width:50%;				
			}
	
		}

			.saigaiimage li img{
				max-width:350px;
				width:100%;
				height:auto;
			}




		.saigaiimage2{
			margin-bottom:30px;
			padding:0 !important;
			position:relative;
			top:-30px;
		}

			.saigaiimage2 li{
				width:50%;				
				height:350px;
				margin:0 auto 10px!important;
				list-style:none;
				float:left;
			}

			.saigaiimage2 li h5{
				color:#c33;
				font-weight:700;
				text-align:center;
				
			}

			.saigaiimage2 li img{
				display:block;
				max-width:230px;
				width:100%;
				height:auto;
				margin:0 auto;
			}

			.saigaiimage2 li p{
				margin:0 auto;
				width:90%;
			}


			.saigaiimage2 li:before{
				margin-bottom:-60px;
				position:relative;
				top:60px;
			}

			.saigaiimage2 li:nth-of-type(1):before{content:url(/images/num1.png);}
			.saigaiimage2 li:nth-of-type(2):before{content:url(/images/num2.png);}
			.saigaiimage2 li:nth-of-type(3):before{content:url(/images/num3.png);}
			.saigaiimage2 li:nth-of-type(4):before{content:url(/images/num4.png);}
			.saigaiimage2 li:nth-of-type(5):before{content:url(/images/num5.png);}
			.saigaiimage2 li:nth-of-type(6):before{content:url(/images/num6.png);}
			.saigaiimage2 li:nth-of-type(7):before{content:url(/images/num7.png);}
			.saigaiimage2 li:nth-of-type(8):before{content:url(/images/num8.png);}
	
		@media screen and (max-width:640px){

			.saigaiimage2 li{
				max-width:360px;
				width:100%;
				height:auto;
				margin:0 auto ;
				float:none;
			}
			
			.saigaiimage2 li:before{
			}

		}




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

  	地域福祉活動

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

	/* いきいき市民福祉基金助成事業 */


		.ikikijigyo table{
		}

			.ikikijigyo th{
				font-weight:400;
			}

			.ikikijigyo tr:nth-of-type(1) th{
				background-color: #eee;
				font-weight: 700;
			}

			.ikikijigyo td{
				text-align: center;
			}
	
		@media screen and (max-width:770px){

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

			.ikikijigyo th:nth-of-type(1){
				display: none;
			}

			.ikikijigyo th{
				display: block;
				width: 100%;
				padding:10px 0 5px !important;
				font-weight: 700;
				color:#fff;
				background-color: #666;
				border:none !important;
			}

			.ikikijigyo td{
				display: block;
				width:calc(100% - 20px);
				padding:15px 0 !important;
				border:none !important;
			}

		}
	
		@media screen and (max-width:430px){
			
			.ikikijigyo th{
				width: 100% !important;
				background-color: #666 !important;
			}

			.ikikijigyo td{
				width: 100% !important;
			}

		}


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

  	老人ホーム

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



			.roujinhome > h4 + table,
			.roujinhome > h5 + p + table{
				width:90%;
				margin:0 auto;
				border-collapse:collapse;
			}

			.roujinhome > h4 + table th,
			.roujinhome > h4 + table td,
			.roujinhome > h5 + p + table th,
			.roujinhome > h5 + p + table td{
				border:1px solid #ccc;
				line-height:1.3em;
			}

			.roujinhome > h4 + table th,
			.roujinhome > h5 + p + table th{
				padding:15px 2% 10px;
				background-color:#f2f2f2;
				white-space:nowrap;
			}

			.roujinhome > h4 + table td,
			.roujinhome > h5 + p + table td{
				padding:15px 3% 10px;
			}
			
			.roujinhome > h5 + table td{text-align:center;}

			.roujinhome > h5 + p img{
				margin:10px 0 0 15px;
				float:right;
			}

			.roujinhome-image{
				max-width:480px;
				width:90%;
				margin:0 auto;
				
			}
			.roujinhome-image img{
				width:31%;
				height:auto;
				margin-right:3%;
				float:left;
			}
			.roujinhome-image img:nth-last-of-type(1){margin-right:0;}


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

			.roujinhome > h4 + table,
			.roujinhome > h5 + p + table{
				width:96%;
			}

			.roujinhome > h4 + table th,
			.roujinhome > h4 + table td,
			.roujinhome > h5 + p + table th,
			.roujinhome > h5 + p + table td{
				display:block;
				width:calc(100% - 20px) ;
				padding:15px 10px 10px;
				border-bottom:0;
			}

			.roujinhome > h4 + table th,
			.roujinhome > h5 + p + table th{
				padding:8px 10px 6px;
				font-size:0.9em;
				text-align:center;
				background-color:#f2f2f2;
			}

			.roujinhome > h4 + table tr:nth-last-of-type(1) td,
			.roujinhome > h5 + p + table tr:nth-last-of-type(1) td{
				border:1px solid #ccc;
			}

			.roujinhome > h4 + table th br,
			.roujinhome > h5 + p + table th br{
				display:none;
			}
		
			.roujinhome-image{
				max-width:300px;
				width:90%;
				margin:0 auto;
				
			}
			.roujinhome-image img{
				width:48%;
				height:auto;
				margin-right:0;
				float:left;
			}
			.roujinhome-image img:nth-of-type(2){
				float:right;
			}
			.roujinhome-image img:nth-last-of-type(1){
				display:block;
				margin:0 auto;
				float:none;
			}

		}


		.spnote{
			padding:10px 5%;
			margin-bottom:30px;
			color:#fff;
			border-radius:5px;
			background-color:#c30;
			line-height:1.3em;
		}


		@media screen and (max-width:640px){
			
			.spbox h4{
				text-align:left;				
			}
			
		}





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

  	介護保険

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


		.kaigohoken > p img{
			float:right;
		}

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

		.kaigohoken > p img{
			display:block;
			max-width:280px;
			width:90%;
			margin:0 auto 20px;
			float:none;
		}


	}

			.kaigohoken .spbox2{
				width:80%;
				padding:15px 5%;
				-moz-box-shadow:0 0 0 1px #ccc inset;
				-webkit-box-shadow:0 0 0 1px #ccc inset;
				box-shadow:0 0 0 1px #ccc inset;
			}


			.kaigohoken .spbox img{
				margin-top:15px 0 0;
				float:right;
			}
	
		@media screen and (max-width:770px){
	
			.kaigohoken .spbox img{
				display:block;
				max-width:240px;
				width:90%;
				margin:0 auto 20px;
				float:none;
			}
	
	
		}








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

  	日赤

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



	.redcross .content main{
		padding-bottom:0;
	}

	.redcross main header{
		width:100%;
		overflow:hidden;
	}
	
		.redcross main header .innerwrapper{
			height:130px;
			margin-bottom:-130px;		
			position:relative;
			z-index:1010;
		}
	
		.redcross main header .inner{
			max-width:1000px;
			width:94%;
			height:100%;
			margin:0 auto;		
		}

/*
		.redcross main header h2{
			padding-top:50px;
			color:#c33;
			font-size:1.8em;
			font-weight:700;
			text-align:center;
			text-shadow:0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff;
			position:relative;
			top:7px;
		}
			
	@media screen and (max-width:770px){
		
		.redcross main header h2{
			font-size:1.6em;
		}
			
	}
			
	@media screen and (max-width:430px){
		
		.redcross main header h2{
			font-size:1.2em;
		}
			
	}
*/		
		.redcross main header .contentimage{
			max-width:1000px;
			width:100%;
			height:390px;
			margin:0 auto;
		}
		.redcross main header .contentimage li{
			list-style:none;
		}

		.redcross main header .contentimage2{
			max-width:1000px;
			width:100%;
			height:auto;
			margin:0 auto;
			line-height: 0;
		}
		.redcross main header .contentimage2 li{
			list-style:none;
		}
		.redcross main header .contentimage2 li img{
			width:100%;
			height: auto;
		}
		
		.imagewrapper{
			background-color:#fff;
		}
		
			.redcross main header h2{
				margin-bottom:-240px;
				color:#c33;
				font-size:1.8em;
				font-weight:700;
				text-align:center;
				position:relative;			
				top:-350px;
				z-index:1000;	
			}
			
	@media screen and (max-width:770px){
		
		.redcross main header h2{
			font-size:1.6em;
			top:-220px;
		}
			
	}
			
	@media screen and (max-width:430px){
		
		.redcross main header h2{
			font-size:1.2em;
		}
			
	}


		.redcross main header h2 img{
			display:block;
			width:150px;
			margin:0 auto;
		}
	@media screen and (max-width:770px){

		.redcross main header h2 img{
			width:100px;
		}

	}
		.redcross main header h2 p{
			margin-top:35px;
			text-shadow:0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff;
		}

		.redcross main header + .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto;
		}



				.redcross main .mainblock{
					max-width:1000px;
					width:100%;
					float:none;
					margin:50px auto 0;
					background-color:transparent;
				}
			
			@media screen and (max-width:770px){

				.redcross main .mainblock{
					margin:30px auto 0;
				}
			
			}
			
				.redcross main .mainblock .note{
					display:block;
					max-width:720px;
					width:100%;
					height:auto;
					margin:0 auto 50px;
				}
			
			@media screen and (max-width:770px){

				 .redcross main .mainblock .note{
					margin:0 auto 30px;
				}
			
			}

			
			
	/* 日赤おしらせ */
	
	
	.redcross main{
	}
		
			.redcross .wrapper.news{
				width:48%;
				float:left;
			}

			.redcross .wrapper.news + .wrapper{
				width:48%;
				float:right;
			}
			
		@media screen and (max-width:770px){

			.redcross .wrapper.news{
				width:100%;
				float:none;
			}

			.redcross .wrapper.news + .wrapper{
				float:none;
				margin:0 auto;
			}
			

		}

			
			.redcross .wrapper.news h3{	
				width:100%;
				height:28px;
				margin-bottom:15px;
				padding-left:0;
				padding-right:0;
				color:#c30;		
				font-size:0.9em;
				font-weight:700;
				text-align:center;
				line-height:30px;
				background-color:#fff;
				border-radius:3px;
				-moz-box-shadow:0 0 0 1px #ccc inset;
				-webkit-box-shadow:0 0 0 1px #ccc inset;
				box-shadow:0 0 0 1px #ccc inset;
			}
					


				.redcross .news ul{
					width:100%;
					margin:0 0 12px;
				}

					.redcross .news ul li{
						padding:15px 1% 10px;
						font-size:0.8em;
						list-style:none;
						line-height:1.5em;
						border-bottom:1px dashed #ccc;
					}
					.redcross .news ul li:nth-of-type(1){
						border-top:1px dashed #ccc;
					}
							
				@media screen and (max-width:1000px){

					.redcross .news ul li{
						padding:12px 1% 8px;
					}

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


						.redcross .news ul li .date{
							width:80px;
							color:#006697;
							font-weight:700;
							float:left;
						}

						.redcross .news ul li .entrytitle{
							width:calc(100% - 90px);
							margin:0;
							word-break:break-all;
							word-wrap:break-word;
							float:right;
						}
							
					@media screen and (max-width:1000px){

						.redcross .news ul li .date{
							width:100%;
						}

						.redcross .news ul li .entrytitle{
							width:100%;
							margin:0;
							float:none;
						}
							
					}


		
		.redcross .wrapper.note{
			width:48%;
			float:right;
		}
							
	@media screen and (max-width:770px){

		.redcross .wrapper.note{
			width:100% !important;
			float:none;
		}

	}

		.redcross .wrapper.note p{
			margin-bottom:0;
		}
	
	
			.redcross .wrapper.note h4{
				color:#c33;
				font-size:1.6em;
				font-family:"kozuka-mincho-pro";
			}
							
		@media screen and (max-width:1000px){

			.redcross .wrapper.note h4{
				margin-top:30px;
				font-size:1.4em;
			}

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

			.redcross .wrapper.note h4 br{
				display:none;
			}

		}


	
	
			.redcross .wrapper.note h4{
				color:#c33;
				font-size:1.4em;
				font-family:"kozuka-mincho-pro";
			}
							
		@media screen and (max-width:1000px){

			.redcross .wrapper.note h4{
				margin-top:30px;
			}

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

			.redcross .wrapper.note h4 br{
				display:none;
			}

		}


			.redcross .mainblock > .clearfix + h4{
				width:100%;
				padding:0;
				color:#c33;
				font-size:1.4em;
				font-family:"kozuka-mincho-pro";
				line-height:1.5em;
				background-color:transparent;
			}
							
		@media screen and (max-width:1000px){

			.redcross .mainblock > .clearfix + h4{
				font-size:1.3em;
			}

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

			.redcross .mainblock > .clearfix + h4 br{
				display:none;
			}

		}


			.redcross .mainblock > .clearfix + h4 + ol{
				width:100%;
				margin:50px 0 30px;
			}


			.redcross .mainblock > .clearfix + h4 + ol li{
				width:28%;
				margin:0 2% 0 0;
				height:200px;
				padding:0 2% 20px;
				float:left;
				list-style:none;
				background-color:#edf2da;
				border-radius:20px;
			}
							
		@media screen and (max-width:1000px){

			.redcross .mainblock > .clearfix + h4 + ol li{
				height:230px;
				border-radius:10px;
			}
							
		}
			.redcross .mainblock > .clearfix + h4 + ol li:nth-last-of-type(1){margin-right:0;}
							
		@media screen and (max-width:770px){


			.redcross .mainblock > .clearfix + h4 + ol{
				width:90%;
			}
			
			.redcross .mainblock > .clearfix + h4 + ol li,
			.redcross .mainblock > .clearfix + h4 + ol li:nth-last-of-type(1){
				max-width:320px;
				width:92%;
				height:200px;
				margin:0 auto 20px;
				padding:0 4% 20px;
				border-radius:10px;
				float:none;
			}
							
		}
		


			.redcross .mainblock > .clearfix + h4 + ol li:before{				
				display:block;
				width:90px;
				margin:0 auto -45px;
				position:relative;
				top:-45px;
			}
			.redcross .mainblock > .clearfix + h4 + ol li:nth-of-type(1):before{content:url(/images/num_maru1.png);}
			.redcross .mainblock > .clearfix + h4 + ol li:nth-of-type(2):before{content:url(/images/num_maru2.png);}
			.redcross .mainblock > .clearfix + h4 + ol li:nth-of-type(3):before{content:url(/images/num_maru3.png);}

	
				.redcross .mainblock > .clearfix + h4 + ol li h5{
					color:#516600;
					font-size:1.2em;
					font-weight:700;
					text-align:center;
				}
								
			@media screen and (max-width:1000px){
	
				.redcross .mainblock > .clearfix + h4 + ol li h5{
					font-size:1.1em;
				}
								
			}
		
	
				.redcross .mainblock > .clearfix + h4 + ol li p{
					margin:10px 0 0;
					font-size:0.9em;
				}


				.redcross .mainblock > .clearfix + h4 + ol + .stdp{
					clear:both;
					padding-top:20px;
				}

					.redcross .mainblock > .clearfix + h4 + ol + .stdp .linkbtn{
						margin:0 auto;
					}






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

  	熊本市共同募金委員会

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





	.akaihane .content main{
		padding-bottom:0;
	}

	.akaihane main header{
		width:100%;
		overflow:hidden;
	}
	
		.akaihane main header .innerwrapper{
			height:130px;
			margin-bottom:-130px;		
			position:relative;
			z-index:1010;
		}
	
		.akaihane main header .inner{
			max-width:1000px;
			width:94%;
			height:100%;
			margin:0 auto;		
		}
		
		.akaihane .imagewrapper{
			background-color:#fff;
		}

		.akaihane main header .contentimage{
			max-width:1200px;
			width:100%;
			margin:0 auto;
			line-height:0;
		}
		.akaihane main header .contentimage img{
			width:100%;
		}
			
	@media screen and (max-width:770px){
		
		.akaihane main header .contentimage{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			height:250px;
			background-image:url(../images/img_akaihane.jpg);
			background-repeat:no-repeat;
			background-position:50% 0;
			background-size:770px auto;
		}
		.akaihane main header .contentimage img{
			display:none;
		}
			
	}
	
	
			.akaihane main header h2{
				margin-bottom:-213px;
				color:#c33;
				font-size:1.8em;
				font-weight:700;
				text-align:center;
				position:relative;			
				top:-300px;
				z-index:1000;	
			}
			
	@media screen and (max-width:1000px){
		
		.akaihane main header h2{
			top:-240px;
		}
			
	}
			
	@media screen and (max-width:770px){
		
		.akaihane main header h2{
			margin-bottom:-163px;
			font-size:1.6em;
			top:-200px;
		}
			
	}
			
	@media screen and (max-width:430px){
		
		.akaihane main header h2{
			font-size:1.2em;
		}
			
	}

		.akaihane main header h2 img{
			display:block;
			width:150px;
			margin:0 auto;
		}
	@media screen and (max-width:770px){

		.akaihane main header h2 img{
			width:100px;
		}

	}
		.akaihane main header h2 p{
			margin:35px 0 0;
			text-shadow:0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff,
			0 0 8px #fff,0 0 8px #fff,0 0 8px #fff;
		}

		.akaihane main header + .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto;
		}

				.akaihane main .mainblock{
					max-width:1000px;
					width:100%;
					float:none;
					margin:50px auto 0;
					background-color:transparent;
				}
			
			@media screen and (max-width:770px){

				.akaihane main .mainblock{
					margin:30px auto 0;
				}
			
			}
			
				.akaihane main .mainblock .note{
					display:block;
					max-width:720px;
					width:100%;
					height:auto;
					margin:0 auto 50px;
				}
			
			@media screen and (max-width:770px){

				.akaihane main .mainblock .note{
					margin:0 auto 30px;
				}
			
			}


		.akaihane main .submenu{
			height:95px;
			background-image:url(/images/bg_submenu.png);
			background-repeat:repeat-x;
		}

	@media screen and (max-width:1000px){
	
		.akaihane main .submenu{
			background-image:none;
		}
			
	}

			.akaihane main .submenu ul{
				max-width:1000px;
				width:100%;
				height:95px;
				margin:0 auto;
			}
			
	@media screen and (max-width:770px){
	
		.akaihane main .submenu{
			height:75px;
		}

			.akaihane main .submenu ul{
				height:75px;
			}
			
	}

				.akaihane main .submenu li{
					width:calc((100% / 2) - 2px);
					height:80px;
					margin:0 1px;
					padding-bottom:15px;
					float:left;
					list-style:none;
					background-image:url(/images/link_submenu2.png);
					background-repeat:no-repeat;
					background-position:50% 100%;
				}
				
			@media screen and (max-width:770px){
				
				.akaihane main .submenu li{
					height:60px;
				}
												
			}

		
				.akaihane main .submenu li a{
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
					width:100%;
					height:100%;
					font-weight:700;
					line-height:1.3em;
					text-align:center;
					text-decoration:none;
				}
			
			@media screen and (max-width:1000px){
				
				.akaihane main .submenu li a{
					font-size:0.9em;
				}
												
			}
			
			@media screen and (max-width:770px){
				
				.akaihane main .submenu li a{
					height:60px;
				}
												
			}

			
			
			

	/* 日赤おしらせ */
		
			.akaihane .wrapper.news{
				width:48%;
				float:left;
			}

			.akaihane .wrapper.news + .wrapper{
				width:48%;
				float:right;
			}
			
		@media screen and (max-width:770px){

			.akaihane .wrapper.news{
				width:100%;
				float:none;
			}

			.akaihane .wrapper.news + .wrapper{
				float:none;
				margin:0 auto;
			}

		}

			
			.akaihane .wrapper.news h3{	
				width:100%;
				height:28px;
				margin-bottom:15px;
				padding-left:0;
				padding-right:0;
				color:#c30;		
				font-size:0.9em;
				font-weight:700;
				text-align:center;
				line-height:30px;
				background-color:#fff;
				border-radius:3px;
				-moz-box-shadow:0 0 0 1px #ccc inset;
				-webkit-box-shadow:0 0 0 1px #ccc inset;
				box-shadow:0 0 0 1px #ccc inset;
			}

				.akaihane .news ul{
					width:100%;
					margin:0 0 12px;
				}

					.akaihane .news ul li{
						padding:15px 1% 10px;
						font-size:0.8em;
						list-style:none;
						line-height:1.5em;
						border-bottom:1px dashed #ccc;
					}
					.akaihane .news ul li:nth-of-type(1){
						border-top:1px dashed #ccc;
					}
							
				@media screen and (max-width:1000px){

					.akaihane .news ul li{
						padding:12px 1% 8px;
					}

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


						.akaihane .news ul li .date{
							width:80px;
							color:#006697;
							font-weight:700;
							float:left;
						}

						.akaihane .news ul li .entrytitle{
							width:calc(100% - 90px);
							margin:0;
							word-break:break-all;
							word-wrap:break-word;
							float:right;
						}
							
					@media screen and (max-width:1000px){

						.akaihane .news ul li .date{
							width:100%;
						}

						.akaihane .news ul li .entrytitle{
							width:100%;
							margin:0;
							float:none;
						}
							
					}


		
		.akaihane .wrapper.note{
			width:48%;
			float:right;
		}
							
	@media screen and (max-width:770px){

		.akaihane .wrapper.note{
			width:100% !important;
			float:none;
		}

	}

		.akaihane .wrapper.note p{
			margin-bottom:0;
		}
	
	
			.akaihane .wrapper.note h4{
				color:#c33;
				font-size:1.6em;
				font-family:"kozuka-mincho-pro";
				line-height:1.5em;
			}
							
		@media screen and (max-width:1000px){

			.akaihane .wrapper.note h4{
				margin-top:30px;
				font-size:1.4em;
			}

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

			.akaihane .wrapper.note h4 br{
				display:none;
			}

		}
	
	
			.akaihane .wrapper.note h4{
				color:#c33;
				font-size:1.4em;
				font-family:"kozuka-mincho-pro";
			}
							
		@media screen and (max-width:1000px){

			.akaihane .wrapper.note h4{
				margin-top:30px;
			}

			.akaihane .wrapper.note h4 br{
				display:none;
			}

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

			.akaihane .wrapper.note h4{
				font-size:1.2em;
			}

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

			.akaihane .wrapper.note h4{
				font-size:1.0em;
			}

		}

	
			.akaihane .wrapper.note h4 + p img{
				max-width:440px;
				width:100%;
				height:auto;
			}


		.banhanet{
			max-width:400px;
			width:100%;
			height:auto;
		}

		.organizationchart{
			width:240px;
			margin:5px 0 10px 3%;
			float:right;
			
		}
							
	@media screen and (max-width:770px){

		.organizationchart{
			display:block;
			margin:0 auto 30px;
			float:none;			
		}
							
	}






		
		
/**************************** くまレン ***********************************/


	
		.kumaren h3{
			width:100%;
			margin:0 0 10px;
			padding:7px 0;
			text-align:center;
			background-color:#f7b548;
			line-height:0;
		}
		.kumaren h3 img{
			width:90%;
		}
	
		.kumaren ul{
			width:100%;
			margin:0 auto;
		}

			.kumaren ul li{
				width:23%;
				margin:10px 1%;
				list-style:none;
				float:left;
				text-align:center;
			}

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

			.kumaren ul li{
				width:calc(94% / 3);
				margin:10px 1%;
			}
	
		}
	
		@media screen and (max-width:540px){

			.kumaren ul li{
				width:48%;
			}
	
		}

			.kumaren ul li img{
				width:100%;
			}
			.kumaren ul li a{
				font-size:0.8em;
			}
	
		@media screen and (max-width:370px){

			.kumaren ul li a{
				font-size:0.75em;
			}
	
		}

			.kumaren ul li a + a{
				display:block;
				width:100%;
				margin:5px auto 0;
				padding:3px 0;
				font-size:0.9em;
				font-weight:700;
				text-align:center;
				text-decoration:none;
				background-color:#fc0;
			}


		.kumaren .alldl{
			display:block;
			width:98%;
			margin:40px auto 20px;
			padding:15px 0;
			color:#000;
			font-weight:700;
			letter-spacing:0.05em;
			text-align:center;
			text-decoration:none;
			background-color:#fc0;
			border-radius:5px;
		}
	
	@media screen and (max-width:770px){

		.kumaren .alldl{
			margin:30px auto 20px;
			padding:10px 0;
			font-size:0.9em;
			line-height:1.3em;
		}

	}

		.kumaren .alldl span{
			color:#036;
			font-weight:500;
		}
	
	@media screen and (max-width:770px){

		.kumaren .alldl span{
			font-size:0.8em;
		}

	}


	
	
			
			
			
			

/**************************************************************************************

  	各区
	
 **************************************************************************************/

	.kakuku h3 + table{
		width:94%;
		margin:35px auto 45px;
		border-top:1px solid #000;
		border-collapse:collapse;
	}

		.kakuku h3 + table tr th{
			width:90px;
			padding:15px 0 10px 5px;
			text-align:left;
			vertical-align:top;
			line-height:1.5em;
			border-bottom:1px dashed #ccc;
		}

		.kakuku h3 + table tr td{
			padding:15px 0 10px 10px;
			line-height:1.5em;
		}

		.kakuku h3 + table tr td:nth-of-type(1){
			width:calc(60% - 100px);
			border-bottom:1px dashed #ccc;
		}

		.kakuku h3 + table tr td:nth-of-type(2){
			width:40%;
			text-align:right;
		}

			.kakuku h3 + table tr td:nth-of-type(2) img{
				max-width:270px;
				width:90%;
				height:auto;
			}


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

		.kakuku h3 + table tr th,
		.kakuku h3 + table tr td:nth-of-type(1),
		.kakuku h3 + table tr td:nth-of-type(2){
			width:100%;
			padding:10px 0;
			display:block;
		}
		
		.kakuku h3 + table tr th{
			padding:5px 0;
			font-size:0.9em;
			text-align:center;
			background-color:#f2f2f2;
		}

		.kakuku h3 + table tr:nth-of-type(1) td:nth-of-type(1){
			border-bottom:none;
		}

		.kakuku h3 + table tr td:nth-of-type(2){
			text-align:center;
			border-bottom:1px dashed #ccc;
		}
	}



				.kakuku .news ul{
					width:100%;
					margin:0 0 12px;
				}

					.kakuku .news ul li{
						padding:15px 1% 10px;
						font-size:0.8em;
						list-style:none;
						line-height:1.5em;
						border-bottom:1px dashed #ccc;
					}
					.kakuku .news ul li:nth-of-type(1){
						border-top:1px dashed #ccc;
					}
							
				@media screen and (max-width:1000px){

					.kakuku .news ul li{
						padding:12px 1% 8px;
					}

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


						.kakuku .news ul li .date{
							width:80px;
							color:#006697;
							font-weight:700;
							float:left;
						}

						.kakuku .news ul li .entrytitle{
							width:calc(100% - 90px);
							margin:0;
							word-break:break-all;
							word-wrap:break-word;
							float:right;
						}
							
					@media screen and (max-width:1000px){

						.kakuku .news ul li .date{
							width:100%;
						}

						.kakuku .news ul li .entrytitle{
							width:100%;
							margin:0;
							float:none;
						}
							
					}
					
			.kakuku .map{
				width:94%;
				margin:35px auto 0;
				border:1px solid #ccc;				
			}


			.movie {
				width:94%;
				height: 0;
				margin: 30px auto 0;
				padding-bottom: 56.25%;
				overflow: hidden;
				position: relative;
			}

			.movie iframe{
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}



/**************************************************************************************

  	概要
	
 **************************************************************************************/

	.outline table{
		width:100%;
		margin:35px auto 45px;
		border-top:1px solid #000;
		border-collapse:collapse;
	}

		.outline > h5 + table tr th{
			width:95px;
			padding:15px;
			text-align:left;
			vertical-align:top;
			line-height:1.7em;
			border-bottom:1px solid #ccc;
		}

		.outline > h5 + table tr td{
			padding:15px;
			line-height:1.7em;
			border-bottom:1px solid #ccc;
		}


	@media screen and (max-width:770px){
		
		.outline > h5 + table tr th,
		.outline > h5 + table tr td{
			font-size:0.9em;
		}

		.outline > h5 + table tr th{
			width:45px;
			padding:15px;
		}

	}


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

		.outline > h5 + table tr th,
		.outline > h5 + table tr td{
			width:calc(100% - 30px);
			padding:15px 15px 10px;
			display:block;
		}

		.outline > h5 + table tr td{
			text-align:left;
		}
		
	}

		.outline .stdp .linkbtn{
			font-size:0.9em;
			line-height:1.7em;		
		}
		.outline .stdp .linkbtn:nth-of-type(3){
			width:98%;
			margin:0 1% 10px;
			/*font-size:0.8em;*/
		}

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

		.outline .stdp .linkbtn,
		.outline .stdp .linkbtn:nth-of-type(3){
			max-width:100%;
			width:100%;
		}
		
		.outline .stdp .linkbtn:nth-of-type(3){
			margin:10px auto;
			padding:5px 0;
			line-height:1.3em;
		}
		
	}


				.outline .catch{
					width:90%;
					margin: 0 auto;
					color:#b1123c;
					font-size:1.5em;
					font-family:"kozuka-mincho-pro";
					line-height:1.7em;
					text-align:center;
				}
				
			@media screen and (max-width:1000px){
	
				.outline .catch{
					font-size:1.4em;
				}
				
			}
				
			@media screen and (max-width:770px){
	
				.outline .catch{
					font-size:1.3em;
				}
				
			}
				
			@media screen and (max-width:640px){
	
				.outline .catch{
					font-size:1.2em;
				}
				
			}
				
			@media screen and (max-width:480px){
	
				.outline .catch{
					font-size:1.1em;
				}
				
			}
				
			@media screen and (max-width:430px){
	
				.outline .catch{
					font-size:1.0em;
				}
				
			}
				
			@media screen and (max-width:370px){
	
				.outline .catch{
					font-size:0.9em;
				}
				
			}

	/* 沿革 */

			.history table{
				width:100%;
				margin:0 0 30px;
				border-collapse:collapse;
			}
	
				.history th{
					padding:15px;
					color:#00264d;
					font-weight:normal;
					font-size:0.9em;
					text-align:left;
					background-color:#ebf9ff;
					vertical-align:top;
					white-space:nowrap;
					border-bottom:1px solid #ccc;
					border-top:1px solid #ccc;
				}
	
				.history td{
					padding:15px;
					border-bottom:1px solid #ccc;
					border-top:1px solid #ccc;
				}
	
			@media screen and (max-width:430px){
				
				.history td{
					display:block;
					width:calc(100% - 30px);
					padding:15px 15px 10px;
					border-top:none;
				}

				.history th{
					display:block;
					width:calc(100% - 30px);
					padding:7px 15px 5px;
					border:none;
				}

			}












/**************************************************************************************

  	アクセス
	
 **************************************************************************************/

	.officenote{
		width:90%;
		margin:10px auto 30px;
	}

		.officenote h4{
			color:#369;
			font-weight:500;
		}




/**************************************************************************************

  	社協だより
	
 **************************************************************************************/

	.pdflist{
		max-width:94%;
		margin:30px auto;
	}

		.pdflist li{
			padding:15px 1% 15px 30px;
			list-style:none;
			border-bottom:1px dashed #ccc;
			background-image:url(/shared/ico_pdf.png);
			background-position:1% 50%;
			background-repeat:no-repeat;
		}



/**************************************************************************************

  	理事会・評議員会
	
 **************************************************************************************/

	.rijikai.mainblock > ul{
		max-width:94%;
		margin:30px auto;
	}

	.rijikai.mainblock > ul > li{
		border-bottom:1px dashed #ccc;
	}

	.rijikai .pdflist li{
		background-position:1% 19px;
	}

		.rijikai.mainblock > ul > li > ul{
			margin-left:0;
			padding-top:10px;
		}

			.rijikai.mainblock > ul > li > ul > li{
				padding:5px 1% 5px 25px;
				border-bottom:none;
				background-position:0 9px;
			}








/************************** > li************************************************************

  	災害自販機
	
 **************************************************************************************/



				.jihankimap{
					mac-width:680px;
					width:90%;
					margin:30px auto 0;
					position:relative;
				}

					.jihankimap iframe{
						width:100%;
						border:none;
					}


			.kyoryokushalist{
				width:calc(100% - 35px);
				margin:50px auto;
				border-top:1px dotted #ccc;
				list-style:none;
			}
			
				.kyoryokushalist li{
					padding:10px 5px 10px 30px;
					line-height:1.5em;
					border-bottom:1px dotted #ccc;
					background:url(/shared/dot_circle-orange-s.png) no-repeat 10px 17px;
				}

				.kyoryokushalist li{zoom:1;}
				.kyoryokushalist li:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}
				
					.kyoryokushalist li h4{
						width:48%;
						padding-right:2%;
						float:left;
					}
					.kyoryokushalist li h4 a{
						text-decoration:none;
					}
					.kyoryokushalist li h4 a:hover{
						text-decoration:underline;
					}
				
				@media screen and (max-width:770px){
					.kyoryokushalist li h4 a{
						font-size:0.9em;
					}
				}
				
			
					.kyoryokushalist li p{
						width:calc(50% - 40px);
						margin:0;
						float:left;
					}
					
					.kyoryokushalist li .linkhp{
						display:block;
						color:#fff;
						width:40px;
						height:40px;
						font-weight:bold;
						text-align:center;
						text-decoration:none;
						line-height:40px;
						border-radius:5px;
						float:right;
						background:#036;
						-moz-box-shadow:0px 0px 1px 0px #aaa;
						-webkit-box-shadow:0px 0px 1px 0px #aaa;
						box-shadow:0px 0px 1px 0px #aaa;
						-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;
					}
					
					.kyoryokushalist li .linkhp:hover{
						filter:alpha(opacity=80);
						-moz-opacity:0.80;
						opacity:0.80;
					}




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


	/* リンクボタン */

 	.linkbtn-top{
		display:block;
		width:280px;
		height:48px;
		margin:43px auto 0;
		color:#000;
		font-weight:700;
		line-height:49px;
		text-align:center;
		text-decoration:none;
		background-color:#fff;
		background-image:url(/shared/img_yajirushi-black.png);
		background-repeat:no-repeat;
		background-size:8px auto;
		background-position:95% 50%;
		-moz-box-shadow:0 0 0 2px #1a1a1a inset;
		-webkit-box-shadow:0 0 0 2px #1a1a1a inset;
		box-shadow:0 0 0 2px #1a1a1a inset;
	}



	.ftx { display:inline-block; }
	
	







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

  	お問い合わせ

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


	.contact table{
		width:90%;
		margin:0 auto;		 
		border-collapse:collapse;
	}

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

		.contact table th{
			width:60%;
			padding:10px 0;
			background-color:#f2f2f2;
		}

		.contact table td{
			width:40%;
			padding:10px 0;
		}
				
	@media screen and (max-width:770px){

		.contact table th{
			font-size:0.9em;
		}

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

		.contact table th,
		.contact table td{
			width:100%;
			padding:10px 0;
			display:block;
		}

		.contact table th{
			padding:5px 0;
			font-size:0.9em;
			border-top:none;
			border-bottom:none;
		}
		.contact table tr:nth-of-type(1) th{
			border-top:1px solid #ccc;
		}
		.contact table th br{
			display:none;
		}
		
	}
	


/* メールフォーム */

		
	.mailform{padding-bottom:30px;}

		
		.mailform dl{
			width:90%;
			margin:0 auto;
			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;
		}


			.mailform dt{
				width:30%;
				padding-top:3px;
				font-size:0.9em;
				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 dd:nth-of-type(1) li{
				width:calc(100% / 2);
				margin-bottom:15px;
				float:left;
				list-style:none;
			}
			
		@media screen and (max-width:770px){

			.mailform dd:nth-of-type(1) li{
				width:100%;
			}
			
		}
			
		@media screen and (max-width:540px){

			.mailform dd:nth-of-type(1) li{
				margin-bottom:10px;
			}
			
		}


			.index .mailform dl:nth-of-type(2) dd{
				margin-bottom:15px;
			}

			.index .mailform dl:nth-of-type(2) dd{zoom:1;}
			.index .mailform dl:nth-of-type(2) dd:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}


			.mailform dl:nth-of-type(2) h3{
				width:100px;
				color:#036;
				font-weight:500;
				float:left;
				position:relative;
				top:27px;
			}
			
		@media screen and (max-width:770px){
	
			.mailform dl:nth-of-type(2) h3{
				width:100px;
				float:none;
				top:1px;
			}
			
		}
				
		@media screen and (max-width:540px){
	
			.mailform dl:nth-of-type(2) h3{
				top:3px;
			}
			
		}

			.mailform input[type=text],
			.mailform select,
			.mailform textarea{
				font-size:1.0em;
				-webkit-appearance: none;
				border:1px solid #999;	
			}
			

					#todayy,#todaym,#todayd{
						max-width:50px;
						width:90%;
						margin-bottom:15px;
						padding:13px 10px 
					}
				
					#name,#kikan,#furigana,#company,#tel,#deceased{
						max-width:370px;
						width:90%;
						margin-bottom:15px;
						padding:13px 10px 
					}

					#zip1,#zip2{
						width:40px;
						margin-bottom:15px;
						padding:13px 10px 
					}

					#sendto,#address1{
						margin-bottom:15px;
						padding:13px 10px 
					}


					#email,#email2,#message,#address2,#address3,#hp{
						max-width:500px;
						width:90%;
						margin-bottom:15px;
						padding:13px 10px 
					}

					.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;
					}

					#donation,#kaihi{
						max-width:120px;
						width:90%;
						margin-bottom:15px;
						padding:13px 10px 
					}

					#kuchi{
						max-width:40px;
						width:90%;
						margin-bottom:15px;
						padding:13px 10px 
					}

			#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-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
				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:"kozuka-mincho-pro";
			text-align:center;
		}

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

		.thanks .mailform h3{
			font-size:1.0em;
			line-height:1.5em;
		}

	}









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

  	お知らせ

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


	.newslist{
		padding-bottom:30px;
	}


	.newslist > ul{
		width:94%;
		margin:30px auto 20px;
		border-top:1px dashed #ccc;
	}

		.newslist > ul li{
			padding:10px 1% 0;
			list-style:none;
			line-height:1.4em;
			border-bottom:1px dashed #ccc;
		}

			.newslist .date{
				color:#036;
				float:left;
				font-size:0.9em;
			}

			.index .cat,
			.newslist .cat,
			.detail .cat{
				display:-webkit-flex;
				display:flex;
 				justify-content: center;
				-webkit-align-items:center;
				width:80px;
				height:18px;
				margin-left:10px;
				padding:0;
				color:#fff;
				font-size:0.6em;
				line-height:18px;
				text-align:center;
				float:left;
				border-radius:3px;
			}
			
			.cat.honsho{background-color:#006697;}			
			.cat.vc{background-color:#33b9ff;}
			.cat.chuou{background-color:#e2b6e4;}
			.cat.higashi{background-color:#f07878;}
			.cat.nishi{background-color:#78aff0;}
			.cat.minami{background-color:#e2b6e4;color:#333;}
			.cat.kita{background-color:#84dc99;}

			.cat.jishin{background-color:#000;}
			.cat.covid19{background-color:#c00;}

			.cat.jikyo {background-color:#7cfc00;color:#333;}
			.cat.kouken{background-color:#e673ae;}
			.cat.chiiki-c {background-color:#f5dbda;color:#333;}


			.newslist .entrytitle{
				clear:both;
				width:100%;
				margin-top:10px;
				overflow-wrap: break-word;
			　　word-wrap: break-word;
			}

			.index .news .wrapper:nth-of-type(1) .entrytitle{
				width:calc(100% - 185px);
			}

			.index .news .entrytitle{
				clear:none;
				width:calc(100% - 95px);
				margin:0;
				float:right;				
			}


	/* お知らせ詳細 */

		.content main .detail header{
			height:auto !important;
			min-height:0;
			padding:20px 0 0;
			background-image:none;
		}

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


		.detail h3{
			padding:0 3%;
			color:#036;
			font-size:1.2em;
			background-color:transparent;
			border-bottom:1px solid #036;
		}


	@media screen and (max-width:1000px){
	
		.detail article{
			padding-bottom: 30px;
		}
		
	}
			
			.detail .date{
				color:#666;
				font-size:0.8em;
				margin:10px 0 0 3%;
				float:left;
			}
			
			.detail .cat{
				margin-top:14px !important;
				top:0;
				
			}
			
			.detail .entrybody{
				margin:30px 5%;
			}



		/* 校区社会福祉協議会との連携 */

		.renkei .stdp.center .linkbtn{
			margin:15px auto 35px;
			line-height:1.3em !important;
			background-color: #fa4e25;
			position: relative;
			top:10px;
			float: none;
		}


	/* トグル */
		#trigger{
			cursor:pointer;
		}
		
		#dl{
			display:none;
		}

			#dl > h5{
				width:90%;
				margin:35px auto 25px;
				padding:0 1% 5px;
				color:#c33;
				font-size:1.1em;
				font-weight:700;
				border-bottom:1px solid #00264d;
			}

	@media screen and (max-width:770px){
	
			#dl > h5{
				font-size:1.0em;
			}
	
	}
	
			#dl > h5 + p,
			#dl > h5 + p + p,
			#dl > h5 + p + p + ol + p{
				width:90%;
				margin-left:auto;
				margin-right:auto;
			}

			#dl > h5 + p + ol,
			#dl > h5 + p + p + ol,
			#dl > h5 + p + p + ol + p + ol{
				width:90%;
				margin-left:auto;
				margin-right:auto;
			}
		

			#dl2 > h5{
				width:90%;
				margin:35px auto 25px;
				padding:0 1% 5px;
				color:#c33;
				font-size:1.1em;
				font-weight:700;
				border-bottom:1px solid #00264d;
			}

	@media screen and (max-width:770px){
	
			#dl2 > h5{
				font-size:1.0em;
			}
	
	}
	
			#dl2 > h5 + p,
			#dl2 > h5 + p + p,
			#dl2 > h5 + p + p + ol + p,
			#dl2 > h5 + p + p + ol + p + ol + p,
			#dl2 > h5 + p + p + ol + p + ol + p + ol + p{
				width:90%;
				margin-left:auto;
				margin-right:auto;
			}

			#dl2 > h5 + p + ol,
			#dl2 > h5 + p + p + ol,
			#dl2 > h5 + p + p + ol + p + ol,
			#dl2 > h5 + p + p + ol + p + ol + p + ol,
			#dl2 > h5 + p + p + ol + p + ol + p + ol + p + ol{
				width:90%;
				margin-left:auto;
				margin-right:auto;
			}
	



		/* covid19 */

		.covid19 h4:nth-of-type(1){color:#06f;}
		.covid19 h4:nth-of-type(2){color:#090;}
		.covid19 h4:nth-of-type(3){color:#f00;}
			







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

  	絵画コンクール

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


	.kaiga main{
		clear:both;
		padding-bottom:80px;
		background-image: url("/kaiga/images/bg_kaiga.jpg");
		background-color: #008e62;
		background-repeat: no-repeat;
		background-position: 50% 0;		
	}

		.kaiga main .inner{
			max-width:1000px;
			width:94%;
			margin:0 auto;		
		}



	.kaiga main header{
		max-width:1000px;
		width:94%;
		min-height:110px;
		margin:0 auto;		
	}

		
		.kaiga main header h2{
			max-width:804px;
			width: 90%;
			margin: 0 auto 50px;
			padding-top:70px;
			color:#006697;
			font-size:1.8em;
			font-weight:700;
			position:relative;
		}
		.kaiga main header h2 img{
			width:100%;
			height:auto;
			position:relative;
		}
		
		.kaiga main header h2 a{
			color:#006697;
			text-decoration:none;
		}

			
	@media screen and (max-width:770px){
		
		.kaiga main header h2{
			margin: 0 auto 35px;
		}
			
	}

			
	@media screen and (max-width:430px){
		
		.kaiga main header h2{
			margin: 0 auto 25px;
		}
			
	}


	
	.kaiga .link-content{
		max-width:900px;
		width:90%;
		margin:0 auto 50px;
	}
			
@media screen and (max-width:640px){
	
	.kaiga .link-content{
		width:100%;
		margin:0 auto 30px;
	}
			
}

		.kaiga .link-content li{
			width:24%;
			margin:0 0.5% 10px;
			float:left;
			list-style:none;
			text-align:center;
		}
				
	@media screen and (max-width:1000px){
	
		.kaiga .link-content li{
			width:calc((100% / 3) - 1%);
			margin:0 0.5% 5px;
		}
				
	}
				
	@media screen and (max-width:480px){
	
		.kaiga .link-content li{
			width:49%;
			margin:0 0.5% 5px;
		}
				
	}
	
		.kaiga .link-content li a,
		.kaiga .link-content li span{
			display:block;
			width:100%;
			padding:5px 0;
			text-decoration:none;
			background-color:#f2f2f2;
		}
		.kaiga .link-content li span{
			color:#fff;
			background-color:#369;
		}
			
	@media screen and (max-width:1000px){
		
		.kaiga .link-content li a,
		.kaiga .link-content li span{
			font-size:0.9em;
		}

	}
			
	@media screen and (max-width:640px){
		
		.kaiga .link-content li a,
		.kaiga .link-content li span{
			font-size:0.8em;
		}

	}

		.kaiga .link-content + p{
			margin-top: 0;
			color:#fff;
			font-size:1.1em;
			text-align: center;
			text-shadow:0 0 5px #c00,0 0 5px #c00,
			0 0 5px #c00,0 0 5px #c00,0 0 5px #c00;
		}
			
	@media screen and (max-width:640px){

		.kaiga .link-content + p{
			font-size:1.0em;
		}
			
	}

	.kaiga main h3{
		clear: both;
		max-width:900px;
		width:calc(100% - 40px);
		height:40px;
		margin:20px auto;
		padding:0 20px;
		color:#fff;
		font-size:1.2em;
		font-weight:700;
		letter-spacing:0.1em;
		line-height: 41px;
		background-color:#f60;
		border-radius:5px;
	}
			
@media screen and (max-width:640px){

	.kaiga main h3{
		height:34px;
		font-size:1.1em;
	}
			
}
			
@media screen and (max-width:480px){

	.kaiga main h3{
		height:30px;
		font-size:1.0em;
		line-height: 31px;
	}
			
}


		.kaiga .listphoto{
			display:block;
			max-width:930px;
			width:90%;
			margin:0 auto;
			list-style:none;
		}
			
	@media screen and (max-width:1000px){

		.kaiga .listphoto{
			width:100%;
		}
			
	}

		.kaiga .tokusen.listphoto{
			max-width:360px;
			width:90%;
			background-color: #fff;
			position: relative;
			left:-1%;
		}

			.kaiga .listphoto li{
				width:calc((100% / 4) - 2% - 8px);
				margin:0 1% 20px;
				padding:4px 4px 0;
				font-size:0.9em;
				float:left;
				background-color:#fff;
				border-radius:3px;
				text-align: center;
			}

			.kaiga .listphoto li img{
				width:100%;
				height:auto;
				line-height: 0;
			}

			.kaiga .tokusen.listphoto li{
				width:100%;
				margin: 0;
				font-size:1.0em;
				float: none;
			}
			.kaiga .tokusen.listphoto li img{
			}

			.kaiga .nyusen.listphoto li{
				width:calc((100% / 3) - 2% - 8px);
				margin:0 1% 20px;
				font-size:1.0em;
			}

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

			.kaiga .listphoto li{
				width:calc((100% / 3) - 2% - 8px);
			}

			.kaiga .nyusen.listphoto li{
				width:calc((100% / 2) - 2% - 8px);
			}

		}

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

			.kaiga .listphoto li{
				width:calc((100% / 2) - 2% - 8px);
			}

			.kaiga .nyusen.listphoto li{
				max-width:360px;
				width:90%;
				margin:0 auto 20px;
				float: none;
			}

		}


			.kaiga .listphoto li p{
				display:-webkit-flex;
				display:flex;
 				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				height: 40px;
				margin: 0 0 5px;
				color:#036;
				line-height:1.3em;
			}

		@media screen and (max-width:1000px){
			
			.kaiga .listphoto li p{
				font-size:0.9em;
			}

		}

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

		}

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

		}







.bankasaiyobou{
	max-width: 563px;
	width:100%;
	margin: 50px auto 0;
}
.bankasaiyobou img{
	width:100%;
	height: auto;
}



.shinpaigotosoudansho{
	padding-bottom: 10px;
}

.shinpaigotosoudansho img{
	float: left;
	margin:0 40px 80px 20px;
}

.shinpaigotosoudansho li{
	margin-bottom: 10px;
	line-height: 1.5em;
}


	
				.seinenkouken-btn .linkbtn3{
					display:block;
					width:100%;
					margin:0 1% -30px;
					padding:10px 0;
					color:#fff;
					font-size:1.0em;
					font-weight:700;
					line-height:1.2em;
					text-align:center;
					text-decoration:none;
					background-color:#369;
					background-image:url(/shared/img_yajirushi-yellow2.png);
					background-repeat:no-repeat;
					background-position:95% 50%;
					border-radius:5px;
					float:left;
					position: relative;
					top:-30px;
				}
				.stdp.center .linkbtn{
					margin:10px auto;
					float:none;
				}

				.stdp .linkbtn2{
					background-image:none;
				}


			@media screen and (max-width:770px){
			
				.stdp .linkbtn,.stdp .linkbtn2{
					max-width:360px;
					width:100%;
					margin:10px auto;
					float:none;
				}
			
			}

			@media screen and (max-width:430px){
			
				.stdp .linkbtn,.stdp .linkbtn2{
					font-size:0.9em;
				}
			
			}




	
	/* 民生委員 */

		.minsei .stdp.center .linkbtn{
			margin:15px auto 0;
			line-height:1.3em !important;
			background-color: #fa4e25;
			position: relative;
			top:10px;
			float: none;
		}




	.minsei .katsudou{
		width:631px;
		margin: 0 auto;
	}

@media screen and (max-width:770px){
	
	.minsei .katsudou{
		width:315px;
	}

}

@media screen and (max-width:400px){
	
	.minsei .katsudou{
		width:245px;
	}

}

	
		.minsei .katsudou li{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			width:154px;
			height:154px;
			margin:0 5px 5px 0;
			font-size: 0.9em;
			text-align: center;
			float: left;
			list-style: none;
			line-height: 1.3em;
			border-radius:77px;
		}

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

		.minsei .katsudou li{
			width:120px;
			height:120px;
			font-size: 0.8em;
			border-radius:60px;
		}

	}

		.minsei .katsudou li:nth-of-type(1){background-color:#cf9;}
		.minsei .katsudou li:nth-of-type(2){background-color:#ff6;}
		.minsei .katsudou li:nth-of-type(3){background-color:#cff;}
		.minsei .katsudou li:nth-of-type(4){background-color:#fcc;}

		.minsei .katsudou li:nth-last-of-type(1){margin-right:0;}

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

		.minsei .katsudou li:nth-of-type(2){margin-right:0;}

	}


		.minsei .suisen{
			max-width:650px;
			width:100%;
			margin: 0 auto 70px;
		}

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

		.minsei .suisen{
			margin: 0 auto 40px;
		}

	}

			.minsei .suisen img{
				width:100%;
				height:auto;
			}

			.minsei .suisen + p{
				margin-bottom:10px;
			}

			.minsei .suisen + p + table{
				max-width:660px;
				width:100%;
				margin: 0 auto 20px;
				border-collapse: collapse;
			}

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

			.minsei .suisen + p + table{
				width:90%;
			}

		}

				.minsei .suisen + p + table th{
					padding: 10px 1%;
					border:1px solid #ccc;
					white-space: nowrap;
				}

				.minsei .suisen + p + table td{
					padding: 10px;
					border:1px solid #ccc;
				}

				.minsei .suisen + p + table tr:nth-of-type(2) th,
				.minsei .suisen + p + table tr:nth-of-type(2) td{
					background-color:#dae3f3;
				}


		.minsei .organization{
			max-width:700px;
			width:100%;
			margin: 0 auto 70px;
		}

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

		.minsei .organization{
			margin: 0 auto 40px;
		}

	}

			.minsei .organization img{
				width:100%;
				height:auto;
			}



			.minsei .hayashi-ichizo{
				width:240px;
				margin:8px 25px 10px 20px;
				float: right;
			}
			.minsei .hayashi-ichizo img{
				width:100%;
				height:auto;
			}

			.minsei .hayashi-ichizo p{
				margin: 0 0 10px;
				color:#036;
				font-size: 0.9em;
				text-align: center;
			}

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

			.minsei .hayashi-ichizo{
				margin:8px auto 10px;
				float:none;
				line-height: 0;
			}

			.minsei .hayashi-ichizo p{
				margin: 10px 0 0;
			}

		}

			
				
/* 民生委員専用ページ */

		.minseientry .stdp .linkbtn5{
			margin-top:20px;
			margin-bottom: 50px;
			padding: 50px 0;
		}

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

		.minseientry .stdp .linkbtn5{
			margin-top:20px;
			margin-bottom: 20px;
			padding:30px 0;
		}

	}


	.minseilist > h3 + h4 + ul{
		width:90%;
		margin: 35px auto;
	}

.minseilist > h3 + h4 + ul{zoom:1;}
.minseilist > h3 + h4 + ul:after{
  content: ""; 
  display: block; 
  clear: both;
}


		.minseilist > h3 + h4 + ul > li{
			width:49%;
			padding:10px 0;
			font-size:1.2em;
			font-weight:700;
			text-align: center;
			list-style: none;
			line-height: 1.5em;
			border-radius:5px;
			float: left;
		}
		.minseilist > h3 + h4 + ul > li:nth-of-type(2n){
			float:right;
		}

		.shiryo > h3 + h4 + ul > li{
			margin-left: 0;
			color:#fff;
			background-color:#036;
			box-shadow:0 0 0 0 #ccc inset;				
		}

		.shiryo > h3 + h4 + ul > li:nth-of-type(2n){
			background-color: #fff;
			box-shadow:0 0 0 1px #ccc inset;				
		}

		.kenshu > h3 + h4 + ul > li{
			margin-left: 0;
			background-color: #fff;
			box-shadow:0 0 0 1px #ccc inset;				
		}

		.kenshu > h3 + h4 + ul > li:nth-of-type(2n){
			color:#fff;
			background-color:#036;
			box-shadow:0 0 0 0 #ccc inset;				
		}

	@media screen and (max-width:770px){
	
		.minseilist > h3 + h4 + ul > li{
			padding:10px 0;
			font-size:1.0em;
		}
	
	}

		.minseilist > h3 + h4 + ul > li a{
			color:#999;
			text-decoration: none;
		}

		.minseilist > h3 + h4 + ul > li a:hover{
			color:#c33;
		}


			.mainblock > h4{
				width:88%;
				margin:35px auto 25px;
				padding:13px 3% 10px;
				color:#00264d;
				font-size:1.2em;
				font-weight:700;
				line-height: 1.5em;
				background-color:#eef7ff;
				border-radius:5px;
			}

		@media screen and (max-width:770px){
	
			.mainblock > h4{
				padding:10px 4%;
				font-size:1.0em;
			}
	
		}


			.minseilist .list{
				width:94%;
				margin: 0 auto !important;
			}

			.minseilist .list > li .stdp{
				width:94%;
				padding: 20px 3% 10px;
			}


			.minseilist .list > li{
				margin-bottom:30px;
				list-style: none;
				box-shadow:0 0 0 1px #369 inset;				
			}

				.minseilist .list > li h5{
					padding:10px 25px 8px 15px;
					color:#fff;
					font-size: 1.1em;
					font-weight: 700;
					line-height: 1.4em;
					background-color: #369;
					background-image: url("/shared/ico_plus.png");
					background-repeat: no-repeat;
					background-position: 98% 50%;
					cursor: pointer;
				}


				.minseilist .list > li .stdp ul > li{
					margin-bottom:15px;
					font-size: 0.9em;
					line-height: 1.5em;
				}
				.minseilist ul.list > li .stdp ul > li:nth-last-of-type(1){
					/*margin-bottom: 10px;*/
				}

				.minseilist ul.list > li .stdp ul > li.stylenone{
					list-style: none;
				}


				.minseilist.kenshu ol{
					margin-left: 0;
				}



.minseilist .list .stdp{
	display: none;
}




				.minseilist.kenshu ul.list > li .stdp ol li{
					margin-bottom:15px;
					line-height: 1.5em;
					list-style: none;
				}

					.kenshutitle{
					}


				.minseilist.kenshu ul.list > li .stdp .note{
					margin:0 0 10px;
				}
				.minseilist.kenshu ul.list > li .stdp .note p:nth-of-type(1){
					margin-top: 0;
				}


			.mainblock.minseilist h6{
				width:100%;
				margin:0;
				padding-left:0;
				font-size:1.1em;
				background-image:none;
			}

			.mainblock.minseilist .filetype{
				margin:3px 0 0;
					margin-bottom: 0;
					padding-bottom: 0;
			}

.mainblock.minseilist .filetype{zoom:1;}
.mainblock.minseilist .filetype:after{
  content: ""; 
  display: block; 
  clear: both;
}

				.mainblock.minseilist .filetype li{
					width:70px;
					margin-right:5px;
					margin-bottom:5px !important;
					font-weight:700;
					list-style:none;
					float:left;
				}

					.mainblock.minseilist .filetype li a{
						display:flex;
						justify-content: center;
						align-items:center;
						width:100%;
						padding:3px 0 0;
						color:#fff;
						text-decoration: none;
						border-radius: 3px;
					}

					.mainblock.minseilist .filetype li.doctype a{background-color: #4db1ff;}
					.mainblock.minseilist .filetype li.pdftype a{background-color: #ae6bd6;}
					.mainblock.minseilist .filetype li.exltype a{background-color: #00a67f;}

.mainblock.minseilist .filetype li a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
.mainblock.minseilist .filetype li a{
	-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;
}

					.shiryonote{
						margin-top: 5px;
						/*font-size:0.9em;*/
					}






				
/* ジュニアヘルパー */				
				
	.mcard-senkou{
		padding: 50px 0;
		
	}

		.mcard-senkou h4{
			margin-bottom: 20px;
			color:#c33;
			font-weight: 700;
		}
		
		.mcard-senkou h5{
			clear: both;
			float: left;
			width:90px;
		}
	
	@media screen and (max-width:480px){
		
		.mcard-senkou h5{
			float:none;
		}
	
	}

		.mcard-senkou h5 + p{
			margin: 0 0 15px;
			float:right;
			width:calc(100% - 100px);
		}
	
	@media screen and (max-width:480px){
		
		.mcard-senkou h5 + p{
			margin: 0 auto 15px;
			float:none;
			width:94%;
		}
	
	}

		.mcard-senkou ul{
			margin: 0 auto;
		}

			.mcard-senkou ul li{
				width:48%;
				margin: 0 1% 10px;
				float: left;
				list-style: none;
				line-height: 0;
			}

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

			.mcard-senkou ul li{
				max-width: 300px;
				width:100%;
				margin: 0 auto 10px;
				float:none;
			}

		}

			.mcard-senkou ul li img{
				width:100%;
				height: auto;
			}
				
				
				

/* 後見支援センター */

	.kenshu-movie{
		width:94%;
		margin: 20px auto;
		padding-top: 20px;
		border:1px solid #c33;
	}

		.kenshu-movie h4{
			color: #369;
			font-size: 1.4em;
			font-weight: 700;
			text-align: center;
			line-height: 1.5em;
		}



	.kenshu-movie .linkpage{
		display: block;
		max-width:640px;
		width:94%;
		margin: 20px auto;
		padding: 15px 0;
		color:#fff;
		font-size:1.1em;
		font-weight:700;
		text-align: center;
		text-decoration:none;
		/*background-color: #fff2f2;*/
		background-color:#c33;
		background-image:url("/shared/img_yajirushi-yellow.png");
		background-repeat: no-repeat;
		background-position: 98% 50%;
		border-radius:5px;
		
	}

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

	.kenshu-movie .linkpage{
		padding: 10px 0;
		font-size:1.0em;
		line-height: 1.4em;
	}

}


			.moviesnote .mainblock > ol > li{
				margin-bottom:20px;
			}

				.moviesnote .mainblock ol > li > ol{
					margin-right: 25px;
					margin-left: 0;
				}

				.moviesnote .mainblock .url{
					color:#369;
					font-size: 0.9em;
					line-height: 1.5em;
				}
				.moviesnote .mainblock .url a{
					color:#369;
				}

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

				.moviesnote .mainblock .url{
					margin-bottom:20px;
				}
			
			}



				.moviesnote .mainblock .linkqr img{
					display: block;
					width:100px;
					height:auto;
					margin-bottom: -25px;
					float:right;
					position: relative;
					top:-25px;
				}

			@media screen and (max-width:640px){
			
				.moviesnote .mainblock .linkqr img{
					margin: 0 auto;
					float:none;
					top:0;
				}

			}

			.youtube img{
				display: block;
				max-width: 480px;
				width:100%;
				height:auto;
				margin:0 auto 0;
			}




/* ログインフォーム */

	.loginwrap{
		max-width:280px;
		width:80%;
		margin:30px auto 50px;
		padding:20px 5% 5px;
		border:1px solid #ccc;
		background-color:#fff;
		border-radius:10px;
	}

	.loginwrap h3{
		font-size:1.0em;
		margin-bottom:20px;
		color:#fff;
		font-weight:bold;
		text-align:center;
	}

	.loginwrap input{
		margin-bottom:10px;
	}

	.loginwrap #username,
	.loginwrap #password{
		width:140px;
		height:30px;
		padding:0 10px;
		font-size:1.2em;
		border-radius:5px;
		border:1px solid #999;
	}

	.loginwrap #submit{
		display:block;
		width:100px;
		height:30px;
		margin:10px auto;
	}

		.loginwrap + .spbox ul{
			margin-top: 10px;
		}



.logout{
	margin:0 auto;
	text-align:center;
	position: relative;
	top:8px;
}


	.minseiiin_houkoku ul{
		width:94%;
	}

		.minseiiin_houkoku li{
			width:calc(100% / 3);
			padding:15px 0 5px;
			list-style: none;
			text-align: center;
			float: left;
		}

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

		.minseiiin_houkoku li{
			width:50%;
			padding:15px 0 5px;
		}

	}

.minseiiin_houkoku li:nth-of-type(1){background-color: #eb84b7;}
.minseiiin_houkoku li:nth-of-type(2){background-color: #f8f8f8;}
.minseiiin_houkoku li:nth-of-type(3){background-color: #8bc2ea;}
.minseiiin_houkoku li:nth-of-type(4){background-color: #ecac67;}
.minseiiin_houkoku li:nth-of-type(5){background-color: #e988ea;}
.minseiiin_houkoku li:nth-of-type(6){background-color: #8dea8d;}



		.minseiiin_houkoku li img{
			width:90%;
			height: auto;
		}

		.minseiiin_houkoku li p{
			margin: 3px 0;
			font-size:0.8em;
			line-height: 1.3em;
			text-align: center;
		}





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

  	市民後見人養成事業-2023-08

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


	.koukennin .syutten{
		width:90%;
		margin: 0 auto;
		padding:0 5% 20px;
	}

		.koukennin .syutten img{
			width:140px;
			height:auto;
			float:right;
		}

		.koukennin .syutten div{
			float:left;
			width:calc(100% - 170px);
			height:140px;
			margin: 0 0 20px;
			padding-right: 30px;
			text-align: center;
			background-color:#f0fff0;
			background-image: url("/images/bg_syutten.png");
			background-repeat: no-repeat;
			background-position: 100% 50%;
		}

		.koukennin .syutten div p{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			margin: 0;
			line-height: 1.4em;
		}

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

		.koukennin .syutten img{
			display: none !important;
		}

		.koukennin .syutten div{
			display: none;
		}

	}

		.koukennin .syutten div p:nth-of-type(1){
			height:60%;
			align-items:center;
		}

		.koukennin.mainblock > h4 + ul{
			padding-left: 0;
		}



	/* kouken-case */

		.kouken-case li{
			list-style: none;
		}

	.kouken-case li{zoom:1;}
	.kouken-case li:after{
	  content: ""; 
	  display: block; 
	  clear: both;
	}
							
@media screen and (max-width:480px){

	.kouken-case{
		position: relative;
		left:-5%;
	}

		.kouken-case li{
			width:100%;
		}

}


		.kouken-case li h6{
			position:relative;
			left:-50px;
		}
							
	@media screen and (max-width:480px){

		.kouken-case li h6{
			left:-25px;
		}
							
	}

		.kouken-case li img{
			width:100px;
			height:auto;
			float: left;
		}
							
	@media screen and (max-width:480px){

		.kouken-case li img{
			width:120px;
			display: block;
			margin: 0 auto 15px;
			float:none;
		}
							
	}
							
		.kouken-case li p{
			width:calc(100% - 120px);
			float: right;
		}
							
	@media screen and (max-width:480px){

		.kouken-case li p{
			width:100%;
			float:none;
		}

	}
							


		.kouken-case + .align-right{
			width: 90%;
			margin: 0 auto;
			color:#036;
		}

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

		.kouken-case + .align-right{
			text-align: center;
		}

	}

		.koukennin .jisseki th{
			width:110px;
			padding: 0;
			font-size:0.8em;
			font-weight:400;
			line-height: 1.4em;
			vertical-align: middle;
		}
							
	@media screen and (max-width:640px){

		.koukennin .jisseki th{
			font-size: 0.7em
		}
		
	}
							
	@media screen and (max-width:480px){

		.koukennin .jisseki th{
			font-size: 0.6em
		}
		
	}



		.koukennin .jisseki tr:nth-of-type(1) th{
			width:auto;
			padding: 5px 0;
			font-size:0.8em;
			line-height: 1.2em;
		}
							
	@media screen and (max-width:640px){

		.koukennin .jisseki tr:nth-of-type(1) th{
			font-size: 0.7em
		}
		
	}
							
	@media screen and (max-width:480px){

		.koukennin .jisseki tr:nth-of-type(1) th{
			font-size: 0.6em
		}
		
	}

		.koukennin .jisseki tr:nth-of-type(1) th p{
			margin: 0;
			font-size:0.9em;
		}


		.koukennin .jisseki td{
			padding:10px 0;
			text-align: center;
		}
							
	@media screen and (max-width:640px){

		.koukennin .jisseki td{
			padding:5px 0;
			font-size: 0.9em
		}
		
	}
							
	@media screen and (max-width:640px){

		.koukennin .jisseki td{
			width:14%;
			font-size:0.8em;
		}
		
	}



		.koukennin-flow{
			width:90%;
			margin:0 auto;
			padding: 20px 0 50px;
			/*border-bottom: 1px dashed #ccc;*/
			background-image: url("/images/img_triangle-orange.png");
			background-repeat: no-repeat;
			background-position: 50% 100%;			
		}
		.koukennin-flow.lastlist{
			background-image: none;
		}

		.koukennin-flow{zoom:1;}
		.koukennin-flow:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}

			.koukennin-flow .imgbox{
				width:160px;
				margin: 0;
				float: right;
				text-align: center;
			}
							
		@media screen and (max-width:640px){

			.koukennin-flow .imgbox{
				width:100%;
				margin: 0 auto 5px;
				float:none;
			}

		}

		.koukennin-flow ol{
			margin-left: 0;
		}

		.koukennin-flow + .spbox{
			width:92%;
			margin: 0 auto 50px;
			padding:20px 4%;
			background-color: transparent;
			border:1px solid #ccc;
		}

				.koukennin-flow + .spbox .stdp .linkbtn4{
					display: block;
					margin:20px auto 10px;
					float: none;
				}






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

  	熊本市成年後見支援センター-2023-09

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


	.kouken-news{
		width:94% !important;
		margin-bottom:30px;
		position:relative;
		left:-1%;
	}


		.kouken-news li{
			margin-left:0 !important;
			margin-bottom:0 !important;
			font-size:0.9em;
			list-style:none;
			line-height:1.5em;
			border-bottom:1px dashed #ccc;
		}
		.kouken-news li:nth-of-type(1){
			border-top:1px dashed #ccc;
		}

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

		.kouken-news li:nth-of-type(1){
			padding:3px 1% 2px;
		}

	}


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

		.kouken-news li a,
		.kouken-news li span{
			display: block;
			width: 98%;
			padding:10px 1% 10px;
			text-decoration: none;
		}
	
		.kouken-news li a{zoom:1;}
		.kouken-news li a:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}
		.kouken-news li span{zoom:1;}
		.kouken-news li span:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}

		.kouken-news li .date{
			width:90px !important;
			color:#006697;
			font-size:0.8em;
			font-weight:700;
			float:left;
		}

		.kouken-news li .entrytitle{
			width:calc(100% - 100px);
			margin:0;
			word-break:break-all;
			word-wrap:break-word;
			float:right;
		}
							
	@media screen and (max-width:1000px){

		.kouken-news li .date{
			width:100% !important;
		}

		.kouken-news li .entrytitle{
			clear:both;
			width:100% !important;
			margin:0;
			float:none;
		}
						
	}


				.kouken-news + a{
					display:block;
					width:100px;
					height:22px;
					padding-right:10px;
					color:#fff;
					font-size:0.7em;
					text-align:center;
					text-decoration:none;
					letter-spacing:0;
					line-height:22px;
					background-color:#006697;
					background-image:url(/shared/img_yajirushi-yellow.png);
					background-repeat:no-repeat;
					background-size:12px auto;
					background-position:95% 50%;
					border-radius:11px;
					float:right;
					position:relative;
					top:-45px;
					left:-6%;
				}


			#navigation{
				width:94%;
				margin: 0 auto 30px;
			}

			#navigation .pagination a.page-numbers,
			#navigation .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;
			}

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




		.kouken-chart{
			width:100%;
			max-width: 570px;
			margin: 0 auto;
			position: relative;
			top:-10px;
		}
		.kouken-chart img{
			width:100%;
			height: auto;			
		}


		.kouken-chart + .note{
			width:94%;
			margin-left: 20px;
			position: relative;
		}

			.kouken-chart + .note > li{
				width:43%;
				margin:0 !important;
				padding: 15px 3% 10px;
				float:left;
				list-style: none;
				border-radius: 5px;
				-moz-box-shadow:0 0 0 2px #036 inset;
				-webkit-box-shadow:0 0 0 2px #036 inset;
				box-shadow:0 0 0 2px #036 inset;
			}

			.kouken-chart + .note > li:nth-of-type(2){
				float:right;
			}
							
		@media screen and (max-width:640px){

			.kouken-chart + .note > li{
				width:90%;
				margin-bottom: 15px !important;
				padding: 15px 5% 10px;
				float:none;
			}

			.kouken-chart + .note > li:nth-of-type(2){
				float:none;
			}
							
		}



			.kouken-chart + .note > li h5{
				margin-bottom:15px;
				padding: 5px 10px 2px;
				color:#036;
				font-weight: 700;
				background-color: #ffcc99;
				border-radius: 5px;
			}

			.kouken-chart + .note > li:nth-of-type(2) h5{
				background-color:#99ccff
			}


			.kouken-chart + .note > li ul{
				margin-top:5px;
				margin-left: 0;
			}

			.kouken-chart + .note > li ul li{
				margin-left:20px;
			}


			.kouken-chart + .note > li ul + ol{
				margin-left:0;
				position: relative;
			}

			.kouken-chart + .note > li ul + ol li{
				margin-left:5px;
				list-style: none;
			}

			.kouken-chart + .note > li ol li{
				margin-bottom:5px;
				line-height: 1.5em;
			}

			.kouken-chart + .note > li ol li{zoom:1;}
			.kouken-chart + .note > li ol li:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

				.kouken-chart + .note > li ol li span{
					width:70px;
					float: left;

				}

				.kouken-chart + .note > li ol li p{
					width:calc(100% - 70px);
					margin:0;
					float:right;

				}




			@media screen and (max-width:370px){
				
				.kouken-c .mainblock h4 br{
					display: none;
				}
				
			}


				.kouken-c .mainblock h4 + ul{
					margin-left:10px;
				}
			@media screen and (max-width:770px){
				.kouken-c .mainblock h4 + ul{margin-left:0 !important;}
			}





			.kouken-c .mainblock .spbox{
				width:86%;
				margin: 0 auto;
				padding: 20px 3%;

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

			.kouken-c .mainblock .spbox{
				width:82%;
				padding: 20px 5%;
			}
							
		}


				.kouken-c .mainblock .spbox .imagebox{
					max-width: 200px;
					width:30%;
					height:auto;
					margin: 0 0 -10px 20px;
					position: relative;
					top:-20px;
					float: right;
				}
				.kouken-c .mainblock .spbox .imagebox img{
					width:100%;
					height:auto;
				}
							
			@media screen and (max-width:640px){

				.kouken-c .mainblock .spbox .imagebox{
					display: block;
					width:40%;
					min-width: 140px;
					margin:10px auto !important;
					top:0;
					float:none;
				}
							
			}

				.kouken-c .mainblock .spbox .marunum{
					margin-left:0;
				}

				.kouken-c .mainblock .spbox .marunum ul{
				}

				.kouken-c .mainblock .spbox .marunum ul li{
					margin-bottom: 5px;
					line-height: 1.5em;
				}




				.kouken-image{
					display: block;
					max-width:240px;
					width:30%;
					min-width: 140px;
					height:auto;
					margin:0 auto -40px !important;
					position: relative;
					top:-20px;
				}
				.kouken-image img{
					width:100%;
					height:auto;
				}

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

				.kouken-image{
					margin:0 auto -30px !important;
					position: relative;
					top:-10px;
				}

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

				.kouken-image + table th{
					padding:2px 0 !important;
				}				

					.kouken-image + table th br{
						display: none;
					}				

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

				.kouken-image + table th{
					font-size:0.8em !important;
				}				

			}

				.kouken-c .linkbtn4.orange{
					margin-bottom: 0 !important;
					padding:20px 0 !important;
					background-color: #fa4e25;
				}
							
			@media screen and (max-width:640px){

				.kouken-c .linkbtn4.orange{
					padding:15px 0 !important;
				}
							
			}



		/* 関係機関向け */

	.relatednote .kouken-news{
		margin-bottom:30px;
	}

		.relatednote .spbox{
			width:86%;
			margin: 0 auto;
			padding: 20px 3%;

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

		.relatednote .spbox{
			width:82%;
			padding: 20px 5%;
		}
							
	}

			.relatednote .spbox p{
				margin: 0;
				text-align: center;
			}
							
		@media screen and (max-width:770px){

			.relatednote .spbox p{
				text-align:left;
			}

		}


			.relatednote .mainblock table{
				width:90%;
				margin:0 auto;
				border-collapse:collapse;
			}


.relatednote .logout,
.newslist .logout{
	margin:0 auto;
	text-align:center;
	position: relative;
	top:8px;
}


/*
		.relatednews #navigation{
			width:90%;;
			margin:0 auto 30px;
		}
*/





	#toc_container{
		margin: 30px auto;
	}

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

	#toc_container{
		margin: 0 auto 0;
	}

}

			h5 span[id^="i"],
			h5 span[id^="1"],
			h5 span[id^="2"],
			h5 span[id^="3"],
			h5 span[id^="4"],
			h5 span[id^="5"],
			h5 span[id^="6"],
			h5 span[id^="7"],
			h5 span[id^="8"],
			h5 span[id^="9"],
			h5 span[id^="10"]{
				padding-left: 0;
				color:#c33 !important;
				font-size:1.1em !important;
				background-color:transparent !important;
				
			}





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

  	賛助会員一覧-2023-10

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


	.sanjonote .mainblock{
		/*background-color: #ebf9ff;*/
		background-color: transparent;
	}

		.sanjonote .mainblock h4{
			padding: 0;
			background-color:transparent;
		}

			.sanjolist{
				max-width:660px;
				width:96%;
				margin:40px auto 20px !important;
			}
			.mainblock > h4 + ul.sanjolist{
				max-width:660px !important;
				width:96% !important;
			}
				
		@media screen and (max-width:1000px){

			.sanjolist{
				max-width:96%;
			}
				
		}
					
		@media screen and (max-width:770px){

			.sanjolist{
				width:100%;
				margin:30px auto 10px !important;
			}
				
		}
			
		@media screen and (max-width:430px){

			.sanjolist{
				max-width: 320px;
				margin:20px auto 30px !important;
			}
				
		}
				

				.sanjolist > li{
					max-width:320px;
					width:48%;
					margin:0 4% 20px 0;				
					font-size:1.0em !important;
					font-weight:400;
					float:left;
					list-style:none;
					line-height:0;				
				}
				.mainblock > h4 + ul.sanjolist > li{
					margin-left:0 !important;
					margin-bottom:20px!important;
					line-height:0!important;
				}

				.sanjolist > li:nth-of-type(2n){
					margin-right:0;
				}
				.sanjolist > li img{
					width:100%;
					height:auto;
					line-height: 0;
				}
					
			@media screen and (max-width:1000px){


				.sanjolist > li{
					width:32%;
					margin:0 2% 20px 0;				
				}

				.sanjolist > li:nth-of-type(3n){
					margin-right:0;
				}
					
				.sanjolist > li:nth-of-type(2n){margin-right:2%;}
				.sanjolist > li:nth-of-type(3n){margin-right:0;}

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

				.sanjolist > li{
					width:49%;
					margin:0 2% 15px 0;				
				}
				.sanjolist > li:nth-of-type(3n){margin-right:2%;}
				.sanjolist > li:nth-of-type(2n){margin-right:0;}

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

				.sanjolist > li{
					width:100%;
					margin:0 0 15px;
					float: none;
				}
				.sanjolist > li:nth-of-type(3n){margin-right:0;}

			}


			.sanjocom{
				width:100%;
				margin:0 auto !important;
				padding:30px 0 0;
			}
			.sanjocom + p{
				width:94%;
				margin: 0 auto 40px;
				position: relative;
				left:-3%;
			}
			
		@media screen and (max-width:640px){

			.sanjocom{
				width:96%;
				margin:10px auto !important;
			}
			.sanjocom + p{
				font-size: 0.9em;
				margin: 0;
				left:10px;
			}
				
		}
				

				.sanjocom li{
					width:calc(50% - 15px);
					margin:0;
					padding:5px 0 15px 15px;
					float:left;
					list-style:none;
					line-height:1.3em;
					background-image:url("/shared/dot_circle-orange-s.png");
					background-repeat: no-repeat;
					background-position: 0 10px;
				}

				.sanjocom li.long{
					width:calc(100% - 15px);
				}
					
			@media screen and (max-width:770px){

				.sanjocom li{
					width:calc(100% - 15px);
				}

			}
					

/*****************************************************/

			.sanjoban{
				max-width:660px;
				width:100%;
				margin:0 auto !important;
				padding-bottom: 40px;
			}
				
		@media screen and (max-width:1000px){

			.sanjoban{
				max-width:96%;
				width:96%;
			}
				
		}
					
		@media screen and (max-width:840px){

			.sanjoban{
				margin:0 auto 30px !important;
			}
				
		}
			
		@media screen and (max-width:770px){

			.sanjoban{
				max-width:550px;
				width:100%;
				margin:0 auto !important;
				padding-bottom:30px;
			}
				
		}
			
		@media screen and (max-width:640px){

			.sanjoban{
				max-width:520px;
				margin:0 auto !important;
				padding-bottom:20px;
			}
				
		}
			
		@media screen and (max-width:430px){

			.sanjoban{
				max-width:328px;
				margin:0 auto !important;
				padding-bottom:10px;
			}
				
		}
				

				.sanjoban li{
					max-width:160px;
					width:23%;
					margin:0 calc(8% / 3) 20px 0;				
					float:left;
					list-style:none;
					line-height:0;				
				}

				.sanjoban li:nth-of-type(4n){
					margin-right:0;
				}
				.sanjoban li img{
					width:100%;
					height:auto;
					line-height: 0;
				}
					
			@media screen and (max-width:1000px){


				.sanjoban li{
					width:19%;
					margin:0 calc(5% / 4) 20px 0;				
				}

				.sanjoban li:nth-of-type(5n){
					margin-right:0;
				}
					
				.sanjoban li:nth-of-type(4n){margin-right:calc(5% / 4);}
				.sanjoban li:nth-of-type(5n){margin-right:0;}

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

				.sanjoban li{
					width:24%;
					margin:0 calc(4% / 3) 15px 0;				
				}
				.sanjoban li:nth-of-type(5n){margin-right:calc(4% / 3);}
				.sanjoban li:nth-of-type(4n){margin-right:0;}

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

				.sanjoban li{
					width:29%;
					margin:0 calc(13% / 2) 20px 0;				
				}
				.sanjoban li:nth-of-type(5n){margin-right:calc(7% / 2);}
				.sanjoban li:nth-of-type(4n){margin-right:calc(13% / 2);}
				.sanjoban li:nth-of-type(3n){margin-right:0;}

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

				.sanjoban li{
					width:31%;
					margin:0 calc(7% / 2) 10px 0;				
				}
				.sanjoban li:nth-of-type(4n){margin-right:calc(7% / 2);}
				.sanjoban li:nth-of-type(3n){margin-right:0;}

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

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

			}


/* 事業コンテスト */

	ol.jigyo-contest > li > .bold{
		margin-bottom: 10px;
		color:#369;
	}


	ol.jigyo-contest > li > ul{
		margin-left:0;
	}

		ol.jigyo-contest > li > ul > li > ol{
			margin-left: 0;
		}

		ol.jigyo-contest > li > ul > li > ol > li{
			margin-left: 0;
		}

		ol.jigyo-contest > li > ul > li > ol > li >ul{
			margin-left: 0;
		}


		.sanko p img{
			display: block;
			margin: 0 0 -30px 20px;
			float: right;
			position: relative;
			top:-30px;
		}
		.sanko p:nth-last-child(1) img{
			top:-5px;
		}

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

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

		.sanko p img{
			margin: 0 auto 0;
			float:none;
			top:0;
		}

	}








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

  	新型コロナ特例貸付相談支援センター-2025-04-11

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


	.stdp li h5{
		font-weight:700;
	}

	.covid19 .stdp li h5 + p{
		width:calc(100% - 20px);
		margin:10px 0 25px;
		position: relative;
		left:20px;
	}

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

	.covid19 .stdp li h5 + p{
		width:100%;
		left:0;
	}

}

	.covid19 .stdp li h5 + p::before{
		content: "⇒";
		margin-right: -17px;
		position: relative;
		left:-20px;
	}

	.covid19 .stdp + .spbox table{
		width:100%;
	}

		.covid19 .stdp + .spbox table th{
			width:15%;
			vertical-align: top;
			text-align: left;
		}

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

		.covid19 .stdp + .spbox table th{
			display: block;
			width:96%;
			padding: 0 2%;
			text-align: left;
			border-bottom: 1px solid #fff;
		}

		.covid19 .stdp + .spbox table td{
			display: block;
			width:96%;
			padding: 10px 2%;
		}
		.covid19 .stdp + .spbox table tr:nth-last-of-type(1) td{
			padding-bottom:0;
		}

	}



/* 事業コンテンスト2025 */

	.gc2025 ol.jigyo-contest > li > ol li{
		margin-left: 0;
	}


/* 求人情報 */

	a.recruitban{
		display: block;
		max-width:540px;
		width:90%;
		margin:0 auto;
		position: relative;
		top:30px;
	}

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

	a.recruitban{
		margin:30px auto 0;
		top:0;
	}

}
		
	a.recruitban img{
		width:100%;
		height:auto;
	}


	a.recruitban2{
		display: block;
		max-width:540px;
		width:90%;
		margin:0 auto;
	}

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

	a.recruitban2{
		margin:0 auto 15px;
	}

}
		
	a.recruitban2 img{
		width:100%;
		height:auto;
	}