@charset "utf-8";
/*****************************************
	original.css
	企業固有のスタイルを指定
******************************************/
/*=============================================
/*▼2016/10/20：追加▼
/*=============================================
/*----------------*/
/*インタビューメニュー共通
/*----------------*/
.dl_interview {
	display: none;
}
.dl_interview > dd {
	background-color:#fff;
}
.dl_interview > dd a {
	display: table-cell !important;
	font-size: 14rem !important;
	vertical-align: middle !important;
}
/*----------------*/
/*インタビューメニュー（ウィンドウ）
/*----------------*/
#global-nav.menu li{
	position: relative;
}
#global-nav .dl_interview{
	position: absolute;
	margin-top: 1px;
	top: 100%;
	width: 100%;
}
#global-nav .dl_interview dd{
	border: 1px solid #aaaaaa;
	display: table;
	margin-top: -1px;
	text-align: left;
	width: 100%;
}
#global-nav .dl_interview dd a{
	background-color: #f1f1f1;
	font-weight: bold;
	height: 40px;
	text-indent: 3em;
}
/*----------------*/
/*インタビューメニュー（モーダル）
/*----------------*/
._anchor{
	width: 100%;
	height: 100%;
	position: fixed;
}
#screen{
	display: none;
}
#screen._show{
	display: block;
	background-color: #000000;
	bottom: 0;
	height: 120%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	right: 0;
	z-index: 3000;
}
#screen._show + #modal{
	display: table;
}
#modal {
	bottom: 0;
	display: none;
	height: 100%;
	left: 0;
	margin: auto;
	position: relative;
	right: 0;
	width: 100%;
	z-index: 9999;
}
#screen._show + #modal .dl_interview{
	display: table-cell;
	font-size: 0;
	vertical-align: middle;
}
.dl_interview > dt {
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    height: 24px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
#modal .dl_interview > dd {
	background-color: #ffffff;
	display: inline-block;
	height: auto;
	max-width: 160px;
	width: 40%;
}
#modal .dl_interview > dd:hover{
	border: 4px solid #FF00FF;
}
#modal .dl_interview > dd:hover img{
	opacity: 0.6;
}
#modal .dl_interview span {
	display: block;
	position: relative;
}
#modal .dl_interview img {
	width: 100%;
}
/*----------------*/
/*下部インタビュワー
/*----------------*/
.int_cat {
	font-size: 0;
	text-align:center;
}
.int_cat li {
	display: inline-block;
	position: relative;
	width: 25%;
}
/*画像*/
.int_cat li img {
	height: auto;
	max-width: 100%;
	width: 100%;
}
/*タイトル*/
.int_cat span {
	bottom: 0;
	background-color: rgba(255,255,255,0.8);
	color: #000!important;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 3em;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1;
}
.int_cat li:hover img{
	opacity: 0.6;
}
/*----------------*/
/*黒丸三角記号
/*----------------*/
._mark a{
	display: block;
	position: relative;
}
._mark span:before {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAMAAAD+iNU2AAAAclBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/4QAUEQD01wANCwC/qQBEPADMtADJsQCUgwCJeQB+bwB0ZgA8NQAxKwAGBQAM1hGnAAAAFnRSTlMAtHLznpR6LtDCpGggFPfZ2LqtioEP6EZxDQAAAHpJREFUCNdFjlkSg0AIBRmNY9yyB6Jmc7v/FYVBnP4AuoqCB0Ltb66sGti4YyBNVK9oZKIZRiqAnFvXj6g84cD1RdTPwRO4iLdE9F94cpCaU/tGPJoLwc/mv0727d530nv67zOg0gAvRELiYteSLSY+edjIH65wvpZxBc19D36cH+NrAAAAAElFTkSuQmCC");
	bottom: 0;
	box-sizing: border-box;
	content: "";
	height: 16px;
	left: 30px;
	margin-bottom: auto;
	margin-top: auto;
	position: absolute;
	top: 0;
	width: 15px;
}
/*モーダル用*/
#modal .dl_interview span:before {
	display: inline-block;
	margin-right: 5px;
	position: static;
	vertical-align: sub;
}
/*ナビメニュー用*/
#global-nav .dl_interview span:before {
	left:10px;
}

@media screen and (max-width:670px){
.int_cat  li {
	display: inline-block;
	position: relative;
	width: 50%;
}
}
@media screen and (max-width:480px){
.int_cat span:before {left: 5px;}
}
/*=============================================
/*▲2016/10/20：追加▲
/*=============================================
/*******************************
 ヘッダー
*******************************/


html{font-size: 6.25% !important;}

body {
	line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  background:url(../images/diagonal_bk.png) !important ;
}
body{font-size: 14px !important;  }   /* 古いブラウザ用 */
body{font-size: 14rem !important;  }

/** 横幅とかいい感じに **/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*** 固定幅を変更 ***/

#footer .content .free,	
#header .content
 {
	background: #fff;
    margin: 0 auto;
    max-width: 1200px;
	width:100%;
}
#footer .content .free{
	background:#000;}



#main,
div#container,
#contents #main .content{	
max-width:1200px;
width:100%;
background:none;
/* background:#fff; */
text-align: left;}




@font-face {
   font-family: 'fontawesome';
  src: url('../css/font/fonts/fontawesome-webfont.eot');
  src: url('../css/font/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../css/font/fonts/fontawesome-webfont.woff') format('woff'),url('../css/font/fonts/fontawesome-webfont.ttf') format('truetype'), url('../css/font/fonts/fontawesome-webfont.svg#fontawesome') format('svg');
 
 /* font-family: 'FontAwesome';
  src: url('../font/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../font/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../font/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../font/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../font/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../font/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
*/
}




/* 固定ヘッダ */
#header .content div.regular
{
	background-color:#ffffff; /* 背景 */
	color:#000000; /* 文字色 */
	height:69px; /* 高さ */
}

#header .content div.regular div.logo
{
	padding-top:10px; /* 企業ロゴ表示開始位置 上 */
	padding-left:20px; /* 企業ロゴ表示開始位置 左 */
}

#header .content div.regular .note
{
	bottom:5px; /* フリーコメント開始位置 下 */
	right:10px; /* フリーコメント開始位置 右 */
}


/*******************************
 フッター
*******************************/

/* フッタ関連の高さ指定 */
#footer .content .free
{
	height:40px;/* ★1 自由フッタの高さ */
}
#footer .content .regular
{
	height:60px; /* ★2 固定フッタの高さ */
}
#footer {
	height: 100px;  /* footerの高さ（ ★1＋★2 ）分指定する*/
	background:#000000;
}
#main .space
{
	padding-bottom:100px; /* footerの高さ（★1＋★2）分指定する */
}
/* 固定フッタ */
#footer .content .regular
{
	background-color:#d50000; /* 背景 */
	color: #ffffff; /* 文字色 */
}


/*******************************
 自由ヘッダー
*******************************/
#header .content .free {}

#header .content .free .header_rap{
	height:84px;
	background:url(../images/top_andline.png) bottom repeat-x;
}

#header .content .free .header_rap .logo_rap{
	float:left;
	margin:20px 0 0 110px;}
	
#header .content .free .header_rap .logo_rap img{
	max-width:135px;
	max-height:44px;
	width:100%;
	height:auto;}	
	
#header .content .free .header_rap h1{
	float:right;
	margin:20px 10% 0 0;
	font-weight:bold;
	font-size:14px;
	font-size:14rem;
	text-align:right;}
#header .content .free .header_rap h1 span{
	font-weight:normal;
	font-size:12px;
	font-size:12rem;}	

/*******************************
 自由コンテンツ上
*******************************/
#headContent .free {
}

/********
TOP menu
********/

.menu{
	max-width:1200px;
	width:100%;
	}


.menu ul{
	display:table;
	width:100%;}

.menu ul li{
	display:table-cell;
	width:25%;
	max-width:300px;
	background:#fee100;
	text-align:center;
	
	}


.menu ul li:nth-child(1){
	background:#e5007f;
	border-right:1px solid #a2025c;
	border-bottom:1px solid #a2025c}
.menu ul li:nth-child(2){
	
	border-right:1px solid #ba9405;
	border-bottom:1px solid #a2025c;
	
	}
.menu ul li:nth-child(3){
	background:#8CC222;
	border-right:1px solid #6a6665;
	border-bottom:1px solid #6a6665;}
.menu ul li:nth-child(4){
	background:#00a1e9;
	border-right:1px solid #0877ac;
	border-bottom:1px solid #0877ac;}


.menu ul li a{
}

.menu ul li a:hover{}

.fixed{
 position:fixed;
 top:0;
 max-width: 1200px;
 margin:0 auto;
 width:100%;
 z-index:200;

}



#headContent .free .job_find_wrap .life_style_rap{
	max-width:980px;
	width:100%;
	margin:3% auto 0;
	}


#headContent .free .job_find_wrap .life_style_rap h2{
	color:#000;
	border-bottom:3px solid #009ae0;}

#headContent .free .job_find_wrap .life_style_rap h2 span{
	color:#08a1e4;}



#headContent .free .job_find_wrap .life_style_rap dl{
	max-width:315px;
	width:32%;
	display:inline-block;
	max-height:405px;
	height:100%;
	overflow:hidden;
	padding-bottom:1%;
	}

#headContent .free .job_find_wrap .life_style_rap dl:nth-child(6),
#headContent .free .job_find_wrap .life_style_rap dl:nth-child(3){
	margin:0 1%;}

#headContent .free .job_find_wrap .life_style_rap dl a{
	display:block;
	border-radius:10px;
	border:2px solid #ffe000;
	text-decoration:none;
	/*max-height:400px;
	height:90%;*/
	}

#headContent .free .job_find_wrap .life_style_rap dl:nth-child(2) dd img{
	max-width:145px;
	max-height:152px;
	width:100%;
	height:auto;}

#headContent .free .job_find_wrap .life_style_rap dl:nth-child(3) dd img{
	max-width:122px;
	max-height:137px;
	width:100%;
	height:auto;}  

#headContent .free .job_find_wrap .life_style_rap dl:nth-child(4) dd img{
	max-width:129px;
	max-height:192px;
	width:100%;
	height:auto;}
	
#headContent .free .job_find_wrap .life_style_rap dl:nth-child(5) dd img{
	max-width:205px;
	max-height:146px;
	width:100%;
	height:auto;}
	
#headContent .free .job_find_wrap .life_style_rap dl:nth-child(6) dd img{
	max-width:122px;
	max-height:133px;
	width:100%;
	height:auto;}
	
#headContent .free .job_find_wrap .life_style_rap dl:nth-child(7) dd img{
	max-width:167px;
	max-height:162px;
	width:100%;
	height:auto;}
	

#headContent .free .job_find_wrap .life_style_rap dl a:hover{
	text-decoration:none !important;
	color:#000 !important;
	}


#headContent .free .job_find_wrap .life_style_rap dl a:active,
#headContent .free .job_find_wrap .life_style_rap dl a:visited,
#headContent .free .job_find_wrap .life_style_rap dl a:link{
	color:#000 !important;}

#headContent .free .job_find_wrap .life_style_rap a dt{
	font-size:28px;
	font-size:28rem;
	color:#00a1e9;
	text-align:center;
	padding:2% 0;}

#headContent .free .job_find_wrap .life_style_rap dl a dd{
	min-height:300px;
	height:100%;
	padding:0 3% 3% 4%;
	position:relative;}
	
#headContent .free .job_find_wrap .life_style_rap dl a dd p{
	display:table;}	
	
#headContent .free .job_find_wrap .life_style_rap dl a dd img{
	margin:0 auto;
	position:absolute;
	bottom:2px;
	left:0;
	right:0;

	}	
	

#headContent .free .job_find_wrap .life_style_rap dl a:hover{
	background:#00a1e9;
	border:2px solid #00a1e9;
	color:#fff !important;}
#headContent .free .job_find_wrap .life_style_rap dl a:hover dt{
	color:#fff !important;}
@media screen and (max-width: 500px) {
#headContent .free .job_find_wrap .life_style_rap dl{
	width:31%;	}
}


.inner {

    margin: 0 auto;
}
.inner > *{
-webkit-transform: translateZ(2000px);
    transform: translateZ(0, 0, 2000px);
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
	margin:auto;

}

#top-head .inner nav#global-nav{
}

#top-head .inner nav#global-nav.menu ul li{
	padding:20px 0 10px;
	}

#top-head .inner nav#global-nav.menu ul li a:hover,
#top-head .inner nav#global-nav.menu ul li a:active,
#top-head .inner nav#global-nav.menu ul li a:visited,
#top-head .inner nav#global-nav.menu ul li a:link{
	color:#000 !important;	
	display:inline-block;
	font-size:24px;
	font-size:24rem;
	line-height:0.9em;
	text-decoration:none !important;
	vertical-align:middle;
	width:100%;
	
	}

#top-head .inner nav#global-nav.menu ul li a span{
	font-size:14px;
	font-size:14rem;	
	
	}

#top-head .inner nav#global-nav.menu ul li:nth-child(1) a:active,
#top-head .inner nav#global-nav.menu ul li:nth-child(1) a:visited,
#top-head .inner nav#global-nav.menu ul li:nth-child(1) a:link{
color:#fff !important;	

}




#top-head .inner {
    position: relative;
}
#top-head .logo {
    float: left;
    font-size: 36px;

}

 
/* Fixed */
#top-head.fixed {
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 7px;
    top: 9px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}



@media screen and (max-width: 670px) {
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
		z-index:2000;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background: #ffe100;
        width: 50px;
        height: 46px;
		right:0;
        z-index: 999;
        position: absolute;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: #333;
        width: 100%;
        text-align: center;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
		max-width:670px;
		width:100%;
		display:block;
		text-align:left !important;
		padding-left:3% !important;
    }
	
	#global-nav ul li a br{
		display:none;}
	
	
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
}



/**************
ご相談ください
**************/

#headContent .free .consultation_rap{
	background:#ffe100;
	padding:5% 0 0;}


#headContent .free .consultation_rap .img_tit{
	margin:0 auto;
	width:80%;}
#headContent .free .consultation_rap .img_tit img{
	max-width:606px;
	margin:auto;
	width:100%;
	height:auto;}
#headContent .free .consultation_rap .tel_rap{
	font-size:68px;
	font-size:68rem;
	font-weight:bold;
	text-align:center;
	color:#d42f02;
	margin:-25px auto 0;}

#headContent .free .consultation_rap .tel_rap:before{
  content: "\f095";
  font-family: 'fontawesome';
  font-size: 68px;
  font-size: 68rem;
	
	}





	
#headContent .free .consultation_rap .tel_rap a:active,
#headContent .free .consultation_rap .tel_rap a:visited,
#headContent .free .consultation_rap .tel_rap a:link{
	color:#d42f02 !important;
	}

#headContent .free .consultation_rap .black_belt{
	background:#000000;
	color:#fff;
	text-align:center;
	padding:0.5% 0;
	width:100%;
	}

#headContent .free .consultation_rap .consultation_text{
	margin:2% auto 0;
	width:65%;
	display:none;}



/*********************************
 お仕事を探す
*********************************/

#headContent .free .job_find_tit_rap{
	background:#fff;
	max-width:980px;
	margin:auto;
	padding-top:5%;
	width:100%;}

#headContent .free .job_find_tit_rap img{
	max-width:980px;
	width:100%;
	height:auto;}

#headContent .free .job_find_wrap{
	background:#fff;
	padding:2% 0 0;
	max-width:980px;
	width:100%;
	margin: auto;}


#headContent .free .job_find_wrap h2{
	color:#e3007e;
	text-align:center;	
	border-bottom:3px solid #dc0179;
	width:100%;
	margin:0 auto 3%;
	font-size:32px;
	font-size:32rem;}

#headContent .free .job_find_wrap h2 span{
	color:#000;}


/*****
フリーワード検索
******/
#headContent div.free .job_find_wrap .map_find_rap{
	position:relative;}


#headContent .free .freeWordObj{
	height:44px;
	/*border-radius:25px;*/
	background:#fff;
	position:absolute;
	top:10px;
	left:160px;
	z-index:199;
	max-width:430px;
	width:100%;
	zoom:1;}
#headContent .free .area_text{
    left: 40px;
    position: absolute;
    top: 60px;}	

#headContent .free .freeWordObj .freeWordInput{
	max-width:380px;
	float:left;
	width:90%;
	}

#headContent .free .freeWordObj .freeWordInput #freeword{
	padding-left: 20px;
	border:none;
    border-radius: 25px;
	box-shadow:0.5px 1.5px #ccc;
	background:#eee;
    height: 44px;
    margin: 0;	
	max-width:380px;
	width:100%;
	}
#headContent .free .freeWordObj .freeWordInput #freeword .freetext{
	color:#96969d;}	

#headContent .free .freeWordObj .freeWordButton{
	margin:2px 4px 00;
	float:right;
	width:40px;}

#headContent .free .freeWordObj .freeWordButton #freewordsearch{}

#headContent div.free div.job_find_wrap div.map_find_rap div#map_box div.freeWordObj form div.freeWordButton input#freewordsearch{
	max-width:48px;
	width:100%;
	height:auto;}


#mapObj div.area {
	left:250px;}


#headContent div.free div.job_find_wrap div.map_find_rap div#map_box div.gps_btn{
	position:absolute;
	top:70px;
	left:150px;
	z-index:199;
	}

#headContent div.free div.job_find_wrap div.map_find_rap div#map_box div.opstf_btn{
	margin:2% auto 3%;
	max-width:615px;
	width:100%;
	background:#000;
	border-radius:50px;
	font-size:28px;
	font-size:28rem;
	text-align:center;
	padding:2% 0;
	display:block;
	}
#headContent div.free div.job_find_wrap div.map_find_rap div#map_box div.opstf_btn a:hover,
#headContent div.free div.job_find_wrap div.map_find_rap div#map_box div.opstf_btn a:active,
#headContent div.free div.job_find_wrap div.map_find_rap div#map_box div.opstf_btn a:visited,
#headContent div.free div.job_find_wrap div.map_find_rap div#map_box div.opstf_btn a:link{
	color:#ffe100 !important;
	text-decoration:none !important;
	width:100%;
	display:block;
	height:auto;}


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

#headContent .free .job_find_wrap .time_line{
	clear:both;}

#headContent .free .job_find_wrap .time_line h2{
	color:#000000;
	border-bottom:3px solid #82b91d;}

#headContent .free .job_find_wrap .time_line h2 span{
	color:#82b91d;}

#headContent .free .job_find_wrap .time_line ul{}

#headContent .free .job_find_wrap .time_line ul li{
	display:inline-block;
	text-align:center;
	max-width:230px;
	width:24%;}



#headContent .free .job_find_wrap .time_line ul li:nth-child(2){
	margin-left:10px;
	margin-right:10px;}

#headContent .free .job_find_wrap .time_line ul li:nth-child(3){
	margin-right:10px;
	}

#headContent .free .job_find_wrap .time_line ul li a{
	display:inline-block;
	color:#000 !important;
	background:#fee100;
	border-radius:50px;
	box-shadow:0.5px 1.5px #ccc;
	font-size:28px;
	font-size:28rem;	
	padding:4% 0;
	width:100%;}

#headContent .free .job_find_wrap .time_line ul li a:hover{
	background:#8cc222;
	text-decoration:none !important;
	color:#FFFFFF !important;}
#headContent .free .job_find_wrap .time_line ul li a:active,
#headContent .free .job_find_wrap .time_line ul li a::visited,
#headContent .free .job_find_wrap .time_line ul li a:link{
	color:#000 !important;}
	
	
/*****
働き方で探す
******/

#headContent div.free div.job_find_wrap div.work_style_rap{
	margin:4% auto 0;}


#headContent div.free div.job_find_wrap div.work_style_rap h2{}

#headContent div.free div.job_find_wrap div.work_style_rap h2 span{
	color:#000;}

#headContent div.free div.job_find_wrap div.work_style_rap ul{
	margin:auto;
	/*width:99%;*/
	width:64%;
	}


#headContent div.free div.job_find_wrap div.work_style_rap ul li{
	display:table;
	text-align:center;
	/* max-width:298px; 
	width:31%;*/
	max-width:300px; 
	width:48%;
	margin:1%;
	float:left;
	}

#headContent div.free div.job_find_wrap div.work_style_rap ul li a span{
	display:block;
	font-size:12px;
	font-size:12rem;
	}

#headContent div.free div.job_find_wrap div.work_style_rap ul li a{
	background:#fee100;
	border-radius:50px;
	box-shadow:0.5px 1.5px #ccc;	
	color:#000 !important;	
	font-size:28px;
	font-size:28rem;
	padding:4% 0;
	width:100%;
	display:table-cell;
	line-height:0.8em;
	height:70px;
	vertical-align:middle;
		}


#headContent div.free div.job_find_wrap div.work_style_rap ul li a:hover{
	color:#fff !important;
	text-decoration:none !important;
	background:#e20181;

}


#headContent div.free div.job_find_wrap div.work_style_rap ul li a:active,
#headContent div.free div.job_find_wrap div.work_style_rap ul li a::visited,
#headContent div.free div.job_find_wrap div.work_style_rap ul li a:link{
	color:#000 !important;}

/***********************
スカウトします
***********************/

#headContent div.free div.job_find_wrap div.scout_rap{
	max-width:980px;
	width:100%;
	margin:3% auto 4%;
	background:#ffe100;
	padding:1%;}

#headContent div.free div.job_find_wrap div.scout_rap dl{
	width:99%;
	margin:auto;}

#headContent div.free div.job_find_wrap div.scout_rap dl dt{
	background:#fff;
	text-align:center;
	font-size:20px;
	font-size:20rem;
	font-weight:bold;
	}
#headContent div.free div.job_find_wrap div.scout_rap dl dt .sct_tit{
	font-size:42px;
	font-size:42rem;
	}	
#headContent div.free div.job_find_wrap div.scout_rap dl dd ul li span,
#headContent div.free div.job_find_wrap div.scout_rap dl dt .sct_tit span{
	color:#d42f02;}


#headContent div.free div.job_find_wrap div.scout_rap dl dd{
	background:#fff;}
	
#headContent div.free div.job_find_wrap div.scout_rap dl dd ul{
	margin:0 auto 1%;
	width:80%;}	

#headContent div.free div.job_find_wrap div.scout_rap dl dd ul li{}	
		

#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub{
	background:#ffe100;
	clear:both;
	padding:3% 0;}


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

#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_L{
	float:left;
	width:25%;}
	
#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_L img{
	max-width:170px;
	max-height:173px;
	width:100%;
	height:auto;}	

#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_R{
	float:right;
	padding-top:3%;
	width:75%;}

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

#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_R .sct_oub_btn a{
	border-radius:10px;
	background:#d42f02;
	box-shadow:0.5px 1.5px #ccc;	
	color:#fff !important;
	display:block;
	text-align:center;
	padding:2% 0;
	width:100%;
	font-size:20px;
	font-size:20rem;
	}


#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_R .sct_oub_btn a:hover{
text-decoration:none !important;
	}

#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_R .sct_oub_btn a:active,
#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_R .sct_oub_btn a:visited,
#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_R .sct_oub_btn a:link{}



/*************
先輩たちの声
*************/
#headContent div.free div.senior_voice_rap{
	background:#ffe100;
	margin:auto;
	max-width:980px;
	padding:0;
	width:100%;
	}

#headContent div.free div.senior_voice_rap div.sen_voi_tit{}


#headContent div.free div.brand_find_rap .brd_tit img,
#headContent div.free div.faq_rap .faq_tit img,
#headContent div.free div.senior_voice_rap div.sen_voi_tit img{
	max-width:980px;
	max-height:240px;
	width:100%;
	height:auto;}

#headContent div.free div.senior_voice_rap .sen_voi_img{
    background:#fff;
    margin: 0 auto;
    max-width: 980px;
    padding-top: 3%;
    width: 100%;
}

#headContent div.free div.senior_voice_rap .sen_voi_img img{
	width:100%;
	height:auto;
	}


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

#headContent div.free div.faq_rap{
	margin:3% auto;
	max-width:980px;
	width:100%;}


#headContent div.free div.faq_rap .faq_tit{}

#headContent div.free div.faq_rap .faq_tit img{}


#headContent div.free div.faq_rap ul{
	width:100%;
	margin:1% auto;}


#headContent div.free div.faq_rap ul li{}



#headContent div.free div.faq_rap ul li:nth-child(odd){
	background:url(../images/q_tit.png) top left no-repeat;
	font-size:26px;
	font-size:26rem;
	padding-left:55px;
	line-height:50px;
	}

#headContent div.free div.faq_rap ul li:nth-child(even){
	background:url(../images/a_tit.png) 20px top no-repeat;
	font-size:16px;
	font-size:16rem;
	padding-left:55px;
	margin-bottom:3%;
	line-height:28px;
	}

/*************
ブランドから探す
*************/
#headContent div.free div.brand_find_rap{
background:#ffe100;
margin:auto;
max-width:980px;
padding-bottom:1%;
width:100%;
	
	}
	
	
#headContent div.free div.brand_find_rap .brd_tit{}	
	

#headContent div.free div.brand_find_rap ul{
	max-width:910px;
	width:100%;
	margin:2% auto;
	display:table;}

#headContent div.free div.brand_find_rap ul li{
	display: table;
	width:32%;
	float:left;
	margin:0 1% 1% 0;
	max-width:300px;
	
}

#headContent div.free div.brand_find_rap ul li a{
	display:table-cell;
	color:#000 !important;
	font-size:22px;
	font-size:22rem;
	border-radius: 25px;
	background:#fff;
	width:100%;
	box-shadow:0.5px 1.5px #ccc;
	text-align:center;
	height:120px;
	vertical-align:middle;
	}

#headContent div.free div.brand_find_rap ul li a img{
	margin:0 auto 2%;
	
	}

#headContent div.free div.brand_find_rap ul li a:hover{
text-decoration:none !important;
	}

#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_R .sct_oub_btn a:active,
#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_R .sct_oub_btn a:visited,
#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_R .sct_oub_btn a:link{}





.work_tit{
	margin: 3% 0;
}
.work_tit img{
	width: auto;
	height: auto;
	max-width: 100%;
}
.work_tit:hover img{
	opacity: 0.6;
}
/*******************************
 自由サイドコンテンツ
*******************************/
#sideContent .free {
}

/*******************************
 自由コンテンツ中
*******************************/
#bottomContent .freeHead {
}

/*******************************
 自由コンテンツ下
*******************************/
#bottomContent .freeBottom {
}

/*******************************
 自由フッター
*******************************/
#footer .content .free {}

#footer .content .free  .footer_rap{
	width:100%;
	background:#000000;
	text-align:right;
	color:#fff;
	padding:2% 3%;}

#footer .content .free  .footer_rap p:nth-child(2) a:hover,
#footer .content .free  .footer_rap p:nth-child(2) a:active,
#footer .content .free  .footer_rap p:nth-child(2) a:visited,
#footer .content .free  .footer_rap p:nth-child(2) a:link,
#footer .content .free  .footer_rap p:nth-child(2){
	color:#000 !important;
	}
	
	

#footer .content .free  .footer_rap a:hover,
#footer .content .free  .footer_rap a:active,
#footer .content .free  .footer_rap a:visited,
#footer .content .free  .footer_rap a:link{
	color:#fff !important;}



/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
FBでいいね！ボタンを押した後のフキダシを表示させる
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */
#main .content #bottomContent #social {
  overflow: visible;
}
#main .content #bottomContent #social ul#socialObj {
  float: none;
  text-align: right;
}
#main .content #bottomContent #social ul#socialObj li {
  display: inline-block;
  float: none;
  margin: 0 5px 0 0;
  vertical-align: top;
}


/**********
第二階層　ぱんくず
***********/
#formContent div.entryFlow ul.entryFlowObj li{
	height:20px;}


/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
画像をロールオーバーで透過させる
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */

/************************
FFで画像とテキストを透過
*************************/
#headContent div.free div.job_find_wrap div.senior_voice_rap div.sen_voi_img a:hover,
#headContent div.free div.brand_find_rap ul li a:hover,
#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt .sct_oub_R .sct_oub_btn a:hover,
#headContent div.free div.job_find_wrap div.life_style_rap dl a dd img:hover,
#top-head .inner nav#global-nav.menu ul li a:hover,
#headContent .free .job_find_wrap .map_find_rap #map_box .gps_btn a:hover
{
opacity:0.65;
filter:alpha(opacity=65);
-ms-filter: "alpha( opacity=65 )";
      -webkit-transition: 0.65s ease-in-out;
       -moz-transition: 0.65s ease-in-out;
         -o-transition: 0.65s ease-in-out;
            transition: 0.65s ease-in-out;
}

/*********************
chrome で画像の透過
*********************/
#headContent div.free div.job_find_wrap div.senior_voice_rap div.sen_voi_img a:hover img,
#headContent .free .job_find_wrap .map_find_rap #map_box .gps_btn a:hover img

{
opacity:0.65;
filter:alpha(opacity=65);
-ms-filter: "alpha( opacity=65 )";
-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.65;              /* Safari 1.x */	
      -webkit-transition: 0.65s ease-in-out;
       -moz-transition: 0.65s ease-in-out;
         -o-transition: 0.65s ease-in-out;
            transition: 0.65s ease-in-out;
}

/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
    ■clear.css
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */

/* --------------------------------
    Float Clearing
------------------------------- */
#headContent .free .job_find_wrap .life_style_rap dl a dd p,
#headContent div.free div.brand_find_rap ul,
#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt,
#headContent div.free div.job_find_wrap div.work_style_rap ul{
zoom:1;
}
#headContent .free .job_find_wrap .life_style_rap dl a dd p:after,
#headContent div.free div.brand_find_rap ul:after,
#headContent div.free div.job_find_wrap div.scout_rap dl dd .sct_oub .sct_cnt:after,
#headContent div.free div.job_find_wrap div.work_style_rap ul:after
{
content:"";
display:block;
clear:both;
height:0;
visibility:hidden;
}



.clearfix:before,
.clearfix:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.clearfix:after {
    clear:both;
}

.clearfix {
    zoom:1;
}


/**********************
/* TOPに戻るボタン
/********************/
#scroll_pagetop {
	position: fixed;
	right: 20px;
}



/**********************
/* ドンキ豆知識
/********************/

#mame {
    background: #fffde5;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 50px;
}
.mameInner, img.mame_top {
    overflow: hidden;
    max-width: 920px;
    width: 100%;
    margin: 0 auto 30px;
}z
.mameInner h3 img {
    width: 100%;
}
.mameTxt {
    float: left;
    width: 70%;
    font-size: 16px;
    font-weight: normal;
    font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
    line-height: 1.5;
    letter-spacing: 0.5px;
}
img.mameImg {
    float: right;
    max-width: 265px;
    width: 30%;
}
.mamekome {
    font-size: 14px;
    margin-top: 5px;
    display: block;
}

@media screen and (max-width: 830px) {
.mameInner {
    padding: 0 2%;
}
.mameTxt {
    float: none;
    width: 100%;
    font-size: 16px;
}
img.mameImg {
    max-width: 265px;
    width: 100%;
    float: none;
    margin: 0 auto;
}
}
@media screen and (max-width: 670px) {
.mameInner h3 {
    position: relative;
    z-index: 1;
}
.mameInner h3:after {
    content: "";
    background: #fffde5;
    padding: 50px 10px;
    position: absolute;
    right: -13px;
    bottom: 0;
    z-index: 999;
}
.mameInner h3 img {
    width: 140%;
}
}