@charset "utf-8";
/* CSS Document */

/*responsive_style
----------------------------------------------------------------*/

/*body
----------------------------------------------*/

body{
	font-size: 3.8vw;
}

p{
	line-height: 7vw;
}

/*comWrap
----------------------------------------------*/

.comWrap{
	min-width: 100%;
	padding: 0 0 16vw;
}

/*.headerArea
----------------------------------------------*/

.headerWrap{
	height: 16vw;
	justify-content: center;
}

.headerWrap h1{
	text-align: center;
}

.headerWrap img{
	width: auto;
	height: inherit;
	vertical-align: baseline;
	padding-top: 1vw;
}

.btnInquiry{
	display: none;
}

/*.naviArea
----------------------------------------------*/

.naviArea{
	display: none;
}

/*resNaviArea
----------------------------------------------*/

.btnMenu{
	position: fixed;
	right: 0;
	bottom: 0;
	width: 32%;
	height: 16vw;
	line-height: 16vw;
	color: #fff;
	font-size: 2.7vw;
	padding: 0 0 0 8vw;
	box-sizing: border-box;
	background: url(/img/common/iconMenu.png) right 14% center no-repeat;
	background-size: auto 45%;
	background-color: #000;
	z-index: 5;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
}

.btnMenu:hover{
	cursor: pointer;
}

.resNaviArea{
	position: fixed;
	left: -100%;
	z-index: 4;
	width: 100%;
	height: 100%;
	padding: 0 0 16vw;
	background: #3399ff;
}

.resNaviWrap,
.resNaviContents,
.resNavi{
	width: 100%;
	height: 100%;
}

.resNavi li{
	border-bottom: 0.1vw solid #fff;
}

.resNavi li.jobSearch a{
	line-height: 10vw;
}

.resNavi li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 2.3vh 10vw;
	background: url(/img/common/arrowRW.png) right 2vw center no-repeat;
	background-size: 2vw auto;
	color: #fff;
	font-size: 3.8vw;
	line-height: 1;
	box-sizing: border-box;
}

.resNavi li a span{
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
}

.resNavi li:last-child a{
	line-height: 6vw;
}

#btnMenu,
#resNaviArea{
	display: block;
	z-index: 998;
}

#btnMenu{
	z-index: 1001;
}

/*.footerArea
----------------------------------------------*/

.footerBnr{
	padding: 0;
}

.footerBnr img{
	width: 100%;
	height: 100%;
}

.footerNavi{
	width: 100%;
	display: block;
	padding: 0;
}

.footerNavi ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.footerNavi ul:nth-last-of-type(1){
	width: 100%;
/*	margin:30px 0 0;
	border-top:0.3vw solid #fff;*/
	background-color: #fff;
}

.footerNavi li{
	margin: 0;
	width: 43%;
	height: 12vw;
	border-right: 0.3vw solid #fff;
	border-bottom: 0.3vw solid #fff;
}

.footerNavi li:nth-of-type(even){
	width: 57%;
	border-right: none;
}

.footerNavi ul:nth-of-type(1) li:nth-last-of-type(1){
	border-bottom: none;
}

.footerNavi ul:nth-last-of-type(1) li{
	width: 50%;
	padding-left: 0;
	border-color: #ececec;
}

/*プロトタイプ*/

/*.footerNavi li:nth-of-type(1){order: 1;}
.footerNavi li:nth-of-type(2){order: 2;width: 55%;}
.footerNavi li:nth-of-type(3){order: 3;}
.footerNavi li:nth-of-type(4){order: 4;width: 55%;padding: 0;}
.footerNavi li:nth-of-type(5){order: 5;width: 45%;padding: 0;}
.footerNavi li:nth-of-type(6){order: 6;width: 55%;padding: 0;}
.footerNavi li:nth-of-type(7){order: 7;}
.footerNavi li:nth-of-type(8){order: 8;width: 55%;}
.footerNavi li:nth-of-type(9){order: 9;}
.footerNavi li:nth-of-type(10){order: 10;width: 55%;padding: 0;}*/

/*プロトタイプ END*/

.footerNavi li a{
	display: block;
	font-size: 2.7vw;
	width: 100%;
	height: 100%;
	line-height: 12vw;
	padding: 0 4vw;
	box-sizing: border-box;
	background: url(/img/common/arrowFooterSp.png) right 3vw center no-repeat;
	background-size: auto 35%;
}

.footerNavi li a:before{
	display: none;
}

/*.footerNavi ul:nth-of-type(2) li{
	width: 100%;
	border: none;
	height: inherit;
}*/

.footerNavi .footerNaviInner{
	border-bottom: 0.3vw solid #fff;
	padding: 0 6vw 4vw;
}

.footerNavi ul.footerNaviInner li{
	width: 60%;
	margin: 0 0 3vw;
}

.footerNavi ul.footerNaviInner li:nth-of-type(even){
	width: 40%;
}

.footerNavi ul.footerNaviInner li a{
	line-height: 7.0vw;
	padding: 0;
	background: none;
}
.footerNavi ul.footerNaviInner li a:before{
	content: '●';
	display: inline-block;
}

.footerBottom div{
	width: 100%;
	display: block;
}

.snsLinks{
	background: #000;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 68%;
	height: 16vw;
	border-right: 0.2vw solid #fff;
	align-items: center;
	z-index: 1000;
}

.snsLinks li{
	width: 7.2vw;
	height: 7.2vw;
	margin:0 4vw;
}

.footerWrap p{
	font-size: 2.7vw;
	line-height: 13vw;
	text-align: center;
}

/*共通
----------------------------------------------*/

.headerArea,
.naviArea,
.footerArea,
.comContents,
.comContentsArea{
	min-width: 100%;
}

.comContentsArea{
	border:none;
}

.headerWrap,
.naviWrap,
.comContentWrap{
	width: 100%;
}

.comContentWrap{
	padding: 0 4vw;
}

/*レスポンシブ表示切替*/

.pcNone{display: block;}

.spNone{display: none;}

/*PC改行*/

.LBreakPc:before{
	display: none;
}

/*スマホ改行*/

.LBreak:before{
	content: "\A";
	white-space: pre;
}

/*二行ヘッダー*/

.comInnerHeaderW,
.comInnerHeaderB{
	font-size: 6.4vw;
	font-weight: bold;
	margin: 0 0 13vw;
}

.comInnerHeaderW span,
.comInnerHeaderB span{
	font-size: 3.2vw;
	margin:3.4vw 0 0;
}

/*キャッチコピー*/

.comStrongCopy{
	font-size: 4.8vw !important;
}

/*ボタン*/

.btnMoreW,
.btnMoreB{
	width: 100%;
	font-size: 3.8vw;
	height: 17vw;
	line-height: 16vw;
	border-width: 0.6vw;
	margin: 12vw 0 0;
	background-position: right 4vw center;
	background-size: auto 4vw;
}

#btnTop{
	width: 7vw;
	height: 7vw;
	margin: 3vw auto;
	background-size: 90% auto;
}

#btnSerach{
	font-size: 4.2vw;
}

/*求人リスト*/

.comJobBox{
	display: block;
}

.comJobList{
	margin: 0 0 8vw;
	font-size: 3.2vw;
}

.comJobListCate{
	padding: 1.8vw 2.0vw;
	margin: 2.1vw 0 2.1vw -1.5vw;
	font-size: 3.2vw;
}

.comJobListHeader{
	font-size: 4.8vw;
	padding: 0 4vw 2.1vw;
	border-width: 0.2vw;
}

.comJobListCond{
	padding: 3.4vw 4vw;
	font-size: 3.2vw;
}

.comJobList .comJobListCond:nth-of-type(2){
  border-width: 0.2vw;
	font-size: 2.7vw;
}

.comJobListCond li{
	margin: 0 0 1.0vh;
	width: 100%;
    font-size: 3.8vw;
    line-height: 7vw;
}

.comJobListCond .cateStatus:before,
.comJobListCond .catePlace:before,
.comJobListCond .cateSalary:before{
	/*width: 4.2vw;*/
	width: 4.2vw;
	height: 4.2vw;
	margin: 0 0.6vw 0 0;
	background-size: auto 90%;
	background-position: center center;
}

.comJobListCond .cateBenefit:before{
	width: 4vw;
	height: 4vw;
	margin: 0 0.8vw 0 0;
	background-size: auto 90%;
}

.resultsJob .resultsBox p.cateJobDescriptionPoint {
    font-size: 3.8vw;
    line-height: 7vw;
}

.resultsJob .resultsBox .cateQualification{
    display: block;
    font-size: 3.8vw;
}

.resultsJob .resultsBox .cateQualification dt,
.resultsJob .resultsBox .cateQualification dd{
    display: block;
    line-height: 7vw;
}

.comJobListText{
	font-size: 2.7vw;
	padding: 3.4vw 4vw 3.4vw 8.8vw;
	line-height: 7vw;
	text-indent: -4.8vw;
}

.comJobListText:before{
	width: 4.2vw;
	height: 4.2vw;
	margin: 0 0.6vw 0 0;
	background-size: auto 90%;
	background-position: center center;
}

.jobListLink{
	top: 2.6vw;
	right: 2.6vw;
	background-size: 98% auto;
	width: 6vw;
	height: 6vw;
}

.comJobLinks{
	width: 100%;
	padding: 4vw 4vw;
}

.comJobLinks li{
	width: 48.5%;
	height: 10vw;
}

.comJobLinks li a{
	border-width: 0.6vw;
}

.comJobLinks .comLike a{
	padding-left: 7vw;
	background-position: left 10vw center;
	background-size: 5vw auto;
}

.comJobLinks .comDetail a{
	font-size: 3.6vw;
	padding-right: 1vw;
	background-position: right 4vw center;
	background-size: 2vw auto;
}

.comResutlsLabel{
	height: 8vw;
	line-height: 8vw;
	margin: 0 0 30px;
}

.comResutlsLabel span{
	font-size: 4vw;
	margin: 0 0 0 3.2vw;
	line-height: 8vw;
}

.comChangeCond{
	border: 1px solid #fff;
	height: inherit;
	margin: 0 0 8vw;
	display: block;
	color: #000;
	padding: 4vw;
	font-size: 4.8vw;
	background: url(/img/common/arrowRB.png) right 4vw center no-repeat;
	background-size: 2vw auto;
	background-color: #fff;
}

.comChangeCond div{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}

.comChangeCond span{
	line-height: 1;
}

.comChangeCond .itemCount{
	font-size: 3.2vw;
	display: inline-block;
	background: #3399ff;
	color: #fff;
	padding: 0.8vw 2.4vw;
	line-height: 1;
	border-radius: 10px;
	margin: 0 0 0 2vw;
	box-sizing: border-box;
	line-height: 1;
}

.comConditions{
	font-size: 3.2vw;
	margin: 2.5vw 0 0;
	display: block;
}

.comFavorite{
	background-image: url(/img/common/bgLine.png);
	background-position: center bottom 4vw;
	background-repeat: no-repeat;
	background-size: auto 3.2vw;
}

.comFavoriteLinks{
	padding:4vw;
	border-top: 2px solid #ececec;
}

.comFavoriteLinks li{
	height: 10vw;
	width: 38vw;
}

.comFavoriteLinks .delete a{
	padding-left: 6.5vw;
	background-position: left 12vw center;
	background-size: 3.5vw auto;
}

.comFavoriteLinks .detail{
	border: 2px solid #000;
}

.comFavoriteLinks .detail a{
	padding-right: 1vw;
	background-position: right 4vw center;
	background-size: 2vw auto;
}

.comFavoriteLinks .subscription{
	width: 100%;
	height: 17vw;
	margin: 4vw 0 0;
}

.comFavoriteLinks .subscription a{
	padding-left: 4vw;
	background-position: 28vw center;
	background-size: 4vw auto;
}

/*紹介実績*/

.comResult{
	display: block;
}

.comResult div{
	padding: 2vw 3.5vw 4vw;
	margin: 0 0 6vw;
	width: 100%;
}

.comResult table{
	width: 100%;
	font-size: 3.2vw;
	border-spacing: 0.5vw;
	margin: 0;
}

.comResult caption{
	font-size: 4.8vw;
	padding: 0 0.5vw 1vw;
}

.comResult th{
	padding: 0.5vw 2vw 0;
	line-height: 8vw;
	font-size: 3.8vw;
}

.comResult td{
	border-width: 0.2vw;
	padding: 0.5vw 2vw 0;
	font-size: 3.8vw;
}

.comResult div p{
	font-size: 3.2vw;
	padding: 0 3px;
}

/*フォーム*/

/*START フォームパーツ*/

input,
button,
textarea,
select{
	font-size: 3.8vw;
}

.comJobSearch input::-webkit-input-placeholder{}
.comJobSearch input:-ms-input-placeholder{}
.comJobSearch input::-moz-placeholder{}

.comJobSearch input[type="text"],
.formWrap input[type="text"]{
	background: #fff;
	height: 10vw;
	border-radius: 4px;
	width: 100%;
}

.comJobSearch input[type="radio"]:checked + label,
.comJobSearch input[type="checkbox"]:checked + label,
.comJobSearch input[type="radio"]:not(:checked) + label,
.comJobSearch input[type="checkbox"]:not(:checked) + label,
.formWrap input[type="radio"]:checked + label,
.formWrap input[type="checkbox"]:checked + label,
.formWrap input[type="radio"]:not(:checked) + label,
.formWrap input[type="checkbox"]:not(:checked) + label{
	padding-left: 7vw;
	line-height: 6vw;
}

.comJobSearch input[type="radio"]:checked + label:before,
.comJobSearch input[type="checkbox"]:checked + label:before,
.comJobSearch input[type="radio"]:not(:checked) + label:before,
.comJobSearch input[type="checkbox"]:not(:checked) + label:before,
.formWrap input[type="radio"]:checked + label:before,
.formWrap input[type="checkbox"]:checked + label:before,
.formWrap input[type="radio"]:not(:checked) + label:before,
.formWrap input[type="checkbox"]:not(:checked) + label:before{
	width: 6vw;
	height: 6vw;
	border: 1px solid #8e98a1;
}

.comJobSearch input[type="radio"]:checked + label:after,
.comJobSearch input[type="checkbox"]:checked + label:after,
.comJobSearch input[type="radio"]:not(:checked) + label:after,
.comJobSearch input[type="checkbox"]:not(:checked) + label:after,
.formWrap input[type="radio"]:checked + label:after,
.formWrap input[type="checkbox"]:checked + label:after,
.formWrap input[type="radio"]:not(:checked) + label:after,
.formWrap input[type="checkbox"]:not(:checked) + label:after{
	width: 3vw;
	height: 3vw;
	top: 1.5vw;
	left: 1.5vw;
}

.comJobSearch select,
.formWrap select{
	width: 26vw;
	height: 9vw;
	border-radius: 4px;
	padding: 0 2vw;
	margin: 0 1vw 0 0;
}

.comJobSearch .btnMoreB{
	border-color: #fff;
	color: #fff;
	background-color: rgba(0,0,0,0.4);
	background-image: url(/img/common/arrowRW.png);
}

/*END フォームパーツ*/

.comJobSearch{
	background: none;
	padding: 0;
}

.comFormHeader{
	display: block;
	height: inherit;
	margin: 0 0 2.7vw;
	font-size: 4.8vw;
	padding: 4vw;
	background: url(/img/common/arrowBB.png) right 4vw center no-repeat;
	background-size: 4% auto;
	background-color: #fff;
}

.comFormHeader:hover{
	cursor: pointer;
}

.comFormHeader .itemDesignate{
	line-height: 1;
	font-size: 4vw;
}

.comFormHeader .itemSelect{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}

.comFormHeader .itemCount{
	font-size: 3.2vw;
	display: inline-block;
	background: #3399ff;
	color: #fff;
	padding: 0.8vw 2.4vw;
	line-height: 1;
	border-radius: 10px;
	margin: 0 0 0 2vw;
	box-sizing: border-box;
}

.comFormHeader .itemCount:empty{
	display: none;
}

.comFormHeader .itemValue{
	display: block;
	font-size: 3.2vw;
	margin: 2.5vw 2.8vw 0 0;
}

.comFormWrap{
	background: #ececec;
	padding: 4vw;
	margin: 0 0 6vw;
	display: none;
}

.comFormList{
	margin: 0;
}

.comFormList li{
	margin: 14px 3vw 14px 0;
}

/*下層ページ共通
----------------------------------------------*/

.comInnerView{
	height: 40vw;
	background-size: auto 100%;
}

#consultantBody .comInnerView,
#consultantdetailBody .comInnerView{background-image: url(/img/consultant/headerConsultantSp.png);}

#businessBody .comInnerView{background-image: url(/img/business/headerBusinessSp.png);}
#occupationBody .comInnerView{background-image: url(/img/business/occupation/headerOccupationSp.png);}
#resourceBody .comInnerView{background-image: url(/img/business/resource/headerResourceSp.png);}

#jobBody .comInnerView,
#jobresultsBody .comInnerView,
#jobdetailBody .comInnerView{background-image: url(/img/job/headerJobSp.png);}

.comInnerView h2{
	width: 100%;
	font-size: 7.4vw;
	padding: 14vw 0 0;
}

.comInnerView h2 small{
	font-size: 3.6vw;
	margin: 4vw 0 0;
}

.comInnerView div{
	display: block;
}

#breadcrumb{
	background: #3399ff;
}

#breadcrumb ol{
	padding: 2.7vw 4vw;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	font-size: 2.7vw;
}

#breadcrumb li{
	color: #fff;
	display: table;
}

#breadcrumb li:after{
	content: '>';
	display: inline-block;
	margin: 0 2.7vw;
}

#breadcrumb li:nth-last-of-type(1):after{
	display: none;
}

#breadcrumb li a{
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	text-decoration: underline;
}

/*トップページ
----------------------------------------------*/

/*firstView*/

.firstView{
	min-width: 100%;
	height: 162vw;
}

.viewSlide{
	background-size: 100% auto;
}

.viewSlide:nth-of-type(1){background-image: url(/img/top/slideSp1.png);}
.viewSlide:nth-of-type(2){background-image: url(/img/top/slideSp2.png);}
.viewSlide:nth-of-type(3){background-image: url(/img/top/slideSp3.png);}
.viewSlide:nth-of-type(4){background-image: url(/img/top/slideSp4.png);}
.viewSlide:nth-of-type(5){background-image: url(/img/top/slideSp5.png);}
.viewSlide:nth-of-type(6){background-image: url(/img/top/slideSp6.png);}

.textPosition{
	width: 100%;
	padding: 71vw 0 0;
	margin: 0 auto;
}

.firstView p{
	font-size: 3.8vw;
	padding: 0 4vw;
	line-height: 1.9;
}

.firstView p:nth-of-type(1){
	font-size: 7vw;
	line-height: 1.6;
	margin: 0 0 6vw;
}

#btnScrollBottom{
	color: rgba(255,255,255,0);
	font-weight: 600;
	position: absolute;
	bottom: 5vw;
	left: 48%;
	left: calc(50% - 2.5vw);
	display: block;
	background: url(/img/common/arrowBW.png) center center no-repeat;
	background-size: 100% auto;
	width: 5vw;
	height: 5vw;
}

/*topContent*/

.topContent{
	padding: 18vw 4vw 16vw;
	min-width: 100%;
}

.topContentWrap{
	width: 100%;
}

/*topMessage*/

.topMessage p{
	font-size: 3.8vw;
}

.topMessage p:nth-of-type(1){
	font-size: 7vw;
	line-height: 10vw;
	margin: 0 0 8vw;
}

.topMessage .btnMoreB{
	font-size: 3.6vw;
	padding-right:3vw;
}

/*topNewArrivalJob*/

.topNewArrivalJob{
	height: inherit;
	background-image: url(/img/top/sample_bg1.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: auto auto;
}

.topNewArrivalJob .comJobListHeader,
.topNewArrivalJob .comJobListHeader a{
	font-size: 4.8vw;
	line-height: 7vw;
}

.topNewArrivalJob .comJobList{
	width: 100%;
	display: block;
	margin: 0 0 8vw;
}

.topNewArrivalJob .btnMoreW{
	/*font-size: 5vw;*/
	margin-top: 16vw;
}

/*topCloseup*/

.topCloseup{
	background-image: url(/img/common/bgLineW.png);
	background-position: center bottom 94vw;
	background-repeat: no-repeat;
	background-size: auto 3.2vw;
}

.topCloseup .comJobList{
	width: 100%;
	display: none;
	margin: 0 0 8vw;
}

.topCloseup .comJobList:nth-of-type(1),
.topCloseup .comJobList:nth-of-type(2){
	display: block;
}

.topCloseup .btnMoreW{
	margin: 16vw 0;
}

/*topSuccess*/

.topSuccess{
	background-position: center top;
	background-repeat: repeat;
	background-size: auto auto;
}

.topSuccess .comResult div{
	width: 100%;
}

.topSuccess .btnMoreW{
	margin: 16vw 0 0;
}

/*topRecruit*/

.topRecruit{
	background-size: 4% auto;
}

.topRecruit a{
	border-width: 0.6vw;
	background-position: right 4vw center;
	background-size: auto 4vw;
  padding: 4vw 8vw 4vw 4vw;
	text-align: left;
  font-size: 4.2vw;
  width: 100%;
	box-sizing: border-box;
}

.topRecruit a ul{
  justify-content: flex-start;
  font-size: 3.6vw;
  margin: 2vw 0 0;
}

.topRecruit a li{
  margin: 0 0 1vw;
  padding:0 0 0 17px;
}

.topRecruit a li:nth-last-of-type(1){
	margin-bottom: 0;
}

.topRecruit a li:nth-of-type(2){
  background-position: left center;
}

/*topNews*/

.topNews dt{
	font-size: 2.7vw;
	float: none;
	width: 100%;
	padding: 0 0 2vw;
}

.topNews dd{
	font-size: 3.8vw;
	border-width: 0.4vw;
	padding: 0;
	margin: 0 0 5.4vw;
}

.topNews dd a{
	padding: 0 8vw 5.4vw 0;
	background-size: auto 6vw;
	background-position: right center;
}

/*topBnrList, cnvBnrList*/

.topBnrList,
.cnvBnrList{
	min-width: 100%;
	border-bottom: 1px solid #ececec;
}

.topBnrList ul,
.cnvBnrList ul{
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	display: block;
}

.cnvBnrList li{
	margin-bottom: 5vw;
}

.topBnrList img,
.cnvBnrList img{
	width: 100%;
	height: inherit;
}

.topBnrList p,
.cnvBnrList p{
	margin:2vw 3vw;
	line-height: 5vw;
	width: calc(100% - 6vw);
}

/*TRANSIT CAREER UP PARTNERSについて
----------------------------------------------*/

.aboutContent{
	padding: 10vw 0;
	font-size: 3.8vw;
}

.aboutMessage p{
	margin: 0 0 8vw;
}

.aboutMessage p:nth-last-of-type(1){
	font-size: 3.2vw;
}

.aboutMessage p:nth-last-of-type(1) span{
	font-size: 4.8vw;
	margin: 0 0 0 3.6vw;
}

.aboutMessage .comInnerColL{
	display: block;
	width: 100%;
}

.aboutMessage .comInnerColR{
	display: block;
	text-align: center;
	padding: 0 0 10vw;;
	width: 100%;
}

.aboutMessage .comInnerColR img{
	width: 60%;
}

.aboutPhilosophy{
	background-size: 4% auto;
}

.aboutPhilosophy .comStrongCopy{
	margin: 0 0 6vw;
}

.aboutCompany table{
	font-size: 3.8vw;
}

.aboutCompany tr{
	display: block;
}

.aboutCompany th{
	border: none;
	width: 100%;
	display: block;
	padding: 0.2vw 1.6vw;
}

.aboutCompany td{
	background: none;
	border: none;
	padding: 2vw 1.6vw 4.6vw;
}

.aboutCompany td li{
	margin: 0 0 2vw;
}

.aboutCompany td a{
	padding: 0 0 0 4vw;
	background: url(/img/common/arrowLinkSp.png) left 0.6vw top 0.8vw no-repeat;
	background-size: auto 2.8vw;
}

.aboutAccess iframe{
	width: 100%;
	height: 54vw;
}

.aboutAccess div.clearfix{
	margin: 4vw 0 0;
}

.aboutAccess dl{
	float: none;
	width: 100%;
	font-size: 3.8vw;
	margin: 0 0 5.4vw;
}

.aboutAccess dl:nth-of-type(2){
	floar: none;
	padding-left: 0;
	margin: 0;
}

/*事業紹介
----------------------------------------------*/

.businessContent{
	padding: 10vw 0;
}

.businessContent h3{
	margin: 0 0 9vw;
	font-size: 4.8vw;
}

.businessCopy .comStrongCopy{
	margin: 0 0 6vw;
	font-size :4.8vw;
}

.businessCopy p{
	font-size: 3.8vw;
}

.businessService ul{
	display: block;
	margin: 9vw 0 0;
}

.businessService li{
	margin: 6vw 0 0;
}

.businessService p{
	padding: 4vw;
	font-size: 3.8vw;
}

.businessConsulting p{
	padding: 0 4vw;
	font-size: 3.8vw;
}

/*求人情報
----------------------------------------------*/

.jobofferContent{
	padding: 10vw 0;
}

.jobofferArrival{
	background-image: url(/img/common/bgLine.png);
	background-position: center bottom 34vw;
	background-repeat: no-repeat;
	background-size: auto 3.2vw;
}

.jobofferArrival .comJobList{
	width: 100%;
	margin: 0 0 8vw;
}

.jobofferArrival .btnMoreW{
	margin-top: 15vw;
}

.jobofferOccupation,
.jobofferOccupationIndustyType{
	padding-bottom: 0;
}

.jobofferOccupation .comContentWrap,
.jobofferOccupationIndustyType .comContentWrap{
	padding: 0;
}

.jobofferOccupation h4,
.jobofferOccupationIndustyType h4{
	text-align: center;
	margin: 0 0 4.6vw;
	font-size: 4vw;
	padding: 1.4vw 4vw;
}

.jobofferOccupation ul,
.jobofferOccupationIndustyType ul{
	margin: 0;
	padding: 0 4vw 8vw;
}

.jobofferOccupation ul:nth-of-type(2),
.jobofferOccupationIndustyType ul:nth-of-type(2){
	background-position: center bottom 3vw;
	padding-bottom: 12vw;
}

.jobofferOccupation li,
.jobofferOccupationIndustyType li{
	width: 48.5%;
	height: 14vw;
	margin: 1.4vw 0;
}

.jobofferOccupation li.blank,
.jobofferOccupationIndustyType li.blank{
	display: none;
}

.jobofferOccupation li a,
.jobofferOccupationIndustyType li a{
	padding: 0 5vw 0 3vw;
	background: url(/img/common/arrowRW.png) right 2vw center no-repeat;
	background-size: 2vw auto;
}

/*求人検索結果*/

.resultsContent{
	padding: 10vw 0;
}

.resultsJob{
	background-position: center top;
	background-repeat: repeat;
	background-size: auto auto;
}

.resultsJob .comJobList{
	margin: 0 0 8vw;
}

.pager{
	margin-top: 16vw;
	display: block;
	font-size: 3.2vw;
}

.pager ul{
	margin: 0 0 6vw;
	justify-content: space-between;
}

.pager li{
	margin: 0;
	width: 10vw;
	height: 7vw;
	line-height: 7vw;
}

.pager .prevPage,
.pager .nextPage{
	width: 42vw;
	margin: 0 0 6vw;
}

.pager li a{
	line-height: 7vw;
}

.pager .prevPage a{
	padding-left: 15px;
	background: url(/img/common/arrowPrev.png) left 10px center no-repeat;
}

.pager .nextPage a{
	padding-right: 15px;
	background: url(/img/common/arrowNext.png) right 10px center no-repeat;
}

.pageSelect select{
	width: 27vw;
	height: 10vw;
	border-radius: 4px;
	margin: 0 0 0 12px;
	padding: 0 0 0 7vw;
}

.resultsSearch{
/*	background: #3399ff;*/
}

.favoriteBox .comJobList{
	margin: 0 0 4.6vw;
	border: 2px solid #000;
}

/*求人詳細*/

.jobdetailContent{
	padding: 10vw 0;
}

.jobdetailContent .comJobListHeader{
	font-size: 4.8vw;
}

.jobdetailContent .comment_by_staff h4{
	font-size: 3.8vw;

}

.jobdetailMainHeader{
	margin: 0 0 5.4vw;
	padding: 0;
}

.jobdetailMainHeader h3{
	font-weight: 600;
}

.jobdetailMainHeader p{
	padding-bottom: 2vw;
	font-size :3.8vw;
	line-height: 7vw;
}

.jobdetailMainHeader .comJobListCate{
	background: #000;
}

.jobdetailMainContent{
	padding: 4vw;
}

.jobdetailMainContent table{
	margin: 0 0 5.4vw;
	font-size: 3.8vw;
}

.jobdetailMainContent tr{
	display: block;
}

.jobdetailMainContent th{
	width: 100%;
	display: block;
	padding: 2vw 0 0;
	border: none;
	font-weight: bold;
	line-height: 7vw;
}

.jobdetailMainContent td{
	display: block;
	padding: 0 0 2vw 3.8vw;
	border-bottom: 2px solid #ececec;
	line-height: 7vw;
}

.jobdetailMainContent td li{
	margin: 0 0 2vw;
	padding: 0 0 0 3.8vw;
	text-indent: -3.8vw;
}



.jobdetailMainContent ul{

}

.jobdetailMainContent .mTop{
	margin-top: 0.7vw;
}

.jobdetailMainContent .squareIndent{

}

.jobdetailMainContent td li{
	margin: 0 0 1vw;
}

.jobdetailMainContent td li:nth-last-of-type(1){
	margin-bottom: 0;
}

.jobdetailMainContent .squareIndent li,
.jobdetailMainContent .squareIndentDl dd,
.ind{
	text-indent: -3.8vw;
	padding-left: 3.8vw;
}

.jobdetailMainContent .numberIndent li{
	text-indent: -9.6vw;
	padding-left: 9.6vw;
}

.jobdetailMainContent ul+dl{
	margin:1.4vw 0 0;
}

.jobdetailMainContent dd+dt{
	margin-top:1vw;
}


.jobdetailMainComment{
	padding: 4vw;
	border-radius: 5px;
}

.jobdetailMainComment h4{
	font-size: 3.8vw;
	margin: 0 0 2vw;
	padding: 0 0 0 5vw;
	background-size: 4vw auto;
}

.jobdetailNumber{
	color: #fff;
	font-size: 4vw;
	margin: 3vw 0 0;
}

.jobdetailUnit{
	margin: 8vw 0 0;
}

.jobdetailUnit li{
	margin: 0 0 6vw;
}

.jobdetailUnit .unitLike,
.jobdetailUnit .unitSubscription{
	/*width: 42vw;*/
	width: 100%;
	border-width: 0.6vw;
	height: 16vw;
	margin-bottom: 6vw;
}

.jobdetailUnit .unitPrev,
.jobdetailUnit .unitNext,
.jobdetailUnit .unitBack{
	border-width: 0.6vw;
	height: 10vw;
}

.jobdetailUnit .unitPrev,
.jobdetailUnit .unitNext{
	width: 42vw;
}

.jobdetailUnit .unitBack{
	width: 100%;
}

.jobdetailUnit .unitChange{
	width: 100%;
	height: 10vw;
}

.jobdetailUnit .unitPrev a{
	background-position: left 4vw center;
	background-size: 2vw auto;
}

.jobdetailUnit .unitNext a,
.jobdetailUnit .unitBack a{
	background-position: right 4vw center;
	background-size: 2vw auto;
}

.jobdetailUnit .unitLike a,
.jobdetailUnit .unitSubscription a{
	color: #fff;
	padding-left: 20px;
	font-size: 4vw;
}

.jobdetailUnit .unitLike a{
	padding-left: 0;
	background-position: left 10vw center;
	background-size: 5vw auto;
}

.jobdetailUnit .unitSubscription a{
	padding-left: 4vw;
	background-position: left 30vw center;
	background-size: 4vw auto;
}

.jobdetailUnit .unitChange{
	border: 1px solid #fff;
	height: inherit;
	margin: 0 0 8vw;
	display: block;
	color: #000;
	padding: 4vw;
	font-size: 4.8vw;
	background: url(/img/common/arrowRB.png) right 4vw center no-repeat;
	background-size: 2vw auto;
	background-color: #fff;
}

.jobdetailUnit .unitChange a{
	padding: 0;
	display: block;
	background: none;
	text-align: left;
}

.jobdetailUnit .unitChange div{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}

.jobdetailUnit .unitChange div span{
	line-height: 1;
}

.jobdetailUnit .unitChange .itemCount{
	font-size: 3.2vw;
	display: inline-block;
	background: #3399ff;
	color: #fff;
	padding: 0.8vw 2.4vw;
	line-height: 1;
	border-radius: 10px;
	margin: 0 0 0 2vw;
	box-sizing: border-box;
	line-height: 1;
}

.jobdetailUnit .unitChange .comConditions{
	line-height: 1;
}

.jobdetailRecom{
	padding-bottom: 16vw;
	background-image: url(/img/common/bgLine.png);
	background-position: center bottom 7vw;
	background-repeat: no-repeat,repeat;
	background-size: auto 3.2vw,auto auto;
}

.jobdetailRecom h3{
	font-size: 4.8vw;
	margin: 0 0 9vw;
}

.jobdetailRecom .comJobList{
	margin: 0 0 8vw;
}

/*コンサルタント一覧
----------------------------------------------*/

.consultantsContent{
	padding: 7vw 0 0;
}

.consultantsList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 40px;
}

.consultant{
	width: 100%;
/*	height: 36vw;*/
	height: inherit;
	position: relative;
	border-bottom: 1px solid #ebebeb;
}

.consultant a{
	padding: 4.8vw 8vw 4.8vw 0;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #cccccc;
	background-size: auto 6vw;
}

/*
.consultant h3{
	top: 4.8vw;
}

.consultant h3 img{
	width: 26vw;
	height: 26vw;
}

.consultant p{
	left: 30vw;
	top: 4.8vw;
	padding: 0 4vw 0 0;
}

.consultant div{
	left: 30vw;
	bottom: 4.8vw;
	font-size: 4.8vw;
	line-height: 1;
}

.consultant div span{
	font-size: 2.7vw;
	margin: 0 0 1vw;
}
*/

.consultant dt{
	font-size: 4.8vw;
	margin:0 0 3vw;
	font-weight: bold;
}

.consultant dt span{
	font-size: 2.7vw;
	margin: 0 2.7vw 1vw 0;
}

.consultant dd{
	line-height: 7vw;
}

/*コンサルタント詳細*/

.consultantContent{
	padding: 7vw 0 0;
}

.consultantContent .comContentWrap{
	padding: 0;
}


.consultantContent h3{
	font-size: 4.8vw;
	margin: 0 0 4vw;
	padding: 0 4vw 0 6vw;
}

.consultantContent h3 span{
	font-size: 3.2vw;
	margin: 0 3.2vw 0 0;
}

.consultantContent article h4{
	font-size: 4.8vw;
	margin: 13vw 0 10vw;
	padding: 0 4vw;
}

.consultantContent article h4+p{
	margin: 0 0 16vw;
	padding: 0 4vw;
	font-size: 3.8vw;
}

.consultantContent article+a img{
	width: 100%;
	height: 100%;
}

/*

.consultantHeader{
	padding: 4vw;
	margin: 0 0 8vw;
}

.consultantHeader img{
	width: 32vw;
	height: 32vw;
}

.consultantHeader h3{
	font-size: 4.8vw;
	line-height: 1;
	margin: 0 0 3vw;
}

.consultantHeader h3 span{
	font-size: 2.7vw;
	margin: 0 2.7vw 0 0;
}

.consultantHeader p{
	font-size: 3.2vw;
}
*/
.consultantDetail{
	margin: 0 4vw;
	padding:0 2vw;
	font-size: 3.8vw;
	border-width: 2px;
	display: block;
}

.consultantDetail p{
	margin:0 0 4vw;
}

.consultantDetail div:nth-of-type(1),
.consultantDetail div:nth-of-type(2){
	width: 100%;
}

.consultantDetail div:nth-of-type(2){
	border: solid 2px #eee;
	padding: 10px;
}

.consultantDetail tr{
	display: block;
}

.consultantDetail th{
	display: block;
	padding: 2vw 0 1vw;
	border: none;
	width: 100%;
	font-weight: bold;
}

.consultantDetail td{
	display: block;
	width: 100%;
	padding: 0 0 1vw 4vw;
	border-bottom: solid 2px #eee;
}

.consultantDetail tr:last-child td{
	border-bottom: none;
}

.consultantDetail td:before{
	font-size: 6vw;
	left: 0;
	top: -2.4vw;
}

.consultantSlider{
	padding: 10vw 4vw;
}

.consultantSlider h3{
	font-size: 4.8vw;
	margin: 0 0 9vw;
}

#consultantSlider .consultantSlide{
	width: 100%;
	height: inherit;
	border: none;
}

#consultantSlider .consultantSlide a{
	padding: 6vw;
}

/*#consultantSlider .consultantSlide h4 img{
	width: 26vw;
	height: 26vw;
}

#consultantSlider .consultantSlide p{
	top: 5vw;
	padding: 0 6vw 0 36vw;
	line-height: 1.5;
}

#consultantSlider .consultantSlide p+div{
	bottom: 6vw;
	padding: 0 6vw 0 36vw;
	font-size: 4.8vw;
	line-height: 1;
}

#consultantSlider .consultantSlide p+div span{
	font-size: 2.7vw;
	margin: 0 2.7vw 1vw 0;
	display: block;
	line-height: 1;
}*/

#consultantSlider .consultantSlide dt{
	font-size: 4.8vw;
	margin:0 0 3vw;
}

#consultantSlider .consultantSlide dt span{
	font-size: 2.7vw;
	margin: 0 2.7vw 1vw 0;
	line-height: 1;
}


#consultantSlider .slick-prev{
	width: 8vw;
	height: 8vw;
	left: -4vw;
	background-size: 100% auto;
}

#consultantSlider .slick-next{
	width: 8vw;
	height: 8vw;
	right: -4vw;
	background-size: 100% auto;
}

/*転職をお考えの方へ
----------------------------------------------*/

.occupationContent{
	padding: 10vw 0;
}

.occupationCopy .comStrongCopy{
  margin: 0 0 6vw;
}

.occupationCopy p{
	margin: 0 0 8vw;
	font-size: 3.8vw;
}

.processFlow{
	margin: 0 0 5.4vw;
	height: inherit;
	padding: 3.4vw 4vw;
}

.processFlow span{
	top: 0;
	left: 0;
	width: 13vw;
	height: 13vw;
	line-height: 13vw;
	font-size: 7.2vw;
}

.processFlow h4{
	padding: 0 0 0 13vw;
	font-size: 4.8vw;
}

.processFlow img{
	float: none;
	width: 100%;
	height: 100%;
	margin: 6vw 0 2.6vw;
}

.processFlow p{
	font-size: 3.8vw;
	padding: 0;
}

.success{
	/*background-position: center bottom 33vw,center top;*/
	background-position: center top;
	background-repeat: repeat;
	background-size: auto auto;
}

.success .comResult table{
	margin-bottom: 1vw;
}

.success .btnMoreW{
	margin-top: 16vw;
}

/*採用情報
----------------------------------------------*/

.recruitContent{
  padding: 10vw 0;
}

.recruitContent .comJobListHeader{
	padding-bottom:4.1vw;
}

.recruitDetail{
  padding: 4vw;
}

.recruitDetail table{
	margin: 0 0 5.4vw;
	font-size: 3.8vw;
}

.recruitDetail tr{
	display: block;
}

.recruitDetail th{
	width: 100%;
	display: block;
	padding: 2vw 0 0;
	border: none;
	font-weight: bold;
	line-height: 7vw;
}

.recruitDetail td{
	display: block;
	padding: 0 0 2vw 0;
	line-height: 7vw;
}

.recruitDetail tr:nth-last-of-type(1) th,
.recruitDetail tr:nth-last-of-type(1) td{
  border: none;
}

.recruitDetail td dt{
  margin:0 0 1vw;
}

.recruitDetail td dd{
  margin:0 0 4vw;
}

.recruitDetail td li{
	margin: 0 0 1vw;
	padding: 0 0 0 3.8vw;
	text-indent: -3.8vw;
}

.recruitDetail td li:nth-last-of-type(1){
	margin-bottom: 0;
}

.recruitDetail .mTop{
	margin-top: 0.7vw;
}

.recruitDetail .squareIndent li{
	text-indent: -3.8vw;
	padding-left: 3.8vw;
}

.recruitDetail .numberIndent li{
	text-indent: -9.6vw;
	padding-left: 9.6vw;
}

.recruitDetail .numberIndent li li{
  padding-left:16px;
  text-indent:-16px;
}

.recruitContent .jobdetailUnit{
  justify-content: center;
}

.recruitContent .jobdetailUnit .unitSubscription a{
  background-color: rgba(255,255,255,0.1);
}

/*プライバシーポリシーについて
----------------------------------------------*/

.privacyPolicyContent{
	padding: 10vw 0;
	font-size: 3.8vw;
}

.privacyPolicyContent p{
	margin: 0 0 8vw;
}