@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');

/* リスト要素をリセットする ---------------- */
dl,dt,dd,ol,ul,li	{
	list-style-position: outside;
	list-style-type: none;
}
/*box-sizingを全ブラウザに対応*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* floatの解除 ------------- */
.fbox{
	clear:both;
	_display: inline-block;
	min-height: 1%;
}
.fbox:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}



/* ===================================================================

	スタイルの設定

=================================================================== */
html {
	font-size:14px;
}
body{
	color:#444444;
	line-height:1.5;
	margin:0;
	background: #fff;
	font-family: Noto Sans Japanese,Noto Sans JP,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,  sans-serif;
	/* 900,700,500,400,300,200 */
}
#contents {
	box-sizing: border-box;
}
#contents * {
	box-sizing: border-box;
}
img {
	max-width: 100%;
}



/* ---------------- 上書き ------------- */
strong {font-weight:bold;}
p,li,dl,dt,dd {line-height:1.5;}
.red{	color:#F40027;}
.red2{	color:#DC0000;}
.blue{	color:blue;}
.blue{	color:blue;}
.green{ color:#79c447;}
.txt-left {	text-align:left;}
.txt-right {	text-align:right;}
.txt-center {	text-align:center;}


.bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: rgba(51,51,51,0.7);
	display: none;
}

/* ===================================================================
	通常のリンク
=================================================================== */
a {
	text-decoration: underline;
}
a:link {
	color: #558BC6;
}
a:visited {
	color: #558BC6;
/*	text-decoration:none;*/
}
a:hover {
	color: #7BA8DB;
/*	text-decoration:none;*/
}
a:active {
	color: #7BA8DB;
/*	text-decoration:none;*/
}
/* メインエリアはリンクにアンダーライン */
/*#main a{
	text-decoration:underline;
}*/

/* ===================================================================
	#header
	ヘッダー
=================================================================== */
header {
	width: 100%;
/*	height: 90px;*/
	padding: 0;
	background: #444444;
	color: #ffffff;
	border-top: 5px solid #8DC21F;
	position: fixed;
	right: 0;
	left: 0;
	z-index: 100;
}
header.header_login {
	width: 100%;
/*	height: 90px;*/
	padding: 0;
	background: #444444 url(../../img/header_border.png) repeat-x top center;
	color: #ffffff;
	border-top: none;
}
#header_inner {
	width: 96%;
/*	max-width: 1000px;*/
	margin: 0 auto;
}

#header_inner a {
	text-decoration: none;
}

#header_top {
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.header_top_kyoten {
	display: flex;
	justify-items: center;
	align-items: flex-start;
	margin: 7px 1em 0 0;
	text-align: right;
	font-size: 0.9rem;
}
.header_top_kyoten span {
	border-left: 1px solid #F1F1F1;
	padding: 0 0.5em;
}
.header_top_kyoten span:last-child {
	border-right: 1px solid #F1F1F1;
}
.header_top_kyoten a {
	color: #fff;
	text-decoration: underline!important;
}
.header_top_name {
	margin-top: 5px;
	text-align: right;
}

.header_top_r {
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

/*	ロゴ
------------------------------------------------------------------ */
h1#top {
	margin: 10px 0 3px;
	line-height: 24px;
}
#top img {
	height: 40px;
	vertical-align: middle;
}
h1#top span {
	margin-left: 0.5em;
	padding-left: 0.5em;
	border-left: 1px solid #fff;
}

/*	サブメニュー
------------------------------------------------------------------ */
#submenu {
	margin-left: 15px;
}
#submenu ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#submenu ul li {
	margin-left: 5px;
	font-size: 12px;
	position:relative;
}
#submenu ul li a {
	display: block;
	padding: 5px;
	background: #fff;
	color: #444;
}
#submenu ul li span {

}
#submenu ul li i {
	margin-right: 0.5em;
}

/* ドロップダウンリストを実装 */
#submenu .submenu_children {
	box-sizing:border-box;
	position:absolute;
	z-index:100;
	right:0;
	display:block;
	max-height: 0;
	padding: 0;
	margin: 0;
	overflow-y: hidden;
	min-width:10em;
	transition: max-height .3s ease-in-out;
	background:#fff;
}

#submenu .submenu_children li{
	margin:0; padding:0;
}
#submenu .submenu_children li a{
	display:block;
	padding:10px;
	background: #fff;
	color: #444;
	border:1px solid #e1e1e1;
	border-top:none;
}
#submenu .submenu_children li:child-of-last a{
	border-bottom:none;
}

#submenu .submenu_children li a::before{
	position: absolute;
	top: 0.9rem;
	left: 0.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	padding: 0;
	font-size: 1rem;
	line-height: 0.65625rem;
	text-align: center;
	content: "\f105";
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	color: #8DC21F;
}
#submenu .open > .submenu_children {
    max-height: 1000px;
}







/*	グローバルメニュー
------------------------------------------------------------------ */
#gmenu {
	align-self: flex-end;
}
#gmenu ul {
	margin-top: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
}
#gmenu ul li {
	flex-grow: 1;
	/*width: calc((100% / 11) - 4px);*/
	width: 10em;
	margin-right: 4px;
/*	width: 150px;*/
}
#gmenu ul li:last-child {
	margin-right: 0;
}

#gmenu ul li a {
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	height: 100%;
	padding: 5px 10px;
	background: #F1F1F1;
	color: #444;
	text-align: center;
	border-top:5px solid #F1F1F1;
	border-bottom:5px solid #F1F1F1;
	font-size: 0.9rem;
}
#gmenu ul li a.current {
	border-top:5px solid #8DC21F;
	border-bottom:5px solid #fff;
	background: #fff;
}


#gmenu_child {
	border-bottom: 1px solid #e1e1e1;
	padding:0;
	font-size: 0.9rem;
}
#gmenu_child ul {
	width: 96%;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#gmenu_child ul li {

	border-right: 1px solid #e1e1e1;
}
#gmenu_child ul li:first-child {
	border-left: 1px solid #e1e1e1;
}
#gmenu_child ul li a {
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
}
#gmenu_child ul li a.current {
	border-bottom: 1px solid #8DC21F;
}

@media ( max-width : 1000px ){
	#gmenu ul li a {
		font-size: 0.7rem;
	}
}

/* タブレット */
@media ( max-width : 960px ){
	#top img {
		width: 150px;
	}
}
/* スマホ（横） */
@media screen and (max-width: 600px) {

}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	.header_contact_tel {
		font-size: 1.4rem;
	}
}

/* ===================================================================
	#footer
	フッター
=================================================================== */
footer {
	height: 40px;
	padding: 0;
	background:#F1F1F1;
}

/* -------------- address -------------- */
address {
	margin:0;
	padding: 10px 0;
	text-align:center;
	font-style: normal;
	font-size: 0.8rem;
}







/* ===================================================================
	共通CSS
=================================================================== */
/* 左メニューある場合 */
#main,
#main.full {
	width: 100%;
	min-height: calc(100vh - 40px);
	padding: 0;
	padding-top: 90px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
}

#main.one_column {
	display: block;
	width: 96%;
	margin: 0 auto;
	padding: 20px 0 40px;
	padding-top: 120px;
	min-height: calc(100vh - 40px);
}

#sidearea {
	width: 170px;
	height: 100%;
	border-right: 1px solid #e1e1e1;
	background: #fafafa;
	flex-grow: 0;
	flex-shrink: 0;
	position: fixed;
}
#main #mainarea,
#main.full #mainarea {
	width: calc(100% - 170px);
	flex-grow:1;
	flex-shrink: 1;
	padding: 20px 20px 20px 190px;
}
#main.one_column #mainarea {
	width: auto;
	padding: 20px 20px 40px;
}

.sub_menu li {
	position: relative;
	margin: 0;
	transition: background .3s ease-in-out;
}
.sub_menu li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #e1e1e1;
}
.sub_menu li a i {
	margin-right: 0.5em;
	color: #8DC21F;
}

.sub_menu li.nav-dropdown > a::before {
	position: absolute;
	top: 0.9rem;
	right: 0.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	padding: 0;
	font-size: 1.4rem;
	line-height: 0.65625rem;
	text-align: center;
	content: "\2039";
	transition: .3s;
	color: #8DC21F;
}
.sub_menu li.nav-dropdown.open > a::before {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}


/* 今いるページで色が変わるように　20191225　おはやし */
.sub_menu li.active a,
.sub_menu li a:hover {
	background: #8DC21F;
	color: #fff;
}

/* activeクラスの中のiタグも色が変わるように修正　20191225　おはやし */
.sub_menu li.active a i,
.sub_menu li a:hover i {
	color: #fff;
}
.sub_menu_child li {
	margin-left: 10px;
}
.sub_menu_child li a::before {
	content: "\f105";
	margin-right: 0.2em;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #8DC21F;
}

/* 色が着いた時にアイコンの文字色が変わるように追加　20191226　おはやし */
.sub_menu_child li.active a::before,
.sub_menu_child li a:hover::before{
	color:#fff;
}


.sub_menu_child {
	max-height: 0;
	padding: 0;
	margin: 0;
	overflow-y: hidden;
	transition: max-height .3s ease-in-out;
}
.sub_menu .open > .sub_menu_child {
    max-height: 1000px;
}



/*　20190725 ohayashi　曜日で色が変更されるように　*/
.week_bk_0{ /* 日曜日 */
	background:#ffe2e3;
}
.week_bk_6{ /* 土曜日 */
	background:#e2f2ff;
}



/* 20190821 ohayashi　画像のサイズ指定 */
.w_200{
	width:200px;
}
.w_500{
	width:500px;
}

/* 20191210 ohayashi　権限を羅列するようの表示 */
.role_names{

}
.role_names .role_tag{
	display:inline-block;
	line-height:1.5em;
	color:#666;
}
.role_names .role_tag::after{
	content:"、";

}
.role_names .role_tag:last-child::after{
	content:"";
}

/*NSD210311*/
.fixed_bottom{
	position:fixed;
	right:0px;
	bottom:0px;
	width:100%;
    z-index: 2;  /* 20240408 yamaguchi (ドロップダウンリストがz-index=1で被る) */
background:rgba(200,200,200,0.7);
	padding:10px;
}


.menu_only {
	display: inline-block;
	margin-left: 0.5em;
	padding: 1px 2px;
	font-size: 0.8rem;
	background: #E28000;
	color: #fff;
	line-height: 1;
}



h2 {
	margin: 0 0 20px;
	font-size: 1.4rem;
	font-weight: 600;
}
h3 {
	margin: 20px 0 10px;
	font-size: 1.2rem;
	font-weight: 600;
}


h2.title_center {
	text-align: center;
}

/* タブレット */
@media ( max-width : 960px ){

}
/* スマホ（横） */
@media screen and (max-width: 600px) {

}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {

}




/*	タイトル
----------------------------------------------------------------- */
#page_title {
	padding: 80px 0 0;
	background: url(../img/header_img.png) no-repeat top center;
	background-size: cover;
	color: #ffffff;
}
#page_title h1 {
	margin: 0 auto;
	padding: 70px 0;
	color: #ffffff;
	text-align: center;
	font-size: 2.1rem;
	font-weight: 900;
}
#page_title h1 span {
	display: block;
	font-size: 1.4rem;
	color:#8DC21F;
	font-family: 'Open Sans',Open Sans, sans-serif;
	font-weight: 800;
}

h2.title {
	text-align: center;
	margin: 0 0 30px;
}
h2.title span {
	display: block;
	font-size: 25px;
	font-weight: 900;
}
h2.title span.title_en {
	margin: 0.5em 0 0;
	font-size: 16px;
	color: #8DC21F;
	font-family: 'Open Sans',Open Sans, sans-serif;
	font-weight: 800;
}

.title_under {
	margin-bottom: 30px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
.title_under span {
	padding:0 0.5em;
	background: linear-gradient(transparent 70%, rgba(255,197,21,0.5) 70%);
}

br.sp {
	display: none;
}

/* タブレット */
@media ( max-width : 960px ){
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	#page_title {
		padding: 60px 0 0;
		background: url(../img/header_img.png) no-repeat top center;
		background-size: cover;
		color: #ffffff;
	}
	#page_title h1 {
		margin: 0 auto;
		padding: 20px 0;
		font-size: 1.6rem;
		font-weight: 600;
	}
	#page_title h1 span {
		font-size: 1rem;
		font-weight: 700;
	}

	h2.title span {
		font-size: 20px;
	}
	h2.title span.title_en {
		font-size: 13px;
	}
	br.sp {
		display: inline-block;
	}
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	h2.title {
		margin-bottom: 20px;
	}
}


/*	ぱんくず
----------------------------------------------------------------- */
#breadcrumb {
	margin-bottom: 40px;
	font-size: 0.9rem;
}
#breadcrumb ul li {
	display: inline-block;
}
#breadcrumb ul li:after {
	content: ">";
	margin: 0 0.5em;
}
#breadcrumb ul li:last-child:after {
	display: none;
}

/*	共通設定
----------------------------------------------------------------- */

/* ボタン */
.form_btn {
	margin:20px auto 0;
	text-align: center;
}
.form_btn.form_syukkinbo {
    /* 220411 yamaguchi 残業時間の表示を追加します
	text-align: left;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.form_btn .btn,
.form_btn a.btn {
	display: inline-block;
	width: 12em;
	margin: 0 1em;
	padding: 0.8em;
	background: #8DC21F;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
	text-decoration: none;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-family: Noto Sans Japanese,Noto Sans JP,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,  sans-serif;
	vertical-align: middle;
}
a.btn_edit,
button.btn_edit {
	background: #8DC21F;
	color: #ffffff;
}
button.btn_edit:disabled {
	background: #c7ea7e;
	color: #ffffff;
}
.form_btn a.btn_cancel,
.form_btn button.btn_cancel {
	background: #cccccc;
	color: #666;
	text-align: center;
}
.form_btn a.btn_pdf,
.form_btn button.btn_pdf {
	background: #d71f28;
}
a.btn_edit i,
button.btn_edit i {
	margin-right: 0.5em;
}

.form_btn .btn_edit_auto {
	width: auto;
}

button.btn_disabled {  /* 色だけ無効ボタン */
    background: #cccccc;
    color: #666;
}

.form_btn button.btn_approval {  /* 確定して提出ボタン */
    background: #e51725;
}


/* inputとか */
input[type="text"],
input[type="password"]{
	width: 100%;
	height: 2.4em;
	border: 1px solid #CAD3DA;
	padding: 0 0.2em;
	line-height: 2.4em;
}
input[type="checkbox"] {
	margin-right: 0.2em;
}
input[type="radio"] {
	margin-right: 0.2em;
}
/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown,
::-webkit-input-placeholder {
	color: #949DA6;
}
:-moz-placeholder ,
::-moz-placeholder {
	color: #949DA6; opacity: 1;
}
:-ms-input-placeholder {
	color: #949DA6; }
::-ms-input-placeholder {
  color: #949DA6;
}
::placeholder{
	color:#949DA6;
}

input[type="text"].form_2em {
	width: 2.5em;
}
input[type="text"].form_3em {
	width: 3em;
}
input[type="text"].form_4em {
	width: 4em;
}
input[type="text"].form_5em {
	width: 5em;
}
input[type="text"].form_10em {
	width: 10em;
}
input[type="text"].form_15em {
	width: 15em;
}
input[type="text"].form_20em {
	width: 20em
		;
}
input[type="text"].form_25em {
	width: 25em;
}
input[type="text"].form_30em {
	width: 30em;
}

.input_icon {
	display: inline-block;
	border: 1px solid #CAD3DA;
	border-left: none;
	background: #f0f3f5;
	padding: 0 1em;
	height: 2.3em;
	line-height: 2.3em;
	font-size: 1rem;
	vertical-align: middle;
}


textarea {
	width: 100%;
	height: 150px;
	border: 1px solid #CAD3DA;
	padding: 0.5em;
	font-family: Noto Sans Japanese,Noto Sans JP,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,  sans-serif;
}
textarea.mini {
	height: 6em;
}

textarea.small {
	height: 3em;
}

.select_box {
	width: auto;
	display: inline-block;
	background: #ffffff;
	position: relative;
}
.select_box select {
	width: 100%;
	min-width: 3em;
	height: 2.4em;
	padding: 0 1.5em 0 0.6em;
	border: 1px solid #CAD3DA;
	background: transparent;
	position: relative;
	z-index: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.select_box select::-ms-expand {
	display: none;
}
.select_box::before{
	content: '\f107';
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	background: #fff;
	border: 1px solid #CAD3DA;
	border-left: none;
	height: 100%;
	line-height: 2.2em;
	width: 1.5em;
	text-align: center;
	font-family: 'Font Awesome 5 Free';
	color: #949DA6;
	font-weight: 900;
	font-size: 1rem;
}
.select_search {
	min-width: 15em;
}

.select_box.mini select {
	font-size: 0.8rem;
	padding: 0 1.5em 0 0.6em;
	min-width: 4em;
	/*
	width: 100%;

	height: 2.4em;

	border: 1px solid #CAD3DA;
	background: transparent;
	position: relative;
	z-index: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	*/
}
.select_box.mini::before{
	font-size: 0.8rem;
}


.select2-container--default .select2-selection--single {
	    border: 1px solid #ccc!important;
}


select.select-cat.work {
	padding: 0.5em;
	border: 1px solid #CAD3DA;
	background: #fff;
/*	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/

-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
-moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
appearance: none; /* 標準のスタイルを無効にする */
}
::-ms-expand { /* select要素のデザインを無効にする（IE用） */
display: none;
}

.radio_list {
	display: flex;
	flex-wrap: wrap;
}
.radio_list > div {
	width: 30%;
}

/* 評価のラジオボタン */
.hyouka_input {
	display: flex;
	font-size: 16px;
	color: #ccc;
}
.hyouka_input > div {
	margin: 0 1px;
}
.hyouka_input > div label input {
	display: none;
}
.hyouka_input.hyouka_honnin > div.star_on i {
	color: #8DC21F;
}
.hyouka_input.hyouka_hyoukasya > div.star_on i {
	color: #F39700;
}


/*
.hyouka_input > div label {
	display: block;
	padding: 5px 10px;
	border: 1px solid #8DC21F;
	border-right: none;
}
.hyouka_input > div:first-child label {
	border-radius: 5px 0 0 5px;
}
.hyouka_input > div:last-child label {
	border-right: 1px solid #8DC21F;
	border-radius: 0 5px 5px 0;
}

*/


table {
	width:100%;
	margin:20px 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	clear:both;
}
table th ,
table td {
	padding: 10px;
	border: 1px solid #e1e1e1;
	vertical-align: middle;
}
table th {
	background: #F1F1F1;
}

span.small{
    font-size: 0.8rem;
}



/* エラーメッセージ系
===================================================== */

/* 大元になるもの ------------------- */
.message {
	width: 50%;
	padding: 1.5em;
	padding-right: 2em;
	position: absolute;
	right: 10px;
	top: 100px;
	background: #20a8d8;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
	opacity: 1;
	transition:opacity .5s;
}
/* 閉じるボタン */
.msg_close {
	position: absolute;
	right: 1.5em;
	top: 1.5em;
}

/* 成功（緑） ------------------- */
.message.success {
	background: #79c447;
	/*
	color: #3f6625;
	background-color: #e4f3da;
	border: 1px solid #d9eecb;*/
}
/* エラー（赤） ------------------- */
.message.error {
	background-color: #ff5454;
}

/* メッセージ消える */
.message.hidden {
	opacity: 0;
	transition:opacity .5s;
}






/* タブレット */
@media ( max-width : 960px ){

}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	input[type="text"].form_tel,
	input[type="text"].form_school,
	input[type="text"].form_mail {
		width: 100%;
	}

}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {

}


/*	ページャー
----------------------------------------------------------------- */
.paging_wrapper {
	margin: 20px 0;
	text-align: center;
}

.paging span {
	margin: 0 2px;
}
.paging span:first-child {
	margin: 0 8px 0 0;
}
.paging span:last-child {
	margin: 0 0 0 8px;
}
.paging a {
	text-decoration: none;
}
.paging span a {
	display: inline-block;
	padding: 2px 10px;
	color: #558BC6;
	background: #ffffff;
	border: 1px solid #CAD3DA;
	text-decoration: none;
}
.paging span.current {
	padding: 2px 10px;
	color: #ffffff;
	background: #444444;
	border: 1px solid #444444;
}
.paging span.disabled,
.paging span.next,
.paging span.prev {
	padding: 2px 0;
	color: #969696;
	background: none;
	border: none;
}
.paging span a.disabled,
.paging span a.next,
.paging span a.prev {
	padding: 2px 0;
	background: none;
	border: none;
}


/* タブレット */
@media ( max-width : 960px ){

}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	#breadcrumb {
		margin-bottom: 20px;
		font-size: 0.9rem;
	}

	.pager_area {
		display: block;
	}
	.paging_wrapper {
		text-align: center;
	}
	.result_counts {
		margin-bottom: 10px;
	}
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {

}

/* ===================================================================
	ログイン
=================================================================== */
.login_title {
	text-align: center;
}
#login {
	width: 90%;
	margin: 0 auto 50px;
	padding: 40px;
	background: #F1F1F1;
}
#login.login_main {
	background: none;
}
.login_input {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.login_input dt {
	width: 6em;
	flex-shrink: 0;
}
.login_input dd {
	flex-grow: 1;
}
.login_btn {
	margin: 20px 0 20px;
	text-align: center;
}
.btn_login {
	display: inline-block;
	margin: 0;
	padding: 0.8em 1.5em;
	background: #8DC21F;
	color: #ffffff;
	font-weight: 600;
	text-decoration: none;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-family: Noto Sans Japanese,Noto Sans JP,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,  sans-serif;
}
.login_forget {
	text-align:center;
}
.login_forget i {
	margin-right: 0.5em;
}
.pw_forget_error {
	margin: 20px 0;
}
.pw_forget_error li {
	position: relative;
	padding: 0 0 0 12px;
}
.pw_forget_error li::after {
    display: block;
    content: '';
    position: absolute;
    top: .5em;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #8DC21F;
    border-radius: 100%;
}

#login.login_main input[type="text"],
#login.login_main input[type="password"] {
	border: none;
	border-bottom: 1px solid #ccc;
}

/* ===================================================================
	パスワード忘れ
=================================================================== */
.pass_forget_txt {
	margin: 0 0 30px;
}
.pass_forget_input {
	margin-bottom: 1em;
}
.pass_forget_input dt {
	margin-bottom: 0.5em;
	font-weight: bold;
}
.pass_forget_input dd {
	flex-grow: 1;
}

/* ===================================================================
	一覧表示
=================================================================== */

.new_add {
	margin: 0 0 0.5em;
}

/* 登録画面の→になにか置きたい時　20191226　おはやし */
.index_addbtn_2clm{
	display:flex;
}

.index_addbtn_2clm .clm_r{
	margin-right:0;
	margin-left:auto;
}


/* サーチパネル
--------------------------------------- */
#search_pnl {
	border: 1px solid #e1e1e1;
	margin: 0 0 20px;
	padding: 15px;
}
#search_pnl h3 {
	margin: -15px -15px 15px;
	padding: 5px 10px;
	background: #444444;
	color: #fff;
	font-weight: 400;
	position: relative;
}
#search_pnl.pnl_open h3 .search_pnl_arrow {
	position: absolute;
	top: 0.2em;
	right: 10px;
}
#search_pnl.pnl_open h3 .search_pnl_open {
	display: block;
}
#search_pnl.pnl_open h3 .search_pnl_close {
	display: none;
}
#search_pnl.pnl_open h3 .active .search_pnl_open {
	display: none;
}
#search_pnl.pnl_open h3 .active .search_pnl_close {
	display: block;
}
.search_pnl_detail {
	display: none;
}
.search_clm2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.search_clm2 dl {
	width: 50%;
}
.search_clm3 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.search_clm3 dl {
	width: 33%;
}
.search_clm {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
input#date_s,input#date_e,
input.date_s,input.date_e,
input.date_input,
input.month_input {
	width: 8em;
}
input.date_time {
	width: 10em;
}
.pnl_item {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 10px;
}
.pnl_item dt {
	width: 12em;
	padding-top: 0.2em;
	padding-right: 0.5em;
	flex-shrink: 0;
	flex-grow: 0;
	/*	align-self: center;*/
	text-align: right;
	font-weight: bold;
	flex-shrink: 0;
	flex-grow: 0;
}
/*
.search_clm .pnl_item dt {
	width: 8em;

}*/
.pnl_item dd {
	align-self: flex-start;
	flex-shrink: 1;
	flex-grow: 1;
}

/* kusa20191225 */
.pnl_item dd label {
	display: inline-block;
	margin-right: 1em;
}
.pnl_kyoten {
	width: 100%;
	margin-bottom: 0.5em;
	padding: 0.5em;
	background: #eee;
	position: relative;
}
.pnl_kyoten:before {
	content: "\f107";
	position: absolute;
	top: 0;
	right: 15px;
	padding: 5px 0;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.pnl_kyoten.active:before {
	content: "\f106";
}
.pnl_user {
	display: none;
	padding: 0 0 0.5em;
}
.pnl_item dd .pnl_user label {
	width: 15em;
	vertical-align: top;
}


.search_btn {
	text-align: center;
}
.btn,
a.btn {
	display: inline-block;
	margin: 0;
	padding: 0.8em 1.5em;
	background: #8DC21F;
	color: #ffffff;
	font-weight: 600;
	text-decoration: none;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-family: Noto Sans Japanese,Noto Sans JP,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,  sans-serif;
}
.btn i {
	margin-right: 0.5em;
}

.btn.btn_add ,
a.btn.btn_add {
	background: #F39700;
}

.btn_mdl_select {
	margin: 0.5em 0;
}

/* 表示件数
--------------------------------------- */
.date_num {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.date_num > div {
	align-self: center;
}

/* 操作ボタン
--------------------------------------- */
.sousa_pnl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.sousa_pnl > div {
	align-self: center;
	margin-right: 1em;
}
.sousa_btn_list {
}
.btn_sousa,
a.btn_sousa {
	display: inline-block;
	margin: 2px 6px;
	padding: 0.6em 1em 0.7em;
	background: #1767A4;
	color: #ffffff;
	line-height: 1;
	font-size: 0.9rem;
	font-weight: 400;
	text-decoration: none;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-family: Noto Sans Japanese,Noto Sans JP,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,  sans-serif;
}
.btn_sousa i,
a.btn_sousa i {
	margin-right: 0.2em;
}
.btn_sousa.btn_sousa_edit {
	background: #8DC21F;
}
.btn_sousa.btn_sousa_add {
	background: #F39700;
}
.btn_sousa.btn_sousa_dl {
	background: #1767A4;
}
.btn_sousa.btn_sousa_excel {
	background: #217346;
}
.btn_sousa.btn_sousa_pdf {
	background: #d71f28;
}
.btn_sousa.btn_sousa_close {
	background: #cccccc;
	color: #666666;
}
.btn_sousa.btn_sousa_delete {
/*	background: #ff0000;*/
	border: 2px solid #ff0000;
	background: #fff;
	color: #ff0000;
}

.btn_sousa.btn_sousa_ok {
	background: #A50F13;
}
.btn_sousa.btn_sousa_ng {
	background: #1767A4;
}
.btn_sousa:disabled {
	background: #ccc;
	cursor:auto;
}

.action_btn {
	display: block;
	text-align: right;
}
.btn_mdl_action {
	display: inline-block;
	margin: 0.2em 0;
	padding: 0.4em;
	background: #8DC21F;
	color: #ffffff;
	line-height: 1;
	font-size: 1rem;
	font-weight: 400;
	text-decoration: none;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-family: Noto Sans Japanese,Noto Sans JP,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;
}



/* 一覧テーブル
--------------------------------------- */

/* テーブル */
table.tbl_data {
	width: 100%;
	margin: 10px auto;
}
table.tbl_data_approvals{
	table-layout:fixed;
}
table.tbl_data th ,
table.tbl_data td {
	padding: 0.5em;
	border: 1px solid #e1e1e1;
	vertical-align: middle;
	font-size: 0.9rem;
}
table.tbl_data th {
	white-space: nowrap;
	background: #F1F1F1;
}
table.tbl_data th.col_kyoten {
	width: 5em;
}
table.tbl_data th.col_shinseisya {
	width: 5.5em;
}
table.tbl_data th.col_state01 {
	width: 20em;
}
table.tbl_data th.col_state01_half {
    width: 10em;
}
table.tbl_data th.col_state02 {
    width: 30em;
}
table.tbl_data th.col_state02_half {
    width: 15em;
}
table.tbl_data td.col_state02_half {
    width: 15em;  /* 矢印エリアを狭めて金額を広くしてほしい by 2024.06.12 MTG */
}
table.tbl_data th.col_state03 {
    width: 40em;
}
table.tbl_data th.col_state04 {
    width: 8.5em;
}
table.tbl_data th.col_state05 {
    width: 25em;
}
table.tbl_data th.col_state05_half {
    width: 12.5em;
}
table.tbl_data th.col_state {
	width: 5em;
}
table.tbl_data th.col_state,
table.tbl_data td.col_state {
    width:5em !important;  /* 矢印エリアを狭めて金額を広くしてほしい by 2024.06.12 MTG */
}
table.tbl_data th.col_state_half {
    width:2.5em;
}
table.tbl_data th.col_date {
    width:12em;
}
table.tbl_data tr.tbl_data_kugiri td {
	border-bottom: 3px solid #e1e1e1;
}
table.tbl_data tr.tbl_data_kugiri_top td {
	border-top: 3px solid #e1e1e1;
}
table.tbl_data tr.tbl_data_kugiri td,
table.tbl_data tr.tbl_data_kugiri th,
.col_syoukei {
	background: #f4fbe5;
}
table.tbl_data tr.tbl_data_kugiri td.syounin_err,
.col_syoukei.syounin_err {
	background: #feddde;
}



table.tbl_data td.nowrap {
	white-space: nowrap;
}
table.tbl_data td.nowrap {
	white-space: nowrap;
}
table.tbl_data tr.keiyaku_limit td {
	background: #feddde;
}
table.tbl_data tr.keiyaku_limit td.keiyakukikan {
	color: #ff0000;
	font-weight: bold;
}
table.tbl_data tr.tbl_total th,
table.tbl_data tr.tbl_total td {
	background: #f4fbe5;
}
table.tbl_data tr.btm_b th ,
table.tbl_data tr.btm_b td {
	border-bottom: 5px solid #e1e1e1;
}
table.tbl_data tr.kyuyo th,
table.tbl_data tr.kyuyo td,
table.tbl_data th.per,
table.tbl_data td.per {
	background: #e6f2ff;
}
table.tbl_data tr.genka_kei th ,
table.tbl_data tr.genka_kei td,
table.tbl_data th.genka_kei{
	background: #ffeee6;
}

/* 勤怠用テーブル */
.tbl_kintai {
	margin: 10px auto;
}
table.tbl_kintai th ,
table.tbl_kintai td {
	padding: 0.5em;
	border: 1px solid #e1e1e1;
	vertical-align: middle;
	font-size: 0.9rem;
	text-align: center;
}
table.tbl_kintai th {
	white-space: nowrap;
	background: #F1F1F1;
}
table.tbl_kintai th.weekday {
}
table.tbl_kintai th.sat {
	color: #1767A4;
	background: #e2f2ff;
}
table.tbl_kintai th.sun {
	color: #d71f28;
	background: #ffe2e3;
}
table.tbl_kintai td.nowrap {
	white-space: nowrap;
}
table.tbl_kintai td.kintai_form {
	padding: 0;
}
table.tbl_kintai td.kintai_form select {
	font-size: /* 0.6rem -> */ 0.75rem;
	border: none;
	background: none;
}
table.tbl_kintai td.kintai_form input[type="text"] {
	font-size: 0.85rem;
	border: none;
	background: none;
}
table.tbl_kintai td.kintai_group_name {
	font-size: /* 0.6rem -> */ 0.75rem;
}
table.tbl_kintai tr.kintai_separator td {
	border-top: 3px solid #e1e1e1;
}
table.tbl_kintai tr.kintai_separator:first-child td {
	border-top: 1px solid #e1e1e1;
}


/*
.icon_syukkin {
	color: #8DC21F;
}*/
table.tbl_kintai .kintai_kekkin {
	background: #fae2e2;
}
table.tbl_kintai .kintai_chikoku {
	background: #fbeee3;
}
table.tbl_kintai .kintai_yukyu {
	background: #f4fbe5;
}
table.tbl_kintai .kintai_soutai {
	background: #e2ebf8;
}

/* スタッフ用勤怠 */
table.tbl_kintai .stf_kyusyutsu {
	background: #fae2e2;
}
table.tbl_kintai .stf_kekkin {
	background: #fbeee3;
}
table.tbl_kintai .stf_houtei {
	background: #f4fbe5;
}
table.tbl_kintai .stf_yukyu {
	background: #e2ebf8;
}
table.tbl_kintai .stf_h {
	background: #fffccc;
}



/* 20190828 おはやし　勤怠のコメントを表示するアイコン用 */
table.tbl_kintai .kinntai_comment_form{
	position:relative;
}

table.tbl_kintai .kinntai_comment_form i.kintai_note{
	position:absolute;
	top:-5px; right:-5px;
	z-index:100;
	font-size:120%;
	color:#666;
}

/* スクロール */
.scroll_table {
	height: 60vh;
	overflow: auto;
/*	padding: 0;
	margin: 0;
	overflow: auto;
	white-space: nowrap;*/
}
.scroll_table table.tbl_data {
	margin: 0;
}
.scroll_table table.tbl_data thead th,
.scroll_table table.tbl_kintai thead th {
	/* 縦スクロール時に固定する */
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	white-space: nowrap;
	/* tbody内のセルより手前に表示する */
	z-index: 101;
	border: 1px solid #e1e1e1;
}
.scroll_table table.tbl_data thead tr:nth-child(1) th,
.scroll_table table.tbl_kintai thead tr:nth-child(1) th {
	top: 0;
}
.scroll_table table.tbl_data thead tr:nth-child(2) th,
.scroll_table table.tbl_kintai thead tr:nth-child(2) th {
	top: 2rem;
}

/* 左セルも固定 */
.scroll_table table.tbl_kintai_left_sticky {
	border-collapse: separate;
}
.scroll_table table.tbl_kintai_left_sticky thead th {
	border: none;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
.scroll_table table.tbl_kintai_left_sticky thead tr:nth-child(2) th {
	border-bottom: 1px solid #e1e1e1;
}
.scroll_table table.tbl_kintai_left_sticky td {
	border: none;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
.scroll_table table.tbl_kintai_left_sticky .kintai_shimei {
	position: -webkit-sticky;
	position: sticky;
	min-width: 240px;
	width: 240px;
	left: 0;
	z-index: 102;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #f1f1f1;
}
.scroll_table table.tbl_kintai_left_sticky .kintai_cell_name {
	position: -webkit-sticky;
	position: sticky;
	min-width: 200px;
	width: 200px;
	left: 0;
	z-index: 101;
	border-left: 1px solid #e1e1e1;
	background: #ffffff;
}
.scroll_table table.tbl_kintai_left_sticky .kintai_group_name {
	position: -webkit-sticky;
	position: sticky;
	min-width: 40px;
	width: 40px;
	left: 200px;
	z-index: 101;
	border-right: 1px solid #e1e1e1;
	background: #ffffff;
}



.tbl_check {
	margin-right: 0.5em;
}
.tbl_center,.tbl_c {
	text-align: center;
}
.tbl_r {
	text-align: right;
}
.holiday {
	background: #fde9e9;
}
.tbl_tani {
	margin: 0 0 -5px;
	font-size: 0.8rem;
}

table.tbl_data tr.total td {
	border: 1px solid #e1e1e1;
	background: #f4fbe5;
}

.tbl_status {
	padding-bottom: 10px;
	text-align: center;
	border-bottom: 1px dashed #e1e1e1;
}
.tbl_memo {
	padding-top: 10px;
}
.sousa .btn_sousa {
	margin:0.2em;
}

/* 退社した人の背景をグレーにしたい 20191223 ohayahsi */
table.tbl_data tr.out_staff td{
/*	background:#ededed;*/
	background:#d4d4d4;
	color:#666;
}

table.tbl_data tr.shugyo_staff td{
/*	background:#dfffdf;*/
background: #bdffbd;
}

/* 抹消 */
table.tbl_data tr.erasure_staff td{
/*	background:#ffd1d3;*/
background: #ffafb2;
}





/* テーブル */
table.tbl_data_mini {
	font-size: 0.8rem;
}
table.tbl_data_mini th {
	font-size: 0.8rem;
	font-weight: normal;
}

.kaisyu_sumi {
}
.kaisyu_mi,
.tbl_mi {
	color: #ccc;
}

.txt_sml {
	font-size: 0.7rem;
}
.txt_mdm {
	font-size: 0.8rem;
}

.syounin_err {
	background: #feddde;
}
.syounin_err a {
	color: #ff0000;
}


.icon_nenmatsu {
	display: inline-block;
	margin-top: 3px;
	padding: 2px 5px;
	color: #fff;
	font-size: 0.8rem;
}
.icon_nenmatsu.mi {
	background: #d71f28;
}
.icon_nenmatsu.sumi {
	background: #8DC21F;
}
.icon_mi {
	display: inline-block;
	margin-left: 3px;
	padding: 1px 3px;
	color: #fff;
	font-size: 0.8rem;
	background: #d71f28;
}

.icon {
	display: inline-block;
	padding: 1px 3px;
	color: #fff;
	font-size: 0.8rem;
}
.icon.mi {
	background: #d71f28;
}
.icon.sumi {
	background: #8DC21F;
}
.icon.yubo {
	background: #F39700;
}
.icon.no_yubo {
	background: #e1e1e1;
}
.icon.swch_yubo{
	cursor: pointer;
}


table.tbl_data_total {
	width: auto;
}



/* plan to do */
.tbl_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.plantodo_tanto {
	width: 30em;
}
.plantodo_tanto td {
	width: 5em;
}
.plantodo_tanto td.num {
	width: 2em;
}
.tanto_active {
	background: #feddde;
}
.plantodo_tanto td.tanto_check {
	width: 2em;
	text-align: center;
}
.plan_kekka {
	color: #0000ff;
}
.plan_num {
	width: 7em;
}
.plan_type,
.plan_time {
	width: 7em;
}

/* fixed width table */
.layout_fixed {
    table-layout: fixed;
}



/* ===================================================================
	ホーム
=================================================================== */

#home {

}
.home_sec {
	margin-bottom: 30px;
	border: 1px solid #e1e1e1;
	border-top: 2px solid #8DC21F;
}
.home_sec h3 {
	margin: 0;
	padding: 10px 10px;
	font-size: 1.1rem;
	font-weight: 600;
	background: #f1f1f1;
	border-bottom: 1px solid #e1e1e1;
}
.home_box {
	padding: 20px;
}

.home_2clum {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.home_2clum section {
	width: 48%;
}
.home_3clum {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.home_3clum section {
	width: 32%;
}


/* 営業の場合のホーム分割 */
.home_clum_eigyo section {
	width: 38%;
}
.home_clum_eigyo section#home_info {
	width: 20%;
}



.home_link_list li a i {
	margin-right: 0.3em;
}
/* 応募者管理 */
#home_oubosya {
}

.home_alert {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.home_alert a {
	font-size: 1.2rem;
	font-weight: 600;
	color: #FE6064;
}
.home_alert a i {
	margin-right: 0.3em;
}





/* 求人原稿選考状況 */
#home_senkou {

}
table.tbl_home_senkou,
table.tbl_home {
	margin: 0 0 10px;
}
table.tbl_home_senkou th ,
table.tbl_home_senkou td ,
table.tbl_home th ,
table.tbl_home td {
	padding: 5px;
	border: 1px solid #e1e1e1;
	vertical-align: middle;
	font-size: 0.9rem;
	font-weight: normal;
}
table.tbl_home_senkou th,
table.tbl_home th{
	white-space: nowrap;
	background: #F1F1F1;
}

/* お知らせ */
.home_news li {
	padding: 10px;
	border-bottom: 1px dotted #ccc;
	/*
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;*/
}
.home_news li:last-child {
	border-bottom: none;
}
.home_news li span {
	display: block;
}
.home_news li .news_date {
	flex-shrink: 0;
/*	color: #8DC21F;*/
}
/* 20191210 ohayashi　お知らせしている権限の羅列のスタイル */
.home_news .info_meta{
	display:flex;
}

.home_news .info_meta .news_date{
	margin-right:10px;
	vertical-align:0.05em;
}

.home_news .role_names{
	font-size:90%;
}

.home_news .role_tag{
}

.home_syounin {
	margin-bottom: 10px;
}
.home_syounin li:last-child {
	border-bottom: 1px dotted #ccc;
}

/* 書類期限状況 210804 yamaguchi ADD */
.home_doc_expirs {
    margin-bottom: 10px;
}
.home_doc_expirs li {
    padding-left: 10px;
}


/* ===================================================================
	応募者詳細
=================================================================== */

.oubo_pager {
	margin: 10px 0;
	text-align: right;
}

#oubo_header {
	margin-bottom: 40px;
	border: 1px solid #e1e1e1;
	border-top: 2px solid #8DC21F;
}
#oubo_no {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding: 10px;
	background: #f1f1f1;
	border-bottom: 1px solid #e1e1e1;
}
#oubo_prof {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#oubo_prof > div {
	padding: 20px;
}
#oubo_prof_detail {
	width: 40%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.oubo_prof_img {
	width: 100px;
	margin-right: 20px;
	padding: 20px 0;
	flex-shrink: 0;
	text-align: center;
	background: #f1f1f1;
	align-self: flex-start;
}
.oubo_prof_img i {
	font-size: 70px;
}
.oubo_prof_btn {
	width: 100%;
}
.oubo_prof_name {
	font-size:26px;
	font-weight: 600;
}
.oubo_prof_sex {
	margin-right: 10px;
	font-weight: 600;
}
.oubo_prof_age {
	font-weight: 600;
}
#oubo_joukyou {
	width: 58%;
}

#oubo_joukyou dl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e1e1e1;
}
#oubo_joukyou dl:last-child {
	border-bottom: none;
}
#oubo_joukyou dl dt {
	width: 10em;
	flex-shrink: 0;
	font-weight: bold;
}

a.btn_memo_edit {
	display: inline-block;
	margin-left: 0.8em;
	padding: 0.4em 0.8em 0.5em;
	background: #1767A4;
	color: #ffffff;
	line-height: 1;
	font-size: 0.9rem;
	font-weight: 400;
	text-decoration: none;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-family: Noto Sans Japanese,Noto Sans JP,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,  sans-serif;
}

.tbl_flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.tbl_flex table {
	width: 48%;
}
.tbl_flex table:first-child {
	margin-right: 20px;
}

table.tbl_form {
	margin: 10px auto 30px;
}

table.tbl_form th ,
table.tbl_form td {
	padding: 10px;
	border: 1px solid #e1e1e1;
	vertical-align: middle;
}
table.tbl_form th {
	max-width: 150px;
/*	white-space: nowrap;*/
	background: #efefef;
	text-align: left;
}
table.tbl_form_basic th {
		width: 250px;
}
table.tbl_form .tbl_head th {
	width: auto;
}
table.tbl_form .tbl_head_dark th {
	width: auto;
	background: #999;
	color: #fff;
	text-align: center;
}
table.tbl_form td.nowrap {
	white-space: nowrap;
}
table.tbl_form th.tbl_koumoku {
	width: 3em;
	text-align: center;
}
.form_check_col2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.form_check_col2 > div {
	width: 50%;
}
.form_check_col4 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.form_check_col4 > div {
	width: 25%;
}

table.tbl_form dl {
	margin-top: 0.5em;
}
table.tbl_form dl dt {
	font-weight: bold;
}
.form_tbl_title {
	display: block;
	margin: 1em 0 0.5em;
	font-weight: bold;
}

.tbl_ex {
	color:#666;
	font-size: 0.9rem;
}
table.tbl_form td.nowrap {
	white-space: nowrap;
}
table.tbl_form th.tbl_center {
	text-align: center;
}


/* 出勤簿用テーブル */
table.tbl_syukkin {
	width: /*auto*/100%;
	margin: 10px 0 30px;
}
table.tbl_syukkin th ,
table.tbl_syukkin td {
	padding: 10px;
	border: 1px solid #e1e1e1;
	vertical-align: middle;
}
table.tbl_syukkin th {
	background: #efefef;
	/* text-align: left;  2022/04/11 見出しをセンタリングする */
}
table.tbl_syukkin td.disabled_td {
	background: #fafafa;
}
.btn_syukkin {
	display: inline-block;
	margin-right: 1em;
}
.btn_syukkin input[type="radio"] {
	display: none;
}
.btn_syukkin label {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 6px 10px;
	background: #ffffff;
	border-radius: 5px;
	border: 1px solid #ccc;
	text-align: center;
	text-shadow: none;
	cursor: pointer;
	position: relative;
}

/* 20190826 おはやし　セレクタを「チェックがついてるradioの兄弟要素」に変更　一度チェックしたものを外すjsを
組み込む際にばってぃぐするため */
/*.btn_syukkin label.syukkin_check {  */

.btn_syukkin input[type="radio"]:checked + label{
	background: #8DC21F;
	color: #fff;
}
.disabled_td .btn_syukkin label {
	color: #bbb;
}
.disabled_td .btn_syukkin label.syukkin_check {
	background: #c7ea7e;
	color: #fff;
}




table.tbl_none {
	margin: 0;
}
table.tbl_none th ,
table.tbl_none td {
	padding: 5px;
	border: none;
	vertical-align: middle;
	text-align: center;
}
table.tbl_none th {
	max-width: inherit;
	white-space: nowrap;
	background: none;
	text-align: center;
}
table.tbl_none .goukei td {
	font-size: 1.3rem;
	font-weight: bold;
	border-top: 1px double #333;
}
table.tbl_none .goukei td.goukei_color {
	background: #999;
	color: #fff;
}

/* 入力フォームのタブ切り替え */
.form_tab {
	border-bottom: 1px solid #e1e1e1;
}
.form_tab ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: -1px;
}
.form_tab li {
	margin: 0 0.5em;
}
.form_tab li a {
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #F1F1F1;
	border: 1px solid #e1e1e1;
}
.form_tab li a.current {
	background: #ffffff;
	border: 1px solid #e1e1e1;
	border-bottom: 1px solid #ffffff;
}



/* ===================================================================
	原稿管理
=================================================================== */

.notice_genkou {
	margin: 10px 0 30px;
	padding: 10px;
	background: #FFF8E1;
	font-size: 1.1rem;
	font-weight: 400;
}

/*	詳細
----------------------------------------------------------------- */
.job_icon {
	margin: 0 0 10px;
}
.job_icon span {
	display: inline-block;
	margin-right: 10px;
	border-radius: 3px;
	padding: 2px 7px;
	box-sizing: border-box;
	font-size: 0.8rem;
}
.job_icon span:last-child {
	margin-right: 0;
}
.job_icon_type {
	background: #ffffff;
	border:2px solid #8DC21F;
}
.job_icon_new {
	background: #FF1D25;
	border:2px solid #FF1D25;
	color: #ffffff;
}


#job_detail {
	background: #ffffff;
	border-top: 2px solid #8DC21F;
}

#job_detail_header {
	padding: 30px;
	border-bottom: 1px solid #8DC21F;
}
#job_detail_header h2 {
	margin-bottom: 5px;
	font-size: 2rem;
	font-weight: bold;
}
.job_detail_company {
	color: #808080;
}

#job_detail_body {
	padding: 30px;
}
.job_detail_maintxt h3 {
	font-size: 1.5rem;
	margin-bottom: 20px;
}

#job_detail_main {
	margin-bottom: 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

/* ギャラリー */
#job_photo_gallery {
	width: 400px;
	margin-left: 20px;
	flex-shrink: 0;
}
#gallyer_img {
	position: relative;
	margin-bottom: 10px;
}
#gallyer_img img{
    position: absolute;
    top:0;
    width: 100%;
}

#gallry_thum {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#gallry_thum a {
	display: block;
	padding: 3px;
}
#gallry_thum li.current a {
	border: 1px solid #8DC21F;
	padding: 1px;
}


/* レーダーグラフ */
#job_graph {
	margin: 40px 0 ;
	padding:20px;
	background: #FFF8E1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#job_radar_chart {
	width: 360px;
	margin-right: 20px;
	flex-shrink: 0;
}
#job_graph_txt {
	align-self: center;
}
#myChart {
	width: 360px;
	height: auto;
}


/* 募集要項 */
.job_summary {

}
.job_summary_tbl {
	border-top: 1px dotted #C9C9C9;
}
.job_summary_tbl th,
.job_summary_tbl td {
	padding: 1em;
	text-align: left;
	border-bottom: 1px dotted #C9C9C9;
}
.job_summary_tbl th {
	background: #FFF7E6;
	width: 11em;
	font-weight: 600;
}

/* コメント */
#job_comment {
	margin: 40px 0;
	background: #FFF8E1;
	padding: 20px;
}
#job_comment h4 {
	font-size: 1.2rem;
	margin: 0 0 10px;
}
.job_comment_body {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.job_comment_img {
	width: 30%;
}
.job_comment_txt {
	width: 68%;
}


/* ボタン */
.job_detail_btn {
	margin: 40px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.job_detail_btn a {
	display: block;
	width: 30%;
	min-width: 15em;
	margin: 0 1%;
	text-align: center;
	border-radius: 3px;
	padding: 0.8em;
	font-size: 1.1rem;
	font-weight: 500;
	text-decoration: none;
}
.job_detail_btn a i {
	margin-right: 0.5em;
}
.job_detail_btn a.job_unit_btn_fav {
	background: #E3E3E3;
	color: #969696;
}
.job_detail_btn a.job_unit_btn_fav.fav {
	background: #FFE7B3;
	color: #444444;
}
.job_detail_btn a.job_unit_btn_fav.fav i {
	color: #8DC21F;
}
.job_detail_btn a.job_unit_btn_apply {
	background: #FE6064;
	color: #ffffff;
}
.job_detail_btn a.job_unit_btn_tel {
	background: #FE6064;
	color: #ffffff;
	display: none;
}
.job_detail_btn a.job_unit_btn_more {
	background: #558BC6;
	color: #ffffff;
}



/*  */
.change_detail {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.change_total {
	font-size: 1.4rem;
	font-weight: bold;
}

.office_select select {
	font-size: 1.2rem;
	font-weight: bold;
}
.office_select .select_box::before {
	line-height: 2.5em;
}

/* 年度切り替え */
.change_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
}

.change_year {
	margin-right:10px;
	font-size: 1.4rem;
}
.change_year span.year {
	padding: 0 5px;
}
.change_year a {
	padding: 2px 8px;
}
.change_year i {
	font-size: 1.6rem;
}

/* タブ*/
.tab_box {
	margin-top: 20px;
}
.tab_menu {
	background: #F1F1F1;
}

.tab_menu ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.tab_menu ul li a {
	display: block;
	padding: 8px 20px;
	text-decoration: none;
	color: #444;
}
.tab_menu ul li a.current {
	border-bottom: 3px solid #8DC21F;
}
.tab_menu ul li a:hover {
	border-bottom: 3px solid #8DC21F;
}

.tab_detail {
	padding: 10px;
}

.weekly_total {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
}


.tbl_weekly_total {
	width: auto;
	margin: 0;
	font-size: 0.9rem;
}
.tbl_weekly_total th,
.tbl_weekly_total td {
	padding: 5px 10px;
}
.tbl_weekly_total th {
	min-width: 6em;
}
.tbl_weekly_total th.current {
	background: #444;
	color: #fff;
}
.tbl_weekly_total td {
	min-width: 6em;
}
.tbl_weekly_total td.price {
	text-align: right;
}

.weekly_dl {
	margin: 15px 0 0;
}

.tbl_shiharai {
	width: auto;
	margin: 0;
}
.tbl_shiharai dt {
	font-size:0.8rem;
}
.tbl_shiharai dd {
	width: auto;
	min-width: 200px;
	margin: 0;
	padding: 1em;
	background: #ffeee6;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}




/*	モーダル表示
----------------------------------------------------------------- */
.modal_base {
	position: relative;
}
.close {
	position: absolute;
	top:5px;
	right: 5px;
	width: 2em;
	height: 2em;
	line-height: 2em;
	border-radius: 1em;
	background: #fff;
	font-size: 20px;
}
.close a {
	display: block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	text-decoration: none;
	background: #8DC21F;
	font-size: 20px;
	border-radius: 1em;
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
}
.iziModal {
	transform: none !important;
}
.iziModal-content {
}
.modal_inner {
	padding: 60px 20px 40px;
}
.modal_inner h3:first-child {
	margin-top: 0;
}
.modal_tbl {
	height: 50vh;
	overflow: auto;
	white-space: nowrap;
}

.search_clm3.search_clm_mdl dl {
	width: auto;
	margin-right: 1.5em;
}
.search_clm3.search_clm_mdl .pnl_item dt {
	width: auto;
}
.mdl_btn_search {
	flex-grow: 0;
	flex-shrink: 0;
}
.mdl_btn_search .btn {
	padding: 0.5em 0.8em;
}


/* 承認のリスト */
.approval_histories li{
	margin-bottom:10px;
}
.approval_histories li p{
	display:flex;
}
.approval_histories li p span.islast{
	content:"最終";
	background:#8cc52b;
	color:#fff;
	font-size:95%;
	padding:5px;
	margin-right:0;
	margin-left:auto;
}

.approval_histories li p span{
	display:block;
	margin-right:5px;
}
.approval_histories li p span.role{
	width:/*5em*/10em;  /* 役職によっては状態名称が被るので延長します */
}
.approval_histories li p span.state{
	width:5em;
}
.approval_histories li p span.date{
	width:9em;
}


.approval_histories li p.approval{
	padding:10px;
	background:#fafafa;
	border-top:#8cc52b solid 1px;
}

.approval_histories li p.approval_detail{
	padding:5px;
	padding-left:1em;
}


/* モーダルで状態を変更するフォームのスタイル　備品の承認状態変更とか */
.modal_state_change{
	text-align:center;
}

.modal_state_change .modal_redio{
	margin-bottom:20px;
}

.modal_state_change .modal_redio label{
	margin-right:10px;
	margin-left:10px;
}


/* 送信するモーダルのボタンエリア */
.modal_inner .form_btn{
	display:flex;
}

.modal_inner .form_btn .l-btn{
	margin-right:auto;
	margin-left:0;
}
.modal_inner .form_btn .r-btn{
	margin-right:0;
	margin-left:auto;
}

.modal_inner .btn.red{
	background:#ff5454;
}


/* ===================================================================
	カレンダースタイル 2019/12/12　おはやし
=================================================================== */

/* カレンダー↑のアカウントの色見本 */
.account_colors span{
	display:inline-block;
	width:15em;
	margin-right:5px;
	margin-bottom:2px;
}


/* fullCalendarのカスタマイズスタイル */
.calendar_wrapper{
	padding:20px;
}
#calendar table{
	margin:0;
	padding:0;
}

#calendar .fc-sun{
	color:#ff0000;
	background:#feddde;
}
#calendar .fc-past{
	color:#aaa;
	background:#F1F1F1;
}
#calendar .fc-today{
	background:#c7ea7e;
}

#calendar .fc-button-primary{
	background:#8DC21F;
	border-color:#fff;
}
#calendar .fc-button-primary.fc-button-active{
	background:#c7ea7e;
}


/* ===================================================================
	タイムシート
=================================================================== */
.tbl_timesheet {

}
table.tbl_syukkin th,
table.tbl_syukkin td {
	padding: 10px 5px;
	font-size: 0.8rem;
}
.timesheet_box {
	display: flex;
	justify-content: space-between;
}
.timesheet_right {
	margin-left: 10px;
}
.timesheet_sub_box {
	border: 1px solid #e1e1e1;
	margin: 10px 0;
}
.timesheet_sub_box dt {
	padding: 5px;
	background: #efefef;
	border-bottom: 1px solid #e1e1e1;
	text-align:center;
}
.timesheet_sub_box dd {
	padding: 5px;
}
table.tbl_timesheet_sub {
	margin: 0;
}
table.tbl_timesheet_sub th,
table.tbl_timesheet_sub td {
	padding: 5px;
	border: none;
	background: #fff;
	font-size: 0.8rem;
}

table.tbl_timesheet_sub td.timesheet_sub_num {
	min-width: 5em;
	text-align: right;
}




/* ===================================================================
	請求書
=================================================================== */
#seikyusyo_detail {
	width: 720px;
	min-height: 1018px;
	padding: 20px;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	font-family: 'Noto Serif JP', serif;
	color: #444444;
}

.sei_header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 40px;
}
.sei_title {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
}
.sei_hakkoubi {
	align-items: flex-end;
	text-align: center;
	padding: 0 40px;
	border-bottom: 1px solid #333;
}
.sei_atena {
	display: flex;
	margin-bottom: 10px;
	font-size: 2rem;
	font-weight: 600;
}
.sei_atena_name {
	min-width: 380px;
	margin-right: 10px;
	border-bottom: 3px double #333;
	text-align: center;
}
.sei_btm {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 15px;
}
.sei_btm_left {
	min-width: 380px;
}
.sei_btm_month {
	margin-bottom: 10px;
	font-size: 1.7rem;
	text-align: center;
}
.sei_btm_txt {
	text-align: right;
}

.sei_total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px;
	border-bottom: 3px double #333;
	font-size: 2rem;
}
.sei_total_h {
	font-weight: 600;
	font-size: 1.5rem;
}
.sei_total_price {
	font-weight: 600;
}
.sei_jc {
	width: 250px;
	flex-grow: 0;
	flex-shrink: 0;
}
.sei_logo {
	width: auto;
}
.sei_logo img {
	max-width: 100%;
}
.sei_jc dl dt {
	font-size: 1.3rem;
	font-weight: 600;
	text-align: center;
}
.sei_jc dl dd {
	text-align: right;
}
table.tbl_hanko {
	margin: 5px 0 0;
}
table.tbl_hanko td {
	padding: 3px;
	text-align: center;
	font-size: 13px;
	border: 1px dotted #333;
}
.sei_hanko {
	height: 70px;
}

.sei_bank {
	margin: 10px 0 0;
}
.sei_bank dt {
	margin-bottom: 0.5em;
}
.sei_bank dd {
	margin: 0 0 0.5em 1.5em;
}

/* 請求のテーブルらへん */
table.tbl_seikyusyo {
	margin: 0;
	border: 1px solid #333;
}
table.tbl_seikyusyo th,
table.tbl_seikyusyo td {
	padding: 5px;
	text-align: center;
	border: 1px dotted #333;
}
table.tbl_seikyusyo td {
	background: #fff;
}
.sei_shimei {
	width: 280px;
}
.sei_day {
	width: 100px;
}
table.tbl_seikyusyo td.sei_tanka {
	width: 120px;
	background: #fffccc;
}
table.tbl_seikyusyo .sei_koujo td.sei_tanka {
	background: #fff;
}
.sei_price {
	width: 180px;
}
table.tbl_seikyusyo_goukei {
	border-top: none;
	border-bottom: none;
	border-left: none;
}
table.tbl_seikyusyo_goukei th,
table.tbl_seikyusyo_goukei td {
	padding: 8px;
	text-align: center;
	background: #F1F1F1;
	border: none;
}
table.tbl_seikyusyo_goukei td.sei_price_h {
	width: 80px;
	font-size: 1.6rem;
	font-weight: 600;
	border-left: 1px solid #333;
	border-right: 1px dotted #333;
	border-bottom: 1px dotted #333;
}
table.tbl_seikyusyo_goukei td.sei_price_subtotal {
	width: 220px;
	font-size: 1.6rem;
	font-weight: 600;
	border-bottom: 1px dotted #333;
}
table.tbl_seikyusyo_goukei tr:last-of-type td.sei_price_h,
table.tbl_seikyusyo_goukei tr:last-of-type td.sei_price_subtotal {
	border-bottom: none;
}

table.tbl_seikyusyo_goukei td.sei_tax {
	font-size: 1.2rem;
	border-bottom: 1px solid #333;
}
table.tbl_seikyusyo_goukei td.sei_tax:first-of-type {
	border-left: 1px solid #333;
}
table.tbl_seikyusyo_goukei td.sei_tax_price {
	width: 150px;
	font-size: 1.2rem;
	border-left: 1px dotted #333;
	border-bottom: 1px solid #333;
}

table.tbl_seikyusyo_goukei td.sei_koujokin_h {
	padding: 0 8px;
	background: #fff;
	text-align: left;
	vertical-align: bottom;
}
table.tbl_seikyusyo_goukei td.sei_price_alltotal_h,
table.tbl_seikyusyo_goukei td.sei_price_alltotal {
	width: 340px;
	font-size: 2.5rem;
	font-weight: 600;
	border-bottom: 1px solid #333;
}
table.tbl_seikyusyo_goukei td.sei_price_alltotal_h {
	border-left: 1px solid #333;
	border-right: 1px dotted #333;
}

table.tbl_data_uchiwake th,
table.tbl_data_uchiwake td {
	text-align: center;
}
table.tbl_data_uchiwake td.tanka {
	background: #fffccc;
}
table.tbl_data_uchiwake th.kugiri,
table.tbl_data_uchiwake td.kugiri {
	border-right: double #ccc;
}
.uchiwake_total {
	background: #F1F1F1;
}

.uchiwake_detail {
	align-items: flex-end;
}
.uchiwake_name {
	font-size: 1.4rem;
	font-weight: 600;
}
.uchiwake_month {
	font-size: 1.2rem;
	font-weight: 600;
}
.uchiwake_kikan {

}



/* ===================================================================
	スタッフカード表示
=================================================================== */
.staff_ex {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.staff_color_ex {
	display: flex;
	font-size: 0.9rem;
}
.staff_color_ex dl {
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.staff_color_ex dl dd > div {
	display: block;
	width: 1em;
	height: 1em;
	border: 1px solid #e1e1e1;
}
.staff_color_ex dl .out_staff{
	background:#d4d4d4;
}
.staff_color_ex dl .shugyo_staff {
	background:#bdffbd;
}
.staff_color_ex dl .erasure_staff {
	background:#ffafb2;
}


.staff_kirikae {
	display: flex;
	justify-content: flex-end;
	font-size: 1.6rem;
}
.staff_kirikae_btn {
	padding: 0.2em 0.5em;
	border: 1px solid #e1e1e1;
}
.staff_kirikae_btn:first-child {
	border-radius: 5px 0 0 5px;
}
.staff_kirikae_btn:last-child {
	border-radius: 0 5px 5px 0;
}
.cards_list {
	display: flex;
	flex-wrap: wrap;
}
.cards_staff {
	width: 48%;
	display: flex;
	justify-content: space-between;
	margin: 1%;
	padding: 20px;
	border: 1px solid #e1e1e1;
	background: #fff;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
}
.cards_staff.shugyo_staff {
	/*background:#f0fff0;*/
    background: #bdffbd;
}
.cards_staff.out_staff {
    /*background:#F5F5F5;*/
    background:#d4d4d4;
    color:#666;
}
.cards_staff.erasure_staff {
    /*background:#ffe2e3;*/
    background: #ffafb2;
}
.cards_staff_info {
}
.cards_staff_graph {
	width: 200px;
}
.staff_img {
	width: 100px;
	height: 100px;
	margin-bottom: 1em;
	border-radius: 50%;
	overflow: hidden;
}
.staff_name {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.2rem;
}

.icon_male,
.icon_female {
	margin-left: 1em;
}
.icon_male {
	color: #279eff;
}
.icon_female {
	color: #ff494f;
}
.staff_tel,
.staff_mail,
.staff_address {
	margin-bottom: 0.2em;
}
.staff_tel {
	font-size:120%;
	color:#336699;
}
.staff_hyoka {
	font-size:90%;
	margin-top:3px;
}
.staff_other {
	margin-top: 1em;
	font-size: 80%;
}

.staff_btn {
	margin-top: 1em;
	text-align: right;
}
.staff_btn .btn_sousa.btn_sousa_edit {
	width: 11em;
	text-align: center;
}

.staff_indent_text {
    display: inline-block;
    margin-left: 1em;
}

/* 最終掘起日（カード形式） */
.staff_reactivate {
    margin-top: 1em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.staff_reactivate input.changed {
    background-color: #ffff00;
}


/* ===================================================================
	PDF表示
=================================================================== */
header#pdf_header {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;

	width: 100%;
	height: 60px;
	padding: 10px 10px;
	background: #fff;
	color: #666;
	border-top: none;
}

header#pdf_header > div {
	width: 33%;
}
header#pdf_header .pdf_header_sousa {
	text-align: center;
}
.pdf_header_close {
	text-align: right;
}
header#pdf_header .btn_sousa,
header#pdf_header a.btn_sousa {
	font-size: 1rem;
}
header#pdf_header .btn_sousa.btn_sousa_ok,
header#pdf_header .btn_sousa.btn_sousa_ng {
	padding: 0.6em 1.5em 0.7em;
}
header#pdf_header .btn_sousa.btn_prev,
header#pdf_header .btn_sousa.btn_next {
	background: #8DC21F;
}
header#pdf_header .btn_sousa.btn_prev i {
	margin-left: 0.5em;
}
header#pdf_header .btn_sousa.btn_next i {
	margin-left: 0.5em;
	margin-right: 0;
}

#pdf_body {
	margin: 0;
	padding: 70px 0 0;
}
#pdf_body iframe {
	width: 100%;
	height: calc(100vh - 70px);
	margin: 0;
	padding: 0;
}

/* タブレット */
@media ( max-width : 960px ){
	#job_detail_header {
		padding: 20px;
	}
	#job_detail_header h2 {
		font-size: 1.5rem;
	}
	#job_detail_body {
		padding: 20px;
	}
	#job_detail_maintxt h3 {
		font-size: 1.2rem;
	}
	#job_photo_gallery {
		width: 40%;
	}
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	#job_detail_header {
		padding: 10px;
	}
	#job_detail_body {
		padding: 10px;
	}
	#job_detail_main {
		display: block;
	}
	.job_detail_maintxt {
		margin-bottom: 20px;
	}
	#job_photo_gallery {
		width: auto;
		max-width: 400px;
		margin: 0 auto;
	}

	/* レーダーグラフ */
	#job_graph {
		display: block;
	}
	#job_radar_chart {
		width: 300px;
		margin:0 auto 20px;
	}
	#job_graph_txt {
		align-self: center;
	}

	/* ボタン */
	.job_detail_btn {
		margin: 30px 0;
		justify-content: space-between;
	}
	.job_detail_btn a {
		width: 30%;
		min-width: inherit;
		margin:0;
		padding: 0.6em 0;
		font-size: 1rem;
	}
	.job_detail_btn a i {
		margin-right: 0.3em;
	}
	.job_detail_btn a .pc {
		display: none;
	}
	.job_detail_btn a.job_unit_btn_tel {
		display: block;
	}

	.job_summary_tbl {
		width: 100%;
		border-top: 1px dotted #C9C9C9;
		display: block;
	}
	.job_summary_tbl tbody {
		display: block;
	}
	.job_summary_tbl tr {
		display: block;
	}
	.job_summary_tbl th,
	.job_summary_tbl td {
		display: block;
		width: 100%;
		padding: 0.6em;
		text-align: left;
		border-bottom: 1px dotted #C9C9C9;
	}
	.job_comment_body {
		display: block;
	}
	.job_comment_img {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	.job_comment_txt {
		width: 100%;
	}
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {

}



/* タブレット */
@media ( max-width : 960px ){

}
/* スマホ（横） */
@media screen and (max-width: 600px) {

}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {

}

/* 画像 */
.image_fit {
    object-fit: contain;
}

.profile_photo {
    min-width: 200px !important;
    max-width: 200px !important;
    max-height: 200px !important;
}

.certification_photo {
    min-width: 400px !important;
    max-width: 400px !important;
    max-height: 400px !important;
}

/* yamaguchi ADD START */
.reject_reason {
    margin: 18px 0;
}

.flex_start {
    display: flex;
    justify-content: flex-start;
}

.justify_items {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.href_file_area {
    display: inline-block;
    margin-right: 2em;
}

dl.pnl_item dd span input {
    width: auto;
}

dl.pnl_item dd span:nth-child(2) {
    margin-top: 6px;
}

.error-message {
    color: #ff5454;
    font-weight: bold;
}

.nowrap_w20em {
    min-width: 20em;
    max-width: 20em;
    white-space: normal !important;
}
/* yamaguchi ADD END */


/* ===================================================================
	営業日報・営業週報・会議資料
=================================================================== */
table.company_approaches .select_box,
table.approach_details .select_box {
    width: 100%;    /* セレクトボックスの値が見づらい by JC */
}

/**
 * 入力欄の枠色を赤（未入力）、青（入力時）、グレー（入力後）にする by 2024.06.12 MTG
 * ひとまず営業報告資料のみに限定しておく。なお、MS EdgeとGoogle Chromeのフォーカス色
 * が黒のため、ブラウザ全体でフォーム部品のフォーカス色を同じにしておく。
 */
input:focus,
select:focus,
textarea:focus {
    outline: none;
    border: 2px solid #0099FF !important;
}

.is_empty {
    border: 2px solid #ff4500 !important;
}

.is_inputted {
    border: 1px solid #CAD3DA !important;
}

select, select option {
    font-family: "メイリオ", "Meiryo UI", "MS Gothic", "MS UI Gothic", serif;   /* セレクトボックスの値が見づらいため by JC */
    text-align: center;
}

input.date_input {
    width: 100%;
    text-align: center;
}

.auto_calc {
    background-color: #ddffff;
    color: #444444;
}

.auto_calc_alt {
    background-color: #fff9dd;
    color: #444444;
}

input.doesnot_edit {
    background-color: #eeeeee !important;
    color: #000000;
}

.add_btn_area {
    margin-top: -18px;
}

.bold {
    font-weight: bold;
}

table.tbl_data.join_table_vertical {
    margin-top: -11px;
}

table.tbl_data .join_table_horizontal {
    border-left: 3px double #e1e1e1;
}

.big {
    transform: scale(1.5);
    vertical-align: text-top;
}

.monthly_targets_title {
    font-size: 1.05em !important;
    letter-spacing: 1.25rem;
}

.sales_efforts_title {
    padding-left: 2rem !important;
    text-align: left;
    letter-spacing: 0.75rem;
}

.client_approaches_title {
    padding-left: 11rem !important;
    text-align: left;
    letter-spacing: 0.75rem;
}

.fee_charging_approaches_title {
    padding-left: 11rem !important;
    text-align: left;
    letter-spacing: 0.75rem;
}

table.tbl_data.join_table_vertical {
    margin-top: -11px;
}

table.tbl_data .join_table_horizontal {
    border-left: 3px double #e1e1e1;
}

table.tbl_data.th-yellow tr th {
    background-color: #FFFF99;
}

table.tbl_data.th-pink tr th {
    background-color: #FFCCCC;
}

table.tbl_data.th-blue tr th {
    background-color: #CCFFFF;
}

table.tbl_data.th-green tr th {
    background-color: #CCFFCC;
}

table.tbl_data.tbl-pink tr th {
    border: 1px solid #999999;
    background-color: #FFCCCC;
}
table.tbl_data.tbl-pink tr td {
    border: 1px solid #999999;
    background-color: #FFDDDD;
}

/* 3844行目と重複するためコメントアウト
input.auto_calc {
    background-color: #ddffff;
    color: #444444;
}
*/

input.auto_calc.input_ok {
    background-color: #ffffe0;
}

input.date_input, input[type="date"] {
    width: 100%;
    line-height: 1.75rem;
}

input[type="date"] {
    border: 1px solid #CAD3DA;
}

.add_btn_area {
    margin-top: -18px;
}

.highlight_red {
    background-color: #ffd1d3;
}

.highlight_yellow {
    background-color: #ffffe0;
}

dl#tutorial_dt {
    margin-left: 18px;
}

dl#tutorial_dt dd {
    margin: 0 0 18px 18px;
}

.read_only {
    background-color: #e2e2e2;
}

/* ===================================================================
	エラーページ
=================================================================== */
.center-container {
    display: flex;
    width: 100%;
    height: calc(100vh - 400px);
    justify-content: center;
    align-items: center;
}

.center-message {
    width: 666px;
    height: 200px;
}

.center-message h3 {
    font-size: 1.5rem;
}

.center-message .description {
    font-size: 1.25rem;
}

/* ===================================================================
	承認管理
=================================================================== */
.sub_title {
    width: fit-content;
    margin: 0 auto;
}