@charset "utf-8";
*{
 margin: 0px;
 padding: 0px;
 font-family: "游ゴシック","arial unicode ms",sans-serif;
}
img{
 pointer-events:none;
 -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}
/*===背景============================*/
body{
 background-color:rgb(255,255,255);
 background-image:url(img/bg.s.jpg);
 background-repeat:repeat;
}
/*===ヘッダー========================*/
.page-header {
 background-color: rgb(127,127,127);
 position: fixed;
 width: 100%;
 height:50px;
 z-index:10;
 top:0;
}
#logo{
 height:34px;
 padding:8px 8px 8px;
}
/*===ハンバーガーメニュー============*/
#ham-menu {
 background-color: rgb(255,255,255); /*メニュー背景色*/
 box-sizing: border-box;
 height: 100%;
 width: 150px; /*メニュー横幅*/
 padding: 8px 30px; /*メニュー内左右上下余白*/
 position: fixed;
 right: -150px; /*メニュー横幅 width と合わせる*/
 top: 0;
 transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
 z-index: 20;
}

#menu-background {
 background-color: rgb(0,0,0); /*黒背景*/
 display: block;
 height: 100%;
 margin-top:50px;
 width: 0%;
 opacity: 0;
 position: fixed;
 right: 0;
 top: 0;
 transition: all 5ms linear 0s; /*ms はアニメーションにかかる時間*/
 z-index: -1;
}

#menu-icon {
 background-color: rgb(127,127,127); /*アイコン背景色*/
 color: rgb(255,255,255); /*アイコン色*/
 cursor: pointer;
 display: block;
 font-size: 50px; /*アイコン（フォント）サイズ*/
 height: 50px; /*アイコン縦高さ*/
 line-height: 50px; /*縦位置中央化*/
 position: fixed;
 right: 12px;
 text-align: center;
 top: -1px;
 width: 50px; /*アイコン横幅*/
 transition: all  0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
 z-index: 20;
}

#menu-cb {
 display: none; /*チェックボックス本体は消しておく*/
}

#menu-cb:checked ~ #ham-menu {
 transform: translate(-150px); /*メニュー本体横幅 width と合わせる*/
}
#menu-cb:checked ~ #menu-icon {
 transform: translate(-149px); /*メニュー本体横幅 width と合わせる*/
}
#menu-cb:checked ~ #menu-background {
 width:100%;
 opacity: 0.5;
 z-index: 15;
}
nav ul{
 list-style:none;
}
nav ul li{
 margin-top:10px;
}
nav ul li .eng{
 padding:8px;
 text-decoration:none;
 font-size:16px;
 color:rgb(0,0,0);
}
nav ul li .jpn{
 display:none;
}
/*---帯------------------------------*/
.recruitment h2{
 width:100%;
 min-width:300px;
 padding:4px 0;
 margin:16px auto;
 background-color:rgb(127,127,127);
 font-size:12px;
 color:rgb(255,255,255);
}
/*===採用情報===========*/
.recruitment{
 font-size:10px;
}
.recruitment .position{
 width:90%;
 min-width:300px;
 margin:0 auto;
 padding-bottom:32px;
}
.recruitment{
 padding-top:48px;
}

.recruitment .position{
 text-align:center;
}
.recruitment .position table{
 width:100%;
 border-collapse: collapse;
}
.recruitment table{
 font-size:8.5px;
 width:60%;
 min-width:300px;
 margin: 0 auto;
 border-collapse: collapse;
}
.recruitment .tbody{
}
.recruitment .position table tbody tr th{
 width:20%;
 min-width:50px;
 vertical-align:top;
 text-align:left;
 padding: 4px 0;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:rgb(127,127,127);
}
.recruitment .position table tbody tr td{
 width:80%;
 min-width:240px;
 text-align:left;
 padding: 6px 0;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:rgb(127,127,127);
}
/*===フッター========================*/
footer{
 width:100%;
 background:rgb(127,127,127);
 font-size:12px;
 color:rgb(255,255,255);
 position:sticky;
 bottom:0px;
 text-align:center;
}
footer .inc{
}
#contact {
 list-style:none;
}
#contact li{
}
#jpn{
 font-size:11px;
}
}/*--------問い合わせ先-------------*/
.recruitment .position .form tbody{
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:rgb(127,127,127);
}
.recruitment .position .form tbody tr{
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:rgb(127,127,127);
}
.recruitment .position .form tbody tr th{
 text-align:left;
 width:50%;
 padding:12px 2.5% 12px 5%;
}
.recruitment .position .form tbody tr td{
 width:50%;
 padding:12px 5% 12px 2.5%;
}
/*===コピーライト====================*/
.copyright{
 background:rgb(127,127,127);
 color:rgb(255,255,255);
 padding-bottom:4px;
 text-align: center;
 width: 100%;
 bottom:0;
}
/*===タイトル=======================*/
.contents h1{
 width:85.5vw;
 padding:4px 0;
 margin:64px auto 16px;
 color:rgb(255,255,255);
 font-size:12px;
 text-align:center;
 background-color:rgb(127,127,127);
}
.contents h2{
 width:85.5vw;
 padding:4px 0;
 margin:16px 0;
 color:rgb(255,255,255);
 font-size:12px;
 text-align:center;
 background-color:rgb(127,127,127);
}