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

/*
@media screen and (max-width: 767px) {
*/




body {background-color: #ffffff;color: #000000;font-family: Verdana, Helvetica, "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}
textarea,input,select {font-family: Verdana, Helvetica, "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; font-size:1.2em; line-height:1.4em; margin-top:5px; margin-bottom:5px;}

ul,ol,li,dl,dt,dd {list-style: none;}
p {margin: 0;}

a {text-decoration: none;}
a:link {color: #01869f;}
a:visited {color: #64949d;}

a:focus,a:hover,a:active {opacity: .7;}




/* 全体のレイアウト設定スマホ用
------------------------------------------------------------ */

#wrapper {
	min-width:100%;
	width: 100%;
overflow:hidden;
margin:0px;
padding:0px;
}
#mainarea158 {
	width: 100%;
	float: none;
	margin-top:158px;
}

#mainarea {
	width: 100%;
	float: none;
	margin-top:138px;
}


/* メインコンテンツ_全体5ピクセル内に入れる↓
------------------------------------------------------------ */

#contentarea {
	background-color: #ffffff;
	margin:5px;
	  z-index:10;
}








/* ここからスマホ用メニュ
------------------------------------------------------------ */

#nav-drawer {
  display:inline-block;
  position: absolute;
  text-align:left;
  padding:0px;
  margin:0px;
  right:20px;
  top:20px;
  z-index:200;
  position: fixed;


}

#nav-drawer:hover {
  background: #ffffff;
  cursor: pointer;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
      z-index: 201;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
    z-index: 202;
  position: absolute;
  height: 5px;/*線の太さ*/
  width: 30px;/*長さ*/
  border-radius: 3px;
  background: #4e321c;
  display: block;
  content: '';
  cursor: pointer;

}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 199;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 199;/*最前面に*/
  width: 100%;/*右側に隙間を作る（閉じるカバーを表示）*/
/*  max-width: 330px;/*最大幅（調整してください）*/
/*  height: 290px;  */





/*  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateY(-105%);
  transform: translateY(-105%);/*左に隠しておく*/
}




/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}





/* --ここまでスマホ用メニュ開閉部分＿以下メニュー項目-- */


.smph_menu_bg {
  border:2px solid #4e321c;

	background-color:#eee8e1;
	padding-top:50px;
}

.menutopline {
  border-bottom:1px solid #eee8e1;

}





/* --ここまでスマホ用メニュ-- */







/* ここからヘッダロゴ
------------------------------------------------------------ */
#mainheader {
margin:0px;
padding:0px;
position: fixed;
background-color:#ffffff;
top:0;
width:100%;
height:51px;

}

#headLRSET {
width:100%;
/*
height:120px;
*/
margin:0px;
text-align:center;
padding:0px;
background-color:#ffffff;
background-repeat:repeat-x;
}

#headL {
width:100%;
display:block;
/*margin:15px 0 10px 0;*/
text-align:center;
}

#headL img {
height:100px;
width:auto;
transform:scale(0.75);
}

#head_SET2 {
width:100%;
height:15px;
margin:15px 0 0 0;
text-align:center;
padding:0px;
background: #b4dedf;
background: linear-gradient(to right,  #b4dedf 0%,#ffffff 100%);
}


#head_2 {
width:100%;
display:block;
margin:0 auto;
text-align:center;
}








/* フッタ
------------------------------------------------------------ */



#footerset{
	width: 100%;
	background-color: #d5ffed;
	text-align:center;
		padding-top:10px;
	padding-bottom:10px;
	
}

#footer_sec{
	width: 100%;
	margin:5px;
		display: block;
		vertical-align:top;
	color:#093f49;
	font-size:1.0em;
	line-height:1.2em;
	text-align:center;
	border-bottom:1px solid #a9cebe;
	padding-bottom:20px;
	margin-bottom:15px;
}



/* ここから最下部のコピーライト
------------------------------------------------------------ */



#ftcpy {
	width: 100%;
	padding:5px;
	background-color: #926e5e;
	color:#ffffff;
	font-size:0.8em;
	line-height:1.0em;
	text-align:center;
}




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

#pageTop {
      position: fixed;
      bottom: 50px;
      right: 20px;
    }


#pageTop i {
      padding-top: 6px
    }



#pageTop a {
      display: block;
      z-index: 9999;
      padding: 8px;
      border-radius: 30px;
      width: 30px;
      height: 30px;
      background-color: #9FD6D2;
      color: #fff;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
      font-size:20px;
      border:2px solid #ffffff;
    }



#pageTop a:hover {
      text-decoration: none;
      opacity: 0.7;
    }
    
    
    
/* ここまで　スマホ画面動作をつかさどる　基本の設定
------------------------------------------------------------ */

/* ここから　それぞれの色やレイアウトなどの個別サイトごとの設定クラスを作る
------------------------------------------------------------ */



#SPtitleset {
width:100%;
display:block;
margin:0 auto;
text-align:center;
}



.sqblue {
font-size:1.5em;
color:#1dbbab;
}

.telpink {
font-size:1.2em;
color:#e95377;
}

.faxblue {
font-size:1.2em;
color:#1dbbab;
}




.navmenu_hoiku_01 {
width:100%;
height:57px;
margin:0px auto;
text-align:center;
padding:0px;
background-color:#ffffff;
background-image: url("../img02/navmenu_hoiku_01_bg.gif");
background-repeat:repeat-x;
}

.navmenu_ctg01 {
width:100%;
height:74px;
margin:0px auto;
text-align:center;
padding:0px;
background-color:#ffffff;
background-image: url("../img02/navmenu_ctg01_bg.gif");
background-repeat:repeat-x;
}

.navmenu_ctg02 {
width:100%;
height:74px;
margin:0px auto;
text-align:center;
padding:0px;
background-color:#ffffff;
background-image: url("../img02/navmenu_ctg02_bg.gif");
background-repeat:repeat-x;
}

.navmenu_maintop {
width:100%;
height:70px;
margin:0px auto;
text-align:center;
padding:0px;
background-color:#ffffff;
background-image: url("../img02/navmenu_maintop_bg.gif");
background-repeat:repeat-x;
}



.top_ber01 {
height: 12px;
background: #eee8e1;
/*
background: linear-gradient(to right,  #cfeeee 0%,#e2f08c 100%);
*/
}
.top_ber02 {
height: 18px;
background: #322419;
/*
background: linear-gradient(to right,  #b4dedf 0%,#ffffff 100%);
*/
}

.title_back {
text-align: center;
height: 100px;
background: url(../img/title_merit_back.gif);
background-repeat: repeat-x;
background-position: bottom;
background-size: auto 100%;
}
.title_back img {
max-width: 320px;
width: 90%;
margin: 1px 0 0 0;
padding: 0;
}


.navmenu_01 {
width: 100%;
height: 57px;
background: #ffb514;
padding: 6px;
box-sizing: border-box;
}
.navmenu_01 a {
display: block;
box-sizing: border-box;
height: 45px;
border-width: 2px;
border-style: solid;
border-color: #ffffff;
border-radius: 5px;
text-align: center;
line-height: 45px;
font-size: 1.3em;
font-weight: bold;
color: #ffffff;
text-shadow: 1px 2px 3px #808080; 
}

.navmenu_02 {
width: 100%;
height: 57px;
background: #b6dcc5;
padding: 6px;
box-sizing: border-box;
}
.navmenu_02 a {
display: block;
box-sizing: border-box;
height: 45px;
border-width: 2px;
border-style: solid;
border-color: #ffffff;
border-radius: 5px;
text-align: center;
line-height: 45px;
font-size: 1.3em;
font-weight: bold;
color: #ffffff;
text-shadow: 1px 2px 3px #808080; 
}

.navmenu_03 {
width: 100%;
height: 57px;
background: #d4da80;
padding: 6px;
box-sizing: border-box;
}
.navmenu_03 a {
display: block;
box-sizing: border-box;
height: 45px;
border-width: 2px;
border-style: solid;
border-color: #ffffff;
border-radius: 5px;
text-align: center;
line-height: 45px;
font-size: 1.3em;
font-weight: bold;
color: #ffffff;
text-shadow: 1px 2px 3px #808080; 
}

.navmenu_04 {
width: 100%;
height: 57px;
background: #7cc5c9;
padding: 6px;
box-sizing: border-box;
}
.navmenu_04 a {
display: block;
box-sizing: border-box;
height: 45px;
border-width: 2px;
border-style: solid;
border-color: #ffffff;
border-radius: 5px;
text-align: center;
line-height: 45px;
font-size: 1.3em;
font-weight: bold;
color: #ffffff;
text-shadow: 1px 2px 3px #808080; 
}




.navmenu_05 {
width: 100%;
height: 57px;
background: #f2e395;
padding: 6px;
box-sizing: border-box;
}
.navmenu_05 a {
display: block;
box-sizing: border-box;
height: 45px;
border-width: 2px;
border-style: solid;
border-color: #c2b050;
border-radius: 5px;
text-align: center;
line-height: 45px;
font-size: 1.3em;
font-weight: bold;
color: #928129;
text-shadow: 1px 2px 3px #ffffff; 
}






















/*   スマホ版の求人情報に検索項目を追加する  */



/*検索ボタン*/
.btn-search {
display: inline-block;
padding: 2px 15px;
margin: 0;
text-decoration: none;
background: #edebeb; /* Old browsers */
background: linear-gradient(to bottom,  #ffffff 50%,#edebeb 50%,#d6dfe1 100%);
box-shadow:  0 0 5px #edebeb;
color: #667177;
border: 1px solid #b0bfc2;
border-radius: 15px;
font-size: 11pt;
}
.btn-search:link {
color: #667177;
}
.btn-search:visited {
color: #667177;
}
.btn-search:hover {
display: inline-block;
text-decoration: none;
color: #909ea5;
background: #edebeb; /* Old browsers */
background: linear-gradient(to bottom,  #d6dfe1 0%,#edebeb 50%,#ffffff 50%);
}

/*検索枠*/
.search_waku {
/*width: 95%;*/

width: 100%;
margin:0 0 5px 0;
padding: 15px;
border-style: solid;
border-width: 1px;
border-color: #d0d0d0;
background: #a1a8aa; /* Old browsers */
background: linear-gradient(to bottom,  #d4dee0 0%,#eef1f3 10%,#ffffff 100%);
text-align: left;
box-sizing: border-box;
}
.search_waku div {
display: inline-block;
margin: 0 15px 5px 0;
font-size: 11pt;
color: #353535;
}
.search_waku div input {
display: inline-block;
margin: 0 5px 0 0;
color: #353535;
font-size: 11pt;
border: 1px solid #a9a9a9;
}
.search_waku div input:focus {
border: 1px solid #6b7b83;
box-shadow: 0 0 5px #6b7b83;
}

.search_waku div label {
display: inline-block;
margin: 0 10px 0 5px;
}
.search_waku div select {
display: inline-block;
vertical-align: middle;
color: #353535;
font-size: 11pt;
border: 1px solid #a9a9a9;

}
.search_waku div span {
display: inline-block;
font-size: 11pt;
color: #ffffff;
text-shadow: 
1px  1px 1px #6b7b83,
-1px  1px 1px #6b7b83,
1px -1px 1px #6b7b83,
-1px -1px 1px #6b7b83,
1px  0px 1px #6b7b83,
0px  1px 1px #6b7b83,
-1px  0px 1px #6b7b83,
0px -1px 1px #6b7b83;
background: #b7c2c7;
margin: 0 3px 0 0;
padding: 2px 5px;
}

/*フォーム必須項目*/
.hisu_color {
color: #ff0000;
font-size: 8pt;
font-weight: normal;
padding: 0 0 0 5px;
}

/*リスト_チェックy*/
.list_check {
font-weight: normal;
text-align: left;
background-color: #f0f0f0;
}


/*   スマホ版の求人情報に検索項目を追加する  */