@charset "utf-8";

/*---------------------------------------------
 generic  class
---------------------------------------------*/

.txtB { font-weight: bold; }
.txtN { font-weight: normal; }
.layoutC { text-align: center; }
.layoutL { text-align: left; }
.layoutR { text-align: right; }
/*---------------------------------------------
 base margin
---------------------------------------------*/
.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt60 { margin-top: 60px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }

.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }

.mtNone {margin-top: 0 !important; padding-top: 0 !important; }


.bggray{background:#f3f3f3 !important;}
.borderNone{border:none !important;}
.border_b{border-bottom: solid #ccc 1px !important; }
.fs13{font-size: 13px !important;}
.fs15{font-size: 15px !important;}
.fs10{font-size: 10px !important;}



/*---------------------------------------------
 .mainVisual
---------------------------------------------*/

.mainVisual{
	width: 100%;
	min-width: 1280px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.mainVisual .slide{
	height:600px;
}

.mainVisual .slide img{
	width: 100%;
	min-width: 1280px;
}

.mainVisual .txt{
	position:absolute;
	top:13%;
	width: 100%;
	z-index: 2;
	left: 0;
	right:0;
	text-align: center;
}

.mainVisual .staff{
	position: absolute;
	width: 1240px;
	z-index: 2;
	bottom: 60px;
	right: 0;
	left: 50%;
	padding-left: 240px;
}

/*---------------------------------------------
.navList
---------------------------------------------*/

.navList{
	width:1240px;
	margin: -40px auto;
	position:relative;
	z-index: 2;
}

.navList ul{
	display:table;
}

.navList ul li{
	display:table-cell;
	background-color: #fff;
}

.navList ul li a{
	display: table-cell;
}

.navList ul li a span{
	width: 620px;
	height: 80px;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	color:#fff;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	font-size: 24px;
}

.navList .company a{
	background: url(../images/icon_company.png) no-repeat left 60px bottom -2px;
	background-color: #666;
}

.navList .recruit a{
	background: url(../images/icon_recrult.png) no-repeat right 60px bottom -2px;
	background-color: #666;
}

.navList .company.cur a{
	background: url(../images/icon_company_cur.png) no-repeat left 60px bottom -2px;
	background-color: #79c2b8;
}

.navList .recruit.cur a{
	background: url(../images/icon_recrult_cur.png) no-repeat right 60px bottom -2px;
	background-color: #79c2b8;
}

/*---------------------------------------------
folloNav
---------------------------------------------*/
.followNav {
	width: 100%;
	min-width: 1280px;
	margin: 0 auto;
	display:none;
}

/*--------------------------------------------
fixedはnavigation固定
---------------------------------------------*/

.followNav.fixed{
	position:fixed;
	top:0;
	display:block;
	z-index: 99;
}

.followNav ul{
	display:table;
	width: 100%;
	background-color: #fff;
}

.followNav ul li{
	display: table-cell;
	vertical-align: middle;
}

.followNav ul li.navLogo{
	width: 20%;
}

.followNav ul li.navCompany{
	width: 30%;
}

.followNav ul li.navRecruit{
	width: 30%;
}

.followNav ul li.navEntry{
	width: 20%;
}

.followNav ul li a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 80px;
	width: 1000px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background-color: #fff;
}

	.followNav ul .navEntry a {
	background-color: #79c2b8;
	border-right: none;
}

.followNav ul .navEntry img{
	margin-bottom: 5px;
}

.followNav ul .navCompany a span{
	color: #333;
	background: url(../images/icon_nav_company.png) no-repeat left center;
	padding: 10px 0 10px 32px;
}

.followNav ul .navRecruit a span{
	color: #333;
	background: url(../images/icon_nav_recult.png) no-repeat left center;
	padding: 10px 0 10px 32px;
}

.followNav ul .navCompany.cur a span{
	color: #79c2b8;
	background: url(../images/icon_nav_company_cur.png) no-repeat left center;
	padding: 10px 0 10px 32px;
}

.followNav ul .navRecruit.cur a span{
	color: #79c2b8;
	background: url(../images/icon_nav_recult_cur.png) no-repeat left center;
	padding: 10px 0 10px 32px;
}

/*---------------------------------------------
	.hdWrap
---------------------------------------------*/

.hd02_01{
	font-size: 36px;
	margin-bottom: 36px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}

.content.imgAdvance .hd02_01{
	line-height: 1.25;
}

.content.imgRote .hd02_01{
	line-height: 1.25;
}

.content.imgLp .hd02_01{
	line-height: 1.25;
}

.content.imgSp .hd02_01{
	line-height: 1.25;
}

.hd02_01 span{
	background:url(../images/icon_balloon.png) no-repeat left center;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 70px;
}

.hd03{
	font-size: 28px;
	font-weight: bold;
	margin: -81px 0 20px;
    padding-top: 81px;
}

/*---------------------------------------------
	.WrapInner
---------------------------------------------*/
.wrapInner{
	margin-top: 40px;
}

/*---------------------------------------------
.content
---------------------------------------------*/
.content{
	width: 100%;
	margin: 0 auto;
	min-width: 1280px;
	overflow: hidden;
}

.content.bggray{
	background-color: #f3f3f3;
}

.content.Max{
	margin: 80px 0;
	text-align: center;
}

.content.Max .contentTextArea{
	width:1015px;
	margin: 0 auto;
}

.content.Max .contentTextArea p{
	margin-bottom: 60px;
	text-align: left;
}


.content .anime{
	width:1240px;
	margin:0 auto;
	overflow: hidden;
}

.content .contentInner{
	width: 1020px;
	margin: 0 auto;
	padding: 80px 0;
	position: relative;
}

.content.imgTrack .contentInner .contentInnerArea{
	padding-right: 440px;
	overflow: hidden;
}

.content .contentInner .contentInnerArea .contentImgArea{
	position:absolute;
}

.content.imgTrack .contentInner .contentImgArea{
	background:url(../images/img_track.png) no-repeat left center;
}

.content.imgTrack .contentInner .contentImgArea{
	right:0;
	top: 50%;
	margin-top: -180px;
	width: 500px;
	height: 300px;
	left:1130px;
}


.content.imgTrack .contentButton{
	width:320px;
	margin: 40px auto 0;
}

.contentButton span{
	font-weight: bold;
	padding:20px 0 10px;
	text-align: center;
	display: block;
}





.content.imgAdvance .contentInner .contentInnerArea{
	padding: 40px 0 40px 450px;
}

.content.imgAdvance .contentInner .contentImgArea{
	background:url(../images/img_advance.png) no-repeat right center;
}

.content.imgAdvance .contentInner .contentImgArea{
	left:-480px;
	top: 50%;
	margin-top: -150px;
	width: 400px;
	height: 300px;
}

.content.imgRote .contentInner .contentInnerArea{
	padding-left: 330px;
}

.content.imgRote .contentInner .contentImgArea{
	background:url(../images/img_rote.png) no-repeat left center;
}

.content.imgRote .contentInner .contentImgArea{
	left:-400px;
	top: 50%;
	margin-top: -150px;
	width: 330px;
	height: 300px;
}

.content.imgLp .contentInner .contentInnerArea{
	padding-right: 500px;
}

.content.imgLp .contentInner .contentImgArea{
	background:url(../images/img_lp.png) no-repeat left center;
}

.content.imgLp .contentInner .contentImgArea{
	right:0;
	top: 50%;
	margin-top: -150px;
	width: 500px;
	height: 300px;
	left:1130px;
}

.content.imgSp .contentInner .contentInnerArea{
	padding-left: 500px;
}

.content.imgSp .contentInner .contentImgArea{
	background:url(../images/img_support.png) no-repeat center center;
}

.content.imgSp .contentInner .contentImgArea{
	left:0;
	top: 480px;
	margin-top: -150px;
	width: 500px;
	height: 300px;
}

.content.imgSafety .contentInner .contentInnerArea{
	padding-right: 400px;
	padding-bottom: 30px;
	padding-top: 30px;
}

.content.imgSafety .contentInner .contentInnerArea .contentTextAreaL{
	margin-left: 60px;
}

.content.imgSafety .contentInner .contentImgArea{
	background:url(../images/img_safety.png) no-repeat left center;
}

.content.imgSafety .contentInner .contentImgArea{
	right:0;
	top: 30%;
	margin-top: -150px;
	width: 450px;
	height: 300px;
	left:1130px;
}

.content.imgStand .contentInner .contentInnerArea{
	padding-right: 420px;
	overflow: hidden;
}

.content.imgStand .contentInner .contentTextAreaL .space{
	margin-top: 36px;
	margin-bottom: 36px;
}

.content.imgStand .contentInner .contentImgAreaBg{
	background:url(../images/img_stand.png) no-repeat center center;
}

.content.imgStand .contentInner .contentImgArea{
	background:url(../images/img_stand_track.png) no-repeat left center;
}

.content.imgStand .contentInner .contentImgAreaBg{
	position: absolute;
	right:20px;
	top: 225px;
	margin-top: -150px;
	width: 440px;
	height: 300px;
}

.content.imgStand .contentInner .contentImgArea{
	right:0;
	top: 330px;
	margin-top: -150px;
	width: 440px;
	height: 300px;
	left:1300px;
	/*初期値770px*/
}

.content .contentInner .contentTextAreaL{
	position:relative;
}

.content .contentInner .contentTextAreaR{
	position: relative;
}

.content .contentInner .imgList{
	width: 1020px;
	margin:0 auto;
}

.content .contentInner .imgList ul{
	overflow: hidden;
	margin-left: -22px;
	margin-top: 40px;
	margin-right: -22px;
}

.content .contentInner .imgList li{
	float: left;
	padding:22px;
}
/*---------------------------------------------
	.companyWrap
---------------------------------------------*/
.companyWrap{
	width:100%;
	min-width: 1280px;
}

.companyWrapInner{
	width: 980px;
	padding: 80px 0;
	margin:0 auto;
}

/*---------------------------------------------
.layout-two-column
---------------------------------------------*/
.layout-two-column{
	overflow: hidden;
	padding:20px 0 0;
}

/*---------------------------------------------
	.recruitWrap
---------------------------------------------*/

.contentWrap{
	width:100%;
	min-width: 1280px;
}

.recruitWrap{
	width:980px;
	padding: 80px 0;
	margin:0 auto;
}

.recruitWrap .section{
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 30px;
	position:relative;
	background:url(../images/img_bg.png);
}

.recruitWrap .section .sectionInner {
	background-color: #fff;
	padding:40px 20px 20px;
	box-sizing:border-box;
}


.recruitWrap .recruitWraplist{
	margin-bottom: 30px;
}

.recruitWrap .sectionContent{
	padding-top: 15px;
	border-top: 1px dotted #ccc;
	margin: 15px 0;
}

.recruitWrap .section.status .sectionContent {
	margin-bottom: 0;
	border: none;
}

.recruitWrap .sectionContent.txt{
	text-indent: -16px;
	padding-left: 16px;
}

.recruitWrap .sectionContent2{
	padding-top: 10px;
	border-top: 1px dotted #ccc;
	margin: 10px 0;
}

.recruitWrap .section.status .sectionContent2 {
	margin-bottom: 0;
	border: none;
}

.recruitWrap .sectionContent2.txt{
	text-indent: -16px;
	padding-left: 16px;
}


.recruitWrap .section.status{
	width: 290px;
	float:left;
	margin-top: 13px;
}

.recruitWrap .section .title{
	background-color: #79c2b8;
	border: solid #fff 1px;
	box-shadow: 0px 0px 0px 2px rgba(121,194,184,1);
	color: #fff;
	font-size: 20px;
	padding: 6px 16px;
	position: absolute;
	top: -16px;
	left: 26px;
}

.recruitWrap .recruitWraplist .title{
	top: -12px;
}

.recruitWrap .section .title.orange{
	background-color: #e77d44;
	box-shadow: 0px 0px 0px 2px rgba(231,125,68,1);
}

.recruitWrap .section .subtitle{
	font-weight: bold;
}

.recruitWrap .section .subtitle.volume{
	margin-bottom: -40px;
}

.recruitWrap .section.status .sectionInner {
	width:270px;
	padding-bottom: 0;
}

.recruitWrap .section.status .sectionInner .pic{
	margin-top: -4px;
}


.recruitWrap .recruitWraplist .imgList {
	overflow: hidden;
	width: 690px;
}


.recruitWrap .recruitWraplist .imgList ul{
	overflow: hidden;
	width: 690px;
}

.recruitWrap .recruitWraplist .imgList li{
	float: left;
	margin-left: 12px;
}


.recruitWrap .section.work{
	width: 980px;
	height: 450px;
	margin-bottom: 10px;
}

.recruitWrap .section.work2{
	width: 980px;
	height: 300px;
	margin-bottom: 10px;
}

.recruitWrap .section.work3{
	width: 980px;
	height: 180px;
	margin-bottom: 10px;
}

.recruitWrap .section.work4{
	width: 980px;
	height: 240px;
	margin-bottom: 10px;
}

.recruitWrap .section.work5{
	width: 218px;
	height: 165px;
	margin-bottom: 10px;
}

.layout-two-column .section.driver.work{
	width:  650px;
	height: 230px;
	margin-bottom: 10px;
	float: left;
}

.layout-two-column .section.status{
	width: 320px;
	height: 230px;
	float: left;
	margin: 0 10px 0 0;
}
.layout-two-column .section.status .sectionInner{
	width: 300px !important;
	height: 210px;
}
.layout-two-column .section.status .sectionInner .pic{
	margin: 76px 0 0 16px !important;
}

.layout-two-column .section.driver.work .sectionInner {
	width:630px;
	height:210px;
}

.layout-two-column .section.operator.work{
	width:  650px;
	height: 170px;
	margin-bottom: 10px;
	float: left;
}

.layout-two-column .section.operator.work .sectionInner {
	width:630px;
	height:150px;
}
.layout-two-column.operator .section.status{
	height: 170px;
}
.layout-two-column.operator .section.status .sectionInner{
	height: 150px;
}
.layout-two-column.operator .section.status .sectionInner .pic{
	margin: 16px 0 0 16px !important;
}

.recruitWrap .section.col3{
	width: 320px;
	margin: 0 10px 10px 0;
	float: left;
}
.recruitWrap .section.col3:last-child{
	margin-right: 0;
}
.recruitWrap .section.work .sectionInner {
	width:960px;
	height:430px;
}



.recruitWrap .section.col3 .sectionInner {
	width: 300px;
	min-height: 140px;
}
.recruitWrap .operator .section.col3 .sectionInner{ height: 200px; }

.recruitWrap .section.work .pic img{
	margin: -10px 0;
}

.recruitWrap .section.reward{
	width: 650px;
	height: 550px;
	float: left;
	margin-right: 10px;
}

.recruitWrap .section.reward .sectionInner{
	width: 630px;
	height: 530px;
}

.recruitWrap .section.reward .label{
	background-color: #000;
	color:#fff;
	padding: 2px 8px;
	width:42px;
	font-size: 13px;
	margin-bottom: 10px;
}

.recruitWrap .section .dlWrap dl{

	overflow: hidden;
	line-height: 1;
	margin-bottom: 10px;
}

.recruitWrap .section.location .dlWrap dl{
	margin-bottom: 16px;
}

.recruitWrap .section .dlWrap dt{
	margin-top: 10px;
	float: left;
	font-weight: bold;
	width:95px;
}

.recruitWrap .section.location dt{
	width:auto;
}

.recruitWrap .section .dlWrap dd{
	border-left: 1px solid #ccc;
	float:left;
	padding-left: 10px;
	margin-left: 10px;
	margin-top: 10px;
}

.recruitWrap .section.subject{
	width: 320px;
	height: 305px;
	margin-bottom: 25px;
	float: left;
}

.recruitWrap .section.subject .sectionInner{
	width: 300px;
	height: 285px;
}

.recruitWrap .section.Holiday{
	width: 320px;
	height: 220px;
	float: left;
}

.recruitWrap .section.Holiday .sectionInner{
	width: 300px;
	height: 200px;
}

.recruitWrap .section.location{
	width: 980px;
}

.recruitWrap .section.location .sectionInner{
	width: 960px;
}


.recruitWrap .section.normal{
	width: 980px;
	height: 645px;
	margin-bottom: 30px;
}



.recruitWrap .section.normal .sectionInner{
	width: 960px;
	height: 625px;
	padding: 20px;
}

.recruitWrap .section.normal .list{
	width: 920px;
}

.recruitWrap .section.normal .list li{
	padding:16px 0;
	width: 920px;
	border-bottom: 1px dotted #ccc;
	font-size: 13px;
}

.recruitWrap .section.normal .list .icon{
	background:url(../images/icon_message_green.png) no-repeat left center;
	padding-left: 30px;
	display:block;
}

.recruitWrap .section.normal .list .color{
	color: #f39500;
	font-weight: bold;
}


.recruitWrap .section.normal .imgList {
	width: 960px;
	overflow: hidden;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: 20px;
}

.recruitWrap .section.normal .imgList li{
	float: left;
	width:218px;
	padding:0 8px;
}


.recruitWrap .section.normal.cur{
	width: 980px;
	height: 365px;
	margin:0;
}

.recruitWrap .section.normal.cur .sectionInner{
	width: 960px;
	height: 345px;
}


.recruitWrap .section.normal.cur .list .icon{
	background:url(../images/icon_message_orange.png) no-repeat left 0.35em;
	padding-left: 30px;
	display:block;
}

.recruitWrap .section.normal.cur .list .color{
	color: #e77d44;
}

.recruitWrap .jobBtn{
	display: flex;
	overflow: hidden;
	margin-bottom: 20px;
}
.recruitWrap .jobBtn li{
	width:100%;
	float: left;
	margin-right: 10px;
}
.recruitWrap .jobBtn li:last-child{
	margin-right: 0;
}

.recruitWrap .jobBtn2{
	display: flex;
	overflow: hidden;
	margin-bottom: 20px;
}
.recruitWrap .jobBtn2 li{
	width:100%;
	float: left;
	margin-right: 10px;
}


/*---------------------------------------------
.tableWrap
---------------------------------------------*/

.tableWrap table{
	margin:0 auto;
}

.tableWrap table tr{
	width:620px;
	margin: 0 auto;
	background: url(../images/line.png) no-repeat;
	padding: 16px 0;
	display:block;
}	

.tableWrap table th{
	float: left;
	width:200px;
	font-size: 16px;
	font-weight: bold;
}

.tableWrap table tr dt{
	font-weight: bold;
}

.tableWrap table dl{
	border-bottom: dotted 1px #ccc;
	margin-bottom: 20px;
	padding-bottom:20px;
}

.tableWrap table dl.border_none{
	border-bottom: 0;
	padding-bottom: 0;
}
.tableWrap table dl dd .tel{
	overflow: hidden;
	margin-bottom: 0;
}
.tableWrap table dl dd .tel dt{
	font-weight: normal;
	float: left;
}
.tableWrap table dl dd .tel dd{
	float:  left;
}