@charset "UTF-8";
/*---------------------------------------------------------------*\
	$INDEX
\*---------------------------------------------------------------*/
/*
$共通
$1280px
$960px
$768px
$480px
$320px
*/


/*---------------------------------------------------------------*\
	$共通
\*---------------------------------------------------------------*/
main {
}
.recruit_visual {
	background: url("../img/recruit/recruit_visual.png");
	background-size: cover;
	background-position: center center;
	height: 250px;
	position: relative;
}
/*---------------------------------------------------------------*\
	$採用情報
\*---------------------------------------------------------------*/
.recruit {
	padding: 60px 0 80px;
	background-color: #f7f7f7;
}
.recruit_area {
	margin: 50px auto 0;
	width: 1000px;
}
.recruit_area table {
	border: 1px dashed #ddd;
	display: block;
	margin: 20px auto 0;
	padding: 10px;
	width: 100%;
}
.recruit_area table tr {
	border-bottom: 5px solid #f7f7f7;
	font-size: 12px;
	letter-spacing: 1px;
}
.recruit_area table th {
	background-color: #eee;
	font-size: 1.3rem;
	font-weight: normal;
	padding: 10px 12px;
	text-align: left;
	vertical-align: middle;
	width: 15%;
}
.recruit_area table td {
	font-size: 1.3rem;
	padding: 10px;
	width: 80%;
}
.link_btn {
	margin: 20px auto 0 !important;
}

/*---------------------------------------------------------------*\
	$1280px （PCディスプレイの主要サイズ）
\*---------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
}

/*---------------------------------------------------------------*\
	$960px （大きめのタブレット・ノートPC）
\*---------------------------------------------------------------*/
@media screen and (max-width: 960px) {
}

/*---------------------------------------------------------------*\
	$768px （大きめのスマホ・小さめのタブレット用、iPadなど）
\*---------------------------------------------------------------*/
@media screen and (max-width: 768px) {
}

/*---------------------------------------------------------------*\
	$480px  (スマホ用、iPhone6以下)
\*---------------------------------------------------------------*/
@media screen and (max-width: 480px) {
.recruit_visual {
	height: 120px;
}
/*---------------------------------------------------------------*\
	$採用情報
\*---------------------------------------------------------------*/
.recruit {
	padding: 30px 0;
}
.recruit_area {
	margin: 30px auto 0;
	width: 90%;
}
.recruit_area table th {
	display: block;
	width: 100%;
}
.recruit_area table td {
	display: block;
	width: 100%;
}
}

/*---------------------------------------------------------------*\
	$320px  (スマホ用、iPhone4,5,5s以下)
\*---------------------------------------------------------------*/
@media screen and (max-width: 320px) {
}