@charset "utf-8";
header {
    background-color: #02867b;
    color: #fff;
}
header.off {
	background: #999;
}
.sub_window_header {
    background-color: #1887c7;
}
/* .if_header {
    background: linear-gradient(180deg, rgba(255, 202, 146, 0.4) 0, rgba(255, 168, 85, 0.6) 34px, rgba(255, 72, 16, 1) 34px, rgba(255, 72, 16, 1) 36px);
	color: #333;
} */

/* ---------------------------------------------------------- */
/* ハンバーガーメニュー */
/* ---------------------------------------------------------- */
#nav-open span, #nav-open span:before, #nav-open span:after {
    background-color: #fff;
}
/*中身*/
#nav-content {
 	background: rgba(230, 230, 230, 1);
    color: #000;
}
#nav-content > p {
    background-color: #2D9CDB;
	color: #fff;
}
#nav-content .staff-databox {
    background-color: #fff;
    border: 1px solid #E0E0E0;
}
/* #nav-content ul li:first-child {
	border-top: 1px dotted #103ea0;
}
#nav-content ul li {
	border-bottom: 1px dotted #103ea0;
} */
/* ---------------------------------------------------------- */
/* ユーザーの緊急度カラー　コンタクトリスト、チャットのヘッダ */
/* ---------------------------------------------------------- */
/* 通常 */
.normal {
	background: linear-gradient(0deg, rgba(238, 250, 251, 0) 1%, #E0F4F5 99%), #9FF1F8;
}
/* 急ぎ */
.hurry {
	background: linear-gradient(0deg, rgba(255, 253, 173, 0) 1%, #F1EFA3 99%), #9FF1F8;
}
/* 緊急 */
.emergency {
	background: linear-gradient(0deg, rgba(255, 181, 239, 0) 1%, #FFB5C6 99%), #9FF1F8;
}
/* 過去ログ */
.log {
	background: linear-gradient(0deg, rgba(244, 244, 244, 0) 1%, #F4F4F4 99%), #BDC0C1;
}

/* ---------------------------------------------------------- */
/* 送信フォーム */
/* ---------------------------------------------------------- */
.frm_field {
	background: #FFFFFF;
	border: 1px solid #DBDDE1;
}
::placeholder {
    font-size: 0.6875rem;
	color: #c8c8c8;
}