@charset "UTF-8";

/* --------------------------------------------
 * レスポンシブに使用
 * 
 *
 *
 * 
 * 
 -------------------------------------------- */

/********************
Below from here hage
********************/

/****
初期で非表示
****/

.sm_img,
#footer .content .free .scroll_pagetop{
	display:none !important;}




/***
980pxから表示
***/

@media screen and (max-width: 980px) {

/********** ↓↓非表示↓↓ *************/



/********** ↑↑非表示↑↑ *************/	

/**** 自由ヘッダ ******/ 




/****  自由コンテンツ上 ******/ 


#headContent .free .job_find_wrap .time_line ul li{
	max-width:200px;}



#headContent .free .map_find_rap #map_box #map {
    padding: 17% 0 0;
    max-width: 830px;
    width: 100%;
}


/*************************************
800pxから表示 　 PC表示H1レイアウト調整
*************************************/

@media screen and (max-width: 1024px) {
#header .content .free .header_rap h1{
	width:50%;}
}

/*************************************
800pxから表示 　 iPad 縦向き
*************************************/

@media screen and (max-width: 830px) {






#headContent .free .map_find_rap #map_box #map {
	padding:25% 0 0;
    max-width: 830px;
    width: 100%;
}






#headContent .free .job_find_wrap .time_line ul li{
	width:23%;}


/****** 
初期だけココを使う　職種で探す　のところ
 ********/
#headContent div.free div.job_find_wrap div.work_style_rap ul{
	width:74%;}
#headContent div.free div.job_find_wrap div.work_style_rap ul li{
	width:45%;}


}

/*************************************
768pxから表示 　 iPad 縦向き
*************************************/

@media screen and (max-width: 768px) {

}


/****
760pxから表示
****/
@media screen and (max-width: 760px) {


}
	

@media screen and (max-width: 710px) {

}
/*********************************
SMART PHONE用Style
*********************************/
@media screen and (max-width: 670px) {

.pc_img{
	display:none !important;}	
	
.sm_img{
	display:block !important;}
	
	
#headContent .free .map_find_rap #map_box #map {
	padding:5% 0 0;}		

#header .content .free .header_rap{
	height:105px;
	padding-top: 12px;
	line-height: 1.2;}


#header .content .free .header_rap .logo_rap{
	float:none;
	margin:auto;
	width:100%;}

#header .content .free .header_rap .logo_rap img{
	margin:auto;}

#header .content .free .header_rap h1{
	float:none;
	font-size:12px;
	font-size:12rem;
	text-align:center;
	margin:1% auto 0;
	width:100%;}

#headContent .free .consultation_rap .tel_rap{
	background:#fff;
	border-radius:50px;
	font-size:50px;
	font-size:50rem;
	margin:0.5% auto 3%;
	width:95%;}

#headContent .free .consultation_rap .consultation_text{
	width:95%;}

#headContent .free .consultation_rap .tel_rap{
	font-size:24px;
	font-size:24rem;
}

#headContent .free .consultation_rap .tel_rap:before{
  font-size: 24px;
  font-size: 24rem;
	
	}


#headContent .free .freeWordObj{
    left: 0;
    margin: auto;
	max-width:550px;
    position: relative;
    top: 0;	
	width: 85%;}

#headContent .free .freeWordObj .freeWordInput{
	max-width:480px;
	width:85%;}

#headContent .free .freeWordObj .freeWordInput #freeword{
	max-width:480px;}

#headContent .free .freeWordObj .freeWordButton{
	width:10%;}




#headContent .free .job_find_wrap h2{
	font-size:24px;
	font-size:24rem;}





#headContent div.free div.job_find_wrap div.map_find_rap div#map_box div.gps_btn{
	left: 0;
    margin:5% auto 0;
    position: relative;
    top: 0;
    width: 90%;
	}


#headContent div.free div.job_find_wrap div.map_find_rap div#map_box div.gps_btn a img{
	max-width:600px;
	max-height:80px;
	width:100%;
	height:auto;}


#headContent div.free div.job_find_wrap div.map_find_rap div#map_box div.opstf_btn{
	font-size:16px;
	font-size:16rem;}


/************
時間帯から探す
*************/

#headContent div.free div.job_find_wrap div.work_style_rap ul li,
#headContent .free .job_find_wrap .time_line ul li{
	display:block;
	text-align:left;
	width:100%;
	max-width:670px;
	margin-left:0 !important;
	margin-right:0 !important;
	border-bottom:3px solid #fff;
	
	}
#headContent div.free div.job_find_wrap div.work_style_rap ul li a,
#headContent .free .job_find_wrap .time_line ul li a{
	border-radius:0;
	box-shadow:none;
	padding:2% 0 2% 2%;
	font-weight:bold;
	}

/************
ライフスタイル
*************/

#headContent .free .job_find_wrap .life_style_rap dl{
	display:block;
	max-width:660px;
	width:95%;
	margin: 2% auto 2.5% !important;}


#headContent .free .job_find_wrap .life_style_rap dl a{
	border:3px solid #ffe000;}





/************
働き方で探す
*************/

#headContent div.free div.job_find_wrap div.work_style_rap ul{
	width:100%;}

#headContent div.free div.job_find_wrap div.work_style_rap ul li{
	display:table;
	float:none;
	margin:0;}

#headContent div.free div.job_find_wrap div.work_style_rap ul li a{
	/*display:block;*/
	display:table-cell;
	line-height:normal;
	max-width:670px;
	min-width:300px;
	}

#headContent div.free div.job_find_wrap div.work_style_rap ul li a span{
	display: block;
	/*line-height: 0.2em;*/
	margin: 0 0 0 5px;}


/************
スカウト
*************/

#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt{
	width:95%;
	margin:auto;}

#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_L{
	float:none;
	margin:auto;}

#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_R{
	float:none;
	margin:auto;
	width:100%;}


/************
よくあるご質問
*************/


#headContent div.free div.faq_rap ul{
	margin:2.5% auto;
	width:96%;}


#headContent div.free div.faq_rap ul li:nth-child(odd){
    display: table-cell;
    font-size: 20rem;
    height: 50px;
    line-height: 1em;
    vertical-align: middle;
    width: 100%;}


#headContent div.free div.faq_rap ul li:nth-child(even){
	display: block;
    margin: 0 0 3.5%;}




/************
ブランドから探す
*************/

#headContent div.free div.brand_find_rap ul{}




#headContent div.free div.brand_find_rap ul li{
	float: none;
    margin: 0 auto 1%;
    max-width: 650px;
    width: 95%;}
	
#headContent div.free div.brand_find_rap ul li a{
	font-size:20rem;
	padding-left:2%;
	text-align:left;
	}	

#headContent div.free div.brand_find_rap ul li a img{
	display:inline;
	margin-right:3%;
	vertical-align:middle;
}











}





/*************************************
640pxから表示 　 
*************************************/
@media screen and (max-width: 640px) {




}

/*************************************
620pxから表示 　 
*************************************/
@media screen and (max-width: 620px) {



}


/*************************************
580pxから表示 　 
*************************************/
@media screen and (max-width: 580px) {


	}

/*************************************
550pxから表示 　 
*************************************/
@media screen and (max-width: 550px) {


}


/*************************************
520pxから表示 　 
*************************************/
@media screen and (max-width: 520px) {


}
/*************************************
500pxから表示 　 
*************************************/	
@media screen and (max-width: 500px) {
	

}

/*************************************
480pxから表示 　 
*************************************/	
@media screen and (max-width: 480px) {

	}


/*************************************
460pxから表示 　 
*************************************/	
@media screen and (max-width: 460px) {


	
}
/*************************************
450pxから表示 　 
*************************************/	
@media screen and (max-width: 450px) {

	

}





/*************************************
440pxから表示 　 
*************************************/	
@media screen and (max-width: 440px) {




}

/*************************************
420pxから表示 　 
*************************************/	
@media screen and (max-width: 420px) {


#header .content .free .header_rap h1 br{
	display: none;
	}
}





/*************************************
400pxから表示 　 
*************************************/	
@media screen and (max-width: 400px) {



}


/*************************************
380pxから表示 　 
*************************************/	
@media screen and (max-width: 380px) {

}


/*************************************
370pxから表示 　 
*************************************/	
@media screen and (max-width: 370px) {

html body#pagetop div#container div#contents div#main div.content div#headContent div.free div.job_find_wrap div.faq_rap ul li:nth-child(3),
html body#pagetop div#container div#contents div#main div.content div#headContent div.free div.job_find_wrap div.faq_rap ul li:nth-child(1){
    font-size: 18rem !important;}
html body#pagetop div#container div#contents div#main div.content div#headContent div.free div.job_find_wrap div.faq_rap ul li:nth-child(3){
	line-height:0.9em;}

}

/*************************************
340pxから表示 　 
*************************************/	
@media screen and (max-width: 340px) {

}


/*************************************
320pxから表示 　 
*************************************/	
@media screen and (max-width: 320px) {




}