/* 採用情報 */

@media screen and (min-width: 641px){

#rec {
	line-height: 200%;
	letter-spacing: 0.1em;
	}

#rec section {
	margin: 0px 0px 130px 0px;
	}

#rec h2.title {
	width: auto;
	max-width: none;
	}

#rec .sum h2.title {
	text-align: center;
	}

#rec .sum h2.title span {
	margin: 0px 0px 30px 0px;
	display: block;
	}

#rec .sum ol {
	width: 90%;
	max-width: 1200px;
	margin: 0px auto;
	}

#rec .sum dl {
	width: 100%;
	border-top: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	display: table;
	}

#rec .sum dl:last-child {
	border-bottom: 1px #cccccc solid;
	}

#rec .sum dt {
	width: 300px;
	background: #f2f2f2;
	border-right: 1px #cccccc solid;
	padding: 20px 0px;
	text-align: center;
	display: table-cell;
	}

#rec .sum dd {
	width: calc(100% - 300px);
	padding: 20px 30px;
	display: table-cell;
	}

#rec .sum dd strong {
	display: block;
	}

}

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

#rec {
	line-height: 200%;
	letter-spacing: 0.1em;
	}

#rec section {
	margin: 0px 0px 70px 0px;
	}

#rec h2.title {
	width: auto;
	max-width: none;
	}

#rec .sum h2.title {
	text-align: center;
	}

#rec .sum h2.title span {
	margin: 0px 0px 30px 0px;
	display: block;
	}

#rec .sum ol {
	width: 90%;
	margin: 0px auto;
	display: table;
	}

#rec .sum dl {
	width: 100%;
	border-top: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	display: table;
	}

#rec .sum dl:last-child {
	border-bottom: 1px #cccccc solid;
	}

#rec .sum dt {
	width: 100px;
	background: #f2f2f2;
	border-right: 1px #cccccc solid;
	padding: 20px 0px;
	text-align: center;
	display: table-cell;
	}

#rec .sum dd {
	width: calc(100% - 100px);
	padding: 20px 20px;
	display: table-cell;
	}

#rec .sum dd strong {
	display: block;
	}

}