/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@charset   "UTF-8";

#law h2 {
	margin:				50px auto;
	font-size:			27px;
	font-weight:		bold;
}
#law h3 {
	width:				100%;
	margin:				30px auto;
	text-align:			left;
	font-size:			20px;
	font-weight:		bold;
}
#law section {
	width:				80%;
	max-width:			1440px;
	margin:				0 auto;
	padding:			30px 0;
}
@media screen and ( max-width:768px ) {
	#law h2 {
		font-size:			20px;
	}
	#law h3 {
		font-size:			17px;
	}
	#law section {
		width:				95%;
		padding-top:		40px;
		padding-bottom:		0px;
	}
}

/************************************************/
/* コンテンツ共通設定									*/
/************************************************/

#law .cont {
	width:				100%;
	margin:				0 auto;
	line-height:		23px;
}
#law .cont p {
	width:				100%;
	margin:				0;
	padding:			0;
	text-align:			left;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
#law .cont p.sign {
	text-align:			right;
	padding:			0 0 20px;
}
#law .cont p.title {
	margin:				20px 0;
	padding:			20px;
	font-size:			18px;
	font-weight:		bold;
	background-color:	#e0e0e0;
	border-radius:		20px;
}
#law .cont p.amend {
	text-align:			center;
	padding-top:		40px;
}
#law .cont p.sent {
	margin:				0;
	padding:			0;
	text-indent:		1em;
}
#law .cont p.list {
	width:				100%;
	margin:				0;
	padding:			0;
	text-align:			left;
}
#law .cont p.l1 {
	text-indent:		-1em;
	padding-left:		1em;
}
#law .cont p.l2 {
	text-indent:		-2em;
	padding-left:		2em;
}
#law .cont p.l3 {
	text-indent:		-3em;
	padding-left:		3em;
}
#law .cont p.l4 {
	text-indent:		-4em;
	padding-left:		4em;
}
#law .cont p.l5 {
	text-indent:		-5em;
	padding-left:		5em;
}
#law .cont .p1, #law .cont p.p1 { padding-left:1em; }
#law .cont .p2, #law .cont p.p2 { padding-left:2em; }
#law .cont .p3, #law .cont p.p3 { padding-left:3em; }
#law .cont .p4, #law .cont p.p4 { padding-left:4em; }
#law .cont .p5, #law .cont p.p5 { padding-left:5em; }
#law .cont .p6, #law .cont p.p6 { padding-left:6em; }

#law .cont p.table {
	padding:			20px 0 20px 1em;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-align:		start;
	    -ms-flex-align:		start;
	        align-items:		flex-start;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
/*border:1px blue solid;*/
}
#law .cont p.table span.capt {
	width:				100%;
	text-align:			left;
}
#law .cont p.table span.td1,
#law .cont p.table span.td2 {
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	text-align:			left;
	vertical-align:		top;
/*border:1px lime solid;*/
}
#law .cont p.table span.line {
	width:				100%;
	margin:				5px 0;
	border-top:			1px #999999 solid;
}
@media screen and ( max-width:768px ) {
	#law .cont {
		width:				100%;
	}
	#law .cont p.sign {
		font-size:			15px;
	}
	#law .cont p.title {
		padding:			20px 10px;
		font-size:			16px;
	}
	#law .cont p.amend {
		font-size:			15px;
	}
	#law .cont p.sent {
		font-size:			15px;
	}
}
@media screen and ( max-width:428px ) {
	#law .cont {
		line-height:		20px;
	}
	#law .cont .p1, #law .cont p.p1 { padding-left:0.5em; }
	#law .cont .p2, #law .cont p.p2 { padding-left:1.0em; }
	#law .cont .p3, #law .cont p.p3 { padding-left:1.5em; }
	#law .cont .p4, #law .cont p.p4 { padding-left:2.0em; }
	#law .cont .p5, #law .cont p.p5 { padding-left:2.5em; }
	#law .cont .p6, #law .cont p.p6 { padding-left:3.0em; }
	#law .cont p.table {
		padding:			20px 0;
	}
}

/************************************************/
/* 個人情報保護法等に基づく公表事項等エリア				*/
/************************************************/
#Announced .cont p.caut {
	text-indent:		-3.5em;
	padding-left:		3.5em;
}
#Announced .cont p.table span.td1 {
	width:				29%;
}
#Announced .cont p.table span.td2 {
	width:				70%;
}
@media screen and ( max-width:428px ) {
	#Announced .cont p.table span.td1 {
		width:				100%;
		padding-left:		1em;
	}
	#Announced .cont p.table span.td2 {
		width:				100%;
		padding-left:		1em;
	}
}

/************************************************/
/* 一般事業主行動計画エリア							*/
/************************************************/
#ActionPlan .cont p.table span.td1,
#midcareer .cont p.table span.td1
{
	width:				30%;
}
#ActionPlan .cont p.table span.td2,
#midcareer .cont p.table span.td2 {
	width:				70%;
}
#ActionPlan .cont p.table.apo,
#midcareer .cont p.table.apo {
	padding:			20px 0 20px 6em;
}
#ActionPlan .cont p.table.apo span.td1,
#midcareer .cont p.table.apo span.td1 {
	width:				15%;
}
#ActionPlan .cont p.table.apo span.td2,
#midcareer .cont p.table.apo span.td2 {
	width:				85%;
}
#ActionPlan .cont div.apo,
#midcareer .cont div.apo {
	width:				90%;
	margin-left:		10%;
	padding:			10px 0 10px 0.8em;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	text-align:			left;
	border:				1px #999999 solid;
}
@media screen and ( max-width:428px ) {
	#ActionPlan .cont p.table.apo,
	#midcareer .cont p.table.apo {
		padding:			10px 0;
	}
	#ActionPlan .cont p.table span.td1,
	#ActionPlan .cont p.table.apo span.td1,
	#midcareer .cont p.table span.td1,
	#midcareer .cont p.table.apo span.td1
	 {
		width:				100%;
	}
	#ActionPlan .cont p.table span.td2,
	#ActionPlan .cont p.table.apo span.td2,
	#midcareer .cont p.table span.td2,
	#midcareer .cont p.table.apo span.td2 {
		width:				100%;
		padding-left:		1em;
	}
}
.teburu
 {
margin-left: 15%;
width:80%; 
height:100%;
}



.td3{
width:100%;
text-align:	left;
}