@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, img, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;}
:focus {outline: 0;}
html { scroll-behavior: smooth;}
ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;vertical-align:-webkit-baseline-middle;}
a{color:#337ab7;}
a:hover img {opacity: 0.99;filter: alpha(opacity=99);}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
.clear{clear:both;}
img{max-width:100%;display:block;}
a{text-decoration:none;}
a:hover{text-decoration:none;opacity:0.7;}
html{overflow:scroll;}
.center{text-align:center;}
.margin_topbottom30 {margin:30px 0;}
.quotation{font-size: 70%;color:#666;}
label{display:inline-block;cursor:pointer;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
input[type="radio"],input[type="checkbox"] {cursor: pointer;}
input[type="month"],input[type="date"] {font-size:14px;font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.error{
	color:red;
	font-size:13px;
}

html {
    height:100%;
}
body {
    height:100%;
    font-family: "AtlasGrotesk","Open Sans",sans-serif;
    color: #1e1e1e;
    word-wrap: break-word;
    font-size:15px;
    line-height:1.5;
}
.select{
    display:block;
    margin:0 auto;
    padding:5px 3px;
    margin-top:20px;
    width:250px;
    height:40px;
    font-size:20px;
}
#wrapper{
	min-height:100%;
    position:relative;
    background:#F3F5F6;
}
.head{
    font-size:20px;
    font-weight:bold;
}
.regist_comment{
    text-align:left;
    font-size:12px;
}

.header_inner{
    padding-top:100px;
}
.red{
    color:red;
}
.login_sinsei{
    border-top:1px solid #bbb;
    margin-top:20px;
}
.login_sinsei p{
    font-size:12px;
    margin-top:20px;
}
#pankuzu{
    margin-top:15px;
    font-size:12px;
    padding-bottom:5px;
}

.logout_area{
    text-align:right;
}

.content{
	padding-bottom:150px;
}
.content_inner_top, .content_inner{
    max-width: 95%;
    margin:0 auto;
}
.admin_section{
    text-align:center;
    margin-top:10px;
}
.admin_section p{

}
.admin_title{
    padding-bottom: 10px;
    border-bottom:1px solid #bbb;
    margin-bottom:20px;
}
.admin_title h2{
    font-size:18px;
    font-weight:bold;
    text-align:left;
}
.admin_title h4{
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
.add_section{
    text-align:center;
}
/****************************/
.contract_check{
    margin-top:10px;
}
.contract_check h3{
    font-size:16px;
    margin-bottom:10px;
    text-align:left;
}
.contract_check p{
	font-size:12px;
    text-align:left;
}
.contract_check table{
    font-size:12px;
    border-collapse:collapse;
    width:100%;
}
.contract_check table th{
	width:50px;
    border-bottom:1px solid #bbb;
    padding:5px;
    text-align:center;
}
.contract_check table td{
    border-bottom:1px solid #bbb;
    border-left:1px solid #bbb;
    padding:5px;
    text-align:center;
}
.contract_title{
	margin-top:20px;
	font-size:16px;
    font-weight:bold;
}
/****************************/
.searchbox{
    margin-top:10px;
}
.searchbox h3{
    font-size:16px;
    margin-bottom:10px;
    text-align:left;
}
.searchbox p{
	font-size:12px;
    text-align:left;
}
.searchbox table{
    font-size:12px;
    border-collapse:collapse;
    width:100%;
}
.searchbox table th{
    border-bottom:1px solid #bbb;
    padding:5px;
	width:80px;
}
.searchbox table td{
    border-bottom:1px solid #bbb;
    border-left:1px solid #bbb;
    padding:5px;
}
.height51{
    height:51px;
}
/******************************/
.calendar{
    border:1px solid #bbb;
    background:#fff;
}

.calendar th{
    background:#232f3e;
    border:1px solid #bbb;
    text-align:center;
    font-size:14px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
    color:#fff;
    padding:10px !important;
}
.calendar td{
    border:apx solid #bbb;
    text-align:center;
	font-size:14px;
	height:51px;
}
.mail_input{
    max-width: 450px;
    margin: 0 auto;
}
.mail_input h2{
	font-size:16px;
}
.mail_input_form{
	box-shadow:none;
    background:transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #428bca;
    border-radius: 5px;
    font-family: "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: normal;
    outline: 0;
    width: 100%;
    box-sizing:border-box;
    padding:10px;
}
.send_area{
    margin:20px 0;
    text-align:center;
}
.send_button, .send_button_menu{
	box-shadow:none;
    background:transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #1ab0ec;
    border-radius: 3px;
    font-family: "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: normal;
    outline: 0;
    width: 100%;
    box-sizing:border-box;
    color:#fff;
    padding:3px;
}
.send_button input[type=submit], .send_button, .send_button_menu, .send_button_pass{
    border: none;
    background-color: #428bca;
    color: #fff;
    line-height: 35px;
    -webkit-transition: none;
    transition: none;
    cursor: pointer;
    font-size:20px;
    margin-top:15px;
    width:250px;
}
.send_button_menu, .send_button_pass{
    border: none;
    background-color: #428bca;
    color: #fff;
    line-height: 35px;
    -webkit-transition: none;
    transition: none;
    cursor: pointer;
    font-size:14px;
    width:240px;
    border-radius:3px;
} 
.wid50{
    width:25%;
} 
.back_button{
    padding:0px 8px;
    border-radius:3px;
    cursor:pointer;
    font-size:11px;
}
.contract_detail_button{
    font-size:15px;
    padding:10px;
    border-radius:5px;
    background:#428bca;
    border:none;
    color:#fff;
    width:95%;
}
.contract_done_comment{
    text-align:left;
    font-size:13px;
    border:1px solid #bbb;
    width:95%;
    padding:10px;
    margin: 0 auto;
    box-sizing:border-box;
}
.getsujime, .download{
    background:#fff;
	padding:3px;
    width:32px;
    border-radius:3px;
}
.download{
	font-size:12px !important;
}
input:disabled{
    background:#eee;
    color:#aaa;
    border:1px solid #eee;
}
.mail_input ul{
    
}
.mail_input ul li{
    margin-bottom:10px;
}

#footer{
    position:absolute;
    bottom:0;
    text-align:center;
    font-size:11px;
    padding-top:0px;
    width:100%;
}
.admin_footer{
    background:#131A22;
    color:#ddd;
    padding:25px 0;   
}

.regist_error{
    margin:10px 0;
    text-align:left;
}

.contract_detail{
	margin: 20px 0;
    width:100%;
    box-sizing:border-box;
}
.over_flow{
    border:1px solid #bbb;
    overflow-y: scroll;
    height: 400px;
    width: 100%;
    margin: 10px 0 0 0;
    background: #fff;
    box-sizing: border-box;
    font-size:11px;
}
.over_flow h5{
    font-size:13px;
    padding:5px;
    background:#428bca;
    color:#fff;
}
.agree{
	width:470px;
}
.agree table{
    width:100%;
    background:#fde;
    padding:10px;
    font-size:12px;
    margin:auto;
}
canvas {
	position: relative;
	border:3px solid #000;
}

div#img-box{
  border:3px solid #000;
  width:500px;
}

div#btn-box{
	position: fixed;
	bottom :0px;
}
.pass_caution{
	width: 100%;
    font-size: 11px;
    text-align: left;
    border: 1px solid #bbb;
    padding: 5px 10px;
    box-sizing: border-box;
    background: #fcfcfc;
    border-radius: 3px;       
}

.pass_caution li{
    margin-bottom:0 !important;
 	list-style:square;
    list-style-position:inside; 
}
.pass_input_form{
    margin:25px 0;
}
.pass_input_form p{
	margin:0;
    text-align:left;
	font-weight:bold;
}
.pass_input_form select{
    padding:8px;
    border-radius:3px;
    border: 1px solid #1ab0ec;
    font-size:15px;
    cursor:pointer;
}
.contract_list table{
    
}
.contract_list table thead{
    background:#eee;
}
.contract_list table tbody tr{
    cursor:pointer;
}
.contract_list table th,.contract_list table td{
    padding:8px;
    border: 1px solid #bbb;
}

#loading{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  z-index: 9000;
}

#animation{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  animation: flush 1s linear 0s infinite;
}

.loading-circle{
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
  border-left: 10px solid #fff;
  border-right: 10px solid transparent;
  border-radius: 50%;
  animation: spin 1s linear 0s infinite;
}

@keyframes flush{
  0%{
    opacity: 0;
  }
  25%{
    opacity: 0.5;
  }
  50%{
    opacity: 1;
  }
  75%{
    opacity: 0.5;
  }
  100%{
    opacity: 0;
  }
}

@keyframes spin{
  0%{
    transform: rotate(0deg);
  }
  25%{
    transform: rotate(90deg);
  }
  50%{
    transform: rotate(180deg);
  }
  75%{
    transform: rotate(270deg);
  }
  100%{
    transform: rotate(360deg);
  }
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------*/


header {
  height:60px;
  background: #232f3e;
}

#nav-drawer {

}

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

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 100%;
  height: 60px;
  vertical-align: middle;
  padding:22px 18px 18px 10px;
  box-sizing:border-box;
  color:#fff;
  text-align:left;
  font-size:14px;
}

/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  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: 99;
  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: 9999;
  width: 90%;
  max-width: 200px;/*最大幅（お好みで調整を）*/
  height: 100%;
  background: #fff;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

/* メニューコンテンツ */
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

#nav-content ul{
    width:100%;
}
#nav-content ul li{
    margin-bottom: 0;
    list-style-type: none;
    background-repeat: no-repeat;
    border-bottom: solid 1px #aaaaaa;
    text-indent: 20px;
}
#nav-content ul li a{
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #484848;
    padding: 10px 0 10px 0;
    background-repeat: no-repeat; 
}

.header-logo-menu{
 display: flex;
 display: -moz-flex;
 display: -o-flex;
 display: -webkit-flex;
 display: -ms-flex;
 flex-direction: row;
 -moz-flex-direction: row;
 -o-flex-direction: row;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
  justify-content: space-between;
}

/*ロゴやサイトタイトルをセンタリング*/
.logo-area{
    padding-right:10px;
    padding-top:15px;
	order: 2; /* 右側に配置 */
	clear:both;
}
.logo-area ul li{
	float:right;
    margin-left:10px;
}
/* 給与明細エリア */
.kyuuyo_meisai_area{
    width:100%;
    box-sizing:border-box;
    text-align:left;
}
.kyuuyo_meisai_area_inner{
    width:100%;
}
.kyuuyo_meisai_area_inner ul{
	float:left;
    width:24%;
    margin-right:10px;
    background:#fff;
}
.kyuuyo_meisai_area_inner ul:last-child{
	margin-right:0;
}
.kyuuyo_meisai_area_inner h3{
    margin:0;
    padding:5px 10px;
    text-align:center;
    width:100%;
    background:#428bca;
    box-sizing:border-box;
    font-size:15px;
    font-weight:bold;
    color:#fff;
}
.kyuuyo_meisai_area_inner table{
    border:none;
    border:1px solid #428bca;
}
.kyuuyo_meisai_area_inner table tr{
	cursor:default !important;
}
.kyuuyo_meisai_area_inner table th{
	border:none;
    text-align:left;
    width:100px;
    padding:5px 5px 0 5px;
    background:#f0f8FF;
}
.kyuuyo_meisai_area_inner table td{
	border:none;
    text-align:right;
    padding:5px 5px 0 5px;
}
.goukei{
	border-top:1px solid #428bca !important;
    background:#f0f8FF;
    font-size:13px !important;
    font-weight:bold;
}
.kyuuyo_select{
    padding: 5px 10px;
    font-weight:bold;
    cursor:pointer;
    height:30px;
    font-size:17px;
	float:left;
}
.meisai_select{
	display: inline-block;
	margin-bottom:8px;
}
.meisai_select li{
	margin-right:20px;
    float:left;
    vertical-align:middle;
}
.meisai_select li p{
	padding-top:5px;
	font-size:13px;
    font-weight:bold;
}

.dlbutton{
	float:right;
    text-align:right;
   	margin-bottom:15px;  
}
.dlbutton li{
    float:left;
    margin-left:5px;
}

.oshirase{
    width:100%;
    border:1px solid #bbb;
}
.oshirase_inner{
	max-height:200px;
    overflow-y: scroll;
    background:#fff;
}
.oshirase h2, .menu h2{
    width:100%;
    padding:5px 10px;
    text-align:left;
    background:#eee;
	box-sizing:border-box;
	font-weight:bold;
}

.oshirase ul{
    width:100%;
    text-align:left;
    padding-top:10px;
}
.oshirase ul li{
	padding:5px 10px 5px 10px;
    border-bottom:1px dotted #bbb;
}
.oshirase ul li:last-child{
	padding:5px 10px 5px 10px;
    border-bottom:none;
}
.oshirase table{
    font-size:13px;
}
.oshirase table th{
    width:80px;
    vertical-align:top;
}
.oshirase table td{
	padding-left:10px;
}
.menu, .menu_account{
    width:100%;
    margin:0 0 20px 0;
    border:1px solid #bbb;
}
.menu h3{
    width:100%;
    text-align:left;
    display:inline-block;
    border-left:3px solid #428bca;
    padding-left:10px;
    margin-bottom:10px;
    box-sizing:border-box;
    font-weight:bold;
}
.menu ul, .menu_account ul{
    margin-top:20px;
}
.menu ul li{
	border-radius:5px;
	background:#428bca;
    width:160.8px;
    float:left;
    margin-right:10px;
}
.menu ul li:last-child{
    margin-right:0;
}
.menu_act ul li{
	border-radius:5px;
	background:#fff;
    width:32.71%;
    float:left;
    margin-right:10px;
    border:1px solid #eee;
}
.menu ul li a{
	position:relative;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    height:80px;
    color:#fff;
    text-align:left;
}
.menu_act ul li a{
	position:relative;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    height:80px;
    color:#111;
    text-align:left;
}
.menu ul li span{
    position:absolute;
    bottom:5px;
    left:10px;
	font-weight:bold;
    font-size:13px;
}
.menu_act ul li span{
    position:absolute;
    top:31px;
    left:60px;
    font-size:15px;
}
.menu_act ul li b{
    position:absolute;
    top:31px;
    right:40px;
    font-size:15px;
	font-weight:normal;
}
.menu_act ul li img{
    position:absolute;
    top:32px;
    right:15px;
}
.bg_img{
	background-position-x:center;
    background-position-y:16px;
}
.bg_img_act{
	background-position-x:15px;
    background-position-y:50%;
}
.bg_img_kintai{
	background-image: url(../img/kintai.png?20211217);  
}
.bg_img_kintai_act{
	background-image: url(../img/kintai_act.png?20211217);  
}
.bg_img_kyuuyomeisai{
	background-image: url(../img/kyuuyomeisai.png?20211217);  
}
.bg_img_syouyomeisai{
	background-image: url(../img/syouyomeisai.png?20211217);  
}
.bg_img_keiyakusyo{
	background-image: url(../img/keiyakusyo.png?20211217);  
}
.bg_img_account{
	background-image: url(../img/account.png?20211217);  
}
.bg_img_qa{
	background-image: url(../img/qa.png?20211217);  
}
.bg_img_password{
	background-image: url(../img/password.png?20211217);  
}
.bg_img_mail{
	background-image: url(../img/mail.png?20211217);  
}

.menu ul li:first-child{
    margin-left:0;
}
.menu_act ul li:nth-child(3){
    margin-right:0;
}

.menu p{
    box-sizing:border-box;
    display:inline-block;
    font-size:12px;
    margin:5px 0 10px 0 !important;
}
.pass_tbl{
    width:100%;
    margin:0 0 20px 0;
    border:1px solid #bbb;
    border-collapse:collapse;
    background:#fff;   
}
.pass_tbl th{
    padding:8px;
    background:#F3F5F6; 
    border:1px solid #bbb;
    font-size:13px;
    width:160px;
}
.pass_tbl td{
    padding:8px;   
    border:1px solid #bbb;
    font-size:13px; 
}
.pass_tbl input[type=tel]{
	border:1px solid #bbb;
    padding:4px 2px;
    width:180px;
    font-size:13px;	
}
.pass_tbl input[type=password]{
	border:1px solid #bbb;
    padding:4px 2px;
}
.pass_tbl input:focus[type=password]{
	background:#f0f8FF;
}
.pass_tbl input[type=email]{
	border:1px solid #bbb;
    padding:4px 2px;
    width:300px;
    font-size:13px;
}
.pass_tbl input:focus[type=email]{
	background:#f0f8FF;
}
.pass_tbl select{
    padding:4px;
    border:1px solid #bbb;
    cursor:pointer;
}
.pass_tbl textarea{

    width: 100%;
    padding: 12px 5px;
    border: 1px solid #aaa;
    font-size: 14px;
    min-height: 150px;
    box-sizing:border-box;  
}
.qa{
    width:100%;
    text-align:left;
}
.qa_inner{
    margin-bottom:8px;
}
.qa h3{
    font-size:16px;
    background:#428bca;
    color:#fff;
    padding:8px 15px;
    box-sizing:border-box;
    margin-bottom:15px;
    font-weight:bold;
}
.qa h4{
    cursor:pointer;
    color:#232f3e;
    margin-left:10px;
}
.qa h4:hover{
	opacity:0.7;
}
.qa_open{
    display:none;
    background:#eee;
    padding:15px;
    box-sizing:border-box;
    border-radius:10px;
    font-size:13px;
}
.qa span{
    color:#ff7800;
    margin-right:5px;
}
.up{
	text-align:right;    
	margin:15px 0;
}
.up a{
    font-size:11px;
    color:#232f3e;
}
.kintai{
    text-align:left;
}
.kintai_edit, .shinsei_btn{
    background:#428bca;
    border:1px solid #428bca;
    border-radius:3px;
    color:#fff;
    padding:3px 7px;
    font-size:14px;
    cursor:pointer;
}
.shinsei_btn{
    background:red;
    border:1px solid red;	
}

.kinmu{
    margin-top:40px;
    text-align:left;
}
.kinmu h2{
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
}
.kinmu_table{
    width:320px !important;
}
.kinmu_table th{
    width:120px !important;
    text-align:left;
}
.kinmu_table td{
    text-align:right;
    padding:10px !important;
}

dl,dt,dd {
  margin: 0;
  padding: 0;
}
.dltable{
    display:flex;
	flex-wrap:wrap;
    border:1px solid #bbb;
    border-bottom:none;
    font-size:15px;
    text-align:left;
}
.dltable dt{
	width:20%;
    border-bottom:1px solid #bbb; 
    box-sizing:border-box;
    padding:10px 5px;
    vertical-align:middle; 
}
.dltable dd{
	width:80%;
    border-bottom:1px solid #bbb;
    border-left:1px solid #bbb;
    box-sizing:border-box;
    padding:10px 5px;
    background:#fff;
    vertical-align: middle;
}
.dltable select{
    padding:5px 10px;
    font-size:15px;
    border-radius:3px;
    border:1px solid #bbb;
}
.dltable input[type=text]{
    width:100%;
    font-size:15px;
    padding:5px;
    border:1px solid #bbb;
    border-radius:3px;
    box-sizing:border-box;
}
.dltable textarea{
    width:100%;
    padding:5px;
	font-size:15px;
    border:1px solid #bbb;
    border-radius:3px;
    font-family: inherit;
    box-sizing:border-box;
}
.start-end{
}
.start-end li{
	float:left;    
}
.start-end label{
    margin-left:10px;
}
.kintai_edit_submit{
    margin-top:20px;
}
.kintai_edit_submit a{
	display:inline-block;
	width:80px;
    background: #fff;
    margin-right: 10px;
    border: 1px solid #bbb;
    padding: 8px;
    border-radius: 5px;
    color: #666;
}
.wid120{
    width:120px;
}
.shinsei_alert{
    width:100%;
    background:#fff5f5;
    box-sizing:border-box;
    margin-bottom:15px;
    border:1px solid #bbb;
    border-radius:3px;
}
.shinsei_alert a{
    font-size:13px !important;
    font-weight:bold; 
    color:#ff5757;  
	padding:8px;
    display:block;
}
.kintai_act{
    text-align:left;
}
.kintai_act ul li{
	width:100%;
    border:1px solid #eee;
    background:#fff;
    box-sizing:border-box;
}
.kintai_act label{
    width:100%;
    padding:10px;
    box-sizing:border-box;
}
.kintai_act p {
	font-size:12px;
    margin:0 5px 10px 5px;
}
.timestamp_main{
    
}
.date{
	font-size:32px;    
}
.time{
	font-size:62px;
}
.payslip_table, .payslip_table_fix{
    width:100%;
    border:0.5px solid #aaa;
    font-size:14px;
    border-collapse:collapse;
}
.payslip_table tr:hover{
    background:#e8f6ff;
}
.payslip_table th{
	text-align:center;
	background-color:#ddd;
	border:0.5px solid #aaa;
	width:76.8px;
}
.payslip_table td{
	text-align:right;
	width:76.8px;
	border-left:0.5px solid #aaa;
	border-right:0.5px solid #aaa;
   	padding:2px;
    height:22px;
}
.payslip_table_fix td{
	border-bottom:0.5px solid #aaa;
}  
.payslip_table input[type=text]{
	width:100%;
    text-align:right;
    background:#fffacd;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	1416px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1416px){
.menu_act ul li{
	width:32%;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	1068px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1068px){
.menu ul li:nth-child(n + 6){
    margin-top:10px;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	1045px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1045px){
.dp1100{
    display:none;
}
.menu_act ul li{
	width:100%;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	898px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 898px){
.menu ul li:nth-child(n + 5){
    margin-top:10px;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	871px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 871px){

.dp{
    display:none;
}
.header_inner{
    padding-top:80px;
}

.wid50{
    width:50%;
}
.contract_detail{
	border:none;
    padding:5px 0 0 0;
    margin-top:10px;
    margin-bottom:20px;
    border-top:1px solid #bbb;
}
.logout_area{
	width:100%;
    margin:0;
}
.agree{
	width:90%;
}
.kyuuyo_meisai_area_inner ul{
	width:100%;
    margin-bottom:15px;
    margin-right:0;
}
.kyuuyo_meisai_area_inner table th{
	font-size:14px;
    width:150px;
}
.kyuuyo_meisai_area_inner table td{
	font-size:14px;
}
.goukei{
	font-size:15px !important;
}


.contract_detail{
	border-radius:0;
    margin-top:20px;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	719px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 719px){
.menu ul li:nth-child(n + 4){
    margin-top:10px;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	555px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 555px){
.meisai_select{
    width:180px;
}
.meisai_select li {
	width:180px;
}
.dlbutton{
}
.menu ul li:nth-child(3){
    margin-right:0 !important;
}
.menu ul li:nth-child(6){
    margin-right:0 !important;
}
.menu ul li {
    background: #428bca;
    width: 31.9%;
    float: left;
}
.menu ul li span {
    font-size: 12px;
}
.kinmu_table{
    width:100% !important;
}
.dltable dt{
	width:25%;
}
.dltable dd{
	width:75%;
}
.start-end li{
	float:none;
}
.start-end li:nth-child(2){
	margin-top:10px;
}


}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	489px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 489px){
.menu ul li {
    width: 31.8%;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	456px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 456px){
.menu ul li {
    width: 31.7%;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	450px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 450px){

.pass_tbl th, .pass_tbl td{
    width:100%;
    border:none;
    box-sizing:border-box;
    display:block;
    float:left;
    clear:both;
}
.pass_tbl th{
    font-weight:bold;
}
.pass_tbl td{
}
.pass_tbl input[type=email]{
    width:100%;
    font-size:15px;
}
.shifutogai{
	display:table;
    margin-left:0 !important;
    margin-top:10px;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	429px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 456px){
.menu ul li {
    width: 31.6%;
}
.content_inner{
	max-width:98%;
}
.calendar td{
	padding: 5px 0 !important;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	403px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 404px){
.menu ul li {
    width: 31.5%;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	382px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 382px){
.menu ul li {
    width: 31.4%;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	362px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 362px){
.menu ul li {
    width: 31.3%;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
	350px以下
-------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 350px){

.menu ul li {
    width: 48%;
}
.menu ul li:nth-child(even){
    margin-right:0 !important;
}
.menu ul li:nth-child(3){
    margin-right:10px !important;
    margin-top:10px !important;
}
}