@charset "utf-8";

.headerBlock {
	width: auto;
    padding: 0 40px;
}

/* ------------------------------
 �z�[��
------------------------------ */
.category_menu {
	width: 100%;
	font-size: 0;
	display: table;
}
.category_menu li {
	font-size: 1.25rem;
	width: 50%;
	height: 933px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.category_menu li.newgra {
	background: url(/recruit/img/new_bg.jpg) no-repeat center center / cover;
}
.category_menu li.career {
	background: url(/recruit/img/career_bg.jpg) no-repeat center center / cover;
}

.cate_title {
	width: 400px;
	height: 350px;
	margin: 0 auto;
	padding-top: 45px;
}
.category_menu li.newgra .cate_title {
	background: rgba(255, 255, 255, .9);
}
.category_menu li.career .cate_title {
	background: rgba(0, 84, 166, .9);
}
.category_menu .title {
	margin-bottom: 63px;
}
.category_menu .career .title {
	margin-bottom: 30px;
}

a.site_btn {
	font-weight: bold;
	min-width: 250px;
	line-height: 1.5;
	padding: 15px;
	border-radius: 60px;
	text-decoration: none;
	display: inline-block;
}
a.site_btn::before {
	content: "\f138";
	display: inline-block;
	font-family: "FontAwesome";
	padding-right: .5em;
	text-decoration: none;
}

.category_menu li.newgra .site_btn {
	color: #fff;
	background: #0054A6;
}
.category_menu li.newgra .site_btn::before {
	color: #fff;
}
.category_menu li.career .site_btn {
	background: #fff;
	min-width: 300px;
}
.category_menu li.career .site_btn.mb15 {
	margin-bottom: 15px !important;
}

/* ------------------------------
 �X�}�z�p�R�[�h�i�R���e���c�j
------------------------------ */
@media screen and (max-width: 767px) {
	h1 {
		box-sizing: unset;
	}

	.headerBlock {
	    color: #fff;
	    height: auto;
	    padding: 1em 0;
	    width: 90%;
	}

	.category_menu {
		display: block;
	}
	.category_menu li {
		width: 100%;
		height: 375px;
		font-size: 1.05rem;
		padding-top: 77px;
		display: block;
	}

	.cate_title {
		width: 252px;
		height: 221px;
		padding: 40px 20px;
	}
	.career .cate_title {
		padding: 20px;
	}
	
	.category_menu .title {
		width: 150px;
		margin: 0 auto 40px;
	}
	.category_menu .career .title {
		margin-bottom: 20px;
	}

	a.site_btn {
		min-width: 210px;
		padding: 10px;
	}
	.category_menu li.career .site_btn {
		min-width: 210px;
	}
	.category_menu li.career .site_btn.mb15 {
		margin-bottom: 10px !important;
	}
	

	
}