@charset "UTF-8";

/*
 * Bootstrap Override
 */
.container-fluid{ padding-left:24px; padding-right:24px; }
.btn{ font-weight:400; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; border-radius:3px; padding:8px 30px; border:none; }
.btn:hover,
.btn:focus,
.btn:active{ outline:0 !important; }
.btn:active{ box-shadow:none; }
.btn-lg{ padding:10px 50px; font-size:1em; }
.btn-sm{ padding:6px 12px; }
.btn-xs{ padding:2px 7px; }
.btn-default{ background-color:#ecf0f1; }
.btn-default:hover,
.btn-default:focus,
.btn-default:active{ background-color:#bdc3c7; }
.btn-primary{ background-color:#0088cc; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{ background-color:#00679a; }
.btn-success{ background-color:#2ecc71; }
.btn-success:hover,
.btn-success:focus,
.btn-success:active{ background-color:#27ae60; }
.btn-warning{ background-color:#ffb400; }
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active{ background-color:#eca700; }
.btn-danger{ background-color:#e74c3c; }
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active{ background-color:#c0392b; }
.btn-info{ background-color:#0cc7e9; }
.btn-info:hover,
.btn-info:focus,
.btn-info:active{ background-color:#03b6d7; }
.btn-link{ color:#08c; }
.btn-link:hover{ color:#08c; }
.btn-ghost{ background:transparent; border:1px solid #fff; color:#fff; }
.btn-ghost:hover,
.btn-ghost:focus,
.btn-ghost:active{ background:transparent; border:1px solid #ccc; color:#ccc; }
.btn-default-ghost{ background:transparent; border:1px solid #333; color:#333; }
.btn-default-ghost:hover,
.btn-default-ghost:focus,
.btn-default-ghost:active{ background:transparent; border:1px solid #888; color:#888; }
.btn-primary-ghost{ background:transparent; border:1px solid #0088cc; color:#0088cc; }
.btn-primary-ghost:hover,c
.btn-primary-ghost:focus,
.btn-primary-ghost:active{ background:transparent; border:1px solid #00679a; color:#00679a; }
.btn-primary-ghost .ghost-arrow{ width:10px; height:5px; position:relative; top:-2px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); }
.btn .caret{ margin-left:7px; }
.table-verb>tbody>tr>td,
.table-verb>tbody>tr>th{ padding:18px 8px; }
.dropdown-menu>li>a{ padding:8px 20px; }
.thumbnail .caption{ color:#555; }
.row{ margin-left:-12px; margin-right:-12px; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right:12px; padding-left:12px; }
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15{ position:relative; min-height:1px; width:20%; float:left; }
@media (min-width:768px){ .col-sm-15{ width:20%; float:left; } }
@media (min-width:992px){ .col-md-15{ width:20%; float:left; } }
@media (min-width:1200px){ .col-lg-15{ width:20%; float:left; } }
.container{ width:1024px; padding-left:12px; padding-right:12px; }
.form-control{ height:36px; -webkit-box-shadow:0 0 0; box-shadow:0 0 0; }
.form-control:focus,
.form-control:active{ -webkit-box-shadow:0 0 0; box-shadow:0 0 0; }
textarea.form-control{ height:180px; }
.alert{ background:transparent; text-align:center; }
.alert-danger{ border-color:#e74c3c; color:#e74c3c; }
.alert-danger a{ color:#e74c3c; }
.dropdown-menu{ border:1px solid #d5d5d5; -webkit-box-shadow:0 2px 10px rgba(0,0,0,.1); box-shadow:0 2px 10px rgba(0,0,0,.1); }
.panel-title{ text-align:center; }
.link-button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 10pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 10px 54px;   /* 余白       */
  background    : #4da6ff;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 4px #666666;  /* 影の設定 */
  border        : 2px solid #4da6ff;    /* 枠の指定 */
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #4da6ff;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

/*!
 * type.css
 * License :MIT
 * Author :Next, Inc. <info@next.inc> (https://www.next.inc/)
 */
body{ font:14px 'Roboto','AXIS Font','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Arial,Verdana,sans-serif;-webkit-font-adjust:100%;-webkit-text-size-adjust:100% !important;line-height:1.7; color:#444; font-weight:400; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
 @font-face{ font-family:'AXIS Font'; src:url("../fonts/axis/7e908add-1f72-4926-8e0d-33613fad3a87.eot?#iefix") format("eot"); }
 @font-face{ font-family:'AXIS Font'; src:url('../fonts/axis/7e908add-1f72-4926-8e0d-33613fad3a87.eot?#iefix'); src:url('../fonts/axis/7e908add-1f72-4926-8e0d-33613fad3a87.eot?#iefix') format('eot'), url('../fonts/axis/d226afef-6536-4b18-9b28-defffcc4baae.woff2') format('woff2'), url('../fonts/axis/6e9eb620-9339-4b2e-bb9b-d514def96de7.woff') format('woff'), url('../fonts/axis/a71ba532-858c-440c-8abd-e89a2ae8efea.ttf') format('truetype'), url('../fonts/axis/5d948218-1de1-4508-b1a6-fe03ccced886.svg#5d948218-1de1-4508-b1a6-fe03ccced886') format('svg'); font-weight:400; font-style:normal; }
 @font-face{ font-family:'AXIS Font'; src:url('../fonts/axis/bold.eot?#iefix') format('embedded-opentype'), url('../fonts/axis/bold.otf') format('opentype'), url('../fonts/axis/bold.woff') format('woff'), url('../fonts/axis/bold.ttf') format('truetype'), url('../fonts/axis/bold.svg#AxisStd-Bold') format('svg'); font-weight:600; font-style:normal; }
h1,
h2,
h3,
h4,
h5,
h6,
strong{ color:#333; }
h1,
h2,
h3{ line-height:1.35; }
h1{ font-size:2.714em; }
h2{ font-size:2.214em; }
h3{ font-size:1.571em; }
h4{ font-size:1em; }
label{ font-size:0.929em; }
h1,
h2,
h3,
strong,
.arrow,
.localheader{ font-weight:bold; }
label,
input{ font-weight:normal; }
/* { font-size:2.214em; }
{ font-size:1.929em; }
{ font-size:1.714em; }
{ font-size:1.571em; }
{ font-size:1.286em; line-height:1.45; }
{ font-size:1.143em; } */
.form-group .message,
#case-detail h3,
#gf-nav h3,
#employment-information .item-title{ font-size:1em; }
.proposal-button {margin: 10px;}
.proposal-button input {margin-right: 5px; margin-bottom: 10px;}

#contact .require{ color:red; }
.left{float:left}
.right{float:right}
::-webkit-input-placeholder { color:#bbb; }
:-moz-placeholder { color: #bbb; }
.ec{ font-size:150%; margin-right:6px; position:relative; top:2px; }
.form-check{ text-align: center; }


html,body{ width:100%; height:100%; overflow-x:hidden; }
body{ position:relative; }
.form-inline .form-date-year{ width:60px; }
.form-inline .form-date-month{ width:50px; }
.form-inline .form-date-day{ width:50px; }
.btn-ellipsis svg{ fill:#999; position:relative; top:-3px; }
.content-section{ padding:24px 0; }
.flex-container{ display:flex; flex-wrap:wrap; justify-content:flex-start; }
.flex{ width:16.66666667%; }
.tile-nav-container{ margin:24px -36px; }
.tile-nav{ display:block; text-align:center; padding:12px 36px; }
.tile-nav .icon-container{ width:96px; height:96px; -webkit-box-shadow: 0 5px 28px 0 rgba(0,0,0,.1); box-shadow:0 5px 28px 0 rgba(0,0,0,.1); -webkit-border-radius:23%; border-radius:23%; position:relative; overflow:hidden; background:#fff; color:#444; margin-left:auto; margin-right:auto; overflow:hidden; }
.tile-nav .icon-container img{ width:100%; }
.tile-nav .icon-container .ec{ font-size:64px; position:relative; top:-6px; left:3px; }
.tile-nav:hover{ text-decoration:none; }
.tile-nav .tn-label{ font-size:15px; color:#444; margin-top:10px; white-space:nowrap; }
.tile-nav .tn-label .fa-external-link{ font-size:75%; color:#999; }
.tile-nav h2{ font-size:1.929em; font-weight:bold; }
.article-section{ padding:36px 0; }
.article-section .article-date{ font-size:0.857em; font-weight:bold; color:#aaa; margin-bottom:18px; }
.article-section .article-headline{ padding-bottom:36px; margin-bottom:5px; font-size:2.571em; border-bottom:1px solid #eee; text-align: center; }
.article-section .article-subheadline{ padding-bottom:26px; margin-bottom:5px; fontsize:57px; border-bottom:1px solid #eee; }
.article-section .article-content{ margin-bottom:36px; }
.article-section .article-download{ background:#f5f5f5; padding:24px 48px; margin-bottom:36px; -webkit-border-radius:3px; border-radius:3px; }
.article-section .article-download .filename{ font-size:1.286em; }
.article-section .article-download .download-link{ font-size:1.143em; }
.article-section .article-embed-video iframe{ width:100%; }
#article-content #left-col{ border-right:1px solid #e0e0e0; }
.navbar-search,
.navbar-admin{ background:transparent; border:none; }
.navbar-search .navbar-form,
.navbar-admin .navbar-form{ padding:0; margin:0; }
.navbar-search .navbar-right,
.navbar-admin .navbar-right{ margin-right:0; }
.form-image-group{ margin:12px 0; border:1px solid #ddd; -webkit-border-radius:4px; border-radius:4px; padding:12px; font-size:0.857em; }
.form-image-group img{ -webkit-border-radius:3px; border-radius:3px; }
.profile-section{ font-size:1em; padding-bottom:12px; }
.profile-section table{ width:100%; margin-bottom:36px; }
.profile-section th{ width:30%; text-align:right; padding:12px; font-weight:bold; white-space:nowrap; }
.profile-section td{ width:70%; padding:12px; }
.files{ margin-bottom:6px; }
.file .file-data,
.file .delete-button{ display:inline-block;}
.file .delete-button{ color:#e74c3c; font-size:1.286em; padding-left:0; padding-right:0; margin-left:6px; margin-top:-2px; }
.button-group{ text-align:center; }
.button-group input{ text-align:center; margin:1px; }
.return-button-group{ text-align:center; margin-top: 30px;}
.table .clickable-row:hover{ color:#08c; }
.table .thead-date{ width:160px; }
.table .thead-star{ width:60px; }
.table .thead-name{ width:100px; }
.table .tbody-action{ width:36px; text-align:right; }
#next{ width:100%; position:relative; }
#content{ padding:36px 0 0; min-height:600px; }
#globalheader{ width:100%; background-color:#222; color:#fff; z-index:1000; position:relative; height:48px; position:relative; padding-top:12px; padding-bottom:12px; }
#globalheader #gh-container{ height:100%; padding-left:36px; padding-right:36px; }
#globalheader .container-fluid{ padding-left:36px; padding-right:36px; }
#globalheader .container-fluid .row{ margin-left:-36px; margin-right:-36px; }
#globalheader .dropdown{ position:relative; }
#globalheader a{ text-decoration:none; -webkit-transition:all .2s; -moz-transition:all .2s; transition:all .2s; }
#globalheader .row{ height:100%; margin-left:-24px; margin-right:-24px; display:-webkit-flex; display:flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;  }
#globalheader .gh-fill{ -webkit-box-flex:3; -webkit-flex:3; -ms-flex:3; flex:3;  }
#globalheader .gh-left{ -webkit-box-ordinal-group:1; -webkit-order:1; -ms-flex-order:1; order:1; -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; }
#globalheader .gh-center{ -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; -webkit-box-ordinal-group:2; -webkit-order:2; -ms-flex-order:2; order:2; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; }
#globalheader .gh-right{ -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-ordinal-group:2; -webkit-order:3; -ms-flex-order:3; order:3; }
#globalheader .gh-item-wrap{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; }
#globalheader .gh-item{ height:100%; padding:0 24px; text-align:center; vertical-align:middle; display: -webkit-box; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; }
#globalheader .gh-item-link{ height:100%; position:relative; display:block; -webkit-transition:all .5s; transition:all .5s; display: -webkit-box; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; font-size:0.929em; color:#fff; text-transform:uppercase; }
#globalheader .gh-item-link:hover,
#globalheader .gh-item-link:focus,
#globalheader .gh-item-link:active{ text-decoration:none; }
#globalheader .gh-item-link-hover{ opacity:.5; }
#globalheader #gh-identity h1,
#globalheader #gh-identity a,
#globalheader #gh-identity img{ display:block; width:24px; height:18px; padding:0; margin:0; }
#globalheader #gh-page-title { color:#fff; font-size:1.143em; margin-left:-24px; }
#gh-page-title .breadcrumb{ padding:0; margin-bottom:0; background-color:transparent; border-radius:0; }
#gh-page-title .breadcrumb a{ color:#fff; }
#globalheader #gh-user-info{ color:#fff; font-size:1.141em; }
#globalheader #gh-app-switcher-view{ width:640px; }
#gh-app-switcher-view .tile-nav{ padding:12px 0; }
#gh-app-switcher-view .tile-nav-container{ margin:12px; }
#gh-app-switcher-view .icon-container .ec{ font-size:43px; }
#gh-app-switcher-view .tn-label{ font-size:0.857em; margin-top:6px; }
#gh-app-switcher-view .icon-container{ width:60px; height:60px; }
#globalheader .dropdown-menu-left{ width:240px; }
#globalheader .dropdown-menu-left>li>a{ padding:6px 24px; }
#globalheader .dropdown-menu-left>li>a:focus,
#globalheader .dropdown-menu-left>li>a:hover,
#globalheader .dropdown-menu-left>li>a:active{ background:rgba(255,255,255,.25); }
#globalheader #gh-login-date{ color:#444; padding:12px 24px; font-size:11px; }
#globalheader #gh-login-date span{ display:block; border-bottom:1px solid rgba(0,0,0,.1); padding-bottom:12px; }
#globalfooter{ padding:24px 0; text-align:center; font-size:11px; color:rgba(0,0,0,.5);}
#globalcontainer{ position: relative; background-color: #fff; }
#nav-section{ margin-bottom:20px; }
#content .page-title,
.foot-nav{ padding:36px 0;  text-align:center; }
#employee #remake-password{ margin:6px 0 3px; }
.content-title{ margin-bottom:24px; }

.message{color: #F2EB74}

#goodbye-box{ padding:200px 0; }
#welcome-box,
#goodbye-box{ text-align:center; }
#welcome-box img,
#goodbye-box img{ width:120px; height:120px; -webkit-border-radius:50%; border-radius:50%; }
#welcome-box .welcome-message{ font-size:2.214em; font-weight:bold; }
#goodbye-box .goodbye-message{ font-size:3.571em; font-weight:bold; margin-bottom:24px; line-height:1.12; }
#goodbye-box .redirect-message{ font-size:1.571em; color:#999; margin-bottom:24px; }
#welcome-box .welcome-message .ec,
#goodbye-box .goodbye-message .ec{ font-size:120%; margin:0; }
#welcome-box a{ font-size:1.286em; }

.alert-referral{ margin-top:24px; margin-bottom:24px; font-size:1.286em; text-align:center; }
.alert-referral .fa{ font-size:70%; margin-left:3px; color:#777; }
.referral p{ margin-bottom:24px; }
.referral .table{ margin-top:12px; }
.alert-covid19{ margin-top:24px; margin-bottom:24px; font-size:1.286em; text-align:center; }
.alert-covid19 .fa{ font-size:70%; margin-left:3px; color:#777; }

/* download */
#download-section{ background:#fafafa; margin-bottom:50px;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border:1px solid #eee; }
#download-section p{ font-size:21px; padding:30px 40px; }
#download-section p i{ display:block; width:36px; height:36px; margin-right:10px; }
#download-section p span{ margin:5px 20px 0 0; }
#download-section p a.ui-btn-download{ width:120px; margin-top:2px; font-size:14px; }

/* 共有資料 */
#ui-data-dir{ margin-top:35px; }
#ui-data-dir .folder-wrap{text-align:center; margin-bottom:40px; }
#ui-data-dir a{ display:block; color:#444; }
#ui-data-dir a:hover{ text-decoration:none; }
#ui-data-dir a i{ display:block; width:100px; height:70px; margin:10px auto; }
#ui-data-dir a.read i{ background:url(../img/ico_folder_read.png) 0 0 no-repeat; }
#ui-data-dir a.unread i{ background:url(../img/ico_folder_unread.png) 0 0 no-repeat; }
#ui-data-dir .title,
#ui-data-dir .authority{ display:block; font-size:12px; }
#ui-data-dir .statements-wrap{ text-align:center; width:282px; margin-bottom:40px;  }
.statements-wrap .emp-title{ font-size:11px; }
.statements-wrap .emp-name{ font-size:16px; }

.options p{ margin-bottom:12px; }
.options .table tr td:first-child{ width:25%; }
.options .table tr td:first-child,
.options .table tr td:nth-child(2){ text-align:right; }
.options .table tr td:nth-child(2){ width:25%; }
.must { font-size:0.714em; color:red; position:relative; top:-6px; left:3px; }
.sup{ font-size:0.857em; color:#888; }
.ui-form-msg-attention{ color:#e00000; }
.error{ border-color:#e00000; }

/* toranoana bootstrap */
.table{ margin:20px 0; }
.table th,
.table td{ vertical-align:middle !important; }
.table .fullname_katakana{ font-size:70%; margin-top:-2px; }
.pagination{ margin-bottom:0; }

.h18{ height:18px !important;}
.w18{ width:18px !important; }
.w20{ width:20px !important; }
.w30{ width:30px !important; }
.w40{ width:40px !important; }
.w50{ width:50px !important; }
.w60{ width:60px !important; }
.w70{ width:70px !important; }
.w80{ width:80px !important; }
.w90{ width:90px !important; }
.w100{ width:100px !important; }
.w150{ width:150px !important; }
.w200{ width:200px !important; }
.w250{ width:250px !important; }
.w400{ width:400px !important; }
.w-init{ width:initial !important;}
.pad10 { padding:10px; }
.pad10v { padding-top:10px; padding-bottom:10px; }
.pad10h { padding-left:10px; padding-right:10px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }



.icon-wrapper{
	height: 18px !important;
	width: 18px !important;
	display: inline-block;
	vertical-align: sub;
}
.bg-icon{
	display: block;
	width: 100%;
	height: 100%;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.bg-icon-width{
	display: block;
	width: 100%;
	height: 100%;
	background-position:center center;
	background-repeat:no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.bg-icon-height{
	display: block;
	width: 100%;
	height: 100%;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
}
.icon-star{
	background-image: url(../img/star.png);
}


@media only screen and (min-width : 1025px) and (max-width : 1280px) {
#consort_data .data-assoc li{float:none;}
#consort_data .form-inline input{ display:block; }
.df-record .data-assoc li{float:none;}
.df-record .form-inline input{ display:block; }
}


/* iPad用 */
#i-nav{ display:none; width:100%; padding:15px 0; background:#f5f6f7; z-index:10; border-bottom:1px solid #e7e7e7; }
#i-nav .logo{ width:85px !important; height:30px !important; background-image:url(../img/logo.png) !important; background-size:cover; margin:0 auto; }
#i-nav .logo a{ display:block; width:85px; height:30px; }
#i-nav #i-nav-menu{ background-image:url(../img/ico_nav.png) !important; background-size:cover; width:35px;height:35px; position:absolute; left:50px; top:15px; }
#i-nav #i-nav-menu a{ display:block; width:35px; height:35px; text-indent:-9999px; }


/* datepicker 年月メニューの調整 */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: auto !important;
}



/* 連絡網 */
#network{ width:100%; height:100%; border:1px solid #f5f6f7; }
#network td{ width:33%; text-align:center; padding:10px 0; border:1px solid #f5f6f7;  }
#network .cn-block{ display:block; color:#333; width:80%; padding:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin:0 auto; }
#network .self{ background:#c5a7d5; border:1px solid #ac8dbc; }
#network .self:hover{ background:#d2b7e1; }
#network .first-level-child{ background:#ddd; border:1px solid #ccc; }
#network .first-level-child:hover{ background:#eee; }
#network .second-level-child{ background:#f8f8f8; border:1px solid #e0e0e0; }
#network .second-level-child:hover{ background:#fcfcfc; }
#network .photo{ width:60px; height:60px; margin-right:15px; overflow: hidden; }
#network .profile{ text-align:left; max-width:190px; }
#network .name{ font-weight:bold; margin-bottom:2px; }
#network .id,
#network .email{ font-size:12px; line-height:160%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }



/*ファイルアイコン*/
#document-file-list td:last-child{ width:350px; }
#document-file-list i{ display:block; width:32px; height:32px; background-size:cover; }
#document-file-list i.excel,
#document-file-detail i.excel{ background-image:url(../img/ico_filetype_excel.png); background-size:cover; }
#document-file-list i.word,
#document-file-detail i.word{ background-image:url(../img/ico_filetype_word.png); background-size:cover; }
#document-file-list i.pdf,
#document-file-detail i.pdf{ background-image:url(../img/ico_filetype_pdf.png); background-size:cover; }
#document-file-list i.jpg,
#document-file-detail i.jpg{ background-image:url(../img/ico_filetype_jpg.png); background-size:cover; }
#document-file-list i.png,
#document-file-detail i.png{ background-image:url(../img/ico_filetype_png.png); background-size:cover; }
#document-file-list i.gif,
#document-file-detail i.gif{ background-image:url(../img/ico_filetype_gif.png); background-size:cover; }
#document-file-list i.zip,
#document-file-detail i.zip{ background-image:url(../img/ico_filetype_zip.png); background-size:cover; }
#document-file-list i.other,
#document-file-detail i.other{ background-image:url(../img/ico_filetype_other.png); background-size:cover; }
#document-file-list i.folder { background-image:url(../img/ico_filetype_folder.png); background-size:cover; }
#document-file-detail div.sup{ margin:0 0 40px; }

.birthday-photo{ display: inline-block; border-radius: 50%; width: 35px; width: 35px; border:1px solid #eee; overflow:hidden; background:#fff; }
.birthday-photo img{  width: 100%;　height: 100%;}

#switch {
  display: block;
  list-style: none;
  padding-left: 370px;
  margin: 0 auto;
  overflow: hidden;
}

/* 経費精算・勤務表 */
.expense-menu-group {
  cursor: pointer;
  border: none;
  background: none;
  color: #333;
  padding: 8px 20px;
}
button.expense-menu-group:hover{
  text-decoration: underline;
  background-color: transparent;
}
.expense-btn-group:hover {
  background-color: #F5F5F5;
}
#expense_acl_nav{ margin-top: 20px; }

.modal-button {
    text-align: center;
}
.emp-modal-body table{
  margin: 0 auto;
}
.emp-modal-body table th{
  text-align: right;
  padding-right: 15px;
}
.emp-modal-body table td{
  text-align: left;
}
/*
input[type="text"],
select,
textarea
{
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type="text"]:focus,
select:focus,
textarea:focus{
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
input[type="text"]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
  opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}
input[type="text"]::-webkit-input-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}
input[type="text"][disabled],
input[type="text"][readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly]{
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea {
  height: auto;
}
*/
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{
	display:inline-block;
}


.table thead th,
.table tfoot th{ font-size:12px; }



#gh-bread{ position:relative; height:32px; cursor: pointer; margin-top:20px; }
#gh-bread > div { position:relative; width:24px; }
#gh-bread span { width:100%; height:2px; left:0; display:block; background: #fff; position:absolute; -webkit-transition:top .5s ease, -webkit-transform .3s ease-in-out; transition:top .5s ease, -webkit-transform .3s ease-in-out; transition:transform .3s ease-in-out, top .5s ease; transition:transform .3s ease-in-out, top .5s ease, -webkit-transform .3s ease-in-out; }
#gh-bread span:nth-child(1) { top:0; }
#gh-bread span:nth-child(2) { top:10px; }
.open #gh-bread span:nth-child(1) { top:5px; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.open #gh-bread span:nth-child(2) { top:5px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }

/* z-index */
#gh-bread{ z-index:1000; }
#container{ z-index:900; }
#globalnav{ display:none; }
/* #globalnav .ec{ font-size:1.143em; margin-right:12px; position:relative; top:1px; }

#globalnav nav{ z-index: 999; }
#globalnav{
  background-image: linear-gradient(-45deg, #FF00BF, #FFEA00);
  color: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  font-size:2.214em;
  padding-left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.open #globalnav{
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

#globalnav a {
  display: inline-block;
  color: #000;
  text-decoration: none;
  padding: 12px 60px;
  -webkit-transition: color .6s ease;
  transition: color .6s ease;
}
#globalnav ul {
  list-style: none;
}
#globalnav ul li {
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.8s ease;
  transition: transform 0.8s ease;
  transition: transform 0.8s ease, -webkit-transform 0.8s ease;
  position: relative;
}
#globalnav ul li:after {
  content: "";
  display: block;
  width: 500px;
  height: 2px;
  background: #000;
  left: -600px;
  position: absolute;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
#globalnav ul li:hover:after {
  -webkit-transform: translateX(300px);
          transform: translateX(300px);
}
#globalnav ul li:nth-child(2) {
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}
#globalnav ul li:nth-child(3) {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}
#globalnav ul li:nth-child(4) {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}
#globalnav ul li:nth-child(5) {
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}
#globalnav ul li:nth-child(6) {
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}
#globalnav ul li:nth-child(7) {
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

.open #globalnav li {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.nav-bg {
  opacity: 0;
  background-image: linear-gradient(-45deg, #FF00BF, #FFEA00);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.nav-bg.active {
  opacity: 1;
}
.nav-bg.news {
  background-image: linear-gradient(-45deg, #4400FF, #FFEA00);
}
.nav-bgabout {
  background-image: linear-gradient(-45deg, #00FFCC, #FFEA00);
}
.nav-bg.works {
  background-image: linear-gradient(-45deg, #EB1405, #FFEA00);
}
.nav-bg.contact {
  background-image: linear-gradient(-45deg, #8B05EB, #FFEA00);
} */