@charset "utf-8";
/* ==================================================
		
		採用情報 PC/SP 共通

================================================== */
/* --------------------------------------------------
		.clearfix
-------------------------------------------------- */
.clearfix:after {
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
	content: ".";
}

/* ==================================================
		
		採用情報 PC

================================================== */

@media screen and (min-width:781px) {
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
.vi .vi-inner {
	background: url(/recruit/common/img/common-bg-vi01.jpg) no-repeat center / cover;
}
/* --------------------------------------------------
		.nav
-------------------------------------------------- */
.main .nav {
	width: 100%;
	font-size: 14px;
	color: #fff;
	background: #057db7;
}
.main .nav > ul {
	/* min-width: 1115px; */
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.main .nav > ul > li {
	text-align: center;
}
.main .nav > ul > li > a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 26px 0 25px;
}
.main .nav > ul > .current > a,
.main .nav > ul > li > a:hover, 
.main .nav > ul > .bc > a {
	background: #005c89;
}
.main .nav > ul > .top {
	width: 140px;
}
.main .nav > ul > .messages {
	width: 132px;
}
.main .nav > ul > .consul-voice {
	width: 161px;
}
.main .nav > ul > .job {
	width: 162px;
}
.main .nav > ul > .carrier {
	width: 184px;
}
.main .nav > ul > .welfare {
	width: 138px;
}
.main .nav > ul > .faq {
	width: 169px;
}
/* --------------------------------------------------
		.recruit
-------------------------------------------------- */
.main .recruit {
	padding-top: 65px;
}
/* --------------------------------------------------
		.voice-menu
-------------------------------------------------- */
.main .voice-menu {
 background: #005c89;
 padding: 26px 0 25px;
}
.main .voice-menu .voice-menu-inner {
 font-size: 13px;
 color: #ffffff;
 width: 904px;
 margin: 0 auto;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
}
.main .voice-menu .voice-menu-inner > div {
 padding-left: 40px;
}
.main .voice-menu .voice-menu-inner > div ul {
 padding: 6px 0 0 5px;
}
.main .voice-menu .voice-menu-inner > div ul .nolink {
 opacity: 0.4;
}
.main .voice-menu .voice-menu-inner > div a:link, 
.main .voice-menu .voice-menu-inner > div a:visited {
 color: #ffffff;
 text-decoration: none;
}
.main .voice-menu .voice-menu-inner > div a:hover {
 text-decoration: underline;
}
/* --------------------------------------------------
		.page
-------------------------------------------------- */
.main .page {
 font-size: 14px;
 font-weight: bold;
 padding-top: 70px;
}
.main .page ul {
 width: 904px;
 margin: 0 auto;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
}
.main .page ul li a:link, 
.main .page ul li a:visited {
 color: #555555;
 text-decoration: none;
}
.main .page ul li a:hover {
 text-decoration: underline;
}
}

/* ==================================================
		
		採用情報 SP

================================================== */

@media screen and (max-width:780px) {
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
.vi .vi-inner {
	background: url(/recruit/common/img/common-bg-vi01.jpg) no-repeat center / cover;
}
/* --------------------------------------------------
		.nav
-------------------------------------------------- */
.main .nav {
	font-size: 12px;
	color: #fff;
	background: #057db7;
}
.main .nav > ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.main .nav > ul > li {
	width: 50%;
	display: block;
	text-align: center;
}
.main .nav > ul > li > a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 20px 0;
}
.main .nav > ul > .current > a,
.main .nav > ul > li > a:hover, 
.main .nav > ul > .bc > a {
	background: #005c89;
}
/* --------------------------------------------------
		.recruit
-------------------------------------------------- */
.main .recruit {
	padding-top: 25px;
}
/* --------------------------------------------------
		.page
-------------------------------------------------- */
.main .page {
 font-size: 12px;
 font-weight: bold;
 padding: 35px 12px 0;
}
.main .page ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
}
.main .page ul li a:link, 
.main .page ul li a:visited {
 color: #555555;
 text-decoration: none;
}
.main .page ul li a:hover {
 text-decoration: underline;
}
}