@charset "utf-8";

/*
「空き家管理でお困りの方へ」トップ
/akiya/index.html
*/


/*
***********************************************************************************************
メインコンテンツ
***********************************************************************************************
*/

.main-content{
	margin:0 auto;
	max-width:none;
	padding-left:0px;
	padding-right:0px;
}

/*
***********************************************************************************************
空き家管理サービス
***********************************************************************************************
*/

#intro{
	box-sizing:border-box;
	padding-top:25px;
	margin:0 auto;
	max-width:980px;
	padding-left:10px;
	padding-right:10px;
}

	#intro figure{
		display:block;
		margin:0px;
		padding:0px 0px 0px 0px;
	}

	/* 空き家管理サービス */
	#intro h2{
		border-bottom:3px solid #19BB4F;
		font-size:25px;
		text-align:center;
		margin:25px auto 20px auto;
		padding-bottom:25px;
		position:relative;
	}

		@media (min-width:768px){
			#intro h2{
				font-size:36px;
				padding-bottom:10px;
			}
		}

		/* 埼玉県連携事業 */
		#intro h2 small{
			background-color:#426AE3;
			color:#fff;
			display:block;
			font-size:14px;
			font-weight:bold;
			line-height:1;
			margin:0 auto 5px auto;
			padding:5px 5px 5px 5px;
			width:120px;
			vertical-align:middle;
		}

			@media (min-width:768px){
				#intro h2 small{
					font-size:22px;
					left:0px;
					top:10px;
					padding:11px 10px 8px 10px;
					position:absolute;
					width:auto;
				}
			}

		/* 会員の方はこちら */
		#intro h2 span{
			display:inline-block;
			font-size:16px;
			font-weight:bold;
			padding-top:20px;
			position:absolute;
			right:0;
			bottom:5px;

			transform:scale(0.8);
			transform-origin:right bottom;
		}

			/* 矢印の飾り */
			#intro h2 span:before{
				color:#E9475C;
				content:"\f054";	/* fa-chevron-right */
				display:inline-block;
				font-family:FontAwesome;
				font-size:15px;
				margin:0 5px 0 0;
			}

			@media (min-width:768px){
				#intro h2 span{
					bottom:none;
					transform:scale(1);
				}
			}

			#intro h2 span a{
				color:#E9475C;
			}

				#intro h2 span a:hover{
					text-decoration:underline;
				}

		/* 「空き家をどうしたらいいだろう」… */
		#intro h2 + p{
			font-weight:bold;
			font-size:16px;
			margin:20px auto 20px auto;
		}

		@media (min-width:768px){
			#intro h2 + p{
				font-size:21px;
				text-align:center;
			}
		}

	#intro p{
		font-size:14px;
	}

	@media (min-width:768px){
		#intro p{
			font-size:16px;
		}
	}

	#intro nav{
	}

	#intro ul{
		display:letter-spacing:-.40em; /* 文字間を詰めて隙間を削除する */
		text-align:center;
		position:relative;
	}

		#intro li{
			display:inline-block;
			letter-spacing:normal; /* 文字間を通常に戻す */
			margin:0px 0px 0px 0px;
			top:0;
		}

			/* 空き家管理事業者を探す */
			#intro li a{
				background-color:#19BB4F;
				color:#fff;
				display:inline-block;
				font-size:16.5px;
				font-weight:bold;
				padding:15px 20px 15px 60px;
				position:relative;
				text-decoration:none;

				border-radius:5px;
				box-shadow:-2px -2px 0px 1px #189040 inset;
				transition:all 0.2s ease;
			}
			
				@media (min-width:768px){
					#intro li a{
						font-size:21px;
						padding:15px 20px 15px 65px;
					}
				}

				#intro li a:hover{
					background-color:#189040;
				}

				/* 検索アイコン */
				#intro li a:before{
					color:#fff;
					content:"\f002";	/* fa-search */
					display:inline-block;
					font-family:FontAwesome;
					font-size:37px;
					line-height:1;
					position:absolute;
					top:9px;
					left:15px;

					transform:scale(0.8);
				}

					@media (min-width:768px){
						#intro li a:before{
							top:12px;

							transform:scale(1);
						}
					}

			/* 会員の方はこちら */
			#intro li.btn-member a{
				background-color:#E9475C;
			}


		/* 空き家は大切な資産です。… */
		#intro nav p{
			background-color:#CCF2D2;
			margin:25px auto 0 auto;
			max-width:780px;
			padding:15px 15px 15px 15px;
			position:relative;

			border-radius:9px;
		}

			@media (min-width:768px){
				#intro nav p{
					padding:25px 25px 25px 95px;
				}
			}

			/* 飾り */
			#intro nav p:after{
				box-sizing:border-box;
				content:"";
				display:block;
				background-color:#CCF2D2;
				width:18px;
				height:18px;
				position:absolute;
				left:50%;
				top:-10px;
				margin-left:-9px;
				
				transform:rotate(45deg);
			}

			/* (i)アイコン */
			#intro nav p:before{
				color:inherit;
				content:"\f05a";	/* fa-info-circle */
				display:block;
				font-family:FontAwesome;
				font-size:30px;
				line-height:1;
				margin-bottom:10px;
				text-align:center;
			}

			@media (min-width:768px){
				#intro nav p:before{
					font-size:48px;
					position:absolute;
					left:30px;
					top:35px;
				}
			}

/*
***********************************************************************************************
ハトたま
***********************************************************************************************
*/

#mascot{
	margin-top:25px;
	padding:0px 10px;
	text-align:center;
}

	@media (min-width:768px){
		#mascot{
			margin-top:35px;
		}
	}

	#mascot p{
		border:3px solid #ccc;
		font-size:13px;
		display:inline-block;
		text-align:center;
		margin:0 auto;
		padding:15px;
		position:relative;

		border-radius:10px;
	}

		@media (min-width:768px){
			#mascot p{
				font-size:16px;
				max-width:490px;
			}
		}

		
		/* 飾り */
		#mascot p:after{
			border-left:3px solid #ccc;
			border-bottom:3px solid #ccc;
			box-sizing:border-box;
			content:"";
			display:block;
			background-color:#fff;
			width:18px;
			height:18px;
			position:absolute;
			left:50%;
			bottom:-10px;
			margin-left:-9px;
			
			transform:rotate(-45deg);
		}

	/* ハトたま */
	#mascot figure{
		margin-top:25px;
		text-align:center;
	}

		#mascot figure img{
			max-width:150px;
		}

		@media (min-width:768px){
			#mascot figure img{
				max-width:none;
			}
		}


/*
***********************************************************************************************
お申込み方法
***********************************************************************************************
*/

#apply{
	background-color:#F9EFCA;
	padding:15px 10px;
}

	@media (min-width:768px){
		#apply{
			padding:35px 10px;
		}
	}

	#apply h3{
		font-size:21px;
		font-weight:bold;
		text-align:center;
	}

		@media (min-width:768px){
			#apply h3{
				font-size:26px;
			}
		}

		/* 握手アイコン */
		#apply h3:before{
			color:#111;
			content:"\f2b5";	/* fa-handshake */
			display:block;
			font-family:FontAwesome;
			font-size:60px;
			line-height:1.0;
			margin-bottom:5px;
		}

			@media (min-width:768px){
				#apply h3:before{
					font-size:81px;
					margin-bottom:15px;
				}
			}


		#apply ol{
			margin:15px auto 0 auto;
			padding:0px;
		}

			@media (min-width:768px){
				#apply ol{
					max-width:650px;
					margin-top:35px;
				}
			}

			#apply ol li{
				background-color:#fff;
				border:1px solid #111;
				box-sizing:border-box;
				counter-increment:flow;
				font-size:15px;
				list-style-type:none;
				margin-bottom:25px;
				padding:5px 5px 5px 45px;
				position:relative;
			}

				@media (min-width:768px){
					#apply ol li{
						font-size:21px;
						padding:5px 5px 5px 55px;
					}
				}

				/* [1]～[3] */
				#apply ol li:before{
					background-color:#111;
					box-sizing:border-box;
					content:counter(flow);
					color:#fff;
					font-size:21px;
					left:0;
					list-style-type:none;
					padding:5px 5px 5px 5px;
					text-align:center;
					top:0;
					position:absolute;
					width:43px;

					transform:scale(0.81);
					transform-origin:0 0;
				}

					@media (min-width:768px){
						#apply ol li:before{
							transform:scale(1);
						}
					}

		
				/* 飾り */
				#apply ol li:after{
					border-bottom:1px solid #111;
					border-left:1px solid #111;
					box-sizing:border-box;
					content:"";
					display:block;
					background-color:#fff;
					width:18px;
					height:18px;
					position:absolute;
					left:50%;
					bottom:-10px;
					margin-left:-9px;
					
					transform:rotate(-45deg);
				}
		
					#apply ol li:last-child:after{
						content:none;
					}


/*
***********************************************************************************************
空き家を放置すると…
***********************************************************************************************
*/

#trouble{
	background-color:#ccc;
	padding:15px 10px 25px 10px;
}

	@media (min-width:768px){
		#trouble{
			padding:35px 10px;
		}
	}

	/* 空き家を放置すると様々な問題が生じます！ */
	#trouble h3{
		font-size:17px;
		margin-bottom:5px;
		text-align:center;
	}

		@media (min-width:768px){
			#trouble h3{
				font-size:28px;
				margin-bottom:25px;
			}
		}

		/* 例えば */
		#trouble h3 img{
			display:block;
			text-align:center;
			margin:0 auto 10px auto;
			max-width:70px;
			/*
			background-image:url("../images/pic_akiya_03.png");
			background-repeat:no-repeat;
			height:115px;
			width:115px;

			text-indent:200%;
			white-space:nowrap;
			overflow:hidden;
			*/
		}

		@media (min-width:768px){
			#trouble h3 img{
				display:inline-block;
				margin:0 15px 0 0;
				max-width:none;
				vertical-align:middle;
			}
		}

	#trouble figure{
		display:block;
	}

		#trouble figure ul{
			position:relative;
		}

		@media (min-width:768px){
			#trouble figure ul{
				display:letter-spacing:-.40em; /* 文字間を詰めて隙間を削除する */
				text-align:center;
			}
		}

			#trouble figure li{
				margin:25px 0px 0px 0px;
				text-align:center;
			}

				@media (min-width:768px){
					#trouble figure li{
						display:inline-block;
						letter-spacing:normal; /* 文字間を通常に戻す */
						margin:0px 15px 0px 15px;
						max-width:215px;
						vertical-align:top;
					}
				}

				@media (min-width:992px){
					#trouble figure li{
						max-width:none;
					}
				}

				#trouble figure figcaption{
					font-size:12px;
					letter-spacing:0;
					margin:10px auto 0 auto;
					max-width:290px;
					text-align:center;
					padding-left:50px;
					position:relative;
				}
					
					/* 警告マークの飾り */
					#trouble figure figcaption:before{
						content:"\f071";	/* fa-exclamation-triangle */
						color:#111;
						font-family:FontAwesome;
						font-size:40px;
						left:0px;
						line-height:1;
						top:0px;
						position:absolute;
					}

					#trouble li:nth-of-type(3) figcaption{
						text-align:left;
					}

		#trouble p{
			font-size:14px;
		}

			@media (min-width:768px){
				#trouble p{
					font-size:16px;
					margin:0 auto;
					max-width:980px;
				}
			}


/*
***********************************************************************************************
空き家管理サービスの内容
空き家管理サービスのメリット
***********************************************************************************************
*/

#service,
#merit{
	padding:15px 10px 0 10px;
}

	@media (min-width:768px){
		#service,
		#merit{
			padding-top:35px;
		}
	}

	#service:after,
	#merit:after{
		clear:both;
		content:" ";
		display:block;
		font-size: 0;
		height:0;
		visibility:hidden;
	}

	#service > div,
	#merit > div{
		background-repeat:no-repeat;
		background-position:right bottom;
		margin:0 auto;
		padding:0 0px 0px 0px;
		text-align:center;
	}

		@media (min-width:768px){
			#service > div,
			#merit > div{
				background-repeat:no-repeat;
				background-position:right bottom;
				margin:0 auto;
				max-width:980px;
				min-height:310px;
				padding:0 10px;
				position:relative;
			}
		}

	/* 空き家管理サービスの内容 */
	/* 空き家管理サービスのメリット */
	#service h3,
	#merit h3{
		font-size:20px;
		font-weight:bold;
		margin-bottom:20px;
		position:relative;
		text-align:center;

		text-shadow:0px 0px 5px rgba(255,255,255,1),
			0px 0px 10px rgba(255,255,255,1),
			0px 0px 10px rgba(255,255,255,1),
			0px 0px 10px rgba(255,255,255,1),
			0px 0px 10px rgba(255,255,255,1),
			0px 0px 10px rgba(255,255,255,1),
			0px 0px 10px rgba(255,255,255,1),
			0px 0px 10px rgba(255,255,255,1),
			0px 0px 10px rgba(255,255,255,1),
			0px 0px 10px rgba(255,255,255,1),
			0px 0px 10px rgba(255,255,255,1);
	}

		@media (min-width:768px){
			#service h3,
			#merit h3{
				font-size:28px;
				margin-bottom:35px;
				text-align:left;
			}
		}

		/* アイコン */
		#service h3:before,
		#merit h3:before{
			color:#fff;
			display:block;
			font-family:FontAwesome;
			font-size:230%;
			line-height:1;
			margin:0 auto 10px auto;
			text-align:center;

			text-shadow:none;
		}

			@media (min-width:768px){
				#service h3:before,
				#merit h3:before{
					display:inline-block;
					margin-right:15px;
					vertical-align:middle;
				}
			}

	#service ol,
	#merit ol{
		font-size:14.5px;
		display:inline-block;
	}

		@media (min-width:768px){
			#service ol,
			#merit ol{
				display:block;
				font-size:21px;
				padding-left:10px;
			}
		}

		#service li,
		#merit li{
			letter-spacing:0;
			margin-top:15px;
			padding:0 0 0 35px;
			position:relative;
			text-align:left;
		}

			@media (min-width:768px){
				#service li,
				#merit li{
					margin-top:30px;
					padding:0 0 0 50px;
				}
			}

			#service li:first-child,
			#merit li:first-child{
				margin-top:0px;
			}

			/* [1]～[3] */
			#service li span,
			#merit li span{
				color:#fff;
				display:inline-block;
				font-family:Roboto;
				font-size:25px;
				font-weight:bold;
				line-height:1;
				text-align:center;
				min-height:36px;
				min-width:36px;
				padding-top:5px;
				left:0px;
				position:absolute;

				transform:scale(0.7);
				transform-origin:0 0;
			}

				@media (min-width:768px){
					#service li span,
					#merit li span{
						transform:scale(1);
					}
				}

	#service figure,
	#merit figure{
		display:block;
		text-align:center;
		margin-top:15px;
	}

		@media (min-width:768px){
			#service figure,
			#merit figure{
				position:absolute;
				right:0;
				bottom:0;
			}
		}

		#service figure img,
		#merit figure img{
			max-width:200px;
		}

			@media (min-width:768px){
				#service figure img,
				#merit figure img{
					max-width:300px;
				}
			}

			@media (min-width:992px){
				#service figure img,
				#merit figure img{
					max-width:none;
				}
			}

/*
***********************************************************************************************
空き家管理サービスの内容
***********************************************************************************************
*/

#service{
	background-color:#19BB4F;
}

	/* 空き家管理サービスの内容 */
	#service h3{
	}

		/* 鍵アイコン */
		#service h3:before{
			content:"\f084";	/* fa-key */
		}

	#service > div{
		/*
		background-image:url("../images/pic_akiya_07.png");
		*/
	}

	#service ol{
		font-weight:bold;
	}

		#service li span{
			background-color:#111;
		}


/*
***********************************************************************************************
空き家管理サービスのメリット
***********************************************************************************************
*/

#merit{
	background-color:#FFA64D;
}

	/* 空き家管理サービスのメリット */
	#merit h3{
	}

		/* 宝石アイコン */
		#merit h3:before{
			content:"\f219";	/* fa-diamond */
			/*
			font-family:"Font Awesome 5 Free";
			*/
		}

	#merit > div{
		/*
		background-image:url("../images/pic_akiya_08.png");
		*/
	}

		#merit li span{
			min-height:50px;
			min-width:50px;
			left:-5px;
			top:-10px;
			padding-top:12px;
			z-index:1;
		}

			#merit li span:before{
				content:"\f005";	/* fa-star */
				color:#111;
				font-family:"FontAwesome";
				font-size:50px;
				left:0px;
				line-height:1;
				top:0px;
				position:absolute;
				z-index:-1;
			}


/*
***********************************************************************************************
お知らせ
***********************************************************************************************
*/

#related{
	background-color:#F9EFCA;
	padding:25px 10px 25px 10px;
}

	@media (min-width:768px){
		#related{
			padding:35px 10px 35px 10px;
		}
	}

	/* お知らせ */
	#related h3{
		font-size:21px;
		margin-bottom:25px;
		text-align:center;
	}

		@media (min-width:768px){
			#related h3{
				font-size:28px;
			}
		}

		/* (i)アイコン */
		#related h3:before{
			color:inherit;
			content:"\f05a";	/* fa-info-circle */
			display:inline-block;
			font-family:FontAwesome;
			font-size:160%;
			line-height:1;
			margin:-5px 5px 0 0;
			vertical-align:middle;
		}

	#related > div{
		margin:0 auto;
		max-width:980px;
	}

	#related ul{
		display:letter-spacing:-.40em; /* 文字間を詰めて隙間を削除する */
		margin:0 auto;
		max-width:980px;
		position:relative;
		text-align:center;
	}

		#related ul li{
			background-color:#fff;
			box-sizing:border-box;
			margin:10px 0px 10px 0px;
			padding:15px 15px 15px 15px;
		}

		@media (min-width:768px){
			#related ul li{
				display:inline-block;
				letter-spacing:normal; /* 文字間を通常に戻す */
				margin:0px 10px 0px 10px;
				min-height:350px;
				max-width:220px;
				padding:10px 10px 75px 10px;
				position:relative;
				vertical-align:top;
			}
		}

		@media (min-width:992px){
			#related ul li{
				padding:25px 25px 75px 25px;
				max-width:300px;
			}
		}

		/* 埼玉県内の「空き家バンク」について */
		#related ul li h4{
			font-size:17px;
			font-weight:bold;
			margin-bottom:15px;
			text-align:center;
		}

			@media (min-width:768px){
				#related ul li h4{
					text-align:left;
				}
			}

			@media (min-width:992px){
				#related ul li h4{
					text-align:center;
				}
			}

		#related ul li p{
			font-size:13px;
			text-align:left;
		}

			@media (min-width:768px){
				#related ul li p{
					font-size:15px;
				}
			}

		/* ご利用はこちら */
		#related ul li a{
			background-color:#FFAD00;
			color:#fff;
			display:inline-block;
			font-size:15px;
			font-weight:bold;
			margin-top:15px;
			padding:10px 15px 10px 15px;
			width:180px;

			border-radius:5px;
			box-shadow:-1px -1px 0px 1px #BE6C29 inset;
			transition:all 0.2s ease;
		}

			#related ul li a:hover{
				background-color:#BE6C29;
			}

			@media (min-width:768px){
				#related ul li a{
					display:inline-block;
					margin-top:25px;
					margin-left:-90px;
					padding:10px 15px 10px 15px;
					position:absolute;
					bottom:15px;
					left:50%;
					white-space:nowrap;
				}
			}

			/* 矢印の飾り */
			#related ul li a:before{
				color:inherit;
				content:"\f054";	/* fa-chevron-right */
				display:inline-block;
				font-family:FontAwesome;
				font-size:15px;
				line-height:1;
				margin-right:5px;
			}


/*
***********************************************************************************************
市町村マップ以下共通
***********************************************************************************************
*/

#search,
#map-city,
#list-city,
#list-head,
#list-business{
	margin-left:auto;
	margin-right:auto;
	max-width:980px;
	padding-right:10px;
	padding-left:10px;
}

/*
***********************************************************************************************
埼玉県空き家管理サービス事業者を探す
***********************************************************************************************
*/

#search{
	margin:35px auto 0 auto;
}

	/* 埼玉県空き家管理サービス事業者を探す */
	#search h2{
		border-bottom:3px solid #19BB4F;
		color:#111;
		font-size:24px;
		margin:25px 0px 15px 0px;
		padding:10px 0px 5px 0px;
		text-align:left;
	}

		@media (min-width:768px){
			
			#search h2{
				font-size:34px;
			}
		}

		#search h2 + p{
			font-size:16px;
			font-weight:bold;
			margin-bottom:10px;
		}

		@media (min-width:768px){
			#search h2 + p{
				font-size:19px;
			}
		}

/*
***********************************************************************************************
市町村マップ
***********************************************************************************************
*/

#map-city{
	margin-top:35px;
}

	#map-city figure{
		position:relative;
	}

		@media (min-width:768px){
				#map-city figure{
					max-width:none;

					transform:scale(0.96);
					transform-origin:0 0;
				}
		}

		@media (min-width:992px){
				#map-city figure{
					max-width:none;
					
					transform:scale(1);
				}
		}

		/* jqueryによって複製されたdl要素 */
		#map-city figure dl,
		#map-city figure dt,
		#map-city figure dd,
		#map-city figure ul,
		#map-city figure li{
			margin:0;
			max-width:950px;
			position:absolute;
			height:100%;
			width:100%;
		}

		#map-city figure dt{
			display:none;
		}

		#map-city figure a{
			background-color:#000;
			background-color:rgba(0,0,0,0.8);

			color:#fff;
			display:block;
			font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
			font-size:13px;
			line-height:1;
			padding:3px;
			position:absolute;
			text-decoration:none;
			z-index:5;
			white-space:nowrap;

			border-radius:3px;
			/*
			text-shadow:#fff 2px 0px,  #fff -2px 0px,
				#fff 0px -2px, #fff 0px 2px,
				#fff 2px 2px , #fff -2px 2px,
				#fff 2px -2px, #fff -2px -2px,
				#fff 1px 2px,  #fff -1px 2px,
				#fff 1px -2px, #fff -1px -2px,
				#fff 2px 1px,  #fff -2px 1px,
				#fff 2px -1px, #fff -2px -1px;
			*/
		}

			#map-city figure a:hover{
				background-color:#fff;
				color:#000;
			}

			@media (min-width:768px){
				#map-city figure a{
					font-size:11.5px;
				}
			}

			@media (min-width:992px){
				#map-city figure a{
					font-size:13px;
				}
			}

			/* 事業者一覧の無い市町村 */
			#map-city figure a.disabled{
				background-color:#999;
				background-color:rgba(153,153,153,0.8);

				pointer-events:none;
				
				/*
				opacity:0.7;
				*/
			}

			/* 朝霞市 */
			#map-city a[href='#asaka']{
				top:87%;
				left:68%;
			}

			/* 志木市 */
			#map-city a[href='#shiki']{
				top:82%;
				left:69%;
			}

			/* 和光市 */
			#map-city a[href='#wako']{
				top:91%;
				left:76%;
			}

			/* 新座市 */
			#map-city a[href='#niiza']{
				top:92%;
				left:67%;
			}

			/* 富士見市 */
			#map-city a[href='#fujimi']{
				top:77%;
				left:66%;
			}

			/* ふじみ野市 */
			#map-city a[href='#fujimino']{
				top:72.4%;
				left:60%;
			}

			/* 三芳町 */
			#map-city a[href='#miyoshi']{
				top:82%;
				left:61%;
			}

			/* 春日部市 */
			#map-city a[href='#kasukabe']{
				top:50%;
				left:85%;
			}

			/* 草加市 */
			#map-city a[href='#soka']{
				top:76%;
				left:87%;
			}

			/* 越谷 */
			#map-city a[href='#koshigaya']{
				top:64%;
				left:87%;
			}

			/* 三郷市 */
			#map-city a[href='#misato']{
				top:76%;
				left:96%;
			}

			/* 八潮市 */
			#map-city a[href='#yashio']{
				top:85%;
				left:92%;
			}

			/* 吉川市 */
			#map-city a[href='#yoshikawa']{
				top:66.5%;
				left:95%;
			}

			/* 松伏町 */
			#map-city a[href='#matsubushi']{
				top:57%;
				left:91%;
			}

			/* さいたま市西区 */
			#map-city a[href='#saitama-nishi']{
				top:63.5%;
				left:69%;
			}

			/* さいたま市北区 */
			#map-city a[href='#saitama-kita']{
				top:59%;
				left:72%;
			}

			/* さいたま市大宮区 */
			#map-city a[href='#saitama-omiya']{
				top:68%;
				left:68%;
			}

			/* さいたま市見沼区 */
			#map-city a[href='#saitama-minuma']{
				top:60%;
				left:78%;
			}

			/* さいたま市中央区 */
			#map-city a[href='#saitama-chuo']{
				top:70%;
				left:77%;
			}

			/* さいたま市桜区 */
			#map-city a[href='#saitama-sakura']{
				top:72.5%;
				left:71%;
			}

			/* さいたま市浦和区 */
			#map-city a[href='#saitama-urawa']{
				top:65%;
				left:75.5%;
			}

			/* さいたま市南区 */
			#map-city a[href='#saitama-minami']{
				top:75%;
				left:77%;
			}

			/* さいたま市緑区 */
			#map-city a[href='#saitama-midori']{
				top:69%;
				left:84.7%;
			}

			/* さいたま市岩槻区 */
			#map-city a[href='#saitama-iwatsuki']{
				top:55%;
				left:79%;
			}

			/* 川口市 */
			#map-city a[href='#kawaguchi']{
				top:82%;
				left:84%;
			}

			/* 蕨市 */
			#map-city a[href='#warabi']{
				top:80%;
				left:77.5%;
			}

			/* 戸田市 */
			#map-city a[href='#toda']{
				top:85%;
				left:76%;
			}

			/* 鴻巣市 */
			#map-city a[href='#konosu']{
				top:35%;
				left:61%;
			}

			/* 上尾市 */
			#map-city a[href='#ageo']{
				top:54%;
				left:69%;
			}

			/* 桶川市*/
			#map-city a[href='#okegawa']{
				top:49%;
				left:66%;
			}

			/* 北本市 */
			#map-city a[href='#kitamoto']{
				top:42%;
				left:63%;
			}

			/* 伊奈町 */
			#map-city a[href='#ina']{
				top:44.5%;
				left:71%;
			}

			/* 川越市 */
			#map-city a[href='#kawagoe']{
				top:66%;
				left:60%;
			}

			/* 坂戸市 */
			#map-city a[href='#sakado']{
				top:56%;
				left:53%;
			}

			/* 鶴ヶ島市 */
			#map-city a[href='#tsurugashima']{
				top:61%;
				left:52%;
			}

			/* 毛呂山町 */
			#map-city a[href='#moroyama']{
				top:65%;
				left:42%;
			}

			/* 越生町 */
			#map-city a[href='#ogose']{
				top:58%;
				left:42%;
			}

			/* 東松山市 */
			#map-city a[href='#higashimatsuyama']{
				top:46%;
				left:51%;
			}

			/* 滑川町 */
			#map-city a[href='#namegawa']{
				top:35%;
				left:49%;
			}

			/* 嵐山町 */
			#map-city a[href='#ranzan']{
				top:41%;
				left:46%;
			}

			/* 小川町 */
			#map-city a[href='#ogawa']{
				top:38%;
				left:39%;
			}

			/* 川島町 */
			#map-city a[href='#kawajima']{
				top:53.5%;
				left:61%;
			}

			/* 吉見町 */
			#map-city a[href='#yoshimi']{
				top:40%;
				left:55%;
			}

			/* 鳩山町 */
			#map-city a[href='#hatoyama']{
				top:52%;
				left:47%;
			}

			/* ときがわ町 */
			#map-city a[href='#tokigawa']{
				top:51%;
				left:37%;
			}

			/* 東秩父村 */
			#map-city a[href='#higashichichibu']{
				top:44%;
				left:33%;
			}

			/* 所沢市 */
			#map-city a[href='#tokorozawa']{
				top:89%;
				left:59%;
			}

			/* 飯能市 */
			#map-city a[href='#hanno']{
				top:73%;
				left:37%;
			}

			/* 狭山市 */
			#map-city a[href='#sayama']{
				top:76%;
				left:52%;
			}

			/* 入間市 */
			#map-city a[href='#iruma']{
				top:85%;
				left:50%;
			}

			/* 日高市 */
			#map-city a[href='#hidaka']{
				top:70%;
				left:49%;
			}

			/* 行田市 */
			#map-city a[href='#gyoda']{
				top:21.5%;
				left:59%;
			}

			/* 加須市 */
			#map-city a[href='#kazo']{
				top:23%;
				left:71%;
			}

			/* 羽生市 */
			#map-city a[href='#hanyu']{
				top:15.5%;
				left:64.5%;
			}

			/* 久喜市 */
			#map-city a[href='#kuki']{
				top:33%;
				left:73%;
			}

			/* 蓮田市 */
			#map-city a[href='#hasuda']{
				top:49%;
				left:75%;
			}

			/* 幸手市 */
			#map-city a[href='#satte']{
				top:32%;
				left:83%;
			}

			/* 宮代町 */
			#map-city a[href='#miyashiro']{
				top:44.5%;
				left:80%;
			}

			/* 白岡市 */
			#map-city a[href='#shiraoka']{
				top:40%;
				left:74%;
			}

			/* 杉戸町 */
			#map-city a[href='#sugito']{
				top:39%;
				left:84%;
			}

			/* 熊谷市 */
			#map-city a[href='#kumagaya']{
				top:21%;
				left:50%;
			}

			/* 深谷市 */
			#map-city a[href='#fukaya']{
				top:15%;
				left:41%;
			}

			/* 寄居 */
			#map-city a[href='#yorii']{
				top:31%;
				left:37%;
			}

			/* 本庄 */
			#map-city a[href='#honjo']{
				top:6%;
				left:36%;
			}

			/* 美里町 */
			#map-city a[href='#misatomachi']{
				top:19%;
				left:33%;
			}

			/* 神川町 */
			#map-city a[href='#kamikawa']{
				top:19%;
				left:22%;
			}

			/* 上里 */
			#map-city a[href='#kamisato']{
				top:4%;
				left:26%;
			}

			/* 秩父市 */
			#map-city a[href='#chichibu']{
				top:69%;
				left:13%;
			}

			/* 横瀬町 */
			#map-city a[href='#yokoze']{
				top:59%;
				left:31%;
			}

			/* 皆野町 */
			#map-city a[href='#minano']{
				top:38%;
				left:27%;
			}

			/* 長瀞町 */
			#map-city a[href='#nagatoro']{
				top:30%;
				left:29%;
			}

			/* 小鹿野町 */
			#map-city a[href='#ogano']{
				top:50%;
				left:13%;
			}

	#map-city p{
		margin-top:25px;
	}


/*
***********************************************************************************************
市町村一覧
***********************************************************************************************
*/

#list-city{
	margin-top:50px;
}

	#list-city dl{
	}

		#list-city dl dt{
			clear:both;
			float:left;
			font-weight:bold;
			width:8em;
		}

			@media (max-width:767px){
				#list-city dl dt{
					float:none;
				}
			}

		#list-city dl dd{
			border-left:3px solid #ccc;
			margin:0px 0px 10px 8em;
			padding-left:15px;
		}

			@media (max-width:767px){
				#list-city dl dd{
					border-left:0px solid #fff;
					margin:10px 0px 10px 0px;
				}
			}

			#list-city dl dd ul{
				letter-spacing:-.40em; /* 文字間を詰めて隙間を削除する */
			}

				#list-city dl dd ul li{
					display:inline-block;
					letter-spacing:normal; /* 文字間を通常に戻す */
					margin:0 15px 10px 0;
					vertical-align:top;
				}

					#list-city dl dd ul li a{
						color:#875720;
						text-decoration:underline;
					}

						#list-city dl dd ul li a:hover{
							text-decoration:none;
						}

					/* 事業者一覧の無い市町村 */
					#list-city dl dd ul li a.disabled{
						color:#999;
						pointer-events:none;
						text-decoration:none;
					}


/*
***********************************************************************************************
事業者一覧
***********************************************************************************************
*/

#list-head{
	margin-top:50px;
}

	/* 事業者一覧 */
	#list-head h3{
		border-bottom:3px solid #19BB4F;
		font-size:25px;
		font-weight:bold;
		margin-bottom:10px;
		padding-bottom:10px;
		position:relative;
	}

		@media (max-width:767px){
			#list-head h3{
				font-size:20px;
			}
		}

	#list-head h3 #total{
		font-size:16px;
		font-weight:normal;
	}

		@media (max-width:767px){
			#list-head h3 #total{
				font-size:14px;
			}
		}

	/* 全て開く */
	/* 全て閉じる */
	#list-head #open-all,
	#list-head #close-all{
		cursor:pointer;
		display:inline-block;
		position:absolute;
		font-size:14px;
		bottom:10px;
		right:0;
	}


		@media (min-width:768px){
			#list-head #open-all,
			#list-head #close-all{
				font-size:16px;
				margin:0px 0px 0px 10px;
				position:static;
			}
		}

		#list-head #open-all:before,
		#list-head #close-all:before{
			color:#00A73C;
			content:"\f0fe";	/* fa-plus-square */
			display:inline-block;
			font-family:FontAwesome;
			font-size:18px;
			line-height:1.0;
			margin:-3px 5px 0 0;
			vertical-align:middle;
		}

		@media (max-width:767px){
			#list-head #open-all:before,
			#list-head #close-all:before{

			}
		}

		/* 全て閉じる */
		#list-head #close-all:before{
			color:#999;
			content:"\f146";	/* fa-minus-square */
		}

			#list-head #open-all a,
			#list-head #close-all a{
				text-decoration:none;
			}

				#list-head #open-all a:hover,
				#list-head #close-all a:hover{
					color:#00A73C;
					text-decoration:underline;
				}

/*
***********************************************************************************************
事業者一覧（全市町村分）
***********************************************************************************************
*/

	#list-business{
		margin-top:35px;
	}

	#list-business ul li{
		margin-top:0px;
		max-height:40px;
		overflow:hidden;
		padding-bottom:40px;

		transition:all 0.7s ease;
	}

		#list-business ul li.active{
			max-height: 1000px;
		}

		#list-business ul li h4{
			color:#000;
			display:inline-block;
			font-size:18px;
			font-weight:bold;
			margin-bottom:15px;
			padding-left:0px;

			cursor:pointer;
		}

			/* 飾り(+) */
			#list-business ul li h4:before{
				color:#00A73C;
				content:"\f0fe";	/* fa-plus-square */
				display:inline-block;
				font-family:FontAwesome;
				font-size:18px;
				line-height:1.0;
				margin:-3px 5px 0 0;
				vertical-align:middle;

				border-radius:3px;
			}

			/* 飾り(-) */
			#list-business ul li.active h4:before{
				color:#999;
				content:"\f146";	/* fa-minus-square */
				padding:2px 0 0 0px;
			}

			/* 展開状態 */
			#list-business ul li.active h4{
				color:#000;
			}

				#list-business ul li h4:hover{
					color:#00A73C;
					text-decoration:underline;
				}

			#list-business ul li h4 span{
				display:inline-block;
				font-size:14px;
				font-weight:normal;
				margin-left:5px;
			}

		#list-business ul li table{
			width:100%;
		}

			/*
			#list-business ul li table tr:hover{
				background-color:#f0f0f0;
			}
			*/

			#list-business ul li table th,
			#list-business ul li table td{
				padding:5px;
			}

				@media (max-width:767px){
					#list-business ul li table th,
					#list-business ul li table td{
						white-space:nowrap;
					}
				}

			#list-business ul li table th{
				background-color:#A2DA84;
				line-height:1;
				text-align:center;
			}

			/* 事業者名 */
			#list-business th.business-name{
				width:30%;
			}

			/* 事務所所在地 */
			#list-business th.business-address{
				width:40%;
			}

			/* 電話番号 */
			#list-business th.business-tel{
				width:15%;
			}

			/* FAX番号 */
			#list-business th.business-fax{
				width:15%;
			}

				#list-business ul li table a{
					color:#815926;
					font-weight:bold;
					text-decoration:underline;
				}

					#list-business ul li table a:hover{
						text-decoration:none;
					}

				/* FAX番号 */
				#list-business ul li table td:last-child a{
					color:#000;
					font-weight:normal;
					text-decoration:none;

					pointer-events:none;
				}