html {
  font-size: 62.5%;
}

body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-width: 1024px;
  min-height: 100%;

  font-size: 1.3rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #666666;
}

*, *::after, *::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

/*===================================================================
// Main
=====================================================================*/
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;

  background-color: #f3f3f3;
}

body .l-wrap {
  width: 100%;
}

body .l-wrap .l-main {
  position: fixed;
  top: 78px;
  left: 186px;
  z-index: 8;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  width: calc(100% - 186px);
  height: calc(100% - 78px);
  overflow: auto;
}

body .l-wrap .l-main .l-content {
  width: 100%;
  min-width: 823px;
  padding: 1.5rem 2.5rem;
}

body .l-wrap .l-main .l-content .l-search-list {
  margin-bottom: 2.5rem;
  padding-bottom: 1.5rem;

  border-bottom: 1px solid #eeeeee;
}

body .l-wrap .l-main .l-content .l-search-list .p-details-search {
  width: 100%;
}

body .l-wrap .-tenant, body .l-wrap .-device, body .l-wrap .-mailtemplate {
  height: calc(100% - 168px);
}

.l-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-cols.-content_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.l-cols.-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l-cols.-icon-del::-webkit-calendar-picker-indicator{
  opacity: 0;
}

.l-cols.-icon-del::after{
  content: "";
  width: 16px;
  height: 16px;

  background-image: url("../img/icons/icon_calendar.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 16px;
}

.l-cols.-content_end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.l-cols.-flexstart {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.l-cols.-flexstart .u-label-s {
  position: relative;
  top: 4px;
}

.l-cols.-flexend {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.l-cols.-inherit {
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
}

.l-cols.-column {
  flex-direction: column;
}

/*===================================================================
// Header
=====================================================================*/
.l-header {
  position: fixed;
  top: 0;
  left: 186px;
  z-index: 9;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100% - 168px);
  min-width: 856px;
  min-height: 78px;
  padding: 2rem 4.5rem 2rem 3rem;

  background-color: #ffffff;
  border-bottom: 1px solid #eeeeee;
}

.l-header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.l-header-menu li a {
  position: relative;

  display: block;
  padding: 1.2rem 1.5rem 1.2rem 4rem;

  border-radius: 999px;
}

.l-header-menu li a:hover {
  background-color: #f3f3f3;
  opacity: 1;
}

.l-header-menu li a:before {
  position: absolute;
  left: 1.5rem;
}

.l-header-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-shrink: 0;
}

.l-header-login .c-login-status a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4rem;
  margin-right: 3.5rem;
  padding: 0 1rem 0 0;

  background-color: #f3f3f3;
  border-radius: 5px;
}


.l-header-login-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  flex-direction: column;
}

.l-header-login-user {
  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  line-height: 1.8rem;
  text-align: right;
}

.l-header-login-user .c-login-user {
  position: relative;

  margin-left: 1.5rem;
}

.l-header-login-user .c-user-menu {
  position: absolute;
  top: 4.5rem;
  right: 0;
  z-index: 99;

  display: none;
  padding: 0 2rem;

  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px -6px rgba(0, 0, 0, .7);
  box-shadow: 0 0 10px -6px rgba(0, 0, 0, .7);
}

.l-header-login-user .c-user-menu li {
  border-bottom: 1px solid #eeeeee;
}

.l-header-login-user .c-user-menu li:last-child {
  border-bottom: none;
}

.l-header-login-user .c-user-menu li a {
  display: block;
  width: 19.5rem;
  margin: 1.5rem 0;
  padding: 1rem;

  text-align: left;

  border-radius: 5px;

  -webkit-transition: all .2s;

  transition: all .2s;
}

.l-header-login-user .c-user-menu li a:hover {
  background-color: #f3f3f3;
  opacity: 1;
}

/*===================================================================
// Menu
=====================================================================*/
.l-menu {
  position: fixed;
  z-index: 10;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 186px;
  height: 100vh;
  padding: 2.5rem 1.2rem;

  color: #ffffff;
}

.l-menu h1 {
  font-weight: 700;
  font-size: 2.1rem;
  font-family: "Avenir Next Condensed", sans-serif;
}

.l-menu .-icon-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-menu .-icon-user:before {
  content: "";

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 34px;
  height: 34px;
  margin-right: 1rem;

  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px auto;
  border-radius: 8px;
}

.l-menu_list {
  margin-top: 2.8rem;
}

.l-menu_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4.4rem;
  margin-bottom: .5rem;
}

.l-menu_list li.-current a {
  background: rgba(255, 255, 255, .2);
  opacity: 1;
}

.l-menu_list li a {
  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 1.5rem .5rem 1.5rem 4rem;

  border-radius: 5px;
}

.l-menu_list li a:before {
  content: "";
  position: absolute;
  left: 1.5rem;

  width: 15px;
  height: 15px;
}

.l-menu_list li a:hover {
  background: rgba(255, 255, 255, .2);
  opacity: 1;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.content {
  margin: 0 auto;
  padding: 40px;
}

.modal {
  position: fixed;
  top: 0;
  z-index: 999;

  display: none;
  width: 100%;
  height: 100vh;
}

.modal__bg {
  position: absolute;

  width: 100%;
  height: 100vh;

  background: rgba(0, 0, 0, .4);
}

.modal__content {
  position: absolute;
  top: 50%;
  left: 50%;

  min-width: 440px;
  padding: 5rem 5rem 3rem;

  background: #ffffff;
  border-radius: 5px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modal__content h2 {
  margin-bottom: 2rem;

  font-weight: normal;
  font-size: 2.0;
  line-height: 1.4;
  text-align: center;
}

.modal__content .icon_close {
  position: absolute;
  top: 2rem;
  right: 2rem;

  display: block;
  width: 1rem;
  height: 1rem;

  background-image: url("../img/icons/icon_close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px auto;
}

.modal__content .list-text-number {
  margin: 0 .5rem;

  font-size: 4rem;
}

.modal__content .l-modal-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 3.8rem auto 0;
}

.modal__box{
  margin-bottom: 4rem;
}

.modal__box .u-text-link{
  margin-top: 1rem;
  display: inline-block;
}

/* Modal:Device compatible selection */
.modal_device_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 275px;
  height: 44px;
  margin: 2rem auto 0;

  text-align: center;

  background-color: #f3f3f3;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}

.modal_device_head p {
  width: 33%;
}

.modal_device_scroll {
  width: 275px;
  max-height: 250px;
  margin: 0 auto;
  overflow-y: auto;

  text-align: center;

  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}

.modal_device_scroll_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 44px;

  border-top: 1px solid #eeeeee;
}

.modal_device_scroll_row p {
  width: 33%;
}

.modal_device_id {
  width: 8rem;
}

.modal_device_status {
  width: 10rem;
}

.modal_device_name {
  width: 8rem;
}

.modal_text{
  line-height: 1.8;
}

/* Modal:Display settings */
.c-modal-body {
  margin: 2rem auto 0;
  padding: 3rem;

  background-color: #f3f3f3;
  border-radius: 5px;
}

.c-modal-body.-modal-w720 {
  width: 720px;
}

.c-modal-body.-modal-w550 {
  width: 550px;
}

.c-modal-body-text {
  margin-bottom: 2rem;

  font-size: 1.6rem;
}

.c-modal-body .l-modal-checkbox label {
  width: 33%;
  height: 4rem;
}

.c-modal-body .l-modal-checkbox-alert label {
  width: 50%;
  height: 4rem;
}

.c-modal-body .u-checkbox {
  margin-right: 1rem;
}

/*===================================================================
// Color Select
=====================================================================*/
.color-red menu, .color-red .-device-chart-color, .color-red .u-radio-off.selected span, .color-red .u-radio-on.selected span, .color-red .c-select-color {
  background-color: #bf3d3d;
}

.color-red .-value-text, .color-red .c-btn-line, .color-red .list-text-number, .color-red .u-error_text, .color-red .c-btn-maintext {
  color: #bf3d3d;
}

.color-red .c-link-btn, .color-red .c-btn-bg {
  background-color: #bf3d3d;
}

.color-red .c-link-btn:hover, .color-red .c-btn-bg:hover {
  background-color: #9c3232;
}

.color-red .c-btn-line {
  border: 1px solid #bf3d3d;
}

.color-red .c-btn-line:hover {
  color: #ffffff;

  background-color: #bf3d3d;
}

.color-red .c-btn.-copy::before {
  background-color: #bf3d3d;
}

.color-red .u-hint:hover .icon-info {
  fill: #bf3d3d;
}

.color-red .icon-copy, .color-red .icon-loginid, .color-red .c-alertlist_icon {
  fill: #bf3d3d;
}

.color-red .icon-add {
  fill: #bf3d3d;
  stroke: #bf3d3d;
}

.color-red .u-checkbox-input:checked ~ .u-checkbox, .color-red .u-checkbox-small-input:checked + .u-checkbox-small {
  background-color: #bf3d3d;
  border: 1px solid #bf3d3d;
}

.color-red .c-list a {
  color: #bf3d3d;
}

.color-red .c-list #listHandle .c-list-item:hover:before {
  background-image: url("../img/icons/icon_move_red.svg");
}

.color-red .radio-input:checked + label::after {
  background: #bf3d3d;
}

.color-red .u-radio-line, .color-red .c-color-radio:checked + label::after, .color-red .radio-input:checked + label::before {
  border: 1px solid #bf3d3d !important;
}

.color-red .u-label-line, .color-red .u-label-s {
  color: #bf3d3d;

  border-color: #bf3d3d;
}

.color-red .u-haserror input, .color-red .u-haserror textarea, .color-red .u-haserror select {
  border: 1px solid #bf3d3d !important;
}

.color-red .l-tab .-active {
  color: #bf3d3d;

  background-color: #ffffff;
  border-top: 4px solid #bf3d3d;
}

.color-red .c-alert-list-item:hover, .color-red .c-alert-list-item.-current {
  background-color: #bf3d3d;
}

.color-red .l-tab-item .-badge {
  background-color: #bf3d3d;
}

.color-red .c-hint-atext::before {
  background-color: #bf3d3d;
}

.color-red .c-file_upload{
  border: 1px dashed #bf3d3d;
}

.color-red .c-file_upload_text {
  color: #bf3d3d;
}

.color-red .c-file_upload_text::before {
  background-color: #bf3d3d;
}

.color-red .c-attention-text {
  color: #bf3d3d;
}

.color-red .c-same_company-check {
  background-color: #bf3d3d;
}

.color-blue menu, .color-blue .-device-chart-color, .color-blue .u-radio-off.selected span, .color-blue .u-radio-on.selected span, .color-blue .c-select-color {
  background-color: #3d8dbf;
}

.color-blue .-value-text, .color-blue .c-btn-line, .color-blue .list-text-number, .color-blue .u-error_text, .color-blue .c-btn-maintext {
  color: #3d8dbf;
}

.color-blue .c-link-btn, .color-blue .c-btn-bg {
  background-color: #3d8dbf;
}

.color-blue .c-link-btn:hover, .color-blue .c-btn-bg:hover {
  background-color: #32739c;
}

.color-blue .c-btn-line {
  border: 1px solid #3d8dbf;
}

.color-blue .c-btn-line:hover {
  color: #ffffff;

  background-color: #3d8dbf;
}

.color-blue .c-btn.-copy::before {
  background-color: #3d8dbf;
}


.color-blue .u-hint:hover .icon-info {
  fill: #3d8dbf;
}

.color-blue .icon-copy, .color-blue .icon-loginid, .color-blue .c-alertlist_icon {
  fill: #3d8dbf;
}

.color-blue .icon-add {
  fill: #3d8dbf;
  stroke: #3d8dbf;
}

.color-blue .u-checkbox-input:checked ~ .u-checkbox, .color-blue .u-checkbox-small-input:checked + .u-checkbox-small {
  background-color: #3d8dbf;
  border: 1px solid #3d8dbf;
}

.color-blue .c-list a {
  color: #3d8dbf;
}

.color-blue .c-list #listHandle .c-list-item:hover:before {
  background-image: url("../img/icons/icon_move_blue.svg");
}

.color-blue .radio-input:checked + label::after {
  background: #3d8dbf;
}

.color-blue .u-radio-line, .color-blue .c-color-radio:checked + label::after, .color-blue .radio-input:checked + label::before {
  border: 1px solid #3d8dbf !important;
}

.color-blue .u-label-line, .color-blue .u-label-s {
  color: #3d8dbf;

  border-color: #3d8dbf;
}

.color-blue .u-haserror input, .color-blue .u-haserror textarea, .color-blue .u-haserror select {
  border: 1px solid #3d8dbf !important;
}

.color-blue .l-tab .-active {
  color: #3d8dbf;

  background-color: #ffffff;
  border-top: 4px solid #3d8dbf;
}

.color-blue .c-alert-list-item:hover, .color-blue .c-alert-list-item.-current {
  background-color: #3d8dbf;
}

.color-blue .l-tab-item .-badge {
  background-color: #3d8dbf;
}

.color-blue .c-hint-atext::before {
  background-color: #3d8dbf;
}

.color-blue .u-important-text{
  color: #3d8dbf;
}

.color-blue .l-news-item a{
  color: #3d8dbf;
}

.color-blue .u-text-link{
  color: #3d8dbf;
}

.color-blue .u-download-text:after{
  background-image: url("../img/icons/icon_transition_blue.svg");
}

.color-blue .u-blank-text:after{
  background-image: url("../img/icons/icon_blank_blue.svg");
}

.color-blue .c-file_upload{
  border: 1px dashed #3d8dbf;
}

.color-blue .c-file_upload_text {
  color: #3d8dbf;
}

.color-blue .c-file_upload_text::before {
  background-color: #3d8dbf;
}

.color-blue .c-attention-text {
  color: #3d8dbf;
}

.color-blue .c-same_company-check {
  background-color: #3d8dbf;
}

.color-green menu, .color-green .-device-chart-color, .color-green .u-radio-off.selected span, .color-green .u-radio-on.selected span, .color-green .c-select-color {
  background-color: #4eaa1d;
}

.color-green .-value-text, .color-green .c-btn-line, .color-green .list-text-number, .color-green .u-error_text, .color-green .c-btn-maintext {
  color: #4eaa1d;
}

.color-green .c-link-btn, .color-green .c-btn-bg {
  background-color: #4eaa1d;
}

.color-green .c-link-btn:hover, .color-green .c-btn-bg:hover {
  background-color: #408b18;
}

.color-green .c-btn-line {
  border: 1px solid #4eaa1d;
}

.color-green .c-btn-line:hover {
  color: #ffffff;

  background-color: #4eaa1d;
}

.color-green .c-btn.-copy::before {
  background-color: #4eaa1d;
}

.color-green .u-hint:hover .icon-info {
  fill: #4eaa1d;
}

.color-green .icon-copy, .color-green .icon-loginid, .color-green .c-alertlist_icon {
  fill: #4eaa1d;
}

.color-green .icon-add {
  fill: #4eaa1d;
  stroke: #4eaa1d;
}

.color-green .u-checkbox-input:checked ~ .u-checkbox, .color-green .u-checkbox-small-input:checked + .u-checkbox-small {
  background-color: #4eaa1d;
  border: 1px solid #4eaa1d;
}

.color-green .c-list a {
  color: #4eaa1d;
}

.color-green .c-list #listHandle .c-list-item:hover:before {
  background-image: url("../img/icons/icon_move_green.svg");
}

.color-green .radio-input:checked + label::after {
  background: #4eaa1d;
}

.color-green .u-radio-line, .color-green .c-color-radio:checked + label::after, .color-green .radio-input:checked + label::before {
  border: 1px solid #4eaa1d !important;
}

.color-green .u-label-line, .color-green .u-label-s {
  color: #4eaa1d;

  border-color: #4eaa1d;
}

.color-green .u-haserror input, .color-green .u-haserror textarea, .color-green .u-haserror select {
  border: 1px solid #4eaa1d !important;
}

.color-green .l-tab .-active {
  color: #4eaa1d;

  background-color: #ffffff;
  border-top: 4px solid #4eaa1d;
}

.color-green .c-alert-list-item:hover, .color-green .c-alert-list-item.-current {
  background-color: #4eaa1d;
}

.color-green .l-tab-item .-badge {
  background-color: #4eaa1d;
}

.color-green .c-hint-atext::before {
  background-color: #4eaa1d;
}

.color-green .u-important-text{
  color: #4eaa1d;
}

.color-green .l-news-item a{
  color: #4eaa1d;
}

.color-green .u-text-link{
  color: #4eaa1d;
}

.color-green .u-download-text:after{
  background-image: url("../img/icons/icon_transition_green.svg");
}

.color-green .u-blank-text:after{
  background-image: url("../img/icons/icon_blank_green.svg");
}

.color-green .c-file_upload{
  border: 1px dashed #4eaa1d;
}

.color-green .c-file_upload_text {
  color: #4eaa1d;
}

.color-green .c-file_upload_text::before {
  background-color: #4eaa1d;
}

.color-green .c-attention-text {
  color: #4eaa1d;
}

.color-green .c-same_company-check {
  background-color: #4eaa1d;
}

.color-purple menu, .color-purple .-device-chart-color, .color-purple .u-radio-off.selected span, .color-purple .u-radio-on.selected span, .color-purple .c-select-color {
  background-color: #743dbf;
}

.color-purple .-value-text, .color-purple .c-btn-line, .color-purple .list-text-number, .color-purple .u-error_text, .color-purple .c-btn-maintext {
  color: #743dbf;
}

.color-purple .c-link-btn, .color-purple .c-btn-bg {
  background-color: #743dbf;
}

.color-purple .c-link-btn:hover, .color-purple .c-btn-bg:hover {
  background-color: #5f329c;
}

.color-purple .c-btn-line {
  border: 1px solid #743dbf;
}

.color-purple .c-btn-line:hover {
  color: #ffffff;

  background-color: #743dbf;
}

.color-purple .c-btn.-copy::before {
  background-color: #743dbf;
}

.color-purple .u-hint:hover .icon-info {
  fill: #743dbf;
}

.color-purple .icon-copy, .color-purple .icon-loginid, .color-purple .c-alertlist_icon {
  fill: #743dbf;
}

.color-purple .icon-add {
  fill: #743dbf;
  stroke: #743dbf;
}

.color-purple .u-checkbox-input:checked ~ .u-checkbox, .color-purple .u-checkbox-small-input:checked + .u-checkbox-small {
  background-color: #743dbf;
  border: 1px solid #743dbf;
}

.color-purple .c-list a {
  color: #743dbf;
}

.color-purple .c-list #listHandle .c-list-item:hover:before {
  background-image: url("../img/icons/icon_move_purple.svg");
}

.color-purple .radio-input:checked + label::after {
  background: #743dbf;
}

.color-purple .u-radio-line, .color-purple .c-color-radio:checked + label::after, .color-purple .radio-input:checked + label::before {
  border: 1px solid #743dbf !important;
}

.color-purple .u-label-line, .color-purple .u-label-s {
  color: #743dbf;

  border-color: #743dbf;
}

.color-purple .u-haserror input, .color-purple .u-haserror textarea.color-purple .u-haserror select {
  border: 1px solid #743dbf !important;
}

.color-purple .l-tab .-active {
  color: #743dbf;

  background-color: #ffffff;
  border-top: 4px solid #743dbf;
}

.color-purple .c-alert-list-item:hover, .color-purple .c-alert-list-item.-current {
  background-color: #743dbf;
}

.color-purple .l-tab-item .-badge {
  background-color: #743dbf;
}

.color-purple .c-hint-atext::before {
  background-color: #743dbf;
}

.color-purple .u-important-text{
  color: #743dbf;
}

.color-purple .l-news-item a{
  color: #743dbf;
}

.color-purple .u-text-link{
  color: #743dbf;
}

.color-purple .u-download-text:after{
  background-image: url("../img/icons/icon_transition_purple.svg");
}

.color-purple .u-blank-text:after{
  background-image: url("../img/icons/icon_blank_purple.svg");
}

.color-purple .c-file_upload{
  border: 1px dashed #743dbf;
}

.color-purple .c-file_upload_text {
  color: #743dbf;
}

.color-purple .c-file_upload_text::before {
  background-color: #743dbf;
}

.color-purple .c-attention-text {
  color: #743dbf;
}

.color-purple .c-same_company-check {
  background-color: #743dbf;
}

.color-ocher menu, .color-ocher .-device-chart-color, .color-ocher .u-radio-off.selected span, .color-ocher .u-radio-on.selected span, .color-ocher .c-select-color {
  background-color: #bf9c3d;
}

.color-ocher .-value-text, .color-ocher .c-btn-line, .color-ocher .list-text-number, .color-ocher .u-error_text, .color-ocher .c-btn-maintext {
  color: #bf9c3d;
}

.color-ocher .c-link-btn, .color-ocher .c-btn-bg {
  background-color: #bf9c3d;
}

.color-ocher .c-link-btn:hover, .color-ocher .c-btn-bg:hover {
  background-color: #9c7f32;
}

.color-ocher .c-btn-line {
  border: 1px solid #bf9c3d;
}

.color-ocher .c-btn-line:hover {
  color: #ffffff;

  background-color: #bf9c3d;
}

.color-ocher .c-btn.-copy::before {
  background-color: #bf9c3d;
}


.color-ocher .u-hint:hover .icon-info {
  fill: #bf9c3d;
}

.color-ocher .icon-copy, .color-ocher .icon-loginid, .color-ocher .c-alertlist_icon {
  fill: #bf9c3d;
}

.color-ocher .icon-add {
  fill: #bf9c3d;
  stroke: #bf9c3d;
}

.color-ocher .u-checkbox-input:checked ~ .u-checkbox, .color-ocher .u-checkbox-small-input:checked + .u-checkbox-small {
  background-color: #bf9c3d;
  border: 1px solid #bf9c3d;
}

.color-ocher .c-list a {
  color: #bf9c3d;
}

.color-ocher .c-list #listHandle .c-list-item:hover:before {
  background-image: url("../img/icons/icon_move_ocher.svg");
}

.color-ocher .radio-input:checked + label::after {
  background: #bf9c3d;
}

.color-ocher .u-radio-line, .color-ocher .c-color-radio:checked + label::after, .color-ocher .radio-input:checked + label::before {
  border: 1px solid #bf9c3d !important;
}

.color-ocher .u-label-line, .color-ocher .u-label-s {
  color: #bf9c3d;

  border-color: #bf9c3d;
}

.color-ocher .u-haserror input, .color-ocher .u-haserror textarea, .color-ocher .u-haserror select {
  border: 1px solid #bf9c3d !important;
}

.color-ocher .l-tab .-active {
  color: #bf9c3d;

  background-color: #ffffff;
  border-top: 4px solid #bf9c3d;
}

.color-ocher .c-alert-list-item:hover, .color-ocher .c-alert-list-item.-current {
  background-color: #bf9c3d;
}

.color-ocher .l-tab-item .-badge {
  background-color: #bf9c3d;
}

.color-ocher .c-hint-atext::before {
  background-color: #bf9c3d;
}

.color-ocher .u-important-text{
  color: #bf9c3d;
}

.color-ocher .l-news-item a{
  color: #bf9c3d;
}

.color-ocher .u-text-link{
  color: #bf9c3d;
}

.color-ocher .u-download-text:after{
  background-image: url("../img/icons/icon_transition_ocher.svg");
}

.color-ocher .u-blank-text:after{
  background-image: url("../img/icons/icon_blank_ocher.svg");
}

.color-ocher .c-file_upload{
  border: 1px dashed #bf9c3d;
}

.color-ocher .c-file_upload_text {
  color: #bf9c3d;
}

.color-ocher .c-file_upload_text::before {
  background-color: #bf9c3d;
}

.color-ocher .c-attention-text {
  color: #bf9c3d;
}

.color-ocher .c-same_company-check {
  background-color: #bf9c3d;
}

.color-pink menu, .color-pink .-device-chart-color, .color-pink .u-radio-off.selected span, .color-pink .u-radio-on.selected span, .color-pink .c-select-color {
  background-color: #dd5b92;
}

.color-pink .-value-text, .color-pink .c-btn-line, .color-pink .list-text-number, .color-pink .u-error_text, .color-pink .c-btn-maintext {
  color: #dd5b92;
}

.color-pink .c-link-btn, .color-pink .c-btn-bg {
  background-color: #dd5b92;
}

.color-pink .c-link-btn:hover, .color-pink .c-btn-bg:hover {
  background-color: #b44a77;
}

.color-pink .c-btn-line {
  border: 1px solid #dd5b92;
}

.color-pink .c-btn-line:hover {
  color: #ffffff;

  background-color: #dd5b92;
}

.color-pink .c-btn.-copy::before {
  background-color: #dd5b92;
}

.color-pink .u-hint:hover .icon-info {
  fill: #dd5b92;
}

.color-pink .icon-copy, .color-pink .icon-loginid, .color-pink .c-alertlist_icon {
  fill: #dd5b92;
}

.color-pink .icon-add {
  fill: #dd5b92;
  stroke: #dd5b92;
}

.color-pink .u-checkbox-input:checked ~ .u-checkbox, .color-pink .u-checkbox-small-input:checked + .u-checkbox-small {
  background-color: #dd5b92;
  border: 1px solid #dd5b92;
}

.color-pink .c-list a {
  color: #dd5b92;
}

.color-pink .c-list #listHandle .c-list-item:hover:before {
  background-image: url("../img/icons/icon_move_pink.svg");
}

.color-pink .radio-input:checked + label::after {
  background: #dd5b92;
}

.color-pink .u-radio-line, .color-pink .c-color-radio:checked + label::after, .color-pink .radio-input:checked + label::before {
  border: 1px solid #dd5b92 !important;
}

.color-pink .u-label-line, .color-pink .u-label-s {
  color: #dd5b92;

  border-color: #dd5b92;
}

.color-pink .u-haserror input, .color-pink .u-haserror textarea, .color-pink .u-haserror select {
  border: 1px solid #dd5b92 !important;
}

.color-pink .l-tab .-active {
  color: #dd5b92;

  background-color: #ffffff;
  border-top: 4px solid #dd5b92;
}

.color-pink .c-alert-list-item:hover, .color-pink .c-alert-list-item.-current {
  background-color: #dd5b92;
}

.color-pink .l-tab-item .-badge {
  background-color: #dd5b92;
}

.color-pink .c-hint-atext::before {
  background-color: #dd5b92;
}

.color-pink .u-important-text{
  color: #dd5b92;
}

.color-pink .l-news-item a{
  color: #dd5b92;
}

.color-pink .u-text-link{
  color: #dd5b92;
}

.color-pink .u-download-text:after{
  background-image: url("../img/icons/icon_transition_pink.svg");
}

.color-pink .u-blank-text:after{
  background-image: url("../img/icons/icon_blank_pink.svg");
}

.color-pink .c-file_upload{
  border: 1px dashed #dd5b92;
}

.color-pink .c-file_upload_text {
  color: #dd5b92;
}

.color-pink .c-file_upload_text::before {
  background-color: #dd5b92;
}

.color-pink .c-attention-text {
  color: #dd5b92;
}

.color-pink .c-same_company-check {
  background-color: #dd5b92;
}

.color-gray menu, .color-gray .-device-chart-color, .color-gray .u-radio-off.selected span, .color-gray .u-radio-on.selected span, .color-gray .c-select-color {
  background-color: #999999;
}

.color-gray .-value-text, .color-gray .c-btn-line, .color-gray .list-text-number, .color-gray .u-error_text, .color-gray .c-btn-maintext {
  color: #999999;
}

.color-gray .c-link-btn, .color-gray .c-btn-bg {
  background-color: #999999;
}

.color-gray .c-link-btn:hover, .color-gray .c-btn-bg:hover {
  background-color: #7d7d7d;
}

.color-gray .c-btn-line {
  border: 1px solid #999999;
}

.color-gray .c-btn-line:hover {
  color: #ffffff;

  background-color: #999999;
}

.color-gray .c-btn.-copy::before {
  background-color: #999999;
}

.color-gray .u-hint:hover .icon-info {
  fill: #999999;
}

.color-gray .icon-copy, .color-gray .icon-loginid, .color-gray .c-alertlist_icon {
  fill: #999999;
}

.color-gray .icon-add {
  fill: #999999;
  stroke: #999999;
}

.color-gray .u-checkbox-input:checked ~ .u-checkbox, .color-gray .u-checkbox-small-input:checked + .u-checkbox-small {
  background-color: #999999;
  border: 1px solid #999999;
}

.color-gray .c-list a {
  color: #999999;
}

.color-gray .c-list #listHandle .c-list-item:hover:before {
  background-image: url("../img/icons/icon_move_gray.svg");
}

.color-gray .radio-input:checked + label::after {
  background: #999999;
}

.color-gray .u-radio-line, .color-gray .c-color-radio:checked + label::after, .color-gray .radio-input:checked + label::before {
  border: 1px solid #999999 !important;
}

.color-gray .u-label-line, .color-gray .u-label-s {
  color: #999999;

  border-color: #999999;
}

.color-gray .u-haserror input, .color-gray .u-haserror textarea, .color-gray .u-haserror select {
  border: 1px solid #999999 !important;
}

.color-gray .l-tab .-active {
  color: #999999;

  background-color: #ffffff;
  border-top: 4px solid #999999;
}

.color-gray .c-alert-list-item:hover, .color-gray .c-alert-list-item.-current {
  background-color: #999999;
}

.color-gray .l-tab-item .-badge {
  background-color: #999999;
}

.color-gray .c-hint-atext::before {
  background-color: #999999;
}

.color-gray .u-important-text{
  color: #999999;
}

.color-gray .l-news-item a{
  color: #999999;
}

.color-gray .u-text-link{
  color: #999999;
}

.color-gray .u-download-text:after{
  background-image: url("../img/icons/icon_transition_gray.svg");
}

.color-gray .u-blank-text:after{
  background-image: url("../img/icons/icon_blank_gray.svg");
}

.color-gray .c-file_upload{
  border: 1px dashed #999999;
}

.color-gray .c-file_upload_text {
  color: #999999;
}

.color-gray .c-file_upload_text::before {
  background-color: #999999;
}

.color-gray .c-attention-text {
  color: #999999;
}

.color-gray .c-same_company-check {
  background-color: #999999;
}

.color-black menu, .color-black .-device-chart-color, .color-black .u-radio-off.selected span, .color-black .u-radio-on.selected span, .color-black .c-select-color {
  background-color: #333333;
}

.color-black .-value-text, .color-black .c-btn-line, .color-black .list-text-number, .color-black .u-error_text, .color-black .c-btn-maintext {
  color: #333333;
}

.color-black .c-link-btn, .color-black .c-btn-bg {
  background-color: #333333;
}

.color-black .c-link-btn:hover, .color-black .c-btn-bg:hover {
  background-color: #2a2a2a;
}

.color-black .c-btn-line {
  border: 1px solid #333333;
}

.color-black .c-btn-line:hover {
  color: #ffffff;

  background-color: #333333;
}

.color-black .c-btn.-copy::before {
  background-color: #333333;
}

.color-black .u-hint:hover .icon-info {
  fill: #333333;
}

.color-black .icon-copy, .color-black .icon-loginid, .color-black .c-alertlist_icon {
  fill: #333333;
}

.color-black .icon-add {
  fill: #333333;
  stroke: #333333;
}

.color-black .u-checkbox-input:checked ~ .u-checkbox, .color-black .u-checkbox-small-input:checked + .u-checkbox-small {
  background-color: #333333;
  border: 1px solid #333333;
}

.color-black .c-list a {
  color: #333333;
}

.color-black .c-list #listHandle .c-list-item:hover:before {
  background-image: url("../img/icons/icon_move_black.svg");
}

.color-black .radio-input:checked + label::after {
  background: #333333;
}

.color-black .u-radio-line, .color-black .c-color-radio:checked + label::after, .color-black .radio-input:checked + label::before {
  border: 1px solid #333333 !important;
}

.c-radio-wrap, .c-select-wrap{
  display: flex;
  align-items: center;
}

.color-black .u-label-line, .color-black .u-label-s {
  color: #333333;

  border-color: #333333;
}

.color-black .u-haserror input, .color-black .u-haserror textarea, .color-black .u-haserror select {
  border: 1px solid #333333 !important;
}

.color-black .l-tab .-active {
  color: #333333;

  background-color: #ffffff;
  border-top: 4px solid #333333;
}

.color-black .c-alert-list-item:hover, .color-black .c-alert-list-item.-current {
  background-color: #333333;
}

.color-black .l-tab-item .-badge {
  background-color: #333333;
}

.color-black .c-hint-atext::before {
  background-color: #333333;
}

.color-black .u-important-text{
  color: #333333;
}

.color-black .l-news-item a{
  color: #333333;
}

.color-black .u-text-link{
  color: #333333;
}

.color-black .u-download-text:after{
  background-image: url("../img/icons/icon_transition_black.svg");
}

.color-black .u-blank-text:after{
  background-image: url("../img/icons/icon_blank_black.svg");
}

.color-black .c-file_upload{
  border: 1px dashed #333333;
}

.color-black .c-file_upload_text {
  color: #333333;
}

.color-black .c-file_upload_text::before {
  background-color: #333333;
}

.color-black .c-attention-text {
  color: #333333;
}

.color-black .c-same_company-check {
  background-color: #333333;
}


/*===================================================================
// Icon
=====================================================================*/
.l-menu .-icon-user.-bear:before {
  background-image: url("../img/icon_user/icon_user_bear.svg");
}

.l-menu .-icon-user.-bug:before {
  background-image: url("../img/icon_user/icon_user_bug.svg");
}

.l-menu .-icon-user.-butterfly:before {
  background-image: url("../img/icon_user/icon_user_butterfly.svg");
}

.l-menu .-icon-user.-dinosaur:before {
  background-image: url("../img/icon_user/icon_user_dinosaur.svg");
}

.l-menu .-icon-user.-dugong:before {
  background-image: url("../img/icon_user/icon_user_dugong.svg");
}

.l-menu .-icon-user.-elephant:before {
  background-image: url("../img/icon_user/icon_user_elephant.svg");
}

.l-menu .-icon-user.-fish:before {
  background-image: url("../img/icon_user/icon_user_fish.svg");
}

.l-menu .-icon-user.-squirrel:before {
  background-image: url("../img/icon_user/icon_user_squirrel.svg");
}

.l-menu_list li.-dashboard a:before {
  width: 14px;
  height: 14px;

  background-image: url("../img/icons/icon_dashboard.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px 14px;
}

.l-menu_list li.-device a:before {
  width: 15px;
  height: 20px;

  background-image: url("../img/icons/icon_device.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 20px;
}

.l-menu_list li.-alert a:before {
  width: 18px;
  height: 18px;

  background-image: url("../img/icons/icon_alert.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px 18px;
}

.l-menu_list li.-tenant a:before {
  width: 15px;
  height: 16px;

  background-image: url("../img/icons/icon_tenant.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 16px;
}

.l-menu_list li.-device_registration_request a:before {
  width: 15px;
  height: 16px;

  background-image: url("../img/icons/icon_regist_request.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
}

.l-menu_list li.-group a:before {
  width: 14px;
  height: 14px;

  background-image: url("../img/icons/icon_group.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px 14px;
}

.l-menu_list li.-system_setup a:before {
  width: 18px;
  height: 18px;

  background-image: url("../img/icons/icon_setting.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px 18px;
}

.l-header-menu li.-company a:before {
  content: "";

  width: 15px;
  height: 16px;

  background-image: url("../img/icons/icon_company.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 16px;
}

.l-header-menu li.-news a:before {
  content: "";

  width: 15px;
  height: 16px;

  background-image: url("../img/icons/icon_news.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 16px;
}

.l-header-menu li.-inquiry a:before {
  content: "";

  width: 16px;
  height: 12px;

  background-image: url("../img/icons/icon_inquiry.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 12px;
}

.l-header-menu li.-help a:before {
  content: "";

  width: 15px;
  height: 15px;

  background-image: url("../img/icons/icon_help.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px 15px;
}

.l-header-menu li.-privacy-policy a:before {
  content: "";

  width: 16px;
  height: 16px;

  background-image: url("../img/icons/icon_privacy-policy.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
}

.l-header-login .c-login-status a:before {
  content: "";

  width: 16px;
  height: 19px;
  margin-right: 1rem;
  margin-left: 1rem;

  background-image: url("../img/icons/icon_lock.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px auto;
}

.l-header-login .c-header-installer-information {
  padding: 1.2rem 1.5rem 1.2rem 4rem;
  margin-right: 0.5rem;
  border-radius: 999px;
  position: relative;
}

.l-header-login .c-header-installer-information:hover {
  background-color: #f3f3f3;
  opacity: 1;
}

.l-header-login .c-header-installer-information::before {
  position: absolute;
  left: 1.5rem;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("../img/icons/icon_installer-information.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
}

.l-header-login-user .c-login-user:after {
  content: "";

  display: block;
  width: 37px;
  height: 37px;
  overflow: hidden;

  background-color: #c5cee0;
  background-image: url("../img/icons/icon_user_initial.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 37px auto;
  border-radius: 50%;
  cursor: pointer;
}

.search-icon {
  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-icon input {
  padding-left: 4rem;
}

.search-icon:before {
  content: "";
  position: absolute;
  top: .8rem;
  left: 1.5rem;
  z-index: 1;

  display: block;
  width: 14px;
  height: 14px;

  background-image: url("../img/icons/icon_loupe.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px auto;
}

/*===================================================================
// Input
=====================================================================*/
.u-select {
  position: relative;
}

.u-select:after {
  content: "";
  position: absolute;
  top: 1.2rem;
  right: 1rem;

  display: block;
  width: 10px;
  height: 8px;

  background-image: url("../img/icons/icon_select.svg");
  background-position: center top;
  background-size: 10px 8px;
}

select::-ms-expand {
  display: none;
}

select {
  position: relative;

  height: 3rem;
  padding: 0 3rem 0 1.5rem;

  color: #666666;

  background-color: #f3f3f3;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.-place select {
  color: #c1c1c1;
}

input, textarea {
  position: relative;

  height: 3rem;
  padding: 0 1.5rem;

  color: #666666;

  background-color: #f3f3f3;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

::-webkit-input-placeholder {
  color: #c7c7c7;
}

::-moz-placeholder {
  color: #c7c7c7;
}

::-ms-input-placeholder {
  color: #c7c7c7;
}

::placeholder {
  color: #c7c7c7;
}

::-ms-input-placeholder {
  color: #c7c7c7;
}

:-ms-input-placeholder {
  color: #c7c7c7;
}

input[type="text"], input[type="password"] {
  font-size: 13px;

  cursor: text;
}

textarea {
  font-size: 13px;

  cursor: text;
}

select {
  font-size: 13px;
}

.-disabled-gray {
  opacity: .4;

  pointer-events: none;
}

.u-checkbox {
  position: relative;

  padding-left: 18px;

  background-color: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 1px;
}

.u-checkbox:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  width: 18px;
  height: 18px;
}

.u-checkbox-input:checked ~ .u-checkbox::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  width: 18px;
  height: 18px;

  background-image: url("../img/icons/icon_check.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px auto;
}

.u-checkbox-small {
  position: relative;

  display: block;
  width: 12px;
  height: 15px;
  padding-left: 12px;

  font-size: 1.2rem;

  background-color: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 1px;
}

.u-checkbox-small:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  width: 12px;
  height: 12px;
}

.u-checkbox-small-input:checked + .u-checkbox-small::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  width: 12px;
  height: 12px;

  background-image: url("../img/icons/icon_check.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px auto;
}

.u-radio-on span, .u-radio-off span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3rem;
}

.u-radio-on span {
  background-color: #ffffff;
  border-radius: 5px 0 0 5px;
}

.u-radio-on.selected span {
  color: #ffffff;
}

.u-radio-off span {
  background-color: #ffffff;
  border-radius: 0 5px 5px 0;
}

.u-radio-off.selected span {
  color: #ffffff;
}

.switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1rem;
}

.switch label {
  cursor: pointer;
}

.radio-input + label {
  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 19px;
  margin-right: 2.5rem;
  padding-left: 20px;
  padding-left: 2.5rem;
}

.radio-input + label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  width: 19px;
  height: 19px;

  background-color: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 50%;
}

.radio-input:checked + label::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;

  display: block;
  width: 11px;
  height: 11px;

  border-radius: 50%;
}

input[type="file"] {
  display: none;
}

/*===================================================================
// Button
=====================================================================*/
.c-link-btn {
  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 13rem;
  height: 2.7rem;
  margin: 0 auto;

  color: #ffffff;

  border-radius: 3rem;
}

.c-link-btn:after {
  content: "";
  position: absolute;
  top: 1rem;
  right: 1rem;

  display: block;
  width: 5px;
  height: 8px;

  background-image: url("../img/icons/icon_arrw_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 5px auto;
}

.l-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 29rem;
}

.l-btn-wrap .c-btn {
  margin-right: 1rem;
}

.l-btn-wrap .c-btn:last-child {
  margin-right: 0;
}

.c-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3rem;
  padding: 0 1.5rem;

  font-size: 1.3rem;
  line-height: 1;
  white-space: nowrap;

  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.c-btn.c-btn-bg {
  color: #ffffff;
}

.c-btn.c-btn-line {
  background-color: #ffffff;
}

.c-btn.c-btn-gray {
  background-color: #eeeeee;
}

.c-btn.c-btn-gray.-h50.-w212 {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  font-size: 140%;
}

.c-btn.c-btn-darkgray {
  color: #ffffff;

  background-color: #666666;
}

.c-btn.c-btn-round {
  border-radius: 30px;
  position: relative;
}

.c-btn.c-btn-round::after {
  position: absolute;
  content: "";
  background: url("../img/icons/icon_btn_vector.svg") no-repeat center center / contain;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 5px;
  height: 8px;
}

.c-btn.-h27 {
  height: 27px;
}

.c-btn.-h50 {
  height: 5rem;
}

.c-btn.-w138 {
  width: 138px;
}

.c-btn.-w160 {
  width: 160px;
}

.c-btn.-w202 {
  width: 202px;
}

.c-btn.-w212 {
  width: 212px;
}

.c-btn.-fsz12 {
  font-size: 12px;
}

.c-btn.-copy {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}

.c-btn.-copy::before {
  content: "";
  mask-image: url("../img/icons/icon_copy.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  width: 16px;
  height: 16px;
}

.c-btn.-copy:hover:before {
  background-color: #ffffff;
}

.-disabled .c-btn {
  color: #c1c1c1;

  background-color: #f3f3f3 !important;

  pointer-events: none;
}

.-disabled .c-btn-line {
  color: #c1c1c1;

  background-color: #ffffff !important;
  border-color: #c1c1c1 !important;

  pointer-events: none;
}

.-disabled .icon-add {
  fill: #c1c1c1 !important;
  stroke: #c1c1c1 !important;
}

.-btnarea-fixed {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;

  padding: 2rem 0 2rem 186px;

  text-align: center;

  background-color: #ffffff;
}

#btn_filedelete {
  display: none;
}

.c-btn.c-btn_add_mail .c-add_icon {
  display: block;
  margin-top: 2px;
  margin-right: 1rem;
}

.c-btn.c-btn_add_mail.-disabled.c-btn-line {
  color: #c1c1c1;

  background-color: #ffffff !important;
  border-color: #c1c1c1 !important;

  pointer-events: none;
}

.c-btn.c-btn_add_mail:hover .c-add_icon .icon-add {
  fill: #ffffff;
  stroke: #ffffff;
}

.c-btn:disabled{
  color: #c1c1c1;
  background-color: #f3f3f3 !important;
}

/*===================================================================
// Utility
=====================================================================*/
.u-box {
  background-color: #ffffff;
  border-radius: 5px;
}

.u-box.-main-pdg {
  padding: 2.5rem 3rem;
}

.u-box.-rbtm {
  border-radius: 0 0 5px 5px;
}

.u-box-gray {
  background-color: #fafafa;
  border-radius: 5px;
}

.u-page-title {
  font-weight: normal;
  font-size: 2.6rem;
}

.u-accordion {
  padding: 0;

  list-style: none;
}

.u-warning-text, .u-important-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem;
}

.u-blank-text, .u-download-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: .5rem;
}

.u-warning-text{
  font-size: 1.3rem;
  text-decoration: underline;
  color: #666666;
  cursor: pointer;
}

.u-warning-text:before {
  content: "";

  display: block;
  min-width: 19px;
  height: 17px;

  background-image: url("../img/icons/icon_warning.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

.u-important-text::before{
  content: "";

  display: block;
  min-width: 16px;
  height: 16px;

  background-image: url("../img/icons/icon_important.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

.u-blank-text:after{
  content: "";

  display: block;
  width: 16px;
  height: 16px;

  background-image: url("../img/icons/icon_blank_red.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

.u-download-text:after{
  content: "";

  display: block;
  width: 16px;
  height: 16px;

  background-image: url("../img/icons/icon_transition_red.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

.u-hint {
  position: relative;

  padding: 1rem;

  cursor: pointer;
}

.u-hint .icon-info {
  width: 15px;
  height: 15px;

  fill: #666666;
}

.u-hint .c-hint-float {
  position: absolute;
  top: .5rem;
  left: 4.5rem;
  z-index: 7;

  display: none;
  width: 17.5rem;
  padding: 1.5rem;

  line-height: 1.6;

  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 6px 6px 16px -4px rgba(0, 0, 0, .2);
  box-shadow: 6px 6px 16px -4px rgba(0, 0, 0, .2);
}

.u-hint .c-hint-float-left{
  right: 4.5rem;
  left: auto;
}

.u-hint .c-hint-float dl dt {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;

  text-align: center;

  border-bottom: 1px solid #eeeeee;
}

.u-hint:hover .c-hint-float {
  display: block;
}

.u-label-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.4rem;
  padding: 0 2rem;

  border: 1px solid;
  border-radius: 3rem;
}

.u-label-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 .5rem;

  font-size: .9rem;

  border: 1px solid;
  border-radius: 3rem;
  top: 4px;
}

.u-read-h1 {
  font-weight: 700;
  font-size: 1.8rem;
}

.u-read-h2 {
  font-weight: 700;
  font-size: 1.5rem;
}

.u-read-h3 {
  font-weight: 700;
  font-size: 1.4rem;
}

.u-read-text {
  line-height: 1.6;
  color: #000000;
}

.u-radio-line {
  border-radius: 6px;
}

.u-height-auto{
  height: auto!important;
  max-height: calc(100vh - 246px);
}

.u-w117 {
  width: 11.7rem;
  min-width: 11.7rem;
}

.u-w140 {
  width: 14rem;
}

.u-w180 {
  width: 18rem;
}

.u-w190 {
  width: 19rem;
}

.u-w225 {
  width: 22.5rem;
}

.u-w240{
  width: 24rem;
}

.u-w650{
  width: 65rem;
}

.u-wide100 {
  width: 100%;
}

.u-w570{
  width: 57rem;
}

.u-flex-0{
  flex: 0!important;
}

.u-flex1 {
  flex: 1;
}

.u-h32{
  height: 32px;
}

.u-mgr05 {
  margin-right: .5rem;
}

.u-mgr08 {
  margin-right: .8rem;
}

.u-mgr10 {
  margin-right: 1rem;
}

.u-mgr20 {
  margin-right: 2rem;
}

.u-mgr25 {
  margin-right: 2.5rem;
}

.u-mgr40 {
  margin-right: 4rem;
}

.u-mgl10 {
  margin-left: 1rem;
}

.u-mgl20 {
  margin-left: 2rem;
}

.u-mgt0{
  margin-top: 0 !important;
}

.u-mgt5 {
  margin-top: 0.5rem;
}

.u-mgt10 {
  margin-top: 1rem;
}

.u-mgt20 {
  margin-top: 2rem;
}

.u-mgt24 {
  margin-top: 2.4rem;
}

.u-mgt30 {
  margin-top: 3rem;
}

.u-mgt40 {
  margin-top: 4rem;
}

.u-mgb00 {
  margin-bottom: 0rem !important;
}

.u-mgb10 {
  margin-bottom: 1rem;
}

.u-mgb15 {
  margin-bottom: 1.5rem;
}

.u-mgb16 {
  margin-bottom: 1.6rem;
}

.u-mgb20 {
  margin-bottom: 2rem;
}

.u-mgb30 {
  margin-bottom: 3rem;
}

.u-pgb25{
  padding-bottom: 2.5rem!important;
}

.u-text-center {
  text-align: center !important;
}


.u-block-center {
  margin: 0 auto 3rem;
  text-align: center;
}

.u-text-start{
  text-align: start!important;
}
.u-text-small {
  font-size: 1.1rem;
}

.u-text-medium {
  font-size: 1.4rem;
}

.u-text-large {
  font-size: 1.8rem;
}

.u-text-link{
  color: #bf3d3d;
  text-decoration: underline;
}

.u-text-red{
  color: #bf3d3d !important;
}

.u-haserror .u-error_text {
  display: block;
}

.u-top-0{
  top: 0!important;
}

.u-gap-08{
  gap: .8rem;
}

.u-gap-20 {
  gap: 2rem;
}

.u-flex-start{
  align-items: flex-start!important;
}

.u-flex-aic {
  display: flex;
  align-items: center;
}

.u-flex-jcc {
  display: flex;
  justify-content: center;
}

.clearfix::after {
  content: "";

  display: block;
  clear: both;
}

.u-fwb {
  font-weight: bold;
}

.u-h100p {
  height: 100%;
}

.u-color-wh {
  color: #f3f3f3 !important;
}

/*===================================================================
// table
=====================================================================*/
.c-table {
  width: 100%;
  min-width: calc(100% - 50px);
  margin-bottom: 4rem;

  border-top: 1px solid #eeeeee;
}

.c-table-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
  min-height: 4.7rem;

  line-height: 1.8;
}

.c-table-item.-columns2 {
  width: 50%;
}

.c-table-item.-columns2:nth-child(2) {
  padding-left: 2px;

  border-left: 1px solid #eeeeee;
}

.c-table-item dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2px 0;
  padding: 1rem 2rem;

  word-break: break-all;

  background-color: #fafafa;
}

.c-table-item dt.-pd0 {
  padding: 0 2rem;
}

.c-table-item dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 0 1rem 2rem;

  word-break: break-all;
}

.c-table-item dd.-pd0 {
  padding: 0 2rem;
}

.c-table-item dd.-flexstart {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.c-table-item .c-filename{
  white-space: nowrap;
}

.c-table-item-list {
  display: flex;
  flex-direction: column;
}

.c-table .u-haserror dd {
  display: block;
}

.c-table .u-haserror .l-error-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-table .-row {
  border-bottom: 1px solid #eeeeee;
}

.c-table .-row .c-icon-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 33px;
  height: 33px;

  border: 1px solid #eaeaea;
  border-radius: 5px;
}

.c-table .-row .c-icon-user img {
  width: 21px;
  height: auto;
}

.c-table .-row .c-select-color, .c-table .-row .c-input-color {
  position: relative;

  width: 22px;
  height: 22px;

  border-radius: 5px;
  cursor: pointer;
}

.c-table .-row .c-select-color.-red, .c-table .-row .c-input-color.-red {
  background-color: #bf3d3d;
}

.c-table .-row .c-select-color.-blue, .c-table .-row .c-input-color.-blue {
  background-color: #3d8dbf;
}

.c-table .-row .c-select-color.-green, .c-table .-row .c-input-color.-green {
  background-color: #4eaa1d;
}

.c-table .-row .c-select-color.-purple, .c-table .-row .c-input-color.-purple {
  background-color: #743dbf;
}

.c-table .-row .c-select-color.-ocher, .c-table .-row .c-input-color.-ocher {
  background-color: #bf9c3d;
}

.c-table .-row .c-select-color.-pink, .c-table .-row .c-input-color.-pink {
  background-color: #dd5b92;
}

.c-table .-row .c-select-color.-gray, .c-table .-row .c-input-color.-gray {
  background-color: #999999;
}

.c-table .-row .c-select-color.-black, .c-table .-row .c-input-color.-black {
  background-color: #333333;
}

.c-table .-row .c-color-radio:checked + label::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;

  display: block;
  width: 28px;
  height: 28px;
  padding: 1px;

  border-radius: 5px;
}

.c-table-comp {
  height: calc(100vh - 220px);
  padding-top: 120px;

  background-color: #fafafa;
}

.c-table-comp-text {
  margin-bottom: 3rem;

  font-size: 1.8rem;
  text-align: center;
}

.c-table-error-text {
  margin-bottom: 3rem;
  font-size: 1.8rem;
  text-align: center;
}

.c-table-comp-text:before {
  content: "";

  display: block;
  width: 117px;
  height: 117px;
  margin: 0 auto 2rem;

  background-image: url("../img/general/bg_completi_screen.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 117px auto;
}

/*===================================================================
// list
=====================================================================*/
.l-list-head {
  position: relative;

  min-width: 728px;
  margin-top: 2.5rem;
  padding-bottom: 1rem;

  border-bottom: 2px solid #eeeeee;
}

.l-list-head .list-text-number {
  margin-right: .5rem;

  font-size: 2.6rem;
}

.l-list-head #listNumber {
  margin-bottom: .8rem;
}

.l-list-head .c-listnumber {
  float: left;
  width: 58%;
}

.l-list-head .c-pagenation {
  position: absolute;
  top: 6px;
  left: 50%;

  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.l-list-head .c-pagenation-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-list-head .c-pagenation .-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-list-head .c-pagenation .-pages input {
  width: 3.5rem;
  height: 2rem;
  margin: 0 .2rem;
  padding: 0 .5rem;

  font-size: 1.2rem;
  text-align: center;

  background-color: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 1px;
}

.l-list-head .c-pagenation .-arrw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0 .5rem;

  border-radius: 50%;
}

.l-list-head .c-pagenation .-arrw a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 20px;
  height: 9px;

  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.l-list-head .c-pagenation .-arrw:hover {
  background-color: #f3f3f3;
  border-radius: 50%;
}

.l-list-head .c-pagenation .-first a {
  background-image: url("../img/icons/icon_arrw_double.svg");
  background-size: 11px 12px;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.l-list-head .c-pagenation .-prev a {
  background-image: url("../img/icons/icon_arrw.svg");
  background-size: 9px 12px;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.l-list-head .c-pagenation .-next a {
  background-image: url("../img/icons/icon_arrw.svg");
  background-size: 9px 12px;
}

.l-list-head .c-pagenation .-last a {
  background-image: url("../img/icons/icon_arrw_double.svg");
  background-size: 11px 12px;
}

.l-list-head .c-managementdevice {
  float: right;
}

.c-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.c-list.list_overflow {
  height: calc(100vh - 400px);
  overflow: auto;
}

.c-list.list_overflow.u-calc-m{
  height: calc(100vh - 386px);
 }

.c-list.list_overflow.u-calc-s{
  height: calc(100vh - 246px);
 }

.c-list #listHandle {
  display: table;
  width: 100%;
  min-width: calc(100% - 50px);

  pointer-events: none;
}

.c-list #listHandle .c-list-item {
  position: relative;

  display: table-cell;
}

.c-list #listHandle .c-list-item li:first-child {
  pointer-events: auto;
}

.c-list #listHandle .c-list-item li a {
  position: relative;
  z-index: 1;

  text-decoration: underline;

  pointer-events: auto;
}

.c-list #listHandle .c-list-item.-hoverstyle {
  background-color: #fafafa;
  -webkit-box-shadow: 0 0 10px -6px rgba(0, 0, 0, .7);
  box-shadow: 0 0 10px -6px rgba(0, 0, 0, .7);
  cursor: move;
}

.c-list #listHandle .c-list-item.-hoverstyle:before {
  content: "";
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  z-index: 1;

  display: block;
  width: 13px;
  height: 13px;

  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px auto;
}

@media all and (-ms-high-contrast: none) {
  .c-list {
    /* IE11 */
  }
  .c-list *::-ms-backdrop, .c-list #listHandle {
    position: relative;
    left: 4rem;

    margin-left: -4rem;
  }
}

.c-list-item {
  margin: 0;
}

#list_memo {
  width: 100px;
}

#list_memo li,
#list_private_comment li {
  max-width: 310px;
}

#list_memo li,
#list_private_comment li,
#list_template_name li {
  text-align: left;
}

#list_template_name li {
  padding: 1.3rem;
  width: 150px;
}

.status-label {
  padding: 4px 20px 2px;
  border-radius: 15px;
  line-height: 13px;
  height: 24px;
  display: inline-block;
}

.status-label.status_accepted{
  border: 1px solid #666666;
  color: #666666;
}

.status-label.status_being_registered{
  border: 1px solid #48b77c;
  color: #48b77c;
}

.status-label.status_canceled{
  border: 1px solid #eeeeee;
  background-color: #eeeeee;
}

.status-label.status_confirm{
  border: 1px solid #f69802;
  color: #f69802;
}

.status-label.status_center_cancel{
  border: 1px solid #e33333;
  color: #e33333;
}

.status-label.status_complete{
  border: 1px solid #eeeeee;
  background-color: #eeeeee;
}


.c-list-item.-list-checkbox li {
  padding: 1.3rem 2rem;
}

.c-list-item.-align-left li:nth-child(n + 2) {
  text-align: left;
}

.c-list-item li {
  min-width: 100%;
  height: 4rem;
  padding: 1.3rem 3rem;

  list-style: none;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  border-bottom: 1px solid #eeeeee;
}

.c-list-item li:has(.status-label) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-list-item li:first-child {
  font-weight: 700;
}

.c-list-item li .list_head_status {
  position: relative;
  z-index: 6;

  display: inline-block;
  width: 19px;
  height: 12px;
  padding: 0 5px;

  cursor: pointer;
}

.c-list-item li .list_head_status:hover {
  opacity: .5;
}

.c-list-item li .list_head_status.-descending img {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.-disabled .list-text-number {
  color: #666666;
}

/*===================================================================
// Status
=====================================================================*/
.l-status {
  position: fixed;
  top: 78px;
  left: 186px;

  float: left;
  width: 220px;
  height: calc(100vh - 78px);
  padding: 2.5rem 3rem;
  overflow-x: auto;

  background-color: #ffffff;
}

.l-status .-value-text {
  font-size: 3.9rem;
}

.l-status-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2.5rem;

  text-align: center;

  border-bottom: 1px solid #eeeeee;
}

.l-status-item .l-status-item-head {
  text-align: left;
}

.l-status-item.c-chart-item {
  padding-bottom: 2.8rem;
}

.l-status-item.c-chart-item .c-chart-wrap {
  position: relative;

  padding-top: .5rem;

  text-align: center;
}

.l-status-item.c-chart-item .c-chart-wrap .c-chart-text {
  position: absolute;
  top: 48%;
  left: 50%;

  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.l-status-item.c-m-device-item {
  padding-bottom: 4rem;
}

.l-status-item.c-m-device-item .-device-value {
  margin-top: 4rem;
}

.l-status-item.c-m-device-item .-device-text {
  margin-right: .8rem;

  font-size: 1.9rem;
}

.l-status-item.c-m-device-item .-device-text:before {
  content: "";

  display: inline-block;
  width: 14px;
  height: 23px;
  margin: 0 .5rem;

  background-image: url("../img/general/img_slash.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px auto;
}

.l-status-item.c-m-device-item .-device-chart {
  position: relative;

  width: 116px;
  height: 8px;
  margin: 1rem auto 0;
}

.l-status-item.c-m-device-item .-device-chart-color {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;

  height: 8px;

  border-radius: 10px;
}

.l-status-item.c-m-device-item .-device-chart-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  height: 8px;

  background-color: #f3f3f3;
  border-radius: 10px;
}

.l-status-item.c-m-device-item .-device-warning {
  margin-top: 1.2rem;
  white-space: nowrap;
}

.l-status-item.c-s-device-item {
  padding-bottom: 2rem;
}

.l-status-item.c-s-device-item .-device-value {
  margin-top: 3rem;
  margin-bottom: 2.5rem;
}

.l-status-item.c-s-device-item .-value-text {
  margin-right: 1rem;
}

.l-status-item.c-alert-item {
  padding-bottom: 2rem;

  border-bottom: none;
}

.l-status-item.c-alert-item .-device-value {
  margin-top: 3rem;
  margin-bottom: 2.5rem;
}

.l-status-item.c-alert-item .-value-text {
  margin-right: 1rem;
}

/*===================================================================
// Dashboard
=====================================================================*/
.l-main-dashboard {
  position: fixed;
  top: 78px;
  left: 406px;
  z-index: 8;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  width: calc(100% - 406px);
  height: calc(100% - 78px);
  overflow: auto;
}

.l-main-dashboard .l-content {
  width: 100%;
  min-width: 603px;
  padding: 1.5rem 2.5rem;
}

.l-main-dashboard .l-content .l-dashboard {
  min-width: 578px;
}

.l-main-dashboard .l-content .l-dashboard-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.l-main-dashboard .l-content .l-dashboard-row.tab-row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.l-main-dashboard .l-content .l-dashboard-device {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-right: 3rem;
  padding: 1rem 2rem;
}

.l-main-dashboard .l-content .l-dashboard-device-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  min-width: 10rem;
  max-width: 50%;
  margin-right: 2rem;
}

.l-main-dashboard .l-content .l-dashboard-device-select .c-device-select {
  width: 60%;
  min-width: 10rem;
  max-width: 18rem;
  margin-left: 2rem;
}

.l-main-dashboard .l-content .l-dashboard-device-select .c-device-select select {
  width: 100%;
}

.l-main-dashboard .l-content .l-dashboard-device .-text-device-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-main-dashboard .l-content .l-dashboard-device .-text-device-select span {
  margin: 0 2rem .5rem;

  font-size: 4.9rem;
}

.l-main-dashboard .l-content .l-dashboard-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 28rem;
}

.l-main-dashboard .l-content .l-dashboard-mode-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-main-dashboard .l-content .l-dashboard-mode-item .u-radio-on span, .l-main-dashboard .l-content .l-dashboard-mode-item .u-radio-off span {
  width: 9rem;
}

@media all and (-ms-high-contrast: none) {
  .l-main-dashboard .l-content .l-dashboard {
    /* IE11 */
  }
  .l-main-dashboard .l-content .l-dashboard *::-ms-backdrop, .l-main-dashboard .l-content .l-dashboard-mode {
    min-width: 28rem;
  }
}

.l-main-dashboard .l-content .l-dashboard-status {
  position: relative;
  z-index: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-left: 3rem;

  font-size: 1.7rem;

  border: 2px solid #f3f3f3;
  cursor: pointer;
}

.l-main-dashboard .l-content .l-dashboard-status a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 2.5rem 1rem 3.5rem;
}

.l-main-dashboard .l-content .l-dashboard-status:first-child {
  margin-left: 0;
}

.l-main-dashboard .l-content .l-dashboard-status.active:before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 50%;
  z-index: 0;

  width: 0;
  height: 0;
  margin-left: -8px;

  border-width: 14px 9px 0 9px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}

.l-main-dashboard .l-content .l-dashboard-status.active:after {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 50%;
  z-index: -1;

  width: 0;
  height: 0;
  margin-left: -10px;

  border-width: 17px 11px 0 11px;
  border-style: solid;
}

.l-main-dashboard .l-content .l-dashboard-status .-number {
  margin-top: 1rem;

  font-weight: 700;
  font-size: 6rem;
  text-align: center;
}

.l-main-dashboard .l-content .l-dashboard-status .-text {
  text-align: center;
}

.l-main-dashboard .l-content .l-dashboard-status .-text:before {
  content: "";

  display: block;
  margin: 0 auto 2rem;

  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 8px;
}

.l-main-dashboard .l-content .l-dashboard-status.-isolation {
  color: #e33333;
}

.l-main-dashboard .l-content .l-dashboard-status.-isolation.active {
  border: 2px solid #e33333;
}

.l-main-dashboard .l-content .l-dashboard-status.-isolation.active:after {
  border-color: #e33333 transparent transparent transparent;
}

.l-main-dashboard .l-content .l-dashboard-status.-isolation .-text:before {
  width: 42px;
  height: 59px;

  background-image: url("../img/icons/icon_isolation.svg");
}

.l-main-dashboard .l-content .l-dashboard-status.-danger {
  color: #f69802;
}

.l-main-dashboard .l-content .l-dashboard-status.-danger.active {
  border: 2px solid #f69802;
}

.l-main-dashboard .l-content .l-dashboard-status.-danger.active:after {
  border-color: #f69802 transparent transparent transparent;
}

.l-main-dashboard .l-content .l-dashboard-status.-danger .-text:before {
  width: 57px;
  height: 59px;

  background-image: url("../img/icons/icon_danger.svg");
}

.l-main-dashboard .l-content .l-dashboard-status.-normal {
  color: #48b77c;
}

.l-main-dashboard .l-content .l-dashboard-status.-normal.active {
  border: 2px solid #48b77c;
}

.l-main-dashboard .l-content .l-dashboard-status.-normal.active:after {
  border-color: #48b77c transparent transparent transparent;
}

.l-main-dashboard .l-content .l-dashboard-status.-normal .-text:before {
  width: 59px;
  height: 59px;

  background-image: url("../img/icons/icon_normal.svg");
}

.l-main-dashboard .l-content .l-dashboard-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1.5rem 2rem;
}

.l-main-dashboard .l-content .l-dashboard-list-item {
  width: 100%;

  background-color: #f3f3f3;
  border-radius: 5px;
}

.l-main-dashboard .l-content .l-dashboard-list-item:not(:last-child) {

  margin-bottom: 1rem;
}

.l-main-dashboard .l-content .l-dashboard-list-item-head {
  position: relative;

  padding: 1.5rem 4rem  1.5rem 3rem;

  cursor: pointer;
}

.l-main-dashboard .l-content .l-dashboard-list-item-head:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 20px;

  display: inline-block;
  width: 15px;
  height: 15px;

  background-image: url("../img/icons/icon_plus.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

.l-main-dashboard .l-content .l-dashboard-list-item-head.active:after {
  background-image: url("../img/icons/icon_minus.svg");
}

.l-main-dashboard .l-content .l-dashboard-list-item-head p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-main-dashboard .l-content .l-dashboard-list-item-head p .u-warning-text {
  margin-left: 4.5rem;
}

.l-main-dashboard .l-content .l-dashboard-list-item-content {
  display: none;
  padding: .5rem 3rem 1.5rem;
}

.l-main-dashboard .l-content .l-dashboard-list-item-content.active {
  display: block;
}

.l-main-dashboard .l-content .l-dashboard-list-item-content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.l-main-dashboard .l-content .l-dashboard-list-item-content-inner .l-dashboard-accordion {
  width: 100%;
  margin-right: 4.5rem;
}

.l-main-dashboard .l-content .l-dashboard-list-item-content-inner .-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 2rem;

  word-break: break-all;

  background-color: #ffffff;
  border-top: 1px solid #eeeeee;
}

.l-main-dashboard .l-content .l-dashboard-list-item-content-inner .-row:last-child {
  border-bottom: 1px solid #eeeeee;
}

.l-main-dashboard .l-content .l-dashboard-list-item-content-inner .-row .l-dashboard-list-head {
  width: 30%;
  max-width: 10rem;
  margin-right: 3rem;
}

.tabContents {
  display: none;
}

.tabContents.active {
  display: block;
}

/*===================================================================
// News
=====================================================================*/

.l-news{
  background-color: #ffffff;
  margin-top: 78px;
}

.l-news-inner{
  display: flex;
  gap: 20px;
  padding: 1.5rem 3rem;
}

.l-news-head{
  white-space: nowrap;
}

.l-news-item{
  display: flex;
  gap: 20px;
}

.l-news-item a{
  color: #bf3d3d;
  text-decoration: underline;
}

.l-news-item:not(:first-child){
  padding-top: 1.2rem;
}

.l-news-item:not(:last-child){
  border-bottom: solid 1px #EEEEEE;
  padding-bottom: 1.2rem;
}

.l-main-news .l-content .l-news-list-item {
  width: 100%;

  background-color: #f3f3f3;
  border-radius: 5px;
}

.l-main-news .l-content .l-news-list-item:not(:last-child) {
  margin-bottom: 1rem;
}

.l-main-news .l-content .l-news-list-item-head {
  position: relative;

  padding: 1.5rem 4rem  1.5rem 3rem;

  cursor: pointer;
}

.l-main-news .l-content .l-news-list-item-head:after {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;

  display: inline-block;
  width: 15px;
  height: 15px;

  background-image: url("../img/icons/icon_plus.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

.l-main-news .l-content .l-news-list-item-head.active:after {
  background-image: url("../img/icons/icon_minus.svg");
}

.l-main-news .l-content .l-news-list-item-head p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-main-news .l-content .l-news-list-item-head p .u-warning-text {
  margin-left: 4.5rem;
}

.l-main-news .l-content .l-news-list-item-content {
  display: none;
  padding: .5rem 3rem 1.5rem;
}

.l-main-news .l-content .l-news-list-item-content.active {
  display: block;
}

.l-main-news .l-content .l-news-list-item-content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.l-main-news .l-content .l-news-list-item-content-inner .l-news-accordion {
  width: 100%;
  margin-right: 4.5rem;
}

.l-main-news .l-content .l-news-list-item-content-inner .-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 2rem;

  word-break: break-all;

  background-color: #ffffff;
  border-top: 1px solid #eeeeee;
}

.l-main-news .l-content .l-news-list-item-content-inner .-row:last-child {
  border-bottom: 1px solid #eeeeee;
}

.l-main-news .l-content .l-news-list-item-content-inner .-row .l-news-list-head {
  width: 30%;
  max-width: 10rem;
  margin-right: 3rem;
}

.l-news-maintext-textarea {
  width: 100%;
  height: 400px;
  padding: 1rem 1.5rem;

  resize: none;
}
/*===================================================================
// Device
=====================================================================*/
.l-tab-item {
  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 49.5%;
  height: 6rem;

  font-weight: 500;
  font-size: 2rem;
  color: #000000;

  background-color: #fafafa;
  border-top: 4px solid #fafafa;
  cursor: pointer;
}

.l-tab-item .-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 21px;
  margin-left: 1rem;
  padding: 0 1rem;

  font-size: 1.4rem;
  color: #ffffff;

  border-radius: 50px;
}

.-device .c-table-item dt {
  width: 20rem;
}

.c-content-device {
  display: none;
  padding: 3.5rem 3rem 2.5rem;
}

.c-content-device.-show {
  display: block;
}

.c-alert-list {
  width: 28rem;

  border-right: 1px solid #eeeeee;
}

.c-alert-list-item {
  position: relative;

  padding: 1.5rem 2rem 1.5rem 4.5rem;

  font-size: 1.4rem;

  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
}

.c-alert-list-item .c-alertlist_icon {
  position: absolute;
  top: 50%;
  left: 1rem;

  display: none;

  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.c-alert-list-item.-hasalert .c-alertlist_icon {
  display: block;
}

.c-alert-list-item:hover, .c-alert-list-item.-current {
  color: #ffffff;
}

.c-alert-list-item:hover .c-alertlist_icon, .c-alert-list-item.-current .c-alertlist_icon {
  fill: #ffffff;
}

.c-alert-list-item:hover .c-alert-list-time, .c-alert-list-item.-current .c-alert-list-time {
  opacity: .6;
}

.c-alert-list-text {
  margin-bottom: .5rem;
}

.c-alert-list-text span {
  margin-right: 1.5rem;

  font-weight: 700;
  font-size: 1.6rem;
}

.c-alert-list-time {
  color: #c7c7c7;
}

.c-alert-table-wrap {
  width: calc(100% - 280px);
  padding: 3rem 0 3rem 3rem;
}

.c-alert-table-wrap .c-table-item {
  width: 100%;
}

.c-alert-table-wrap .c-table-item dd {
  padding: 1rem 3rem 1rem 2rem;
}

.c-alert-table-wrap .c-alert-table {
  display: none;
}

.c-alert-table-wrap .c-alert-table.-show {
  display: block;
}

.l-search-list label {
  margin-right: 1rem;
}

.l-search-list .c-device-checkbox {
  margin-top: -10px;
}

.l-search-list .c-device-checkbox label {
  margin-top: 10px;
  display: inline-block;
}

/*===================================================================
// Tenant
=====================================================================*/
.-tenant .c-table-item dt {
  width: 17rem;
}

/*===================================================================
// mail
=====================================================================*/
.l-mail-maintext {
  width: 100%;
}

.l-mail-maintext-textarea {
  width: 100%;
  height: 650px;
  padding: 1rem 1.5rem;

  resize: none;
}

.l-mail-maintext .c-btn-maintext {
  width: 180px;
  margin-bottom: 1rem;
  margin-left: 0;
}

.l-mail-maintext .c-btn-maintext label {
  width: 50%;
}

.-mailtemplate .c-table-item dt {
  width: 18.5rem;
}

.-mailtemplate .input-destination {
  width: 100%;
}

.-mailtemplate .input-destination input {
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
}

.-mailtemplate .input-destination + .u-error_text {
  margin-top: -1rem;
  margin-bottom: 1rem;
}

.btn_inputDelete {
  display: block;
  display: none;
  width: 1rem;
  height: 1rem;

  background-image: url("../img/icons/icon_close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px auto;
  cursor: pointer;
}

.text-mode .text-textarea {
  display: block;
}

.text-mode .html-textarea {
  display: none;
}

.html-mode .text-textarea {
  display: none;
}

.html-mode .html-textarea {
  display: block;
}

.c-btn_add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-btn_add .c-add_icon {
  display: block;
  margin-top: 2px;
  margin-right: 1rem;
}

.c-btn_add:hover .c-add_icon .icon-add {
  fill: #ffffff;
  stroke: #ffffff;
}

.l-mail-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-width: 28rem;
  margin-top: 4rem;
  margin-left: 2rem;
}

.l-mail-copy-wrap {
  position: relative;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;
}

.l-mail-copy-text {
  position: relative;

  min-width: 28rem;
  height: 2.6rem;
  padding: 0 1.5rem;

  color: #666666;

  background-color: #f3f3f3;
  border: none;
  border-radius: 5px;
}

.l-mail-copy-btn {
  position: absolute;
  top: 5px;
  right: 4px;
  z-index: 8;

  cursor: pointer;
}

.l-mail-copy-btn img {
  width: 14px;
  height: 16px;
}

.l-mail-copy .c-copyicon {
  position: absolute;
  top: 6px;
  right: 3px;
  z-index: 9;

  display: none;
  height: 16px;
  padding: 0;

  background-color: #f3f3f3;
}

.l-mail-copy .c-copyicon svg {
  width: 14px;
  height: 16px;
}

.l-mail-copy .c-copyalert {
  position: absolute;
  right: 2.3rem;
  bottom: 1.8rem;
  z-index: 7;

  display: none;
  width: auto;
  padding: 1.5rem;

  line-height: 1.6;

  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 6px 6px 16px -4px rgba(0, 0, 0, .2);
  box-shadow: 6px 6px 16px -4px rgba(0, 0, 0, .2);
}

/*===================================================================
// login
=====================================================================*/
.l-login-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
}

.l-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 1090px;
  min-height: 609px;
  margin: 0 auto;

  background-color: #ffffff;
  background-image: url("../img/general/img_main.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% auto;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
}

.l-login-inner {
  width: 49rem;
  padding: 2.5rem 5rem 2.5rem;

  border-left: 1px solid #eeeeee;
}

.l-login .c-loginid {
  position: relative;
}

.l-login .c-loginid .c-loginid_icon {
  position: absolute;
  top: 1.6rem;
  left: 2.5rem;
  z-index: 1;
}

.l-login .c-loginid .c-login-input {
  padding-left: 5.5rem;
}

.l-login .c-loginpass {
  position: relative;
}

.l-login .c-loginpass:before {
  content: "";
  position: absolute;
  top: 1.4rem;
  left: 2.5rem;
  z-index: 2;

  display: block;
  width: 16px;
  height: 20px;

  background-image: url("../img/icons/icon_lock_gray.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.l-login .c-loginpass .c-loginpass_btn {
  position: absolute;
  top: 1.6rem;
  right: 2.5rem;
  z-index: 3;

  display: block;
  width: 20px;
  height: 20px;

  cursor: pointer;
}

.l-login .c-loginpass .c-loginpass_btn img {
  width: 20px;
  height: 20px;
}

.l-login .c-loginpass .c-loginpass_btn.-icon_eye_hide {
  background-image: url("../img/icons/icon_password_hide.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.l-login .c-loginpass .c-loginpass_btn.-icon_eye_show {
  background-image: url("../img/icons/icon_password_show.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.l-login .c-loginpass .c-login-input {
  padding-right: 5.5rem;
  padding-left: 5.5rem;
}

.l-login .c-mailaddress {
  position: relative;
}

.l-login .c-mailaddress:before {
  content: "";
  position: absolute;
  top: 1.7rem;
  left: 2.5rem;
  z-index: 2;

  display: block;
  width: 20px;
  height: 15px;

  background-image: url("../img/icons/icon_mail_gray.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.l-login .c-mailaddress .c-mailaddress-input {
  padding-left: 5.5rem;

  border: 1px solid #eaeaea;
}

.l-login .c-login-input {
  width: 39rem;
  height: 5rem;

  background-color: #fafafa;
  border-radius: 0;
}

.l-login .c-login-input.-w100 {
  width: 100%;
}

.l-login .c-login-btn {
  width: 39rem;
  height: 5rem;
}

.l-login .c-login-btn.-w100 {
  width: 100%;
}

.l-login-read {
  margin: 3rem auto 0;
  padding: 2rem 2.5rem;

  color: #000000;

  border: 1px solid #eeeeee;
  border-radius: 5px;
}

.l-login-read-item {
  width: 48%;
}

.l-login-read-item .c-login-line {
  width: 100%;
  height: 5rem;

  background-color: transparent;
}

.l-login .img_lock {
  margin: 3.8rem auto 2.5rem;

  text-align: center;
}

.l-login .u-read-text {
  line-height: 1.6;
  color: #000000;
}

.l-login .u-haserror .c-login-input {
  margin-bottom: .5rem;
}

.c-login-btn-line {
  width: 21rem;
  height: 5rem;
  margin: 0 auto;
}

.-link-text {
  font-size: 1.2rem;
}

.-link-text a {
  text-decoration: underline;
}

.l-login-inner .c-privacy-policy__link {
  margin-top: 3rem;
}

/*===================================================================
// sorrypage
=====================================================================*/
.sorrypage-wrap {
  width: 100vw;
  height: 100vh;

  background-color: #ffffff;
  background-image: url("../img/general/bg_sorrypage.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

.sorrypage-wrap .l-sorrypage {
  margin: 0 auto;

  text-align: center;
}

.sorrypage-wrap .l-sorrypage .u-read-h1 {
  margin-top: 8rem;
}

.sorrypage-wrap .l-sorrypage .c-sorrtext {
  margin: 6rem 0 2rem;

  font-weight: 700;
  font-size: 3rem;
  color: #444444;
}

.sorrypage-wrap .l-sorrypage .u-read-text {
  margin-bottom: 6rem;

  font-size: 1.4rem;
  line-height: 1.8;
}

/*===================================================================
// Help
=====================================================================*/
.c-help-head {
  min-height: 2rem;
  padding-left: 2.5rem;

  font-weight: normal;
  font-size: 1.6rem;

  background-repeat: no-repeat;
  background-position: top left;
  background-size: 20px auto;
}

.c-help-head.-dashboard {
  background-image: url("../img/icons/icon_dashboard_gray.svg");
}

.c-help-head.-device {
  background-image: url("../img/icons/icon_device_gray.svg");
}

.c-help-head.-alert {
  background-image: url("../img/icons/icon_alert_gray.svg");
}
.c-help-head.-tenant {
  background-image: url("../img/icons/icon_tenant_gray.svg");
}
.c-help-head.-group {
  background-image: url("../img/icons/icon_group_gray.svg");
}
.c-help-head.-account {
  background-image: url("../img/icons/icon_account_gray.svg");
}
.c-help-head.-mail {
  background-image: url("../img/icons/icon_mail_gray-help.svg");
}
.c-help-head.-m_dl {
  background-image: url("../img/icons/icon_monthly-download_gray.svg");
}
.c-help-head.-f_dl {
  background-image: url("../img/icons/icon_file-download_gray.svg");
}

.c-hint-wrap {
  font-size: 1.4rem;
  line-height: 1.6;
}

.c-hint-wrap .u-box-gray {
  margin-top: 1rem;
  padding-bottom: 1px;
}

.c-hint-wrap .c-hint-qtext {
  position: relative;

  display: block;
  padding: 1.5rem 7rem 1.5rem 5rem;

  cursor: pointer;
}

.c-hint-wrap .c-hint-qtext::before {
  content: "Q";
  position: absolute;
  top: 1.5rem;
  left: 2rem;

  width: 22px;
  height: 22px;

  font-size: 1.2rem;
  text-align: center;

  background-color: #ffffff;
  border-radius: 50%;
}

.c-hint-wrap .c-hint-qtext:after {
  content: "";
  position: absolute;
  top: 1.7rem;
  right: 1.8rem;

  display: block;
  width: 20px;
  height: 20px;

  background-image: url("../img/icons/icon_arrow02.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px auto;

  -webkit-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out;
}

.c-hint-wrap .c-hint-qtext.-open:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.c-hint-wrap .c-accordion-content {
  position: relative;
  z-index: 999;

  display: none;
  margin: 1rem 2rem;
  padding: 1.5rem 2rem;

  background-color: #ffffff;
  border-radius: 5px;
  cursor: default !important;

  pointer-events: none;
}

.c-hint-wrap .c-hint-atext {
  position: relative;

  padding-left: 3rem;
}

.c-hint-wrap .c-hint-atext::before {
  content: "A";
  position: absolute;
  top: 0;
  left: 0;

  width: 22px;
  height: 22px;

  font-size: 1.2rem;
  text-align: center;
  color: #ffffff;

  border-radius: 50%;
}

/*===================================================================
// terminal_regist_request
=====================================================================*/
.c-attention-text.-icon {
  position: relative;
  padding-left: 28px;
}

.c-attention-text.-icon::before {
  position: absolute;
  content: "";
  background: url("../img/icons/icon_warning.svg") no-repeat center center / contain;
  width: 20px;
  height: 20px;
  left: 0;
  top: -4px;
}

.p-button-wrapper {
  display: flex;
  gap: 30px;
}

.p-button-wrapper.-g10 {
  gap: 10px;
}

.l-request-maintext,
.l-template-maintext {
  width: 100%;
}

.l-request-maintext-textarea,
.l-template-maintext-textarea {
  width: 100%;
  height: 200px;
  padding: 1rem 1.5rem;
  resize: none;
}


.l-comment-maintext {
  width: 100%;
}

.l-comment-maintext-textarea {
  width: 100%;
  height: 100px;
  padding: 1rem 1.5rem;
  resize: none;
}

.c-target-file {
  display: block;
}

.c-target-file.-hidden {
  display: none;
}

.c-file_upload {
  border: 1px dashed #bf3d3d;
  width: 100%;
  height: 200px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.c-file_upload .js-file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
}

.c-file_upload_text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.c-file_upload_text::before {
  content: "";
  mask-image: url("../img/icons/icon_file_upload.svg");
  width: 32px;
  height: 32px;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

.c-file-error {
  display: none;
  color: #bf3d3d;
}

.-requesttemplate .input-destination {
  width: 100%;
}

.-requesttemplate .input-destination input {
  flex-grow: 10;
  -webkit-box-flex: 10;
}

.-requesttemplate .input-destination.-hidden {
  display: none;
}
.-requesttemplate .input-destination input {
  flex-grow: 10;
  -webkit-box-flex: 10;
}

.modal_mail {
  padding: 1.3rem 0 !important;
  text-align: left !important;
}

.c-mail-list-item {
  margin: 0;
}

.c-mail-list-item.-list-checkbox li {
  padding: 1.3rem 2rem;
}

.c-mail-list-item li {
  min-width: 100%;
  height: 4rem;
  padding: 1.3rem 3rem;

  list-style: none;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  border-bottom: 1px solid #eeeeee;
}

.c-mail-list-item li:first-child {
  font-weight: 700;
}

.modal_mail:first-child {
  font-weight: normal !important;
}

.modal_mail_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 275px;
  height: 44px;
  margin: 2rem auto 0;

  text-align: center;

  background-color: #f3f3f3;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}

.modal_mail_head p {
  padding-left: 60px;
}

.modal_mail_scroll {
  width: 275px;
  max-height: 250px;
  margin: 0 auto;
  overflow-y: auto;

  text-align: center;

  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}

.modal_mail_scroll_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 44px;

  border-top: 1px solid #eeeeee;
}

.p-details-search {
  background-color: #fafafa;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  position: relative;
}

.c-details-search-title {
  position: absolute;
  padding-right: 24px;
  margin-right: 20px;
  cursor: pointer;
  top: 21px;
  left: 20px;
}

.c-details-search-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);

  display: inline-block;
  width: 15px;
  height: 15px;

  background-image: url("../img/icons/icon_plus.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

.c-details-search-title.active::after {
  background-image: url("../img/icons/icon_minus.svg");
}

.p-details-search-boxes {
  background-color: #ffffff;
  padding: 12px 20px;
  flex: 1;
  margin-right: 20px;
  z-index: 1;
  position: relative;
  margin-left: 100px;
}

.p-details-search-box {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.p-details-search-box-add {
  margin-top: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: -1;
  position: relative;
  flex-wrap: wrap;
}

.p-details-search-box-add + .p-details-search-box-add{
  margin-top: 10px;
}

.p-calendar-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
}

.c-same_company-check {
  mask-image: url("../img/icons/icon_check_red.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  width: 14px;
  height: 14px;
  display: block;
  background-color: #bf3d3d;
  margin-left: auto;
  margin-right: auto;
}

.c-mail-input {
  display: block;
}

.c-mail-input.-hidden {
  display: none;
}

.c-error-file_item {
  display: flex;
  gap: 10px;
}

.c-template-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: wrap !important;
  text-align: left !important;
  padding: 0 !important;
  padding: 1rem 0;
}

.c-template-name {
  padding: 1.3rem !important;
}

.modal_template {
  max-width: 550px;
}

.modal_template_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 44px;
  margin: 2rem auto 0;
  text-align: center;
  background-color: #f3f3f3;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  padding: 1rem 2rem;
}

.modal_template_head p {
  text-align: left;
}

.modal_template_head p:first-child {
  width: 170px;
  padding-left: 2.5rem;
}

.modal_template_head p:nth-child(2) {
  width: calc(100% - 170px);
}

.modal_template_scroll {
  margin: 0 auto;
  max-height: 250px;
  overflow-y: auto;
  text-align: center;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}

.modal_template_scroll_row {
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 44px;
  border-top: 1px solid #eeeeee;
}

.modal_template_input {
  flex-shrink: 0;
  width: 170px;
}

.modal_template_text {
  text-align: left;
  width: calc(100% - 170px);
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.c-btn[data-modal-link="modal_cancel_request"]:disabled{
  color: #c1c1c1;
  background-color: #f3f3f3 !important;
}

.c-btn[data-modal-link="modal_cancel_unable"]{
  color: #c1c1c1;
  background-color: #f3f3f3 !important;
  cursor: auto;
}

.c-delete-btn {
  display: block;
  display: none;
  width: 1rem;
  height: 1rem;

  background-image: url("../img/icons/icon_close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px auto;
  cursor: pointer;
}

.c-list .list-container {
  display: table;
  width: 100%;
  min-width: calc(100% - 50px);

  pointer-events: none;
}

.c-list .list-container .c-list-item {
  position: relative;

  display: table-cell;
}

.c-list .list-container .c-list-item li:first-child {
  pointer-events: auto;
}

.c-list .list-container .c-list-item li a {
  position: relative;
  z-index: 1;

  text-decoration: underline;

  pointer-events: auto;
}

.c-terminal-regist-request-btn {
  position: relative;
  display: block;
  padding: 1.2rem 1.5rem 1.2rem 4rem;
  border-radius: 999px;
}

.c-terminal-regist-request-btn:hover {
  background-color: #f3f3f3;
  opacity: 1;
}

.c-terminal-regist-request-btn:before {
  content: "";
  position: absolute;
  left: 1.5rem;
  mask-image: url("../img/icons/icon_regist_request.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  width: 16px;
  height: 16px;
  background-color: #666666;
  top: 50%;
  transform: translateY(-50%);
}

.grid-item {
  display: grid;
  grid-template-columns: 170px 1fr 130px;
  width: 100%;
  line-height: 1.8;
}

.grid-item-head {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  gap: 20px;
  margin: 2px 0;
  padding: 1rem 2rem;
  word-break: break-all;
  background-color: #fafafa;
}

.grid-item-body {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  gap: 20px;
}

.grid-item-body.u-padding {
  padding: 1rem 0 1rem 2rem;
}

.grid-item-row {
  display: grid;
  align-items: center;
}

.grid-item-btn {
  display: grid;
  align-items: center;
  justify-content: end;
  grid-row: 1 / 5;
	grid-column: 3 / 4;
}