@charset "utf-8";

/* ===================================================
------------------------------------------------------
	採用情報
------------------------------------------------------
==================================================== */
article#contents section{
	display:block;
	overflow:hidden;
}

/* ===================================================
------------------------------------------------------
	見出し
------------------------------------------------------
==================================================== */
article#contents section h3{
	text-align:center;
	margin-bottom:30px;
}
#contents section h3 span{
	text-align:center;
	font-size: 186%;
	padding:10px 20px;
	display:inline-block;
	color:#0075C2;
	border:4px solid #0075C2;
	width:175px;
	margin-top:30px;
}


/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
	table
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */

article#contents section table{
	float:left;
	width:47%;
	margin-right:3%;
	border-collapse:collapse;
}
article#contents section table tr{
	border-bottom:1px dotted #595757;
}
article#contents section table th,
article#contents section table td{
	padding:5% 0;
	margin:10% 0;
	vertical-align:top;
}
article#contents section table th{
	font-size: 115%;
	font-weight:bold;
	width:23%;
}
article#contents section table th span{
	font-weight:bold;
	font-size:100%;
}
article#contents section table td{
	padding-left:3%;
}

article#contents section table td ul{
	padding:0 0 0 15px;
}
article#contents section table td ul li{
	list-style:disc outside;
	padding:0 0 0 5px;
}



/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
	table points
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */

article#contents section table.points{
	float:left;
	width:47%;
	margin: 3% 3% 6% 0;
	border-collapse:collapse;
}
article#contents section table.points tr{
	border:2px solid #595757;
	background-color: #d9f8f9;
}
article#contents section table.points th,
article#contents section table.points td{
	padding:3% 0;
	margin:10% 0;
	text-align:center;
	vertical-align:middle;
}
article#contents section table.points th{
	font-size: 115%;
	font-weight:bold;
	width:23%;
}
article#contents section table.points td span{
	font-weight:bold;
	font-size:110%;
}
article#contents section table.points td{
	padding-left:3%;
}

article#contents section table.points td ul{
	padding:0 0 0 15px;
}
article#contents section table.points td ul li{
	list-style:disc outside;
	padding:0 0 0 5px;
}

/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
	agreement
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
div#agreement{
	width:70%;
	margin:-80px auto 0 auto;
	text-align:center;
	border:3px double #ededed;
	padding:30px;
}
div#agreement h3{
	font-size:125%;
	font-weight:bold;
}
div#agreement p{
	padding-bottom:0;
	font-size:120%;
}
div#agreement span{
	position:relative;
	display:block;
}
div#agreement label{
	text-align:center;
	display:inline-block;
	font-size:110%;
	margin-top:20px;
	vertical-align:top;
	cursor:pointer;
}
div#agreement label input{
	margin-right:5px;
	cursor:pointer;
}
#agreement p.error{
	font-weight:bold;
	color:red;
}



/* ===================================================
------------------------------------------------------
	sp版の場合
------------------------------------------------------
==================================================== */

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


	/* ===================================================
	------------------------------------------------------
		見出し
	------------------------------------------------------
	==================================================== */
	#contents section h3{
		margin-bottom:10px;
	}
	#contents section h3 span{
		padding:2px 10px;
		width:160px;
	}
	
	/* ===================================================
	------------------------------------------------------
		会社概要
	------------------------------------------------------
	==================================================== */

	article#contents section table{
		float:none;
		width:100%;
	}
	
	
	
	
	/* ===================================================
	------------------------------------------------------
		table.points
	------------------------------------------------------
	==================================================== */

	article#contents section table.points{
		float:none;
		width:100%;
		margin-bottom:10%;
	}
	
	
	
	
	/* -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
		agreement
	*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */

	div#agreement{
		width:100%;
		margin-top:20px;
		text-align:center;
	}
	div#agreement p{
		text-align:left;
	}
	div#agreement span{
		text-align:center;
		display:block;
	}
	#agreement p.error{
		text-align:center;
	}
	
	
	
}