@charset "UTF-8";

/* ------------------------------------------------------------------------ */
/*						共　　　通											*/
/* ------------------------------------------------------------------------ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333;
}
/* ---------------------------------------- */
/*		コンテンツ大枠						*/
/* ---------------------------------------- */
div#pt-wrapper {
	margin: 0 auto;
	width: 1200px;
}
	@media screen and (max-width: 641px) {
		div#pt-wrapper {
			width: 100%;
		}
	}

/* ---------------------------------------- */
/*		h2タグ								*/
/* ---------------------------------------- */
h2 {
	border-top: 3px solid #0c419a;
	border-bottom: 3px solid #0c419a;
	color: #0c419a;
	font-size: 2.3rem;
	padding: 3% 0;
	text-align: center;
}
/* ---------------------------------------- */
/*		aタグ								*/
/* ---------------------------------------- */
a:link,
a:visited {
	color: #333;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
li a {
	text-decoration: none;
}
li a:hover {
	color: pink;
	text-decoration: underline;
}
img {
	width: 100%;
}
/* ---------------------------------------- */
/*		セクション大枠						*/
/* ---------------------------------------- */
section.sec-contents {
	margin-top: 5%;
}
/* ---------------------------------------- */
/*		セクションキャッチフレーズ			*/
/* ---------------------------------------- */
section.sec-catch {
	font-size: 2.0rem;
	line-height: 180%;
	margin: 5% auto 0;
	text-align: center;
}
	@media screen and (max-width: 641px) {
		section.sec-catch {
			font-size: 1.6rem;
		}
	}
/* ---------------------------------------- */
/*		共通テキスト						*/
/* ---------------------------------------- */
div.sec-text01 {
	margin: 0 0 1% 0;
}
div.sec-text02 {
	font-size: 1.1rem;
	line-height: 160%;
	text-align: center;
}
	@media screen and (max-width: 641px) {
		div.sec-text02 {
			font-size: 0.9rem;
		}
	}
/* ---------------------------------------- */
/*		共通テーブル						*/
/* ---------------------------------------- */
table.table-table01 {
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #0c419a;
	border-left: 1px solid #0c419a;
	font-size: 0.9rem;
	margin-bottom: 2%;
	width: 80%;
}
	@media screen and (max-width: 641px) {
		table.table-table01 {
			width: 100%;
		}
	}
	table.table-table01 th {
		border-bottom: 1px solid white;
		border-right: 1px solid #0c419a;
		background-color: #0c419a;
		color: white;
		padding: 2%;
		text-align: left;
	}
		table.table-table01 th.border-none {
			border-bottom: 1px solid #0c419a!important;
		}
	table.table-table01 td {
		padding: 2%;
		border-bottom: 1px solid #0c419a;
		border-right: 1px solid #0c419a;
	}
	table.table-table01 img {
		vertical-align: middle;
		width: auto;
	}
table.table-table02 {
		border-collapse: separate;
		border-spacing: 0;
		margin-bottom: 2%;
		width: 100%;
}
	table.table-table02 .table-table02-left {
		width: 40%;
		border-left: 1px solid #0c419a;
	}
	table.table-table02 .table-table02-right {
		border-left: 1px solid white;
		width: 60%;
	}
	table.table-table02 th {
		background-color: #0c419a;
		color: white;
		padding: 1.5%;
	}
	table.table-table02 td {
		border-bottom: 1px solid #0c419a;
		border-left: 1px solid #0c419a;
		padding: 1.5% 3%;
	}
		table.table-table02 td.border-right01 {
			border-right: 1px solid #0c419a;
		}
		table.table-table02 td.table-table02-right02 {
			border-right: 1px solid #0c419a;
			text-align: right;
		}
	.table-width-60 {
		width: 60%!important;
	}
div.div-table01 {
	margin-bottom: 1%;
}
	div.div-table01 dl {
		background-color: #0c419a;
		border-bottom: 1px solid #0c419a;
		border-left: 1px solid #0c419a;
		border-right: 1px solid #0c419a;
	}
		div.div-table01 dl dt {
			float: clear;
			float: left;
			background-color: #0c419a;
			border-top: 1px solid white;
			color: white;
			width: 10rem;
		}
		div.div-table01 dl dt:first-child {
			border-top: 1px solid #0c419a;
		}
		div.div-table01 dl dd {
			background-color: white;
			border-left: 1px solid #0c419a;
			border-top: 1px solid #0c419a;
			margin-left: 13rem;
		}
		div.div-table01 dl dt, div.div-table01 dl dd {
			padding: 2% 1.5rem;
		}
div.div-table02 {
	margin-bottom: 8%;
}
	div.div-table02 dl {
		margin-bottom: 2%;
		width: 100%;
	}
		div.div-table02 dl dt {
			float: left;
			width: 60%;
		}
		div.div-table02 dl dd {
			float: left;
			width: 40%;
		}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* ------------------------------------------------------------------------ */
/*						企業立地のご案内サイト用メニュー					*/
/* ------------------------------------------------------------------------ */
section#pt-menu {
	margin: 1% 0;
}
	@media screen and (max-width: 641px) {
		section#pt-menu {
			margin: 3% 0;
		}
	}
	section#pt-menu ul {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
		width: 66%;
	}
		@media screen and (max-width: 641px) {
			section#pt-menu ul {
				width: 90%;
			}
				section#pt-menu ul li {
					font-size: 1.6rem;
				}
		}
		section#pt-menu ul li:before {
			content: url(../images/menu-i.png);
			position: relative;
			margin-right: 0.5em;
			bottom: 0.05em;
		}
		section#pt-menu ul li {
			list-style-type: none;
		}

/* ------------------------------------------------------------------------ */
/*						企業立地のご案内									*/
/* ------------------------------------------------------------------------ */

/* ---------------------------------------- */
/*		メインイメージ大枠					*/
/* ---------------------------------------- */
section#sec-main {
	position: relative;
}
	section#sec-main-image {
	}
		section#sec-main-image img {
		}
		/* ---------------------------------------- */
		/*		メインタイトル[企業立地のご案内]	*/
		/* ---------------------------------------- */
		section#sec-main-title {
			background-image: url("../images/top00-main-bk.png");
			bottom: 0;
			color: white;
			font-size: 2.3rem;
			left: 0;
			padding: 63px 0;
			position: absolute;
			text-align: center;
			width: 100%;
		}
			@media screen and (max-width: 641px) {
				section#sec-main-title {
					padding: 20px 0;
				}
			}

/* ---------------------------------------- */
/*		コンテンツ内枠						*/
/* ---------------------------------------- */
section#sec-main-container {
}
	section#sec-main-001 {
		font-size: 1.2rem;
		line-height: 170%;
		margin: 3% auto 5%;
		width: 45%;
	}
		@media screen and (max-width: 641px) {
			section#sec-main-001 {
				width: 90%;
			}
		}
	/* ---------------------------------------- */
	/*		丸イメージメニュー					*/
	/* ---------------------------------------- */
	section#sec-main-002 {
		background-image: url("../images/top00-menu-bk.jpg");
		height: 290px;
	}
		@media screen and (max-width: 641px) {
			section#sec-main-002 {
				background-image: none;
				background-color: #d7832d;
				height: auto;
			}
		}
		section#sec-main-002-001 {
			align-items: center;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			margin: 0 auto;
			padding-top: 2%;
			width: 75%;
		}
			@media screen and (max-width: 641px) {
				section#sec-main-002-001 {
						width: 100%;
				}
					section#sec-main-002-001 img {
						margin-bottom: 10%;
					}
			}

/* ------------------------------------------------------------------------ */
/*						工業団地概要										*/
/* ------------------------------------------------------------------------ */
	section#sec-001-001 {
		align-items: flex-start;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 5% auto 0;
		width: 80%;
	}
		@media screen and (max-width: 641px) {
			section#sec-001-001 {
				width: 90%;
			}
				section#sec-001-001-001 {
					margin: 0 auto 20px;
					width: 100%;
				}
				section#sec-001-001-002 {
					margin: 0 auto;
					text-align: center;
				}
		}

/* ------------------------------------------------------------------------ */
/*						交通アクセス										*/
/* ------------------------------------------------------------------------ */
	/* ---------------------------------------- */
	/*		地図イメージ						*/
	/* ---------------------------------------- */
	section#sec-002-001 {
		margin-top: 3%;
		text-align: center;
	}
		section#sec-002-001 img {
			width: auto;
		}
			@media screen and (max-width: 641px) {
				section#sec-002-001 {
					margin: 3% auto 0;
					width: 90%;
				}
					section#sec-002-001 img {
						width: 100%;
					}
			}
	/* ---------------------------------------- */
	/*		距離、時間情報						*/
	/* ---------------------------------------- */
	section#sec-002-002 {
		align-items: flex-start;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin: 5% auto 0;
		width: 75%;
	}
		@media screen and (max-width: 641px) {
			section#sec-002-002 {
				width: 100%;
			}
		}
		section#sec-002-002-002 {
			width: 40%;
		}
			@media screen and (max-width: 641px) {
				section#sec-002-002-002 {
					margin-top: 20px;
					width: 70%;
				}
			}
			section#sec-002-002-002 div.transp {
				color: #0c419a;
				font-size: 1.2rem;
				font-weight: bold;
				margin-bottom: 5%;
				width: 100%;
			}

/* ------------------------------------------------------------------------ */
/*						優遇措置											*/
/* ------------------------------------------------------------------------ */
	section#sec-003-001 {
		width: 900px;
		margin: 3% auto;
	}
		@media screen and (max-width: 641px) {
			section#sec-003-001 {
				width: 90%;
			}
		}
		section.sec-003-001-001 {
			background-color: #0c419a;
			margin: 5% 0;
			padding: 1%;
		}
			h3.yuuguu {
				border-left: 7px solid white;
				color: white;
				font-size: 1.5rem;
				padding-left: 2%;
			}
				@media screen and (max-width: 641px) {
					h3.yuuguu {
						font-size: 1.2rem;
					}
				}
		section.sec-003-001-002 {
		}
			h4 {
				color: #0c419a;
				font-size: 1.2rem;
				margin: 4% 0 2%;
			}
				h4 span {
					color: red;
				}
			section.sec-003-001-002 .div-table-width01 {
				width: 40%!important;
			}
			section.sec-003-001-002 .div-table-width02 {
				width: 50%!important;
			}
			section.sec-003-001-002 .div-table-width03 {
				width: 60%!important;
			}
			section.sec-003-001-002 .div-table-width04 {
				width: 70%!important;
			}
			section.sec-003-001-002 .div-table-width05 {
				width: 100%!important;
			}
				@media screen and (max-width: 641px) {
					section.sec-003-001-002 .div-table-width02 {
						width: auto!important;
					}
					section.sec-003-001-002 .div-table-width03 {
						width: 100%!important;
					}
					section.sec-003-001-002 .div-table-width04 {
						width: 100%!important;
					}
					section.sec-003-001-002 table.table-width-60 {
						width: 100%!important;
					}
				}

/* ------------------------------------------------------------------------ */
/*						セールスポイント									*/
/* ------------------------------------------------------------------------ */
	section.sec-004-contents {
		width: 900px;
		margin: 4% auto;
	}
		@media screen and (max-width: 641px) {
			section.sec-004-contents {
				width: 90%;
			}
		}
		h3.sp-title {
			background-position: center;
			background-repeat: no-repeat;
			background-size: 100% auto;
			color: #0c419a;
			font-size: 2.2rem;
			height: 130px;
			line-height: 400%;
			margin: 3% auto;
			padding: 2% 0;
			text-align: center;
		}

		/* ---------------------------------------- */
		/*		１．優秀で豊富な人材				*/
		/* ---------------------------------------- */
		h3.sp-title01 {
			background-image: url("../images/top04-01.png");
		}
		section.sec-004-sch-title {
			color: #0c419a;
			font-size: 1.2rem;
			font-weight: bold;
			margin: 5% 0 1%;
		}
		section#sec-004-001 {
			align-items: flex-start;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin: 1% auto;
			width: 100%;
		}
			section#sec-004-001-001 {
				width: 60%;
			}
				@media screen and (max-width: 641px) {
					section#sec-004-001-001 {
						width: 100%;
					}
					section#sec-004-001-002 {
						width: 100%;
					}
				}

		/* ---------------------------------------- */
		/*		２．災害に強い高い安全性			*/
		/* ---------------------------------------- */
		h3.sp-title02 {
			background-image: url("../images/top04-02.png");
		}
		section#sec-004-002 {
			text-align: center;
		}
			section#sec-004-002-001 {
				color: #0c419a;
				font-size: 1.2rem;
				font-weight: bold;
				margin: 5% 0 1%;
			}
			section#sec-004-002-002 {
				margin-top: 3%;
			}
				section#sec-004-002-002 img {
					margin-bottom: 2%;
				}
			section#sec-004-002-003 {
				margin: 3% auto 0;
				text-align: left;
				width: 60%;
			}
				@media screen and (max-width: 641px) {
					section#sec-004-002-003 {
						width: 100%;
					}
				}
				section#sec-004-002-003 ul {
					list-style-type: none;
				}
					section#sec-004-002-003 ul li {
						margin-bottom: 1%;
						padding-left: 2em;
					}
						section#sec-004-002-003 ul li:before {
							color: #0c419a;
							content: "●";
							display: block;
							float: left;
							margin-left: -1.5em;
						}

		/* ---------------------------------------- */
		/*		３．すぐれた生活環境				*/
		/* ---------------------------------------- */
		h3.sp-title03 {
			background-image: url("../images/top04-03.png");
		}
		section#sec-004-003 {
			align-items: center;
			display: flex;
			flex-wrap: nowrap;
			justify-content: flex-start;
			margin: 0 auto 3% auto;
			width: 90%;
		}
			@media screen and (max-width: 641px) {
				section#sec-004-003 {
					flex-wrap: wrap;
					width: 100%;
				}
			}
			section.sec-004-003-001 {
				margin-right: 2%;
				width: 20%;
			}
				@media screen and (max-width: 641px) {
					section.sec-004-003-001 {
						width: 20%;
					}
						section.sec-004-003-001 img {
							width: 100%!important;
					}
				}
				section.sec-004-003-001 img {
					width: auto;
				}
				section#sec-004-003 ul {
					list-style-type: none;
				}
					section#sec-004-003 ul li {
						font-size: 1.0rem;
						margin-bottom: 2%;
						padding-left: 2em;
					}
					section#sec-004-003 ul li:before {
						color: #0c419a;
						content: "●";
						display: block;
						float: left;
						margin-left: -1.5em;
					}
				section.sec-004-003-002 {
					width: 78%;
				}
					@media screen and (max-width: 641px) {
						section.sec-004-003-002 {
							line-height: 100%;
							width: 78%;
						}
					}
						section.sec-004-003-002 ul.sec-004-003-ul li {
							align-items: flex-start;
							display: flex;
							flex-wrap: nowrap;
							margin: 0 auto 2% auto;
						}
							section.sec-004-003-002 section.sec-004-003-002-001 {
								padding-left: 0.5em;
								width: 30%;
							}
								@media screen and (max-width: 641px) {
									section.sec-004-003-002 section.sec-004-003-002-001 {
										font-size: 1.2rem;
										width: 50%;
									}
								}
						section.sec-004-003-003 {
							width: 40%;
						}

		/* ---------------------------------------- */
		/*		４．充実した福利厚生				*/
		/* ---------------------------------------- */
		h3.sp-title04 {
			background-image: url("../images/top04-04.png");
		}
		section#sec-004-004 {
			align-items: center;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			margin: 4% auto 2% auto;
			width: 100%;
		}
			section.sec-004-004-001 {
				text-align: center;
					margin-bottom: 20px;
			}
			@media screen and (max-width: 641px) {
				section.sec-004-004-001 {
				}
			}
				section.sec-004-004-001 img {
					margin-bottom: 5%;
				}

		section#sec-004-004-002 {
			align-items: flex-start;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			margin: 3% auto 2% auto;
			width: 100%;
		}
			section#sec-004-004-002-001 {
				margin-bottom: 20px;
				text-align: center;
			}
			section#sec-004-004-002-002 {
				text-align: center;
			}
				@media screen and (max-width: 641px) {
					section#sec-004-004-002-002 {
						width: 100%;
					}
				}
				section#sec-004-004-002-002-001 {
					align-items: flex-start;
					display: flex;
					flex-wrap: nowrap;
					justify-content: space-around;
					margin: 0 auto 2% auto;
					width: 110%;
				}
					@media screen and (max-width: 641px) {
						section#sec-004-004-002-002-001 {
							flex-wrap: wrap;
							width: 100%;
						}
					}
			section#sec-004-004-002 span {
				color: #0c419a;
				font-size: 1.2rem;
				font-weight: bold;
			}
			section#sec-004-004-002 img {
				margin-top: 5%;
				margin-bottom: 5%;
			}

		/* ---------------------------------------- */
		/*		５．観光情報						*/
		/* ---------------------------------------- */
		h3.sp-title05 {
			background-image: url("../images/top04-05.png");
		}
		section#sec-004-005 {
			align-items: center;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			margin: 3% auto 2% auto;
			width: 70%;
		}
			section#sec-004-005 section.sec-004-005-001 {
				margin-bottom: 20px;
			}

/* ------------------------------------------------------------------------ */
/*						お問い合わせ										*/
/* ------------------------------------------------------------------------ */
section#sec-005 {
	text-align: center;
}
	section#sec-005-001 {
		font-size: 2.6rem;
		font-weight: bold;
		margin-top: 5%;
	}
	section#sec-005-002 {
		font-size: 1.8rem;
		margin-top: 2%;
	}
	section#sec-005-003 {
		color: #0c419a;
		font-size: 2.4rem;
		font-weight: bold;
		margin-top: 2%;
	}
	section#sec-005-004 {
		font-size: 1.4rem;
		font-weight: bold;
		margin-top: 1%;
		margin-bottom: 10%;
	}