@charset "utf-8";
/*****************************************
	original.css
	企業固有のスタイルを指定
******************************************/

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

body {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
}

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: 1300px;
  width: 100%;
}

#main,
#contents #main .content {
  max-width: 1300px;
  width: 100%;
  background: #fff;
}

/** h2画像共通 **/
#main .content h2 {
  max-width: 980px;
  width: 100%;
  margin: 5% auto 2%;
}

#main .content h2 img {
  max-width: 291px;
  max-height: 63px;
  width: 100%;
  height: auto;
}




/** h3 **/
#main .content h3 {
  clear: both;
  color: #fbb610;
  font-size: 18px;
  font-size: 18rem;
}

div#container {
  max-width: 1300px;
  width: 100%;
}


/*******************************
 ヘッダー
*******************************/

/* 固定ヘッダ */
#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: 80px;
  /* ★1 自由フッタの高さ */
}

#footer .content .regular {
  height: 100px;
  /* ★2 固定フッタの高さ */
}

#footer {
  height: 140px;
  /* footerの高さ（ ★1＋★2 ）分指定する*/
}

#main .space {
  padding-bottom: 180px;
  /* footerの高さ（★1＋★2）分指定する */
}

/* 固定フッタ */
#footer .content .regular {
  background-color: #d50000;
  /* 背景 */
  color: #ffffff;
  /* 文字色 */
}


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

#header .content .free .header_rap {
  background: #fff;
  max-width: 1300px;
  width: 100%;
  padding-top: 2%;
}

#header .content .free .header_rap .header_cnt {
  max-width: 1230px;
  width: 100%;
  margin: 0 auto 20px;
}

#header .content .free .header_rap .header_cnt .logo_rap {
  float: left;
}

#header .content .free .header_rap .header_cnt .logo_rap img {
  /*max-height:51px;
	max-width:113px;*/
  height: auto;
  width: 100%;
  margin-top: -20px
}

#header .content .free .header_rap .header_cnt ul {
  float: left;
  margin: 1.5% 0 0 2%;
  border-collapse: separate;
  border-spacing: 15px 0;
}

#header .content .free .header_rap .header_cnt ul li {
  display: table-cell;
}

#header .content .free .header_rap .header_cnt ul li:nth-child(1) {

  width: 10%;
}

#header .content .free .header_rap .header_cnt ul li:nth-child(2) {

  width: 30%;
}

#header .content .free .header_rap .header_cnt ul li:nth-child(3) {

  width: 30%;

}



#header .content .free .header_rap .header_cnt ul li:nth-child(1) img {
  max-height: 51px;
  max-width: 34px;
  height: auto;
  width: 100%;
}

#header .content .free .header_rap .header_cnt ul li:nth-child(2) img {
  max-height: 20px;
  max-width: 101px;
  height: auto;
  width: 100%;
}

#header .content .free .header_rap .header_cnt ul li:nth-child(3) img {
  max-height: 10px;
  max-width: 102px;
  height: auto;
  width: 100%;
  margin-bottom: 1px;
}


#header .content .free .header_rap .header_cnt h1 {
  margin-top: 10px;
  float: right;
  text-align: right;
  font-size: 14rem;
  font-size: 14px;
}



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

#headContent .free .top_img_rap {}

#headContent .free .top_img_rap img {
  max-width: 1300px;
  max-height: 420px;
  width: 100%;
  height: auto;
}

/** 地図から探す **/
#headContent .free .map_find_rap {
  margin: 20px auto 40px;
  overflow: hidden;
  max-width: 800px;
  width: 100%;
  position: relative;
}

#headContent .free .map_find_rap #map_box {

  max-width: 660px;
  width: 100%;
  margin: auto;
}

/*****
フリーワード検索
******/
#headContent .free .freeWordObj {
  height: 44px;
  border-radius: 25px;
  background: #fff;
  position: absolute;
  top: 50px;
  left: 160px;
  z-index: 1000;
  max-width: 320px;
  width: 100%;
  zoom: 1;
}

#headContent .free .area_text {
  left: 40px;
  position: absolute;
  top: 60px;
}

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

#headContent .free .freeWordObj .freeWordInput #freeword {
  padding-left: 20px;
  border: none;
  border-radius: 25px;
  height: 44px;
  margin: 0;
  max-width: 520px;
  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 .free .jbs_rap {
  max-width: 800px;
  width: 100%;
  margin: 20px auto 0;
}

#headContent .free .jbs_rap h3 {
  clear: both;
  margin-top: 6%;
}



#headContent .free .jbs_rap ul {
  max-width: 720px;
  width: 100%;
  margin: 0 auto 3%;
  height: 260px;
  /*  */
}

#headContent .free .jbs_rap ul li {
  display: table;
  max-height: 80px;
  width: 49%;
  height: auto;
  float: left;
  margin: 0.5% 0.3% 0 0.2%;
  box-shadow: #7c7974 4px 4px 0px 0px;
  -webkit-box-shadow: #7c7974 4px 4px 0px 0px;
  -moz-box-shadow: #7c7974 4px 4px 0px 0px;
}

#headContent .free .jbs_rap ul li img {
  display: inline-block;
  margin-right: 4%;
  vertical-align: middle;
}



#headContent .free .jbs_rap ul li a {
  font-size: 18px;
  font-size: 18rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  color: #000 !important;
  height: 80px;

  /*background:url(../images/yajirusi_white.png) no-repeat 95% center #fff;*/
  background: #fff;
  width: 100%;
  max-width: 310px;
}

#headContent .free .jbs_rap ul li a:hover {
  text-decoration: none !important;
  background: #fbb610;
  /*
	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;
				*/
}

/**************
登録制度
**************/
#headContent .free .reg_box {
  padding: 0.1% 0;
  background: #7c7974;
  width: 100%;
}

#headContent .free .reg_box h2 img {
  max-width: 316px;
  max-height: 60px;
  width: 100%;
  height: auto;
}

#headContent .free .reg_box .reg_rap {
  margin: auto;
  max-width: 800px;
  width: 100%;
}

#headContent .free .reg_box .reg_rap .reg_cnt {
  margin: auto;
  max-width: 720px;
  width: 100%;
}

#headContent .free .reg_box .reg_rap .reg_cnt h4 {
  margin-top: 30px;
  color: #fbb610;
  font-size: 18px;
  font-size: 18rem;
}

#headContent .free .reg_box .reg_rap .reg_cnt p {
  color: #fff;
}

#headContent .free .reg_box .reg_rap .reg_cnt img {
  margin: 20px auto;
  max-width: 630px;
  max-height: 195px;
  width: 100%;
  height: auto;
}

#headContent .free .reg_box .reg_rap .btn_rap {
  margin: 20px auto;
  max-width: 720px;
  width: 100%;
  text-align: center;
}

#headContent .free .reg_box .reg_rap .btn_rap a {
  display: block;
  color: #fff !important;
  font-size: 22px;
  font-size: 22rem;
  background: #000000;
  box-shadow: rgb(255, 255, 255) 2px 2px 0px 0px;
  -webkit-box-shadow: rgb(255, 255, 255) 2px 2px 0px 0px;
  -moz-box-shadow: rgb(255, 255, 255) 2px 2px 0px 0px;
  padding: 15px;
}

#headContent .free .reg_box .reg_rap .btn_rap a:hover {
  text-decoration: none !important;
  /*background:#fff;*/

  opacity: 0.65;
  filter: alpha(opacity=30);
  -ms-filter: "alpha( opacity=30 )";
  -webkit-transition: 0.30s ease-in-out;
  -moz-transition: 0.30s ease-in-out;
  -o-transition: 0.30s ease-in-out;
  transition: 0.30s ease-in-out;
}

/*****
キャリアアップ制度
******/
#headContent .free .car_box {
  padding: 0.1% 0;
  width: 100%;
}

#headContent .free .car_box h2 img {
  max-width: 376px;
  max-height: 50px;
  width: 100%;
  height: auto;
}


#headContent .free .car_box .car_rap {
  margin: auto;
  max-width: 800px;
  width: 100%;
}

#headContent .free .car_box .car_rap .car_cnt {
  margin: auto;
  max-width: 720px;
  width: 100%;
}

#headContent .free .car_box .car_rap .car_cnt img {
  margin: 20px auto;
  max-width: 720px;
  max-height: 610px;
  width: 100%;
  height: auto;
}

#headContent .free .car_box .car_rap .car_cnt p {
  color: #fff;
}


/*****
スタッフインタビュー
******/
#headContent .free .stf_itv_box {
  padding: 0.1% 0 0;
  width: 100%;
}

#headContent .free .stf_itv_box h2 img {
  max-width: 391px;
  max-height: 50px;
  width: 100%;
  height: auto;
}


#headContent .free .stf_itv_box .stf_itv_cnt {
  margin: auto;
  max-width: 720px;
  width: 100%;
}

#headContent .free .stf_itv_box .stf_itv_cnt .info_box {
  margin-bottom: 5%;
}

#headContent .free .stf_itv_box .stf_itv_cnt .info_box .img_rap {
  float: left;
  max-width: 480px;
  max-height: 240px;
  width: 100%;
  height: auto;
}

#headContent .free .stf_itv_box .stf_itv_cnt .info_box .img_rap img {
  width: 100%;
  height: auto;
}



#headContent .free .stf_itv_box .stf_itv_cnt .info_box .info_rap {
  float: left;
  max-width: 240px;
  max-height: 240px;
  width: 100%;
  background: #fbb610;
  padding: 30px 0 50px 22px;
  height: 240px;

}

#headContent .free .stf_itv_box .stf_itv_cnt .info_box .info_rap ul {}

#headContent .free .stf_itv_box .stf_itv_cnt .info_box .info_rap ul li {}

#headContent .free .stf_itv_box .stf_itv_cnt .info_box .info_rap ul li span {
  font-size: 16px;
  font-size: 16rem;
}

#headContent .free .stf_itv_box dl {
  clear: both;
  margin: auto;
  max-width: 720px;
  width: 100%;
  padding: 10px 0 0;
}

#headContent .free .stf_itv_box dl dt {
  font-size: 22px;
  font-size: 22rem;
  font-weight: bold;
  color: #fbb610;
}

#headContent .free .stf_itv_box dl dd {
  color: #fff;
}

#headContent .free .stf_itv_box .oub_btn {

  max-width: 720px;
  height: 80px;
  margin: auto;
  width: 100%;
}


#headContent .free .stf_itv_box .oub_btn a {
  display: block;
  font-size: 23px;
  font-size: 23rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #000 !important;
  width: 100%;
  height: auto;
  padding: 3% 0;
  box-shadow: #7c7974 3px 3px 0px 0px;

}

#headContent .free .stf_itv_box .oub_btn.lazyloaded a {
  background: url(../images/yajirusi_white.png) no-repeat 95% center #fff !important;
}

#headContent .free .stf_itv_box .oub_btn a:hover {
  text-decoration: none !important;
  background: #fbb610 !important;
}

/*****
リクルートムービー
******/
#headContent .free h2.tit_img {
  max-width: 980px;
  width: 100%;
  margin: 5% auto 2%;
}

#headContent .free h2.tit_img img {
  max-width: 456px;
  max-height: 60px;
  width: 100%;
  height: auto;
}

#headContent .free .movie_box {
  padding: 0.1% 0;
  background: #7c7974;
  width: 100%;
}


#headContent .free .movie_box .movie_cnt {
  margin: auto;
  max-width: 500px;
  max-height: 281px;
  width: 100%;
  height: 281px;
}

#headContent .free .movie_box .movie_cnt .if_move {
  margin: auto;
  max-width: 500px;
  max-height: 281px;
  width: 100%;
  height: 100%;
}

#headContent .free .movie_btn_rap {
  padding: 0.1% 0 0;
  margin: 3% 0 2%;
  width: 100%;
}

#headContent .free .movie_btn_rap .oub_btn {

  max-width: 720px;
  height: 80px;
  margin: auto;
  width: 100%;
}


#headContent .free .movie_btn_rap .oub_btn a {
  display: block;
  font-size: 23px;
  font-size: 23rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #000 !important;
  width: 100%;
  height: auto;
  padding: 3% 0;
  box-shadow: #7c7974 3px 3px 0px 0px;
}

#headContent .free .movie_btn_rap .oub_btn.lazyloaded a {
  background: url(../images/yajirusi_white.png) no-repeat 95% center #fff !important;
}

#headContent .free .movie_btn_rap .oub_btn a:hover {
  text-decoration: none !important;
  background: #fbb610 !important;
}

#headContent .free .movie_btn_rap .oub_btn a:hover {
  text-decoration: none !important;
  background: #fbb610;
}



/*******************************
 自由サイドコンテンツ
*******************************/
#sideContent .free {}

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

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

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

#footer .content .free .ft_rap {
  width: 100%;
  background: #7c7974;
  padding: 0.1% 0;
}

#footer .content .free .ft_rap .ft_cnt {
  max-width: 1230px;
  width: 100%;
  margin: 40px auto;
}

#footer .content .free .ft_rap .ft_cnt .ft_logo_rap {
  float: left;
}

#footer .content .free .ft_rap .ft_cnt .ft_logo_rap img {
  /*max-height:51px;
	max-width:113px;*/
  height: auto;
  width: 100%;
  margin-top: -30px;
}

#footer .content .free .ft_rap .ft_cnt ul {
  float: left;
  margin: 0.5% 0 0 2%;
  border-collapse: separate;
  border-spacing: 15px 0;
}

#footer .content .free .ft_rap .ft_cnt ul li {
  display: table-cell;
}

#footer .content .free .ft_rap .ft_cnt ul li:nth-child(1) img {
  max-height: 51px;
  max-width: 34px;
  height: auto;
  width: 100%;
}

#footer .content .free .ft_rap .ft_cnt ul li:nth-child(2) img {
  max-height: 20px;
  max-width: 101px;
  height: auto;
  width: 100%;
}

#footer .content .free .ft_rap .ft_cnt ul li:nth-child(3) img {
  max-height: 10px;
  max-width: 102px;
  height: auto;
  width: 100%;
  margin-bottom: 1px;
}

#footer .content .free .ft_rap .ft_cnt .copyright {
  text-align: right;
  color: #fff;
}

#footer .content .free .ft_rap .ft_cnt p {
  text-align: right;
  color: #fff;
}

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

/*** 161027修正 ***/

#main .content #bottomContent #areaLink.areaLink .area table a {
  color: #FFFFFF !important;
}

/** 第二階層以降 **/
#container #contents #main .content #detailContent .title h2 {
  max-width: 100%
}



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

/************************
FFで画像とテキストを透過
*************************/

#header .content .free #header_rap .logo_rap 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 で画像の透過
*********************/

#header .content .free #header_rap .logo_rap 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
------------------------------- */
#header .content .free .header_rap .header_cnt ul,
#headContent .free .stf_itv_box .stf_itv_cnt .info_box,
#header .content .free .header_rap .header_cnt {
  zoom: 1;
}

#header .content .free .header_rap .header_cnt ul:after,
#headContent .free .stf_itv_box .stf_itv_cnt .info_box:after,
#header .content .free .header_rap .header_cnt: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;
}




/**** 160511追加 ****/

#headContent div.pankuzuObj ul li {
  width: auto;
  word-break: normal;
  word-wrap: normal;
}

/* 水平リンク */
div.flatlink {
  word-break: normal;
  word-wrap: normal;
}



#listContent div.listObj div.listbox div.box div.heading h3 {
  word-break: normal;
  word-wrap: normal;
}



#detailContent div.title {
  word-break: normal;
  word-wrap: normal;
}



#detailContent h2.detailTitle {
  word-break: normal;
  word-wrap: normal;

}

#detailContent dl.descriptions dt {
  word-break: normal;
  word-wrap: normal;
}


#detailContent table.infoTable td {
  word-break: normal;
  word-wrap: normal;
}


#formContent div.privacyPolicyForm div.actionObj {
  text-align: justify;
  margin: auto;
}


#formContent div.privacyPolicyForm div.actionObj input {
  background: none;
  border: none;
  padding: 0 color:inherit;
  font-weight: normal;
}

#formContent div.entryFlow ul.entryFlowObj li {
  list-style-position: outside;
  float: left;
  width: 120px;
  height: 20px;
  padding: 1px 0 0 6px;
  margin-right: 5px;
  margin-bottom: 15px;
}



/* ソーシャルボタン */
#bottomContent #social {
  overflow: hidden;
  height: auto;
}

#bottomContent ul#socialObj {
  margin: auto;
  margin-right: 0;
  float: right;
}

#bottomContent ul#socialObj li {
  float: left;
  display: inline;
  margin-left: 10px;
  height: 25px;
}

#mainContent div.freeWordObj div.freeWordInput #freeword {
  font-family: inherit;
}

}



/* award追加 */
#main .content .banner2017 {
  background: #7C7974;
  padding: 0px 0 15px;
}

#main .content .banner2017 h2 {
  padding-top: 50px;
}

#main .content .banner2017 h2 img {
  max-width: 172px;
  width: 100%;
}

.banner2017 p {
  color: #fff;
  font-size: 18rem;
  max-width: 800px;
  width: 96%;
  margin: 1em auto;
}

.banner2017 .banner_img {
  margin: 0 auto;
}

@media screen and (max-width: 830px) {
  #main .content .banner2017 h2 {
    padding-top: 30px;
  }

  #main .content .banner2017 h2 img {
    max-width: auto !important;
    width: 40% !important;
  }

  .banner2017 p {
    font-size: 16px;
  }
}

@media screen and (max-width: 400px) {
  #main .content .banner2017 h2 {
    padding-top: 10px;
  }
}


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

  #mapObj div.area {
    position: absolute;
    left: 130px;
    top: 12px;
    width: 524px;
    height: 544px;
    overflow: hidden;
    z-index: 99;
  }

}

/*------------------------------------------*/
/*オープニングスタッフ募集中!!のバナー設置20191206*/
.pc_only {
  display: block;
}

.sp_only {
  display: none;
}

.bnr_box {
  max-width: 800px;
  width: 100%;
  margin: 5% auto 0;
}

.bnr_box a {}

.bnr_box img {
  width: 100%;
}

@media screen and (max-width: 830px) {
  .pc_only {
    display: none;
  }

  .sp_only {
    display: block;
  }

  .bnr_box {
    padding: 5% 5% 0;
  }
}