@charset "UTF-8";

/* ▼▼▼ 求人情報
=====================================*/

/* 詳細ページ */
h2.recruit_title{
	padding: 0 0 15px;
	margin: 0 0 40px;
	color: #000;
	font-size: 25px;
	border-bottom: 2px solid #343434;
}
table{
	margin: -40px 0 40px;
	width: 100%;
}
	table th,
	table td{
		border-bottom: 1px solid #E3E3E3;
		padding: 30px 0;
		font-size: 18px;
	}
	table th{
		width: 30%;
	}

.box_area{
	border: 4px solid #E3E3E3;
	border-radius: 20px;
	padding: 0 20px 58px;
	margin: 0 0 40px;
	text-align: center;
}
	.box_area h2{
		display: inline-block;
		background: url(../img/recruit_ill.png) no-repeat left top/169px;
		padding: 58px 0 58px 175px;
		margin: 0;
		vertical-align: middle;
	}
	.box_area .list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		max-width: 800px;
		width: 100%;
		margin: -20px auto 0;
	}
	.box_area .list li{
		display: table;
		background: #FFF7EA;
		height: 130px;
		width: 47%;
		margin-top: 20px;
		padding: 20px;
		text-align: center;
	}
		.box_area .list li:nth-child(2){background: #F9F3EC;}
		.box_area .list li:nth-child(3){background: #EFFCEF;}
		.box_area .list li:nth-child(4){background: #FFF0E6;}
	.box_area .list li:hover{
		opacity: .7;
	}
	.box_area .list li a{
		display: table-cell;
		vertical-align: bottom;
		height: 100%;
		color: #353535;
	}
	.box_area .list li a div{
		margin: 0 0 20px;
		font-size: 20px;
		text-align: center;
		font-weight: bold;
		line-height: 1.2;
	}
	.box_area .list li a div small{
		display: block;
		font-size: 18px;
		text-align: center;
	}
	.box_area .list li a p{
		display: inline-block;
		padding-right: 30px;
		font-size: 14px;
		position: relative;
	}
	.box_area .list li a p::before,
	.box_area .list li a p::after{
		display: inline-block;
		background: #1CB5AF;
		content: "";
		position: absolute;
		right: 0;
	}
	.box_area .list li a p::before{
		width: 23px;
		height: 1px;
		top: 12px;
	}
	.box_area .list li a p::after{
		width: 7px;
		height: 1px;
		transform: rotate(45deg);
		top: 9px;
	}

/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {

	/* 詳細ページ */
	h2.recruit_title{
		padding: 0 0 15px;
		margin: 0 0 40px;
		font-size: 24px;
	}
	table{
		display: block;
		margin: -40px 0 40px;
		width: 100%;
	}
		table th,
		table td{
			display: block;
			width: 100%;
			padding: 20px 0;
			font-size: 18px;
		}
		table th{
			width: 100%;
			border: none;
			padding-bottom: 0;
		}

	.box_area{
		background: url(../img/recruit_ill.png) no-repeat left top/90px;
		border: 3px solid #E3E3E3;
		padding: 0 20px 30px;
		margin: 40px 0;
		text-align: center;
	}
		.box_area h2{
			background: none;
			padding: 20px 0;
			font-size: 24px;
		}
		.box_area .list{
			display: block;
			margin: -20px auto 0;
		}
		.box_area .list li{
			background: #FDFDEB;
			width: 100%;
			padding: 20px;
		}
		.box_area .list li a div{
			margin: 0 0 15px;
			font-size: 18px;
		}
		.box_area .list li a div small{
			font-size: 16px;
		}
		.box_area .list li a p{
			display: inline-block;
			padding-right: 30px;
			font-size: 14px;
			position: relative;
		}
		.box_area .list li a p::before,
		.box_area .list li a p::after{
			display: inline-block;
			background: #1CB5AF;
			content: "";
			position: absolute;
			right: 0;
		}
		.box_area .list li a p::before{
			width: 23px;
			height: 1px;
			top: 12px;
		}
		.box_area .list li a p::after{
			width: 7px;
			height: 1px;
			transform: rotate(45deg);
			top: 9px;
		}

}