@charset "utf-8";

body {

	opacity: 0;

}

/*
メインコンテンツ
----------------------------------------- */
#mainContent {

	margin: 2em auto;

}

#mainContent .mainL,
#mainContent .mainR {

	display: inline-block;
	height: auto;

}

#mainContent .mainR h4 {

	font-size: 1.2em;
	margin-bottom: 10px;
	color: #b60014;

}

@media(min-width:769px) {

	#mainContent {

		display: flex;
		justify-content: space-between;

	}

	#mainContent .mainL {

		width: 770px
	}

	#mainContent .mainR {

		width: 200px;

	}


}

@media(max-width:768px) {

	#mainContent .mainL{

		width: 100%;
		margin-bottom: 2em;

	}

	#mainContent .mainR{

		display: none;

	}

}


/*
共通メニュー
----------------------------------------- */
#mainContent .commonMenu {

	background-color: #b60014;
	margin: 0px;
	margin-bottom: 1em;
	color: #ffffff;
	font-family: "I-OTF-UDゴ表示Pro M";

}

#mainContent .commonMenu dt {

	font-size: 1.4em;
	padding: 0.5em;
	font-family: "I-OTF-UDゴ表示Pro B{pm}";

}

#mainContent .commonMenu dd a {

	color: #ffffff;
	background-image: url(/img/common/icons/white_arrow.svg);
	background-size: 1em;
	background-repeat: no-repeat;
	background-position: 0.5em 1.2em;
	padding: 1em;
	padding-left: 1.5em;
	padding-right: 0px;
	display: block;

}

#mainContent .commonMenu dd a:hover,
#mainContent .commonMenu dd.current a {

	background-color: #000000;
	text-decoration: none;

}

@media(min-width:769px) {

	#mainContent .commonMenu {

		display: inline-block;
		min-height: 281px;
		width: 100%;
		vertical-align: top;
		border-radius: 6px;
		padding: 1em 0px;

	}

	ul.pageSub-menu {

		display: flex !important;
		justify-content: space-between;

	}

	ul.pageSub-menu h3 {

		margin-left: 0 !important;

	}

	
}

/*
募集職種エリア
------------------------------------------------------------------ */
#mainContent .jobSearchBox {

	font-family: "I-OTF-UDゴ表示Pro M";
	width: 100%;
	border: 1px solid #d1d1d1;
	border-radius: 6px;
	padding: 0.5em;
	margin-bottom: 1em;

}

#mainContent .jobSearchBox h4.text {

	font-size: 1em !important;
	letter-spacing: -0.1em;

}

#mainContent .jobSearchBox ul.jobsList {

	margin: 0px;
	margin-bottom: 15px;
	padding: 0px;

}

#mainContent .jobSearchBox ul.jobsList>li {

	display: block;
	margin-bottom: 0.5em;


}

#mainContent .jobSearchBox ul.jobsList li div.jobsLink {

	display: block;
	text-align: center;
	padding: 5px 0px;
	border: 1px solid #d1d1d1;
	border-radius: 6px;
	background-color: #eeeeee;
	cursor: pointer;

}

#mainContent .jobSearchBox ul.jobsList li div.jobsLink:hover {

	text-decoration: none;
	color: #ffffff;
	background-color: #787878;

}

#mainContent .jobSearchBox .job_btn a {

	padding: 10px;
	border: 1px solid #d1d1d1;
	border-radius: 6px;
	background-color: #b60014;
	text-align: center;
	color: #ffffff;
	display: block;

}

#mainContent .jobSearchBox .job_btn a:hover {

	text-decoration: none;
	-webkit-filter: opacity(0.6);
	filter: opacity(0.6);

}

#mainContent .jobSearchBox ul.jobsList ul.jobsSubList {

	padding: 0.5em 0;
	text-align: center;
	font-size: 0.8em;
	display: none;

}

#mainContent .jobSearchBox ul.jobsList ul.jobsSubList li {

	padding: 0;
	padding-left: 0.5em;
	display: block;

}

#mainContent .jobSearchBox ul.jobsList ul.jobsSubList li:not(:lst-of-type) {

	padding: 0.5em 0;

}

#mainContent .jobSearchBox ul.jobsList ul.jobsSubList li a {

	padding: 0;
	padding-left: 1em;
	position: relative;
	text-align: left;
	display: block;

}

#mainContent .jobSearchBox ul.jobsList ul.jobsSubList li a:before {

	content: "";
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.3em 0 0.3em 0.5em;
	border-color: transparent transparent transparent #b60014;

}

@media(min-width:769px) {

	.pageSub-menu .jobSearchBox ul.jobsList {

		margin-left: 1em !important;
		padding-left: 2em;

	}


}

@media(max-width:768px) {

	#mainContent .jobSearchBox {

		margin-bottom: 1em;

	}

	#mainContent .jobSearchBox ul.jobsList li:not(:last-of-type) a {

		text-align: center;

	}

	.pageSub-menu .jobSearchBox ul.jobsList {

		display: block !important;

	}

	section#content-menu .pageSub-menu li ul.menuJobsList {

		display: block !important;

	}

}

/*
メインコンテンツ
----------------------------------------- */
.pageSub-menu .jobSearchBox ul.jobsList {

	margin: 0;
	padding: 0;

}

.pageSub-menu .jobSearchBox ul.jobsList li {

	margin-bottom: 1em;
	cursor: pointer;

}

.pageSub-menu .jobSearchBox ul.jobsList li ul.jobsSubList {

	margin-left: 0em !important;
	padding: 0 !important;
	display: none;

}

.pageSub-menu .jobSearchBox ul.jobsList li ul.jobsSubList li {

	list-style-type: none !important;
	display: inline-block;

}

.pageSub-menu .jobSearchBox ul.jobsList li ul.jobsSubList li a {

	padding: 0;
	padding-left: 1em;
	position: relative;
	text-align: left;
	display: block;

}

.pageSub-menu .jobSearchBox ul.jobsList li ul.jobsSubList li a:after {

	content: "";
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.3em 0 0.3em 0.5em;
	border-color: transparent transparent transparent #b60014;

}

/*
その他
----------------------------------------- */
@media(min-width:769px) {

	.spNone {

		display: none !important;

	}

}

@media(max-width:768px) {

	.pcNone {

		display: none !important;

	}

}