@charset "UTF-8";
/* IEハック用mixin */
/* colormap */
.material-icons.home {
  color: #5A5A5D;
}

.material-icons.help {
  color: #e51755;
}

.material-icons.dashboard {
  color: #e51755;
}

.material-icons.assignment {
  color: #e94454;
}

.material-icons.timeline {
  color: #ea6350;
}

.material-icons.folder_shared {
  color: #f09046;
}

.material-icons.support_thread {
  color: #f09046;
}

.material-icons.live_help {
  color: #f1b72f;
}

.material-icons.create {
  color: #89cdcc;
}

.material-icons.subscriptions {
  color: #ebc12f;
}

.material-icons.assignment_ind {
  color: #dcd02e;
}

.material-icons.business {
  color: #dcd02e;
}

.material-icons.supervisor_account {
  color: #cadb2d;
}

.material-icons.receipt {
  color: #aed15b;
}

.material-icons.person {
  color: #aed15b;
}

.material-icons.attach_money {
  color: #92ca7f;
}

.material-icons.local_hospital {
  color: #92ca7f;
}

.material-icons.assignment_turned_in {
  color: #89cdcc;
}

.material-icons.fiber_new {
  color: #89cdcc;
}

.material-icons.class {
  color: #87cdcc;
}

.material-icons.layers {
  color: #85cfec;
}

.material-icons.admin_supervisor_account {
  color: #85cfec;
}

.material-icons.event {
  color: #8AB9ED;
}

.material-icons.filter_4 {
  color: #8EA8EE;
}

.material-icons.description {
  color: #9395EF;
}

.material-icons.person_outline {
  color: #9395EF;
}

.bg-gray-dark {
  background-color: #E8EDED !important;
}

.bg-gray-light {
  background-color: #F7FAFC !important;
}

.bg-disabled {
  background-color: #bdcbcb !important;
}

.bg-cream {
  background-color: #ffffe2 !important;
}

.bg-peach {
  background-color: #fbe3d6 !important;
}

.bg-deep-cream {
  background-color: #ffff99 !important;
}

.color-company {
  color: #EF9709;
}

.color-shien {
  color: #2C3440;
}

.color-admin {
  color: #2C3440;
}

.color-user {
  color: #C5CE00;
}

.btn-base-edit {
  color: #fff;
  font-weight: bold;
  background: rgb(19, 144, 167);
  border-radius: 0.2rem;
  padding: 0.5rem 1rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(19, 144, 167)), to(rgb(28, 200, 232)));
  background: linear-gradient(0deg, rgb(19, 144, 167) 0%, rgb(28, 200, 232) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1390a7", endColorstr="#1cc8e8", GradientType=1);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.btn-base-edit.btn-sm {
  padding: 0.25rem 0.5rem;
}
.btn-base-edit:hover {
  color: #fff;
  opacity: 0.8;
}

.btn-base-default {
  color: #fff;
  font-weight: bold;
  background: #989292;
  border-radius: 0.2rem;
  padding: 0.5rem 1rem;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
}
.btn-base-default.btn-sm {
  padding: 0.25rem 0.5rem;
}
.btn-base-default:hover {
  color: #fff;
  opacity: 0.8;
}
.btn-base-default > span.icon {
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  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;
}

.btn-base-danger {
  color: #fff;
  font-weight: bold;
  background: #dc3545;
  border-radius: 0.2rem;
  padding: 0.5rem 1rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#bd2130), to(#dc3545));
  background: linear-gradient(0deg, #bd2130 0%, #dc3545 100%);
  border-color: #dc3545;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bd2130", endColorstr="#dc3545", GradientType=1);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.btn-base-danger.btn-sm {
  padding: 0.25rem 0.5rem;
}
.btn-base-danger:hover {
  color: #fff;
  opacity: 0.8;
}

.btn-base-warning {
  color: #fff;
  font-weight: bold;
  background: #EF9709;
  border-radius: 0.2rem;
  padding: 0.5rem 1rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#d28408), to(#EF9709));
  background: linear-gradient(0deg, #d28408 0%, #EF9709 100%);
  border-color: #d28408;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$orange, endColorstr=darken($orange,6), GradientType=1);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.btn-base-warning.btn-sm {
  padding: 0.25rem 0.5rem;
}
.btn-base-warning:hover {
  color: #fff;
  opacity: 0.8;
}

.btn-base-another {
  color: #fff;
  font-weight: bold;
  background: #6f42c1;
  border-radius: 0.2rem;
  padding: 0.5rem 1rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#6138ac), to(#6f42c1));
  background: linear-gradient(0deg, #6138ac 0%, #6f42c1 100%);
  border-color: #6138ac;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$purple, endColorstr=darken($purple,6), GradientType=1);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.btn-base-another.btn-sm {
  padding: 0.25rem 0.5rem;
}
.btn-base-another:hover {
  color: #fff;
  opacity: 0.8;
}

.btn-base-alter {
  color: #fff;
  font-weight: bold;
  background: #97373C;
  border-radius: 0.2rem;
  padding: 0.5rem 1rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#812f33), to(#97373C));
  background: linear-gradient(0deg, #812f33 0%, #97373C 100%);
  border-color: #812f33;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$color-alter, endColorstr=darken($color-alter,6), GradientType=1);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.btn-base-alter.btn-sm {
  padding: 0.25rem 0.5rem;
}
.btn-base-alter:hover {
  color: #fff;
  opacity: 0.8;
}

.btn-base-alter-light {
  color: #fff;
  font-weight: bold;
  background: #c04f15;
  border-radius: 0.2rem;
  padding: 0.5rem 1rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#a44412), to(#c04f15));
  background: linear-gradient(0deg, #a44412 0%, #c04f15 100%);
  border-color: #a44412;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$color-alter-light, endColorstr=darken($color-alter-light,6), GradientType=1);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.btn-base-alter-light.btn-sm {
  padding: 0.25rem 0.5rem;
}
.btn-base-alter-light:hover {
  color: #fff;
  opacity: 0.8;
}

.btn-base-moss {
  color: #fff;
  font-weight: bold;
  background: #196b24;
  border-radius: 0.2rem;
  padding: 0.5rem 1rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#13521c), to(#196b24));
  background: linear-gradient(0deg, #13521c 0%, #196b24 100%);
  border-color: #13521c;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$moss, endColorstr=darken($moss,6), GradientType=1);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.btn-base-moss.btn-sm {
  padding: 0.25rem 0.5rem;
}
.btn-base-moss:hover {
  color: #fff;
  opacity: 0.8;
}

.btn-base, .btn-base-new, .btn-base-send, .btn-base-download, .btn-base-arrow-next, .btn-base-arrow-prev, .btn-base-calendar, .btn-base-search, .btn-base-flat-primary, .btn-base-flat-success, .btn-base-flat-danger, .btn-base-toggle-info, .btn-base-flat-edit, .btn-base-flat-info, .btn-base-flat-another, .btn-base-flat-orange, .btn-base-flat-warning, .btn-base-save, .btn-base-prev {
  color: #555555;
  border: thin solid #555555;
  background: #F2F5F5;
  border-radius: 0.2rem;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  display: inline-block;
  width: 14rem;
  padding: 0.5rem 1rem;
  position: relative;
  -webkit-transition: all 120ms ease 0s;
  transition: all 120ms ease 0s;
}
.btn-base.btn-sm, .btn-sm.btn-base-new, .btn-sm.btn-base-send, .btn-sm.btn-base-download, .btn-sm.btn-base-arrow-next, .btn-sm.btn-base-arrow-prev, .btn-sm.btn-base-calendar, .btn-sm.btn-base-search, .btn-sm.btn-base-flat-primary, .btn-sm.btn-base-flat-success, .btn-sm.btn-base-flat-danger, .btn-sm.btn-base-toggle-info, .btn-sm.btn-base-flat-edit, .btn-sm.btn-base-flat-info, .btn-sm.btn-base-flat-another, .btn-sm.btn-base-flat-orange, .btn-sm.btn-base-flat-warning, .btn-sm.btn-base-save, .btn-sm.btn-base-prev {
  padding: 0.25rem 0.5rem;
}
.btn-base:after, .btn-base-new:after, .btn-base-send:after, .btn-base-download:after, .btn-base-arrow-next:after, .btn-base-arrow-prev:after, .btn-base-calendar:after, .btn-base-search:after, .btn-base-flat-primary:after, .btn-base-flat-success:after, .btn-base-flat-danger:after, .btn-base-toggle-info:after, .btn-base-flat-edit:after, .btn-base-flat-info:after, .btn-base-flat-another:after, .btn-base-flat-orange:after, .btn-base-flat-warning:after, .btn-base-save:after, .btn-base-prev:after {
  position: absolute;
  content: "";
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.btn-base:hover, .btn-base-new:hover, .btn-base-send:hover, .btn-base-download:hover, .btn-base-arrow-next:hover, .btn-base-arrow-prev:hover, .btn-base-calendar:hover, .btn-base-search:hover, .btn-base-flat-primary:hover, .btn-base-flat-success:hover, .btn-base-flat-danger:hover, .btn-base-toggle-info:hover, .btn-base-flat-edit:hover, .btn-base-flat-info:hover, .btn-base-flat-another:hover, .btn-base-flat-orange:hover, .btn-base-flat-warning:hover, .btn-base-save:hover, .btn-base-prev:hover {
  background-color: #d5dfdf;
  -webkit-box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.5);
}
.btn-base:active, .btn-base-new:active, .btn-base-send:active, .btn-base-download:active, .btn-base-arrow-next:active, .btn-base-arrow-prev:active, .btn-base-calendar:active, .btn-base-search:active, .btn-base-flat-primary:active, .btn-base-flat-success:active, .btn-base-flat-danger:active, .btn-base-toggle-info:active, .btn-base-flat-edit:active, .btn-base-flat-info:active, .btn-base-flat-another:active, .btn-base-flat-orange:active, .btn-base-flat-warning:active, .btn-base-save:active, .btn-base-prev:active {
  background-color: #d5dfdf;
  -webkit-box-shadow: 0px -2px 10px -4px rgba(0, 0, 0, 0.5);
          box-shadow: 0px -2px 10px -4px rgba(0, 0, 0, 0.5);
}
.btn-base > span.icon, .btn-base-new > span.icon, .btn-base-send > span.icon, .btn-base-download > span.icon, .btn-base-arrow-next > span.icon, .btn-base-arrow-prev > span.icon, .btn-base-calendar > span.icon, .btn-base-search > span.icon, .btn-base-flat-primary > span.icon, .btn-base-flat-success > span.icon, .btn-base-flat-danger > span.icon, .btn-base-toggle-info > span.icon, .btn-base-flat-edit > span.icon, .btn-base-flat-info > span.icon, .btn-base-flat-another > span.icon, .btn-base-flat-orange > span.icon, .btn-base-flat-warning > span.icon, .btn-base-save > span.icon, .btn-base-prev > span.icon {
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  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;
}

.btn-base-prev {
  color: #555555;
  border: thin solid #555555;
  background: #F2F5F5;
}
.btn-base-prev:after {
  background: url("../img/common/icon_return_bk.png");
  width: 1.38rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
}

.btn-base-save {
  color: #fff;
  border: thin solid #EF9709;
  background: #EF9709;
}
.btn-base-save:after {
  background: url("../img/common/icon_check-mark.png");
  width: 1.38rem;
  height: 1.1rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.btn-base-save:hover {
  background-color: #f7ac34;
  color: #fff;
}
.btn-base-save:active {
  background-color: #f7ac34;
  color: #fff;
}

.btn-base-flat-orange, .btn-base-flat-warning {
  color: #fff;
  border: thin solid #EF9709;
  background: #EF9709;
}
.btn-base-flat-orange:hover, .btn-base-flat-warning:hover {
  background-color: #f7ac34;
  color: #fff;
}
.btn-base-flat-orange:active, .btn-base-flat-warning:active {
  background-color: #f7ac34;
  color: #fff;
}

.btn-base-flat-another {
  color: #fff;
  border: thin solid #6f42c1;
  background: #8c68ce;
}
.btn-base-flat-another:hover {
  background-color: #8c68ce;
  color: #fff;
}
.btn-base-flat-another:active {
  background-color: #8c68ce;
  color: #fff;
}

.btn-base-flat-edit, .btn-base-flat-info {
  color: #fff;
  border: thin solid #17a2b8;
  background: #17a2b8;
}
.btn-base-flat-edit:hover, .btn-base-flat-info:hover {
  background-color: #1ab6cf;
  color: #fff;
}
.btn-base-flat-edit:active, .btn-base-flat-info:active {
  background-color: #1ab6cf;
  color: #fff;
}
.btn-base-flat-edit[aria-expand=true], .btn-base-flat-info[aria-expand=true] {
  background-color: #1ab6cf;
  color: #fff;
}

.btn-base-toggle-info {
  color: #fff;
  border: thin solid #989292;
  background: #989292;
}
.btn-base-toggle-info:hover {
  background-color: #1ab6cf;
  color: #fff;
}
.btn-base-toggle-info:active {
  background-color: #1ab6cf;
  color: #fff;
}
.btn-base-toggle-info[aria-expanded=true] {
  background-color: #1ab6cf;
  color: #fff;
}

.btn-base-flat-danger {
  color: #fff;
  border: thin solid #dc3545;
  background: #dc3545;
}
.btn-base-flat-danger:hover {
  background-color: #e04b59;
  color: #fff;
}
.btn-base-flat-danger:active {
  background-color: #e04b59;
  color: #fff;
}

.btn-base-flat-success {
  color: #fff;
  border: thin solid #31AD5B;
  background: #31AD5B;
}
.btn-base-flat-success:hover {
  background-color: #37c165;
  color: #fff;
}
.btn-base-flat-success:active {
  background-color: #37c165;
  color: #fff;
}

.btn-base-flat-primary {
  color: #fff;
  border: thin solid #3e8dbc;
  background: #3e8dbc;
}
.btn-base-flat-primary:hover {
  background-color: #317096;
  color: #fff;
}
.btn-base-flat-primary:active {
  background-color: #317096;
  color: #fff;
}

.btn-base-search {
  color: #fff;
  border: thin solid #EF9709;
  background: #EF9709;
  text-align: center;
}
.btn-base-search:after {
  background: url("../img/common/icon_search.png");
  width: 1.38rem;
  height: 1.38rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.btn-base-search:hover {
  background-color: #f7ac34;
  color: #fff;
}
.btn-base-search:active {
  background-color: #f7ac34;
  color: #fff;
}

.btn-base-search-rev {
  position: relative;
  padding: 0.5rem 0em 0.5rem 2rem;
}
.btn-base-search-rev:after {
  position: absolute;
  display: block;
  content: "";
  background: url("../img/common/icon_search_dark.png");
  right: auto;
  left: 0.33rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1.38rem;
  height: 1.38rem;
  -webkit-transform: translateY(-0.15em);
          transform: translateY(-0.15em);
  background-repeat: no-repeat;
  background-size: contain;
}
.btn-base-search-rev:hover {
  background-color: transparent;
  text-decoration: underline;
}
.btn-base-search-rev:focus, .btn-base-search-rev.focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: underline;
  background-color: transparent;
}

.btn-base-calendar {
  color: #fff;
  border: thin solid #EF9709;
  background: #EF9709;
  width: 16rem;
  text-align: left;
}
.btn-base-calendar:after {
  background: url("../img/common/icon_schedule.png");
  width: 1.38rem;
  height: 1.38rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.btn-base-calendar:hover {
  background-color: #f7ac34;
  color: #fff;
}
.btn-base-calendar:active {
  background-color: #f7ac34;
  color: #fff;
}

.btn-base-arrow-prev {
  color: #fff;
  border: thin solid #EF9709;
  background: #EF9709;
  text-align: left;
  width: 6rem;
}
.btn-base-arrow-prev:after {
  background: url("../img/common/icon_arrow_prev.png");
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.btn-base-arrow-prev:hover {
  background-color: #f7ac34;
  color: #fff;
}
.btn-base-arrow-prev:active {
  background-color: #f7ac34;
  color: #fff;
}

.btn-base-arrow-next {
  color: #fff;
  border: thin solid #EF9709;
  background: #EF9709;
  text-align: left;
  width: 6rem;
}
.btn-base-arrow-next:after {
  background: url("../img/common/icon_arrow_next.png");
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
}
.btn-base-arrow-next:hover {
  background-color: #f7ac34;
  color: #fff;
}
.btn-base-arrow-next:active {
  background-color: #f7ac34;
  color: #fff;
}
.btn-base-arrow-next.no-inner {
  width: 3em;
  text-align: center;
}

.btn-base-download {
  color: #fff;
  border: thin solid #EF9709;
  background: #EF9709;
  text-align: center;
  width: 14rem;
}
.btn-base-download:after {
  content: "\f019";
  font-family: FontAwesome;
  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;
}
.btn-base-download:hover {
  background-color: #f7ac34;
  color: #fff;
}
.btn-base-download:active {
  background-color: #f7ac34;
  color: #fff;
}
.btn-base-download.no-inner {
  width: 3em;
  text-align: center;
}

.btn-base-send {
  color: #fff;
  border: thin solid #EF9709;
  background: #EF9709;
  text-align: center;
  width: 14rem;
}
.btn-base-send:after {
  content: "\f1d9";
  font-family: FontAwesome;
  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;
}
.btn-base-send:hover {
  background-color: #f7ac34;
  color: #fff;
}
.btn-base-send:active {
  background-color: #f7ac34;
  color: #fff;
}
.btn-base-send.no-inner {
  width: 3em;
  text-align: center;
}

.btn-base-new {
  color: #fff;
  border: thin solid rgb(19, 144, 167);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(19, 144, 167)), to(rgb(28, 200, 232)));
  background: linear-gradient(0deg, rgb(19, 144, 167) 0%, rgb(28, 200, 232) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1390a7", endColorstr="#1cc8e8", GradientType=1);
  text-align: left;
  width: 8rem;
}
.btn-base-new:after {
  content: "\f040";
  font-family: FontAwesome;
  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;
}
.btn-base-new:hover {
  opacity: 0.8;
  color: #fff;
}
.btn-base-new:active {
  opacity: 0.8;
  color: #fff;
}
.btn-base-new.no-inner {
  width: 3em;
  text-align: center;
}
.btn-base-new.for-dropdown {
  width: auto;
}
.btn-base-new.for-dropdown:after {
  display: none;
}
.btn-base-new.for-dropdown:before {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  font-family: FontAwesome;
  content: "\f0d7";
  margin: auto;
  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;
}

img {
  -ms-interpolation-mode: bicubic;
}

.def-float, .helper-popup, .send-back-space, .comment-back-space, .chat-container .chat-control-section, .header-append, ul.header-space.header-main, .activity-container {
  background: #fff;
  -webkit-box-shadow: 0px 0px 7px -5px #333;
          box-shadow: 0px 0px 7px -5px #333;
  margin: 0 1em 1em 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media (max-width: 768.98px) {
  .def-float, .helper-popup, .send-back-space, .comment-back-space, .chat-container .chat-control-section, .header-append, ul.header-space.header-main, .activity-container {
    margin-right: 0;
  }
}

@-webkit-keyframes appended-item {
  0% {
    background-color: #feffbe;
  }
  100% {
    background-color: #fff;
  }
}

@keyframes appended-item {
  0% {
    background-color: #feffbe;
  }
  100% {
    background-color: #fff;
  }
}
.rotate-90 {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.rotate-180 {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rotate-270 {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.form-control[readonly].cals {
  background-color: #fff;
}
.form-control[disabled].cals {
  background-color: #e9ecef !important;
}
html {
  font-size: 14px;
}

body {
  height: 100%;
}
body.open {
  overflow: hidden;
}

a {
  color: #555555;
}
a:hover {
  text-decoration: none;
  color: #6f6f6f;
}

a.sort::after {
  font-family: "FontAwesome";
  padding-left: 0.3em;
  content: "\f0dc";
  font-size: 1.2em;
}
a.sort.asc, a.sort.desc {
  color: #317096;
}
a.sort.asc::after, a.sort.desc::after {
  font-family: "FontAwesome";
  padding-left: 0.3em;
  font-size: 1em;
}
a.sort.asc::after {
  content: "▲";
}
a.sort.desc::after {
  content: "▼";
}

textarea {
  width: 100%;
}

table tr.row-disabled > td {
  background-color: #adb5bd;
}
table tr.row-light > td {
  background-color: #fffedc;
}

td.header-td {
  background-color: #e5e7e9 !important;
}

.btn > i.material-icons {
  font-size: 1.25em;
}

.filter-option-inner-inner {
  min-height: 2.2em;
  line-height: 2.2em;
  padding: 0 0.5em;
}

.main-container {
  margin-top: 100px;
}

/* bottom-bar */
.fixed-bottom {
  -webkit-box-shadow: 0px 0px 5px -2px #333;
          box-shadow: 0px 0px 5px -2px #333;
}

/* frame */
.content-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: calc(100vh - 100px);
}
.content-flex .content-side {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 294px;
      flex-basis: 294px;
  max-width: 294px;
}
@media (max-width: 1299.98px) {
  .content-flex .content-side {
    -ms-flex-preferred-size: 254px;
        flex-basis: 254px;
    max-width: 254px;
  }
}
.content-flex .content-main {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(100% - 294px);
      flex-basis: calc(100% - 294px);
  max-width: calc(100% - 294px);
}
@media (max-width: 1299.98px) {
  .content-flex .content-main {
    -ms-flex-preferred-size: calc(100% - 254px);
        flex-basis: calc(100% - 254px);
    max-width: calc(100% - 254px);
  }
}
.content-flex .content-main.main-only {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
.content-flex .content-main.main-only > .main-inner {
  margin: 0 1em;
}
.content-flex .content-main.main-only > .main-inner .header-space {
  margin-right: 0;
}
.content-flex .content-main.main-only > .main-inner .section-content {
  margin-right: 0;
}

body.login .main-container {
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 768.98px) {
  body.login .main-container {
    margin-top: 5em !important;
  }
}
body.login .content-flex {
  height: 1000px;
}
@media (max-width: 768.98px) {
  body.login .content-flex {
    height: 1000px;
  }
}
body.login.login-child .main-container {
  height: calc(100% - 6em);
  margin-top: 6em;
}
body.mode-responsive .content-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: calc(100vh - 100px);
}
@media (max-width: 768.98px) {
  body.mode-responsive .content-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
body.mode-responsive .content-flex .content-side {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768.98px) {
  body.mode-responsive .content-flex .content-side {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
body.mode-responsive .content-flex .content-main {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768.98px) {
  body.mode-responsive .content-flex .content-main {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
body.mode-responsive .content-flex .content-main.main-only {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
body.mode-responsive .content-flex .content-main.main-only > .main-inner {
  margin: 0 1em;
}
@media (max-width: 768.98px) {
  body.mode-responsive .content-flex .content-main.main-only > .main-inner {
    margin: 0 1em;
  }
}
body.mode-responsive .content-flex .content-main.main-only > .main-inner .header-space {
  margin-right: 0;
}
body.mode-responsive .content-flex .content-main.main-only > .main-inner .section-content {
  margin-right: 0;
}

/* commons */
.image-icon-container {
  display: inline-block;
  margin-right: 0.2em;
}
.image-icon-container.inline {
  display: inline-block;
}
.image-icon-container .user-info .user-info-belong {
  font-size: 0.85em;
}
.image-icon-container .image-icon-cropper {
  display: inline-block;
}
.image-icon-container .self-name {
  display: inline-block;
  line-height: 2em;
}

.image-icon-cropper.icon-supporter {
  position: relative;
}
.image-icon-cropper.icon-supporter:before {
  position: absolute;
  content: "\e8e8";
  font-size: 1em;
  display: block;
  z-index: 1;
  font-family: "Material Icons";
  color: #17a2b8;
  left: 1em;
  bottom: -0.25em;
}
.image-icon-cropper.icon-supporter:after {
  position: absolute;
  content: "";
  width: 0.5em;
  height: 0.5em;
  display: block;
  z-index: 0;
  background: #fff;
  left: 1.2em;
  bottom: 0.3em;
}
.image-icon-cropper > img {
  width: 2em;
  height: 2em;
  border-radius: 50%;
}
.image-icon-cropper.icon-size-huge > img {
  width: 6em;
  height: 6em;
}
.image-icon-cropper.icon-size-huge + .self-name {
  line-height: 6em;
}
.image-icon-cropper.icon-size-largest:before {
  font-size: 1.5em;
  bottom: -0.33em;
  left: 1.2em;
}
.image-icon-cropper.icon-size-largest:after {
  width: 0.75em;
  height: 0.5em;
  left: 2.1em;
  bottom: 0.3em;
}
.image-icon-cropper.icon-size-largest > img {
  width: 3em;
  height: 3em;
}
.image-icon-cropper.icon-size-larger > img {
  width: 2.5em;
  height: 2.5em;
}
.image-icon-cropper.icon-size-smaller > img {
  width: 1.75em;
  height: 1.75em;
}
.image-icon-cropper.icon-size-smallest > img {
  width: 1.5em;
  height: 1.5em;
}

.button-space {
  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;
}
.button-space.button-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.button-space.button-between {
  display: block;
}
.button-space.button-between > .button-wrap {
  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;
}
.button-space.button-between > .button-wrap > .btn {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 375.98px) {
  .button-space.button-between > .button-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .button-space.button-between > .button-wrap > .btn {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    display: block;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
  }
  .button-space.button-between > .button-wrap > .btn.button-enter {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 375.98px) {
  .button-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.button-space > .button-wrap {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin-left: 0.5em;
}
@media (max-width: 375.98px) {
  .button-space > .button-wrap {
    margin-left: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .button-space > .button-wrap > .btn {
    display: block;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
  }
  .button-space > .button-wrap.button-enter {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.custom-logo-space > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.custom-logo-space > a:hover {
  color: #212529;
}
.custom-logo-space > a .custom-logo-mark {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.custom-logo-space > a .custom-logo-mark #customLogoMark {
  max-height: 2em;
  max-width: 100%;
}
.custom-logo-space > a .custom-logo-type {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.custom-logo-space > a .custom-logo-type #customLogoType {
  line-height: 1;
  display: block;
  margin-left: 0.25em;
  padding: 0;
  margin-bottom: 0;
}
.custom-logo-space > a .custom-logo-type #customLogoType.header-powered > img {
  max-width: 100%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p {
  margin: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  font-weight: bold;
  -webkit-transform: rotate(0.00001deg);
          transform: rotate(0.00001deg);
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-70 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.7);
          transform: rotate(0.00001deg) scaleX(0.7);
  width: 142.8571428571%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-71 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.71);
          transform: rotate(0.00001deg) scaleX(0.71);
  width: 140.8450704225%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-72 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.72);
          transform: rotate(0.00001deg) scaleX(0.72);
  width: 138.8888888889%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-73 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.73);
          transform: rotate(0.00001deg) scaleX(0.73);
  width: 136.9863013699%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-74 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.74);
          transform: rotate(0.00001deg) scaleX(0.74);
  width: 135.1351351351%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-75 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.75);
          transform: rotate(0.00001deg) scaleX(0.75);
  width: 133.3333333333%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-76 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.76);
          transform: rotate(0.00001deg) scaleX(0.76);
  width: 131.5789473684%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-77 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.77);
          transform: rotate(0.00001deg) scaleX(0.77);
  width: 129.8701298701%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-78 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.78);
          transform: rotate(0.00001deg) scaleX(0.78);
  width: 128.2051282051%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-79 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.79);
          transform: rotate(0.00001deg) scaleX(0.79);
  width: 126.582278481%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-80 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.8);
          transform: rotate(0.00001deg) scaleX(0.8);
  width: 125%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-81 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.81);
          transform: rotate(0.00001deg) scaleX(0.81);
  width: 123.4567901235%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-82 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.82);
          transform: rotate(0.00001deg) scaleX(0.82);
  width: 121.9512195122%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-83 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.83);
          transform: rotate(0.00001deg) scaleX(0.83);
  width: 120.4819277108%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-84 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.84);
          transform: rotate(0.00001deg) scaleX(0.84);
  width: 119.0476190476%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-85 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.85);
          transform: rotate(0.00001deg) scaleX(0.85);
  width: 117.6470588235%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-86 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.86);
          transform: rotate(0.00001deg) scaleX(0.86);
  width: 116.2790697674%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-87 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.87);
          transform: rotate(0.00001deg) scaleX(0.87);
  width: 114.9425287356%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-88 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.88);
          transform: rotate(0.00001deg) scaleX(0.88);
  width: 113.6363636364%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-89 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.89);
          transform: rotate(0.00001deg) scaleX(0.89);
  width: 112.3595505618%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-90 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.9);
          transform: rotate(0.00001deg) scaleX(0.9);
  width: 111.1111111111%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-91 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.91);
          transform: rotate(0.00001deg) scaleX(0.91);
  width: 109.8901098901%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-92 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.92);
          transform: rotate(0.00001deg) scaleX(0.92);
  width: 108.6956521739%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-93 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.93);
          transform: rotate(0.00001deg) scaleX(0.93);
  width: 107.5268817204%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-94 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.94);
          transform: rotate(0.00001deg) scaleX(0.94);
  width: 106.3829787234%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-95 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.95);
          transform: rotate(0.00001deg) scaleX(0.95);
  width: 105.2631578947%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-96 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.96);
          transform: rotate(0.00001deg) scaleX(0.96);
  width: 104.1666666667%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-97 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.97);
          transform: rotate(0.00001deg) scaleX(0.97);
  width: 103.0927835052%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-98 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.98);
          transform: rotate(0.00001deg) scaleX(0.98);
  width: 102.0408163265%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-99 {
  -webkit-transform: rotate(0.00001deg) scaleX(0.99);
          transform: rotate(0.00001deg) scaleX(0.99);
  width: 101.0101010101%;
}
.custom-logo-space > a .custom-logo-type #customLogoType > p.long-100 {
  -webkit-transform: rotate(0.00001deg) scaleX(1);
          transform: rotate(0.00001deg) scaleX(1);
  width: 100%;
}
.custom-logo-space > a .custom-logo-type .header-powered {
  margin-left: 0.3em;
  line-height: 1;
}

.search-space > table {
  margin: 0 0 0.25em;
}

.exist-collapse {
  position: relative;
  display: block;
}
.exist-collapse:before {
  display: block;
  position: absolute;
  content: "\f078";
  font-family: FontAwesome;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  right: 0.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1.5rem;
}
.exist-collapse[aria-expanded=true]:before {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.flex-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 768.98px) {
  .flex-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.flex-space > div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.flex-space.flex-col-2 > div {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 49.9%;
      flex-basis: 49.9%;
}
@media (max-width: 768.98px) {
  .flex-space.flex-col-2 > div {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 768.98px) {
  .flex-space.flex-col-2.flex-center-sm {
    text-align: center;
  }
}
.flex-space.flex-col-2.flex-col-2-left > div {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.flex-space.flex-col-3 > div {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 33.3%;
      flex-basis: 33.3%;
}
@media (max-width: 768.98px) {
  .flex-space.flex-col-3 > div {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 768.98px) {
  .flex-space.flex-col-3.flex-center-sm {
    text-align: center;
  }
}
.flex-space.flex-col-3.flex-col-3-left > div {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.circle-button {
  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: 2em;
  height: 2em;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
}

/* btn-choice */
.btn-choice {
  cursor: pointer;
}
.btn-choice input[type=checkbox], .btn-choice input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  margin-bottom: 0;
}
.btn-choice.btn-danger, .btn-choice.btn-warning, .btn-choice.btn-info, .btn-choice.btn-success {
  background-color: #E5E5E5;
  border: thin solid #E5E5E5;
  color: #333;
}
.btn-choice.choice-primary {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-primary.active {
  background-color: #317096;
  border: thin solid #245370;
  color: #fff;
}
.btn-choice.choice-secondary {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-secondary.active {
  background-color: #6c757d;
  border: thin solid #545b62;
  color: #fff;
}
.btn-choice.choice-success {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-success.active {
  background-color: #31AD5B;
  border: thin solid #268546;
  color: #fff;
}
.btn-choice.choice-info {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-info.active {
  background-color: #17a2b8;
  border: thin solid #117a8b;
  color: #fff;
}
.btn-choice.choice-warning {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-warning.active {
  background-color: #FFD000;
  border: thin solid #cca600;
  color: #212529;
}
.btn-choice.choice-danger {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-danger.active {
  background-color: #dc3545;
  border: thin solid #bd2130;
  color: #fff;
}
.btn-choice.choice-light {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-light.active {
  background-color: #f8f9fa;
  border: thin solid #dae0e5;
  color: #212529;
}
.btn-choice.choice-dark {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-dark.active {
  background-color: #343a40;
  border: thin solid #1d2124;
  color: #fff;
}
.btn-choice.choice-main {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-main.active {
  background-color: #EF9709;
  border: thin solid #be7807;
  color: #212529;
}
.btn-choice.choice-teal {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-teal.active {
  background-color: #aaf1dc;
  border: thin solid #7eeaca;
  color: #212529;
}
.btn-choice.choice-cyan {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-cyan.active {
  background-color: #43d1e8;
  border: thin solid #1cc2dc;
  color: #212529;
}
.btn-choice.choice-user {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-user.active {
  background-color: #C5CE00;
  border: thin solid #949b00;
  color: #212529;
}
.btn-choice.disabled {
  cursor: not-allowed;
}

/* header-nav */
.navbar {
  height: 100px;
  width: 100%;
  padding: 0;
  background-color: #fff;
}
@media (max-width: 991.98px) {
  .navbar .self-name {
    font-size: 0.75em;
  }
}
.navbar.test-mode:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.2em;
  background-color: #dc3545;
  top: 0;
  left: 0;
}
.navbar.test-mode:after {
  position: absolute;
  display: block;
  content: "TEST環境";
  padding: 0.25em 0.5em;
  border-bottom-left-radius: 0.15em;
  border-bottom-right-radius: 0.15em;
  background-color: #dc3545;
  color: white;
  top: 0;
  right: 0;
  margin: auto;
  height: 2em;
}

body.mode-responsive .navbar.test-mode:after {
  right: 4em;
}
@media (min-width: 769px) {
  body.mode-responsive .navbar.test-mode:after {
    right: 10em;
  }
}

.header-nav {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.header-nav .header-nav-left {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.header-nav .header-nav-left .header-nav-link {
  display: inline-block;
  margin-left: 69.5px;
}
@media (max-width: 1299.98px) {
  .header-nav .header-nav-left .header-nav-link {
    margin-left: 49.5px;
  }
}
.header-nav .header-nav-left .header-nav-link .header-nav-logo {
  margin-right: 2rem;
}
.header-nav .header-nav-left .header-nav-link .header-nav-role {
  display: inline-block;
  background-color: #E8EDED;
  padding: 10px;
  width: 180px;
  text-align: center;
  border-radius: 5px;
}
.header-nav .header-nav-status {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin-left: auto;
  margin-right: 0;
}
.header-nav .header-nav-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  justify-self: flex-end;
  text-align: right;
}
.header-nav .header-nav-right .header-logout {
  margin-right: 2rem;
}
.header-nav .header-nav-right .side-menu-space {
  display: none;
}

body.mode-responsive .navbar {
  height: 4rem;
}
body.mode-responsive .main-container {
  margin-top: 4rem;
}
@media (max-width: 768.98px) {
  body.mode-responsive .header-nav {
    height: 100%;
  }
}
@media (max-width: 768.98px) {
  body.mode-responsive .header-nav .header-nav-left .header-nav-link {
    margin-left: 1rem;
  }
  body.mode-responsive .header-nav .header-nav-left .header-nav-link .header-nav-logo {
    margin-right: 1rem;
  }
  body.mode-responsive .header-nav .header-nav-left .header-nav-link .header-nav-role {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: auto;
  }
}
body.mode-responsive .header-nav .header-nav-right {
  height: 100%;
}
@media (max-width: 768.98px) {
  body.mode-responsive .header-nav .header-nav-right .header-logout {
    display: none;
  }
}
body.mode-responsive .header-nav .header-nav-right .side-menu-space {
  display: block;
}
@media (max-width: 768.98px) {
  body.mode-responsive .side-menu-list {
    margin: 0;
  }
}
@media (max-width: 768.98px) {
  body.mode-responsive .side-menu-container {
    padding-left: 0;
  }
}
body.mode-responsive .left-menu-calendar-wrapper {
  background-color: #fff;
}
@media (max-width: 768.98px) {
  body.mode-responsive .left-menu-calendar-wrapper {
    padding: 1em;
    border-top-left-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
  }
}

.side-menu-logout-space {
  display: none;
}

body.mode-responsive .side-menu-logout-space {
  display: none;
}
@media (max-width: 768.98px) {
  body.mode-responsive .side-menu-logout-space {
    display: block;
  }
}

.header-hum {
  display: none;
}

body.mode-responsive .header-hum {
  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: 100%;
  background-color: #EF9709;
  width: 4em;
  margin-right: 0;
  margin-left: auto;
}
@media (min-width: 769px) {
  body.mode-responsive .header-hum {
    display: none;
  }
}
body.mode-responsive .header-hum .header-hum-inner {
  margin: auto;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.menu-trigger {
  position: relative;
  width: 4rem;
  height: 4rem;
  background: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.menu-trigger:focus {
  outline: none;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  right: 0;
  width: 50%;
  height: 3px;
  margin: auto;
  background-color: #fff;
  border-radius: 3px;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.menu-trigger span:nth-of-type(1) {
  top: 1rem;
}

.menu-trigger span:nth-of-type(2) {
  top: calc(2rem - 1.5px);
}

.menu-trigger span:nth-of-type(3) {
  bottom: 1rem;
}

#side-menu-toggle-button.active span:nth-of-type(1) {
  -webkit-transform: translateY(0.875rem) rotate(-45deg);
          transform: translateY(0.875rem) rotate(-45deg);
}

#side-menu-toggle-button.active span:nth-of-type(2) {
  opacity: 0;
}

#side-menu-toggle-button.active span:nth-of-type(3) {
  -webkit-transform: translateY(-0.875rem) rotate(45deg);
          transform: translateY(-0.875rem) rotate(45deg);
}

#side-menu-toggle {
  display: inline-block;
  position: fixed;
  z-index: 1031;
  right: 0;
  top: 0;
}
@media (min-width: 769px) {
  #side-menu-toggle {
    display: none;
  }
}
#side-menu-toggle #side-menu-toggle-button {
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 13px -4px #333;
          box-shadow: 1px 1px 13px -4px #333;
  display: block;
  padding: 0.5em;
  cursor: pointer;
}

/* side */
#sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 0;
  width: 100%;
}

.sidebar-sticky {
  position: sticky;
  top: 0;
  height: calc(100% - 100px);
  background-color: #F7FAFC;
  margin-top: 100px;
  margin-bottom: -4em;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-scrolling: touch;
}

.main-container.is-top .sidebar-sticky {
  height: calc(100% - 100px - 2em);
}

body.mode-responsive {
  /* side */
}
@media (max-width: 768.98px) {
  body.mode-responsive #sidebar {
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0.23, 0.69, 0.63, 1.28) 0s;
    transition: -webkit-transform 300ms cubic-bezier(0.23, 0.69, 0.63, 1.28) 0s;
    transition: transform 300ms cubic-bezier(0.23, 0.69, 0.63, 1.28) 0s;
    transition: transform 300ms cubic-bezier(0.23, 0.69, 0.63, 1.28) 0s, -webkit-transform 300ms cubic-bezier(0.23, 0.69, 0.63, 1.28) 0s;
    position: fixed;
    right: 0;
    margin: auto;
    top: 4em;
    bottom: 0;
    overflow-y: auto;
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
  }
  body.mode-responsive #sidebar.mobile-show {
    -webkit-transform: translateX(10vw);
            transform: translateX(10vw);
  }
}
@media (max-width: 768.98px) {
  body.mode-responsive .sidebar-sticky {
    margin-top: 0;
    height: 100%;
    overflow-x: inherit;
    overflow-y: inherit;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-bottom: 2rem;
    padding-right: 10vw;
    background-color: rgba(239, 151, 9, 0.9);
  }
  body.mode-responsive .sidebar-sticky .side-menu-list > li > a {
    color: #fff;
  }
  body.mode-responsive .sidebar-sticky .side-menu-list > li > ul > li > a {
    color: #fff;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
@media (max-width: 768.98px) {
  body.mode-responsive .main-container.is-top .sidebar-sticky {
    height: calc(100% - 3em);
  }
}

.role-user {
  background-color: #C5CE00;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.role-user:hover {
  background-color: #dde800;
}

.role-admin {
  background-color: #2C3440;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.role-admin:hover {
  background-color: #36404f;
}

.role-companies {
  background-color: #EF9709;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.role-companies:hover {
  background-color: #f6a21b;
}

.role-caption {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding-left: 40px;
}
.role-caption > span {
  position: relative;
  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: 100%;
  padding-left: 2.5em;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.role-caption > span:before {
  display: block;
  position: absolute;
  content: "";
  background: url("../img/common/icon_user_o.png");
  background-size: contain;
  width: 2rem;
  height: 2rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.side-menu-role {
  padding: 1rem 1rem 1rem 100px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  position: relative;
  height: 3em;
}
@media (max-width: 1299.98px) {
  .side-menu-role {
    padding-left: 1rem;
  }
}
@media (max-width: 1299.98px) {
  .side-menu-role .role-caption {
    padding-left: 1rem;
  }
}

.main-sp-role {
  display: none;
}

@media (max-width: 768.98px) {
  body.mode-responsive .side-menu-role {
    display: none;
  }
}
body.mode-responsive .main-sp-role {
  display: none;
}
@media (max-width: 768.98px) {
  body.mode-responsive .main-sp-role {
    position: relative;
    display: none;
    padding: 1rem 0;
    width: 100%;
    height: 3em;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 1rem;
  }
  body.mode-responsive .main-sp-role .role-caption {
    padding-left: 0;
    text-align: center;
  }
  body.mode-responsive .main-sp-role .role-caption > span {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
  }
  body.mode-responsive .main-sp-role .role-caption > span:before {
    position: inherit;
    left: inherit;
    top: inherit;
    bottom: inherit;
    margin: inherit;
    margin-right: 0.5em;
  }
}

.side-menu-list {
  margin: 1rem 1rem 1rem 0;
  padding-bottom: 2em;
}
.side-menu-list > li {
  border-bottom: thin solid #E3E0E0;
}
.side-menu-list > li > a {
  display: block;
  padding: 0.5rem 0;
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.side-menu-list > li > a .menu-item {
  display: inline-block;
  position: relative;
  padding-left: 2rem;
}
.side-menu-list > li > a .menu-item:before {
  position: absolute;
  font-family: FontAwesome;
  font-size: 1.25rem;
  left: 0.25rem;
  top: 0;
  bottom: 0;
  margin: auto;
  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;
}
.side-menu-list > li > a .menu-item.menu-accounts:before {
  content: "\f2be";
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
.side-menu-list > li > a .menu-item.menu-home:before {
  content: "\f015";
}
.side-menu-list > li > a .menu-item.menu-news:before {
  content: "\f0a1";
}
.side-menu-list > li > a .menu-item.menu-uploads:before {
  content: "\f15b";
}
.side-menu-list > li > a .menu-item.menu-users:before {
  content: "\f007";
}
.side-menu-list > li > a .menu-item.menu-reports:before {
  content: "\f274";
}
.side-menu-list > li > a .menu-item.menu-medicines:before {
  content: "\f0fa";
}
.side-menu-list > li > a .menu-item.menu-days:before {
  content: "\f21e";
}
.side-menu-list > li > a .menu-item.menu-graphs:before {
  content: "\f080";
}
.side-menu-list > li > a .menu-item.menu-programs:before {
  content: "\f1c8";
}
.side-menu-list > li > a .menu-item.menu-simple-programs:before {
  content: "\f008";
  -webkit-transform: translate(-1px, -3px);
          transform: translate(-1px, -3px);
}
.side-menu-list > li > a .menu-item.menu-meetings:before {
  content: "\f27a";
}
.side-menu-list > li > a .menu-item.menu-support-meetings:before {
  content: "\f256";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.side-menu-list > li > a .menu-item.menu-downloads:before {
  content: "\f187";
}
.side-menu-list > li > a .menu-item.menu-staff-evaluation-groups:before {
  content: "\f2b9";
}
.side-menu-list > li > a .menu-item.menu-staff-evaluations:before {
  content: "\f2bb";
}
.side-menu-list > li > a .menu-item.menu-user-evaluation-groups:before {
  content: "\f2ba";
}
.side-menu-list > li > a .menu-item.menu-user-evaluations:before {
  content: "\f2bc";
}
.side-menu-list > li > a .menu-item.menu-messages:before {
  content: "\f0e6";
}
.side-menu-list > li > a .menu-item.menu-plans:before {
  content: "\f0cb";
}
.side-menu-list > li > a .menu-item.menu-outputs:before {
  content: "\f019";
}
.side-menu-list > li > a .menu-item.menu-companies:before {
  content: "\f1ad";
}
.side-menu-list > li > a .menu-item.menu-offices:before {
  content: "\f0f7";
}
.side-menu-list > li > a .menu-item.menu-sb-learnings:before {
  content: "\f02c";
}
.side-menu-list > li > a .menu-item.menu-sb-learning-riyos:before {
  content: "\f02b";
}
.side-menu-list > li > a .menu-item.menu-log-output:before {
  content: "\f0f6";
}
.side-menu-list > li > a:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.side-menu-list > li > ul > li > a {
  position: relative;
  display: block;
  padding: 0.25em 0.25em 0.25em 1em;
}
.side-menu-list > li > ul > li > a:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.side-menu-list > li > ul > li > a:before {
  position: absolute;
  display: block;
  content: "・";
  left: 0;
}

.activity-container {
  padding: 0;
  margin: 0 1em 0 0;
}
@media (max-width: 768.98px) {
  .activity-container {
    margin-right: 0;
  }
}
.activity-container .activity-date {
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  padding: 1em 0;
}
.activity-container .activity-datetime {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 8em;
      flex-basis: 8em;
  max-width: 8em;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
  padding: 0.5em 0;
  border-radius: 0.1em;
}
.activity-container .activity-datetime-wrapper {
  margin-right: 0.5em;
}
.activity-container .activity-datetime-wrapper-date {
  background-color: #E5E5E5;
  padding: 0.1em 0;
}
.activity-container .activity-datetime-wrapper-time {
  background-color: #E5E5E5;
  padding: 0.1em 0;
}
@media (max-width: 991.98px) {
  .activity-container .activity-datetime {
    -ms-flex-preferred-size: 7em;
        flex-basis: 7em;
    max-width: 7em;
    font-size: 0.7em;
  }
}
@media (max-width: 768.98px) {
  .activity-container .activity-datetime {
    font-size: 0.8em;
    -ms-flex-preferred-size: 8em;
        flex-basis: 8em;
    max-width: 8em;
  }
}
.activity-container .activity-kinds .activity-title {
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding: 0.5em 0 0;
}
.activity-container .activity-kinds .activity-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.activity-container .activity-kinds .activity-list > li {
  background: #F9F9F9;
  padding: 0.25em 0.5em;
  -webkit-transition: background 200ms ease-in 0s;
  transition: background 200ms ease-in 0s;
  position: relative;
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.activity-container .activity-kinds .activity-list > li.list-supporter {
  background: #ddf7fb;
}
.activity-container .activity-kinds .activity-list > li.list-supporter:hover {
  background: #87e2f0;
}
.activity-container .activity-kinds .activity-list > li.list-supporter > .activity-item-inner > .activity-datetime > .activity-datetime-wrapper > .activity-datetime-wrapper-time {
  background: #fff;
}
.activity-container .activity-kinds .activity-list > li.list-staff {
  background: #e5f8ec;
}
.activity-container .activity-kinds .activity-list > li.list-staff:hover {
  background: #aae7be;
}
.activity-container .activity-kinds .activity-list > li.list-staff > .activity-item-inner > .activity-datetime > .activity-datetime-wrapper > .activity-datetime-wrapper-time {
  background: #fff;
}
.activity-container .activity-kinds .activity-list > li.list-new {
  background: #ffe880;
}
.activity-container .activity-kinds .activity-list > li.list-new:hover {
  background: #ffd51a;
}
.activity-container .activity-kinds .activity-list > li.list-new > .activity-item-inner > .activity-datetime > .activity-datetime-wrapper > .activity-datetime-wrapper-time {
  background: #fff;
}
.activity-container .activity-kinds .activity-list > li .activity-type {
  position: absolute;
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px -1px #333;
          box-shadow: 1px 1px 2px -1px #333;
  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;
  border-radius: 50%;
  left: 2.4em;
  color: #6c757d;
}
.activity-container .activity-kinds .activity-list > li .activity-type > i {
  font-size: 1.1em;
}
@media (max-width: 1299.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-type {
    top: 0;
    left: 2em;
    width: 1.25em;
    height: 1.25em;
  }
  .activity-container .activity-kinds .activity-list > li .activity-type i {
    font-size: 0.9em;
  }
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner {
  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;
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .image-icon-cropper {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: 2.5em;
  height: 2.5em;
}
@media (max-width: 768.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-item-inner > .image-icon-cropper {
    width: 3em;
    height: 3em;
  }
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .image-icon-cropper > img {
  border-radius: 50%;
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-time {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-time > span {
  background: #E5E5E5;
  padding: 0.2em 0.8em;
  text-align: center;
  margin-right: 0.25em;
  border-radius: 0.2em;
  font-size: 0.9em;
  font-weight: bold;
}
@media (max-width: 1299.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-time > span {
    padding: 0.2em 0.25em;
    font-size: 0.8em;
  }
}
@media (max-width: 768.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-time > span {
    padding: 0.4em 0.5em;
    font-size: 1em;
  }
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-user {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  font-size: 0.9em;
}
@media (max-width: 768.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-user {
    font-size: 1em;
  }
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-information {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  font-size: 0.9em;
}
@media (max-width: 768.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-information {
    font-size: 1em;
  }
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-information .activity-information-type {
  font-size: 0.75em;
  font-weight: bold;
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-notify {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: right;
  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;
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-notify .notify-count {
  background-color: #ced4da;
  font-weight: bold;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  text-align: center;
  line-height: 1.5em;
}
@media (max-width: 768.98px) {
  .activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-notify .notify-count {
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-size: 1.2em;
  }
}
.activity-container .activity-kinds .activity-list > li .activity-item-inner > .activity-notify.notify-active .notify-count {
  background-color: #EF9709;
  color: #fff;
}
.activity-container .activity-kinds .activity-list > li:hover {
  background: #fef2e0;
}
.activity-container .activity-kinds .activity-list > li:hover a {
  color: inherit;
}
.activity-container .activity-kinds .more-space {
  padding: 0.5em 0.5em 1em;
  text-align: center;
}
.activity-container .activity-kinds .more-space > .btn {
  display: block;
}
@media (max-width: 768.98px) {
  .activity-container .activity-kinds .more-space > .btn {
    padding: 1.25em 0;
  }
}

.side-menu-container {
  padding-left: 40px;
}
@media (max-width: 1299.98px) {
  .side-menu-container {
    padding-left: 1rem;
  }
}

.left-menu-calendar-wrapper {
  padding-left: 40px;
}
@media (max-width: 1299.98px) {
  .left-menu-calendar-wrapper {
    padding-left: 1rem;
  }
}

.menu-accordion {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
}
.menu-accordion > li {
  padding: 0.5em;
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.menu-accordion > li:hover {
  background: #fef2e0;
}
.menu-accordion > li:hover a {
  color: inherit;
}
.menu-accordion > li a {
  display: block;
  padding: 0;
}
.menu-accordion > ul {
  list-style-type: none;
  padding: 0 0 0.5em;
}
@media (max-width: 768.98px) {
  .menu-accordion > ul {
    padding: 0;
  }
}
.menu-accordion > ul > li {
  padding: 0.25em 0 0.25em 0;
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.menu-accordion > ul > li:hover {
  background: #fef2e0;
}
.menu-accordion > ul > li:hover a {
  color: inherit;
}
.menu-accordion > ul > li a {
  display: block;
  padding: 0 0.5em;
}
@media (max-width: 768.98px) {
  .menu-accordion > ul > li a {
    padding: 0.5em;
  }
}
.menu-accordion > ul > li > ul > li {
  padding: 0.2em 0;
}
.menu-accordion > ul > li > ul > li:first-child {
  margin-top: 0.3em;
}
.menu-accordion > ul > li > ul > li a {
  position: relative;
  display: block;
  padding-left: 0.65em;
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.menu-accordion > ul > li > ul > li a:hover {
  background: #fcdeaf;
}
.menu-accordion > ul > li > ul > li a:hover a {
  color: inherit;
}
@media (max-width: 768.98px) {
  .menu-accordion > ul > li > ul > li a {
    padding: 0.5em;
  }
}
.menu-accordion > ul > li > ul > li a:before {
  content: "・";
}
.menu-accordion > ul > li.p-copyright {
  padding: 0.5em;
  background-color: #EF9709;
  color: #fff;
  text-align: center;
}
.menu-accordion > ul > li.p-copyright:hover {
  background: #EF9709;
}

.header-hx {
  font-size: 1.15rem;
  font-weight: bold;
}

/* main */
main.content-main .main-inner {
  padding: 1rem 2rem;
}
@media (max-width: 768.98px) {
  main.content-main .main-inner {
    padding: 0.5em;
    margin-bottom: 4em;
  }
}
main.content-main .main-inner > form .section-content {
  margin: 0 0 1em 0;
}
main.content-main .main-inner .section-content {
  margin: 0 0 1em 0;
}

section.section-content.section-file-category .header-space .header-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
section .section-inner {
  padding: 0 1em 1em;
}
@media (max-width: 991.98px) {
  section .section-inner {
    padding: 0 0.5em 1em;
  }
}
section.announce-space {
  background-color: #EF9709;
  color: #fff;
}
section.announce-space h2 {
  font-size: 1em;
}
section.announce-space .section-inner {
  padding: 0 1em 1em;
  font-size: 0.8em;
}
section.announce-space .section-delete-icon {
  font-weight: bold;
  color: #fff;
}
section.announce-space .section-delete-icon:hover {
  color: #fef2e0;
}

/* program-inner */
main.content-main .program-inner {
  padding: 0;
  height: 100%;
}

.program-header {
  padding: 1em;
}
.program-fragment {
  position: relative;
  height: 100%;
  width: 100%;
}
.program-fragment .program-list-part {
  position: fixed;
  left: 294px;
  top: 100px;
  width: 18em;
  height: calc(100% - 10em);
  background-color: #e4eef5;
  -webkit-transition: -webkit-transform 300ms ease-in 0s;
  transition: -webkit-transform 300ms ease-in 0s;
  transition: transform 300ms ease-in 0s;
  transition: transform 300ms ease-in 0s, -webkit-transform 300ms ease-in 0s;
  overflow-y: auto;
}
@media (max-width: 1299.98px) {
  .program-fragment .program-list-part {
    left: 254px;
  }
}
@media (max-width: 768.98px) {
  .program-fragment .program-list-part {
    left: 0;
  }
}
.program-fragment .program-main-part {
  margin-left: 18em;
  padding: 1rem 2rem;
  -webkit-transition: margin-left 300ms ease-in 0s;
  transition: margin-left 300ms ease-in 0s;
}
@media (max-width: 768.98px) {
  .program-fragment .program-main-part {
    padding: 0.5em;
    margin-bottom: 4em;
  }
}
.program-fragment .program-menu-link {
  position: relative;
  display: block;
  padding: 0.5em;
  color: #fff;
  background: #74a8cc;
  border-top-right-radius: 5px;
}
.program-fragment .program-menu-link:hover {
  background: #87b3d3;
}
.program-fragment .program-menu-link > span {
  font-weight: bold;
}
.program-fragment .program-menu-link > .file-icons {
  position: relative;
  display: inline-block;
}
.program-fragment .program-menu-link > .file-icons i {
  font-size: 1.5em;
}
.program-fragment .program-menu-link:before {
  position: absolute;
  display: block;
  content: "\f0a8";
  font-family: FontAwesome;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  font-size: 1.5em;
  width: 1.5em;
  height: 1.5em;
}
.program-fragment.program-hide .program-list-part {
  -webkit-transform: translateX(-18em);
          transform: translateX(-18em);
  overflow-y: unset;
  left: auto;
}
.program-fragment.program-hide .program-main-part {
  margin-left: 0;
  padding: 1rem 2rem 1rem 3.5rem;
}
.program-fragment.program-hide .program-menu-link > .file-icons {
  position: absolute;
  top: 0;
  right: -3em;
  background: #74a8cc;
  padding: 0.25em 0.75em;
  border-top-right-radius: 0.5em;
}
.program-fragment.program-hide .program-menu-link > .file-icons:after {
  position: absolute;
  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;
  content: "プログラムメニュー";
  font-weight: bold;
  color: #fff;
  background: #74a8cc;
  top: 1.95em;
  height: 10.5em;
  width: 100%;
  padding-top: 0.5em;
  left: 0;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  border-bottom-right-radius: 0.5em;
}
.program-fragment.program-hide .program-menu-link > .file-icons:hover {
  background: #87b3d3;
}
.program-fragment.program-hide .program-menu-link > .file-icons:hover:after {
  background: #87b3d3;
}

.program-list > li {
  position: relative;
  padding: 0.5em;
  border-bottom: thin solid #E3E0E0;
}
.program-list > li .program-item {
  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;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.program-list > li .program-item .program-status {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 1.5em;
      flex-basis: 1.5em;
}
.program-list > li .program-item .program-status > div .display-check-icon {
  display: block;
}
.program-list > li .program-item .program-status > div .display-check-icon:before {
  display: block;
  content: "\f096";
  font-family: FontAwesome;
  font-size: 1.5em;
  color: #555555;
}
.program-list > li .program-item .program-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  line-height: 1.1;
}
.program-list > li .program-item .program-title > span {
  display: block;
}
.program-list > li .program-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.program-list > li .program-link:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.program-list > li .program-link.active {
  background-color: rgba(97, 180, 237, 0.25);
  border: thin solid #0089ea;
}
.program-list > li .program-link.disabled {
  background-color: rgba(0, 0, 0, 0.33);
  cursor: not-allowed;
}
.program-list > li.program-checked .program-item .program-status > div .display-check-icon:before {
  content: "\f046";
  color: #EF9709;
}
.program-list > li.program-checked-black .program-item .program-status > div .display-check-icon:before {
  content: "\f046";
  color: #555555;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.header-space {
  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;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 768.98px) {
  ul.header-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
ul.header-space.header-main {
  margin-bottom: 0;
  margin-right: 0;
  position: relative;
  -webkit-box-shadow: 0px 0px 7px -5px #333;
          box-shadow: 0px 0px 7px -5px #333;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
ul.header-space .header-title {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
ul.header-space .header-title h2, ul.header-space .header-title h3, ul.header-space .header-title h4, ul.header-space .header-title h5, ul.header-space .header-title h6 {
  padding: 0.5em 0;
  margin: 0;
}
ul.header-space .header-title h2.under-line, ul.header-space .header-title h3.under-line, ul.header-space .header-title h4.under-line, ul.header-space .header-title h5.under-line, ul.header-space .header-title h6.under-line {
  border-bottom: thin solid #555555;
  padding-bottom: 0.25em;
}
ul.header-space .header-title h2.works-header, ul.header-space .header-title h3.works-header, ul.header-space .header-title h4.works-header, ul.header-space .header-title h5.works-header, ul.header-space .header-title h6.works-header {
  line-height: 2em;
}
ul.header-space .header-inner {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
ul.header-space .header-inner .elem-for-flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768.98px) {
  ul.header-space .header-inner .elem-for-flex {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
ul.header-space .header-inner.none-delete-button {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
ul.header-space .header-inner.none-delete-button .date-picker-space {
  max-width: none;
  margin: 0 0.5em 0 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 768.98px) {
  ul.header-space .header-inner.none-delete-button .date-picker-space {
    max-width: 14em;
  }
}
@media (max-width: 768.98px) {
  ul.header-space .header-inner.none-delete-button .date-picker-space {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
ul.header-space .header-right {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: right;
}
ul.header-space .header-right .elem-for-flex > .btn, ul.header-space .header-right .elem-for-flex > button {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
ul.header-space > li .elem-for-flex {
  padding: 0 0.5em;
}
ul.header-space > li:last-child .elem-for-flex {
  padding: 1em 0.5em 1em 0;
}
@media (max-width: 768.98px) {
  ul.header-space > li:last-child .elem-for-flex {
    padding: 0.5em;
  }
  ul.header-space > li:last-child .elem-for-flex .btn {
    margin-bottom: 0.25em;
  }
}
ul.header-space > li:first-child .elem-for-flex {
  display: block;
  padding: 0.5em;
}
ul.header-space > li.header-right .elem-for-flex {
  text-align: right;
}

.header-append {
  position: relative;
  -webkit-box-shadow: 0px 0px 7px -5px #333;
          box-shadow: 0px 0px 7px -5px #333;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* table */
table.sort-table > thead > tr > th {
  background-color: #e9ecef;
  padding: 0.25em 0.75em;
}
table.sort-table > tbody > tr > th {
  padding: 0.25em 0.75em;
}
table.sort-table > tbody > tr > td {
  padding: 0.25em 0.75em;
}
table.sort-table > tbody > tr > td.td-action {
  text-align: right;
}
table.table-hover tbody tr {
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
table.table-hover tbody tr:hover {
  background: #fef2e0;
  cursor: pointer;
}
table.def-table th {
  background-color: #F3F4F5;
  padding: 0.25em 1em;
  font-weight: inherit;
  border-top: inherit;
  border-bottom: thin solid #e5e7e9;
  vertical-align: middle;
}
table.def-table td {
  border: none;
  padding: 0.25em 1em;
  border-bottom: thin solid #e5e7e9;
  vertical-align: middle;
}
table.def-table td .btn {
  margin-bottom: 0.25em;
}
table.def-responsive-table {
  border: thin solid #E5E5E5;
}
table.def-responsive-table > thead > tr > th {
  font-weight: normal;
  padding: 0.25em 0.5em;
  background-color: #F3F4F5;
  vertical-align: middle;
}
table.def-responsive-table > tbody > tr > th {
  font-weight: normal;
  padding: 0.25em 0.5em;
  vertical-align: middle;
  background-color: #F3F4F5;
}
table.def-responsive-table > tbody > tr > th.bg-lighter {
  background-color: #edeff0;
}
table.def-responsive-table > tbody > tr > td {
  padding: 0.15em 0.5em;
  vertical-align: middle;
}
table.def-responsive-table > tbody > tr > td .btn {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
table.def-responsive-table.table-hover tbody tr {
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
table.def-responsive-table.table-hover tbody tr:hover {
  background: #fef2e0;
  cursor: pointer;
}
@media (max-width: 768.98px) {
  table.def-responsive-table {
    display: block;
    width: 100%;
    background-color: #F3F4F5;
  }
  table.def-responsive-table > thead {
    display: none;
  }
  table.def-responsive-table > thead > tr > th.no-caption-sm:before {
    content: none;
  }
  table.def-responsive-table > thead.disp-sm {
    display: block;
    background-color: #F3F4F5;
    border-bottom: 2px solid #dee2e6;
  }
  table.def-responsive-table > thead.disp-sm > tr > th, table.def-responsive-table > thead.disp-sm > tr > td {
    display: block;
    width: 100%;
    border-top: 0;
    border-bottom: 0;
  }
  table.def-responsive-table > tbody {
    display: block;
    width: 100%;
  }
  table.def-responsive-table > tbody > tr {
    display: block;
    width: 100%;
  }
  table.def-responsive-table > tbody > tr > th, table.def-responsive-table > tbody > tr > td {
    display: block;
    width: 100%;
    text-align: left;
    border-top: none;
    margin-top: 0.5em;
  }
  table.def-responsive-table > tbody > tr > th:before, table.def-responsive-table > tbody > tr > td:before {
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    content: attr(data-caption);
  }
  table.def-responsive-table > tbody > tr > th:first-child, table.def-responsive-table > tbody > tr > td:first-child {
    margin-top: 0;
    border-top: thin solid #E5E5E5;
  }
  table.def-responsive-table > tbody > tr > th.no-caption-sm:before, table.def-responsive-table > tbody > tr > td.no-caption-sm:before {
    content: none;
  }
  table.def-responsive-table > tbody > tr > th input[type=file], table.def-responsive-table > tbody > tr > td input[type=file] {
    width: 100%;
  }
  table.def-responsive-table > tbody > tr > th:not([data-caption]):before, table.def-responsive-table > tbody > tr > td:not([data-caption]):before {
    content: none;
  }
  table.def-responsive-table > tbody.sortable-list > tr > th, table.def-responsive-table > tbody.sortable-list > tr > td {
    margin-top: 0;
  }
  table.def-responsive-table > tbody.sortable-list.sort-mode-td > tr > th, table.def-responsive-table > tbody.sortable-list.sort-mode-td > tr > td {
    position: relative;
  }
  table.def-responsive-table > tbody.sortable-list.sort-mode-td > tr > th:before, table.def-responsive-table > tbody.sortable-list.sort-mode-td > tr > td:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
  }
  table.def-responsive-table > tbody.sortable-list.sort-mode-td > tr.ui-fixed-row > th:before, table.def-responsive-table > tbody.sortable-list.sort-mode-td > tr.ui-fixed-row > td:before {
    display: none;
  }
  table.def-responsive-table.no-header-color > thead > tr > th, table.def-responsive-table.no-header-color > tbody > tr > th {
    background-color: inherit;
  }
  table.def-responsive-table.no-header-color > thead > tr > td:first-child, table.def-responsive-table.no-header-color > tbody > tr > td:first-child {
    background-color: inherit;
  }
}
table.def-responsive-table.table-vertical > tbody > tr > th:before, table.def-responsive-table.table-vertical > tbody > tr > td:before {
  display: none;
}
table.def-responsive-table.table-vertical > tbody > tr > th:first-child, table.def-responsive-table.table-vertical > tbody > tr > td:first-child {
  border-top: thin solid #E5E5E5;
}
table.def-responsive-table.table-vertical.spn-header-middle > tbody > tr > th br {
  display: none;
}
table.def-responsive-table.table-vertical.spn-header-middle > tbody > tr > th:first-child, table.def-responsive-table.table-vertical.spn-header-middle > tbody > tr > td:first-child {
  padding: 0.25em;
}
@media (max-width: 768.98px) {
  table.def-responsive-table.none-responsive-header > tbody > tr > th:before, table.def-responsive-table.none-responsive-header > tbody > tr > td:before {
    content: none;
  }
}
table.def-responsive-table.spn-space-between > tbody {
  width: 100%;
}
table.def-responsive-table.spn-space-between > tbody > tr > td.td-action {
  text-align: right;
}
@media (max-width: 768.98px) {
  table.def-responsive-table.spn-space-between > tbody > tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  table.def-responsive-table.spn-space-between > tbody > tr > th {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: inherit;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    border-bottom: thin solid #dee2e6;
  }
  table.def-responsive-table.spn-space-between > tbody > tr > td {
    background-color: #fff;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    border: none;
    text-align: left;
    border-bottom: thin solid #dee2e6;
  }
}
@media (max-width: 768.98px) and (max-width: 768.98px) {
  table.def-responsive-table.spn-space-between > tbody > tr > td {
    text-align: left;
  }
}
@media (max-width: 768.98px) {
  table.def-responsive-table.spn-space-between > tbody > tr > td.td-action {
    -ms-flex-item-align: end;
        align-self: flex-end;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    text-align: right;
  }
  table.def-responsive-table.spn-space-between > tbody.sort-mode > tr > th {
    background-color: inherit;
  }
  table.def-responsive-table.spn-space-between > tbody.sort-mode > tr > td {
    background-color: inherit;
  }
}
table.def-responsive-table.no-border {
  border: none;
}
table.def-responsive-table.no-border > thead > tr > th, table.def-responsive-table.no-border > thead > tr > td, table.def-responsive-table.no-border > tbody > tr > th, table.def-responsive-table.no-border > tbody > tr > td {
  border: none;
}
@media (max-width: 768.98px) {
  table.def-responsive-table.no-header-color > thead > tr > th, table.def-responsive-table.no-header-color > tbody > tr > th {
    background-color: inherit;
  }
}
table thead.thead-main th {
  color: #fff;
  background-color: #6c757d;
  border-color: #fff;
}

.show-link {
  display: inline-block;
}

/* datepicker */
.date-picker-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 14em;
  margin: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 768.98px) {
  .date-picker-space {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.date-picker-space .to-prev, .date-picker-space .to-next {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.date-picker-space .to-prev > a, .date-picker-space .to-next > a {
  height: 100%;
  display: block;
  background: #fff;
  width: 2em;
  text-align: center;
  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;
}
.date-picker-space .to-prev {
  border-top: thin solid #E5E5E5;
  border-bottom: thin solid #E5E5E5;
  border-left: thin solid #E5E5E5;
}
.date-picker-space .to-next {
  border-top: thin solid #E5E5E5;
  border-bottom: thin solid #E5E5E5;
  border-right: thin solid #E5E5E5;
}
.date-picker-space .picker-space {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 7em;
      flex-basis: 7em;
  border: thin solid #E5E5E5;
}
.date-picker-space .picker-space input {
  border: none;
}

.char-at-to {
  display: block;
  padding: 0.5em;
}
@media (max-width: 375.98px) {
  .char-at-to {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

/* schedule-list */
.schedule-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.schedule-list > li {
  margin-bottom: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.schedule-list > li .schedule-time-line {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  max-width: 2em;
  position: relative;
  background-image: linear-gradient(to top, #000, #000 1px, transparent 1px, transparent 1px);
  background-size: 1px 3px;
  background-position: bottom;
  background-repeat: repeat-y;
}
.schedule-list > li .schedule-time-line .schedule-time-line-icon {
  background: #fff;
}
.schedule-list > li .schedule-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.schedule-list > li .schedule-info .schedule-info-header {
  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;
}
.schedule-list > li .schedule-info .schedule-info-header .schedule-info-header-time {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 7em;
      flex-basis: 7em;
  font-weight: bold;
}
.schedule-list > li .schedule-info .schedule-info-header .schedule-info-header-buttons {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.schedule-list > li .schedule-info .schedule-info-inner .schedule-info-inner-work {
  color: #FFBB33;
  font-weight: bold;
}
.schedule-list > li .schedule-info .schedule-info-inner .schedule-info-inner-work-sub {
  font-weight: bold;
}
.schedule-list > li .schedule-info .schedule-info-inner .schedule-info-inner-text {
  font-size: 0.9em;
  margin-bottom: 1em;
}

/* daily-info-base-list */
.daily-info-base-list, .disp-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.daily-info-base-list > li, .disp-list > li {
  margin-bottom: 1em;
}
.daily-info-base-list > li .base-info-item-inner, .disp-list > li .base-info-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 991.98px) {
  .daily-info-base-list > li .base-info-item-inner, .disp-list > li .base-info-item-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.daily-info-base-list > li .base-info-item-inner > .item-caption, .disp-list > li .base-info-item-inner > .item-caption {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 14em;
      flex-basis: 14em;
  background-color: #dee2e6;
}
@media (max-width: 991.98px) {
  .daily-info-base-list > li .base-info-item-inner > .item-caption, .disp-list > li .base-info-item-inner > .item-caption {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.daily-info-base-list > li .base-info-item-inner > .item-caption > span, .disp-list > li .base-info-item-inner > .item-caption > 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;
  text-align: center;
  margin-right: 1em;
  padding: 0.5em 0;
  height: 100%;
  color: #495057;
}
@media (max-width: 991.98px) {
  .daily-info-base-list > li .base-info-item-inner > .item-caption > span, .disp-list > li .base-info-item-inner > .item-caption > span {
    padding: 0.5em;
    font-size: 0.9em;
  }
}
@media (max-width: 991.98px) {
  .daily-info-base-list > li .base-info-item-inner > .item-caption > span, .disp-list > li .base-info-item-inner > .item-caption > span {
    margin-right: 0;
  }
}
.daily-info-base-list > li .base-info-item-inner > .item-caption > span > span, .disp-list > li .base-info-item-inner > .item-caption > span > span {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.daily-info-base-list > li .base-info-item-inner > .item-inputs, .disp-list > li .base-info-item-inner > .item-inputs, .daily-info-base-list > li .base-info-item-inner > .item-text, .disp-list > li .base-info-item-inner > .item-text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 991.98px) {
  .daily-info-base-list > li .base-info-item-inner > .item-inputs, .disp-list > li .base-info-item-inner > .item-inputs, .daily-info-base-list > li .base-info-item-inner > .item-text, .disp-list > li .base-info-item-inner > .item-text {
    -ms-flex-preferred-size: 67%;
        flex-basis: 67%;
  }
}
@media (max-width: 991.98px) {
  .daily-info-base-list > li .base-info-item-inner > .item-inputs, .disp-list > li .base-info-item-inner > .item-inputs, .daily-info-base-list > li .base-info-item-inner > .item-text, .disp-list > li .base-info-item-inner > .item-text {
    margin-top: 0.5em;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 991.98px) {
  .daily-info-base-list > li .base-info-item-inner > .item-text, .disp-list > li .base-info-item-inner > .item-text {
    margin-top: 0.5em;
  }
}
.daily-info-base-list > li .base-info-item-inner > .item-text > div, .disp-list > li .base-info-item-inner > .item-text > div {
  padding: 0.5em 0 0.5em 0;
  margin-left: 1em;
  margin-right: 1em;
}
.daily-info-base-list > li .base-info-item-inner > .item-text > div.youryou-flex, .disp-list > li .base-info-item-inner > .item-text > div.youryou-flex {
  padding: 0;
}
.daily-info-base-list.list-title-sm > li .base-info-item-inner > .item-caption, .list-title-sm.disp-list > li .base-info-item-inner > .item-caption {
  -ms-flex-preferred-size: 9em;
      flex-basis: 9em;
}
@media (max-width: 991.98px) {
  .daily-info-base-list.list-title-sm > li .base-info-item-inner > .item-caption, .list-title-sm.disp-list > li .base-info-item-inner > .item-caption {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.daily-info-base-list.list-title-sm > li .base-info-item-inner > .item-caption > span, .list-title-sm.disp-list > li .base-info-item-inner > .item-caption > span {
  margin-right: 0;
}
.daily-info-base-list.bg-right-white > li, .bg-right-white.disp-list > li {
  background-color: #fff;
}

.disp-list {
  padding-top: 1em;
}

/* chat */
.chat-container .chat-title-section {
  border-radius: 0;
  margin-bottom: 0;
}
.chat-container .chat-title-section .header-space.header-main {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .chat-container .chat-title-section .header-space.header-main .header-title .elem-for-flex {
    padding: 0 0.5em;
  }
  .chat-container .chat-title-section .header-space.header-main .header-title .elem-for-flex h2 {
    font-size: 1rem;
    padding-bottom: 0;
  }
  .chat-container .chat-title-section .header-space.header-main .header-right .elem-for-flex {
    text-align: right;
    padding: 0;
  }
}
@media (max-width: 991.98px) and (max-width: 768.98px) {
  .chat-container .chat-title-section .header-space.header-main .header-right .elem-for-flex {
    text-align: left;
  }
}
.chat-container .chat-main-section {
  border-radius: 0;
  margin-bottom: 0;
}
.chat-container .chat-main-section .section-inner {
  padding: 0;
}
.chat-container .chat-control-section {
  -webkit-box-shadow: 0 2px 7px -5px #495057;
          box-shadow: 0 2px 7px -5px #495057;
  border-radius: 0;
  margin-top: 0;
}
.chat-container .chat-control-section .chat-helper-space {
  padding: 0 1em;
}
.chat-container .chat-control-section .chat-helper-space > a {
  display: inline-block;
  padding: 0.1em 1em;
  border: thin solid #ced4da;
  border-radius: 0.1em;
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.chat-container .chat-control-section .chat-helper-space > a:hover {
  background: #fef2e0;
}
.chat-container .chat-control-section .chat-helper-space > a:hover a {
  color: inherit;
}
.chat-container .chat-control-section .chat-helper-space > a:hover {
  cursor: pointer;
}
.chat-container .chat-control-section .input-chat-space {
  margin: 0.1em 0 0;
  padding: 0 1em;
}

#chat-wrapper {
  overflow-y: auto;
  max-height: 60vh;
  padding: 1em;
}

.chat-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
}
.chat-list > li {
  margin-bottom: 1em;
}
.chat-list > li .chat-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.chat-list > li .chat-flex .chat-flex-main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: 100%;
}
.chat-list > li .chat-flex .chat-flex-main .chat-item-info {
  text-align: right;
  margin: 0.25em 0.25em;
  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;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.chat-list > li .chat-flex .chat-flex-main .chat-item-info .chat-item-info-detail {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.chat-list > li .chat-flex .chat-flex-main .chat-item-info .chat-item-info-actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.chat-list > li .chat-flex .chat-flex-main .info-content {
  background-color: #F3F4F5;
  border-radius: 0.25em;
  -webkit-box-shadow: 3px 3px 8px -6px #333;
          box-shadow: 3px 3px 8px -6px #333;
  margin-right: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}
.chat-list > li .chat-flex .chat-flex-main .info-content.to-animation {
  -webkit-animation: fadeout-current ease-in 2s 0s infinite forwards;
          animation: fadeout-current ease-in 2s 0s infinite forwards;
}
@-webkit-keyframes fadeout-current {
  from {
    background: #fff7e6;
  }
  to {
    background: #F3F4F5;
  }
}
@keyframes fadeout-current {
  from {
    background: #fff7e6;
  }
  to {
    background: #F3F4F5;
  }
}
@-webkit-keyframes fadeout-after-current {
  from {
    border-left: #fff7e6;
  }
  to {
    border-left: #F3F4F5;
  }
}
@keyframes fadeout-after-current {
  from {
    border-left: #fff7e6;
  }
  to {
    border-left: #F3F4F5;
  }
}
.chat-list > li .chat-flex .chat-flex-main .info-content.to-animation:after {
  -webkit-animation: fadeout-after-current ease-in 2s 0s infinite forwards;
          animation: fadeout-after-current ease-in 2s 0s infinite forwards;
}
.chat-list > li .chat-flex .chat-flex-main .info-content:after {
  content: "";
  position: absolute;
  top: 0;
  right: -2em;
  border: 1em solid transparent;
  border-left: 1.8em solid #F3F4F5;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-inner {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-inner .info-content-target {
  padding: 1em 1em 0;
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-inner .info-content-target + .info-content-inner-text {
  padding: 0 1em 1em;
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-inner .info-content-inner-text {
  padding: 1em;
  word-break: break-all;
  width: 100%;
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-inner .info-content-attach-file {
  padding: 0 1em 1em 1em;
  word-break: break-all;
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.chat-list > li .chat-flex .chat-flex-main .info-content .info-content-actions .actions-wrap {
  padding: 1em 1em 1em 0;
}
.chat-list > li .chat-flex .chat-flex-icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.chat-list > li.chat-me .chat-flex .chat-flex-main {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.chat-list > li.chat-me .chat-flex .chat-flex-main .chat-item-info {
  text-align: left;
  margin-left: 0.5em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.chat-list > li.chat-me .chat-flex .chat-flex-main .info-content {
  margin-right: 0;
  margin-left: 0.5em;
  position: relative;
}
.chat-list > li.chat-me .chat-flex .chat-flex-main .info-content:after {
  display: none;
}
.chat-list > li.chat-me .chat-flex .chat-flex-main .info-content:before {
  content: "";
  position: absolute;
  top: -4px;
  left: -0.5em;
  border: 1em solid transparent;
  border-left: 1.8em solid #F3F4F5;
  -webkit-transform: rotate(-22deg);
          transform: rotate(-22deg);
}
.chat-list > li.chat-me .chat-flex .chat-flex-main .info-content .info-content-actions {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.chat-list > li.chat-me .chat-flex .chat-flex-main .info-content .info-content-actions .actions-wrap {
  padding: 1em 1em 1em 0;
}
.chat-list > li.chat-me .chat-flex .chat-flex-icon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.chat-list.chat-list-nippou > li .chat-flex .chat-flex-main .info-content {
  background-color: #fff;
}
.chat-list.chat-list-nippou > li .chat-flex .chat-flex-main .info-content:after {
  border-left: 1.8em solid #fff;
}
.chat-list.chat-list-nippou > li.chat-me .chat-flex .chat-flex-main .info-content:before {
  border-left: 1.8em solid #fff;
}

.input-chat-space {
  position: relative;
}
.input-chat-space .textarea-chat {
  font-size: 0.9em;
  padding: 0.5em 5em 0.5em 0.5em;
  min-height: 1em;
}
.input-chat-space .textarea-chat:focus {
  min-height: 5em;
}
.input-chat-space > button, .input-chat-space a, .input-chat-space input[type=submit], .input-chat-space input[type=button] {
  position: absolute;
  right: 1.5em;
  text-align: center;
  bottom: 1em;
  margin: auto;
  width: 3.5em;
  height: 2em;
  padding: 0;
  border-radius: 0.25em;
}

/* video-list */
.video-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 1299.98px) {
  .video-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.video-list > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
  padding-bottom: 1.5em;
}
@media (max-width: 1299.98px) {
  .video-list > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
@media (max-width: 375.98px) {
  .video-list > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
.video-list > li .video-item {
  padding: 0 0.25em;
}
.video-list > li .video-item .video-item-thumbnail {
  position: relative;
}
.video-list > li .video-item .video-item-thumbnail:after {
  position: absolute;
  font-family: "Material Icons";
  content: "\e038";
  font-size: 3em;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  line-height: 1em;
  color: #EF9709;
  pointer-events: none;
}
.video-list > li .video-item .video-item-title {
  margin-bottom: 0.25em;
}
.video-list > li .video-item .video-item-title .video-title > .video-title-text {
  font-weight: bold;
  text-decoration: underline;
}
.video-list > li .video-item .video-item-title .video-title > i.material-icons {
  color: #EF9709;
}
.video-list > li .video-item .video-item-info-list {
  font-size: 0.9em;
}
.video-list > li .video-item .video-item-info-list.info-category {
  font-weight: bold;
}
.video-list > li .video-item .video-item-info-list.info-details {
  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;
}
.video-list > li .video-item .video-item-info-list.info-details > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}

/* video-space */
.video-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 1299.98px) {
  .video-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.video-space .video-wrapper {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 720px;
      flex-basis: 720px;
}
@media (max-width: 1299.98px) {
  .video-space .video-wrapper {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.video-space .video-info-space {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.video-space .video-info-space .video-info-wrapper {
  padding: 0 1em;
}
@media (max-width: 1299.98px) {
  .video-space .video-info-space .video-info-wrapper {
    padding: 0;
  }
}
.video-space .video-info-space .video-info-wrapper .video-info-title {
  padding: 0 0 0.25em;
  margin: 0 0 0.25em;
  border-bottom: 2px dashed #6c757d;
  padding: 0.5em 0;
  font-size: 1.2em;
}
.video-space .video-info-space .video-info-wrapper .video-info-title i {
  color: #317096;
}
.video-space .video-info-space .video-info-wrapper .video-info-inner {
  word-break: break-all;
  padding: 0.5em 0 0.5em;
}
.video-space .video-info-space .video-info-wrapper .video-info-list {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.video-space .video-info-space .video-info-wrapper .video-info-list > li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.video-space .video-info-space .video-info-wrapper .video-info-list > li > a, .video-space .video-info-space .video-info-wrapper .video-info-list > li > span {
  display: inline-block;
  padding-right: 1em;
}

/* faq-list */
.faq-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.faq-list > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 20em;
      flex-basis: 20em;
  margin-bottom: 0.5em;
}
.faq-list > li.empty-item {
  height: 0;
  padding: 0;
  margin-bottom: 0;
}
@media (max-width: 375.98px) {
  .faq-list > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.faq-list > li .faq-item {
  margin: 0 0.1em;
}
.faq-list > li .faq-item .faq-item-inner {
  width: 100%;
  padding: 0.5em 1em;
  border: thin solid #adb5bd;
  margin-right: 0.5em;
}
.faq-list > li .faq-item .faq-item-title {
  padding-bottom: 1em;
}

.answer-info, .faq-item-info, .preview-info {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.answer-info > li, .faq-item-info > li, .preview-info > li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin-right: 1em;
}
.answer-info > li.faq-up-date > i, .faq-item-info > li.faq-up-date > i, .preview-info > li.faq-up-date > i {
  color: #31AD5B;
}
.answer-info > li.faq-category > i, .faq-item-info > li.faq-category > i, .preview-info > li.faq-category > i {
  color: #FFBB33;
}

.question-inner {
  padding: 1em 0;
}

.faq-header, .review-header {
  background-color: #F3F4F5;
  padding: 1em;
  border-bottom: thin solid #dee2e6;
}
.faq-header.faq-light, .review-header.faq-light {
  background-color: #fff7e6;
}
.faq-header h3, .review-header h3 {
  margin: 0;
}

.faq-inner {
  padding: 1em 1em 2em;
}

.preview-inner {
  padding: 1em;
}

.news-list {
  min-height: 20em;
  max-height: 20em;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.news-list.height-stretch {
  min-height: initial;
  max-height: initial;
}
.news-list > li {
  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;
  font-size: 0.9em;
  margin-bottom: 1em;
}
@media (max-width: 768.98px) {
  .news-list > li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.news-list > li.important-item .new-list-content {
  color: #dc3545;
  font-weight: bold;
}
.news-list > li.agree-item .new-list-content > a {
  color: #dc3545;
  text-decoration: underline;
  font-weight: bold;
}
.news-list > li.agree-item .new-list-content > a:hover {
  color: #bd2130;
}
.news-list > li .new-list-date, .news-list > li .new-list-date-time {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 12em;
      flex-basis: 12em;
}
.news-list > li .new-list-date > span, .news-list > li .new-list-date-time > span {
  display: inline-block;
  background-color: #E5E5E5;
  width: 11em;
  text-align: center;
  padding: 0.2em 0.5em;
  border-radius: 0.1em;
  font-weight: bold;
  line-height: 1.4;
}
.news-list > li .new-list-date > span + span, .news-list > li .new-list-date-time > span + span {
  margin-top: 0.2em;
}
.news-list > li .new-list-date > span.theme-box, .news-list > li .new-list-date-time > span.theme-box {
  display: inline-block;
}
@media (max-width: 1299.98px) {
  .news-list > li .new-list-date > span.theme-box, .news-list > li .new-list-date-time > span.theme-box {
    width: auto !important;
  }
}
.news-list > li .new-list-date-time {
  -ms-flex-preferred-size: 12em;
      flex-basis: 12em;
}
.news-list > li .new-list-date-time > span {
  width: 11em;
}
.news-list > li .new-list-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media (max-width: 1299.98px) {
  .news-list > li .new-list-content {
    margin-top: 0.25em;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 1299.98px) and (max-width: 1299.98px) {
  .news-list > li .new-list-content {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.news-list > li .new-list-trash {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 1299.98px) {
  .news-list > li .new-list-trash {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: right;
  }
}
.news-list > li .self-staff {
  background-color: #31AD5B;
  border-radius: 0.1em;
  padding: 0.1em 0.25em;
  display: inline-block;
  color: #fff;
  position: relative;
}
.news-list > li .self-supporter {
  background-color: #17a2b8;
  border-radius: 0.1em;
  padding: 0.1em 0.25em;
  display: inline-block;
  color: #fff;
  position: relative;
}
@media (max-width: 1299.98px) {
  .news-list.list-responsive-2col > li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .news-list.list-responsive-2col > li .new-list-date, .news-list.list-responsive-2col > li .new-list-date-time {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .news-list.list-responsive-2col > li .new-list-content {
    margin-top: 0.25em;
  }
  .news-list.list-responsive-2col > li .new-list-trash {
    position: relative;
  }
  .news-list.list-responsive-2col > li .new-list-trash:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0.8em;
    width: 100%;
    border-top: thin dotted #ced4da;
    z-index: 0;
  }
  .news-list.list-responsive-2col > li .new-list-trash .deleteLink {
    position: relative;
    z-index: 1;
  }
}
.icon-wrap {
  display: inline-block;
  background-color: #F3F4F5;
  padding: 0.25em 0.5em;
  border-radius: 0.1em;
  margin-right: 1em;
}

/* staff */
.evaluation-bar {
  display: inline-block;
  width: 8em;
}
.evaluation-bar > img {
  width: 100%;
}

.bootstrap-select > .with-icon + .dropdown-toggle {
  padding: 0;
  width: 100% !important;
  border: thin solid #dee2e6;
  white-space: inherit;
}
.bootstrap-select .dropdown-item {
  white-space: inherit;
}
.bootstrap-select .icon-select {
  display: inline-block;
  width: 2.2em;
  height: 2.2em;
  margin: 0.25em;
}
.bootstrap-select .icon-select > img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}
.bootstrap-select > .dropdown-toggle {
  border: thin solid #dee2e6;
  padding: 0.18em 1em 0.18em 0.2em;
  white-space: inherit !important;
}
.bootstrap-select > .dropdown-toggle:after {
  position: absolute;
  right: 0.5em;
}

.btn-group-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.btn-group-container .btn-group {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
@media (max-width: 991.98px) {
  .btn-group-container .btn-group {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media (max-width: 375.98px) {
  .btn-group-container .btn-group {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.btn-group-container .btn-group .btn-choice {
  padding: 0;
  height: 100%;
  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;
  min-height: 3em;
  cursor: pointer;
}
.btn-group.btn-eval-icon {
  position: relative;
  padding-bottom: 2em;
}
.btn-group.btn-eval-icon label {
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  background-size: contain;
  background-position: center center;
  height: 3.5em;
  width: 3.5em;
  margin-right: 0.2em;
  border-radius: 0.2em !important;
  border: 2px solid #dee2e6;
  background-color: #fff !important;
  cursor: pointer;
}
@media (max-width: 768.98px) {
  .btn-group.btn-eval-icon label {
    height: 2.75em;
    width: 2.75em;
  }
}
.btn-group.btn-eval-icon label.active {
  background-color: #fff !important;
  position: relative;
}
.btn-group.btn-eval-icon label.active:before {
  position: absolute;
  font-family: "Material Icons";
  content: "\e5ca";
  font-size: 2em;
  right: -0.5rem;
  bottom: -1rem;
  color: #dc3545;
}
.btn-group.btn-eval-icon label.active.choice-danger {
  border: 2px solid #FF7B7C;
}
.btn-group.btn-eval-icon label.active.choice-warning {
  border: 2px solid #FDAB24;
}
.btn-group.btn-eval-icon label.active.choice-info {
  border: 2px solid #FFCA00;
}
.btn-group.btn-eval-icon label.active.choice-success {
  border: 2px solid #7EE3DB;
}
.btn-group.btn-eval-icon label.active.choice-primary {
  border: 2px solid #75D6A1;
}
.btn-group.btn-eval-icon .eval-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1em;
  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;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.btn-group.btn-eval-icon .eval-bar > span {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: center;
  font-size: 1.25em;
}
.btn-group.btn-eval-icon .eval-bar > span.minus {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  color: #ff6900;
  -ms-flex-preferred-size: 1.5em;
      flex-basis: 1.5em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 1em;
  height: 1em;
}
.btn-group.btn-eval-icon .eval-bar > span.plus {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  color: #4dbd57;
  -ms-flex-preferred-size: 1.5em;
      flex-basis: 1.5em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 1em;
  height: 1em;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar {
  position: relative;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  content: "";
  height: 1em;
  border-radius: 0;
  width: 100%;
  background: #fff;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar:after {
  position: absolute;
  left: -0.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  content: "";
  height: 1em;
  width: 1em;
  border-radius: 0.5em;
  background: #fff;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank01:before {
  background: #ff7b7c;
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank01:after {
  display: none;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank02:before {
  background: #ffca00;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank02:after {
  background: #fe5212;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank03:before {
  background: #fdab24;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank03:after {
  background: #fd8701;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank04:before {
  background: #7ee3db;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank04:after {
  background: #7cb300;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank05:before {
  background: #75d6a1;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.btn-group.btn-eval-icon .eval-bar .rank-bar.rank05:after {
  background: #36bf8b;
}

.btn-choice label {
  margin-bottom: 0;
}

.flex-like-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-like-table > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 0.25em;
}
@media (max-width: 375.98px) {
  .flex-like-table > li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.flex-like-table > li > .like-th {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 10em;
      flex-basis: 10em;
  max-width: 10em;
}
@media (max-width: 375.98px) {
  .flex-like-table > li > .like-th {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.flex-like-table > li > .like-th > div {
  border: thin solid #6c757d;
  padding: 0.5em;
  margin-right: 1em;
  text-align: center;
  width: 100%;
}
@media (max-width: 375.98px) {
  .flex-like-table > li > .like-th > div {
    padding: 0.2em 0;
  }
}
.flex-like-table > li > .like-td {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 375.98px) {
  .flex-like-table > li > .like-td {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    text-align: center;
    margin-bottom: 1em;
  }
}
.flex-like-table > li > .like-td > div {
  padding: 0.5em;
}
.flex-like-table.like-table-col-2 > li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.flex-like-table.like-table-col-2 > li > .like-th {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  max-width: 40%;
}
@media (max-width: 991.98px) {
  .flex-like-table.like-table-col-2 > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 768.98px) {
  .flex-like-table.like-table-col-2 > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
@media (max-width: 375.98px) {
  .flex-like-table.like-table-col-2 > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
.flex-like-table.like-table-col-3 > li {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  -ms-flex-preferred-size: 33.3%;
      flex-basis: 33.3%;
  max-width: 33.3%;
}
.flex-like-table.like-table-col-3 > li > .like-th {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
.flex-like-table.like-table-col-3 > li > .like-th {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  max-width: 40%;
}
@media (max-width: 1299.98px) {
  .flex-like-table.like-table-col-3 > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
@media (max-width: 991.98px) {
  .flex-like-table.like-table-col-3 > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 768.98px) {
  .flex-like-table.like-table-col-3 > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
@media (max-width: 375.98px) {
  .flex-like-table.like-table-col-3 > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .flex-like-table.like-table-col-3 > li > .like-th {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}

.check-list-wrapper > div {
  margin-right: 0.5em;
}
.check-list-wrapper > div h4 {
  padding: 0;
}
@media (max-width: 768.98px) {
  .check-list-wrapper > div h4 {
    margin-top: 0.5em;
  }
}
.check-list-wrapper > div ul {
  padding: 0.5em;
  overflow-y: auto;
  max-height: 15em;
  background-color: #f8f9fa;
  border-radius: 0.2em;
  border: thin solid #dee2e6;
  -webkit-box-shadow: 0px 0px 10px -6px #adb5bd inset;
          box-shadow: 0px 0px 10px -6px #adb5bd inset;
  width: 100%;
  min-height: 15em;
}

.faq-set.furiwake-set .question-wrap {
  padding: 0;
}
.faq-set.furiwake-set .question-wrap .question-space .question-title {
  padding: 1em 1em 1em 2em;
}
.faq-set.furiwake-set .question-wrap .question-space .question-title:before {
  display: none;
}
.faq-set.furiwake-set .question-wrap .question-button {
  margin: 1em 0 1em 0.25em;
}
.faq-set .question-wrap {
  border: thin solid #adb5bd;
  padding: 1em;
  margin-bottom: 0.5em;
  border-radius: 0.2em;
}
.faq-set .question-wrap .question-space {
  position: relative;
}
.faq-set .question-wrap .question-space .question-button {
  display: inline-block;
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: #EF9709;
}
.faq-set .question-wrap .question-space .question-button .line-top {
  position: absolute;
  display: block;
  background-color: #fff;
  width: 1em;
  height: 0.25em;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.faq-set .question-wrap .question-space .question-button .line-bottom {
  position: absolute;
  display: block;
  background-color: #fff;
  width: 1em;
  height: 0.25em;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.faq-set .question-wrap .question-space .question-button.open .line-top {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.faq-set .question-wrap .question-space .question-title {
  cursor: pointer;
  display: block;
  font-size: 1em;
  font-weight: bold;
  position: relative;
  padding-left: 3em;
  line-height: 1.7;
  margin: 0;
  cursor: pointer;
}
.faq-set .question-wrap .question-space .question-title:before {
  position: absolute;
  left: 1.75em;
  content: "Q.";
  font-weight: bold;
  font-family: "arial black";
}
.faq-set .question-wrap .answer {
  display: none;
}
.faq-set .question-wrap .answer div {
  padding: 1em 1em 0 1.75em;
}
.faq-set .question-wrap .answer div .word {
  display: inline-block;
  padding-left: 1.25em;
  position: relative;
  font-size: 1em;
  line-height: 1.7;
  border-bottom: 2px solid #BB2115;
  width: 100%;
  word-break: break-all;
}
.faq-set .question-wrap .answer div .word:before {
  position: absolute;
  left: 0;
  content: "A.";
  font-weight: bold;
  font-size: 1em;
  font-family: "arial black";
  color: #BB2115;
}
.faq-set .question-wrap .answer div .word.border-none {
  border-bottom: none;
}
.faq-set .question-wrap .answer div .txt {
  padding-left: 1em;
  line-height: 1.5;
  margin-top: 0.5em;
}
.faq-set .question-wrap .answer div.close-space {
  text-align: center;
}
@media (max-width: 768.98px) {
  .faq-set .question-wrap .answer div.close-space .question-button {
    display: block;
    width: 100%;
  }
}

.header-file-category {
  padding: 1em 1em 0;
}

.user-check-list-container {
  padding: 0.5em 0.5em 0;
  border: thin dotted #6c757d;
  margin-top: 0.5em;
  background-color: #e9ecef;
  position: relative;
  border-radius: 0.1em;
  display: none;
}
.user-check-list-container.active {
  display: block;
}
.user-check-list-container.ear-none:before {
  display: none;
}
.user-check-list-container:before {
  position: absolute;
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-top: thin dotted #6c757d;
  border-right: thin dotted #6c757d;
  background-color: #e9ecef;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: -0.25em;
  left: 1em;
}
.user-check-list-container > ul > li {
  display: inline-block;
  margin-bottom: 0.5em;
}
.user-check-list-container > ul > li > label {
  position: relative;
  cursor: pointer;
  margin: 0 1em 0 0;
}
.user-check-list-container > ul > li > label input[type=checkbox] {
  display: none;
}
.user-check-list-container > ul > li > label input[type=checkbox]:checked + .image-icon-container {
  background-color: #EF9709;
  border: thin solid #be7807;
  color: #fff;
}
.user-check-list-container > ul > li > label .image-icon-container, .user-check-list-container > ul > li > label a {
  padding: 0.25em 1em;
  background-color: #fff;
  border-radius: 0.2em;
  border: thin solid #ced4da;
}

@media (max-width: 768.98px) {
  .schedule-container {
    margin: 0 1.5em;
  }
}
.schedule-container .fc-view {
  background-color: #fff;
}
.schedule-container .fc-toolbar {
  display: none;
}

.self-user {
  background-color: #343a40;
  border-radius: 0.2em;
  padding: 0.1em 0.5em;
  display: inline-block;
  color: #fff;
  position: relative;
}
.self-user > .pos-title {
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.5;
}

.self-staff {
  background-color: #31AD5B;
  border-radius: 0.2em;
  padding: 0.1em 0.5em;
  display: inline-block;
  color: #fff;
  position: relative;
}
.self-staff > .pos-title {
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.5;
}

.self-supporter {
  background-color: #17a2b8;
  border-radius: 0.2em;
  padding: 0.1em 0.5em;
  display: inline-block;
  color: #fff;
  position: relative;
}
.self-supporter > .pos-title {
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1.5;
}

#tonpukuTableWrapper {
  display: none;
}
#tonpukuTableWrapper.show {
  display: block;
}

.sort-mode {
  -webkit-animation-name: flash;
          animation-name: flash;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
@-webkit-keyframes flash {
  0% {
    background: #fff;
  }
  100% {
    background: #fffbc6;
  }
}
@keyframes flash {
  0% {
    background: #fff;
  }
  100% {
    background: #fffbc6;
  }
}
.result-only {
  display: none;
}

.modal-result .result-only {
  display: table-row;
}

.limit-count-space {
  font-size: 0.75em;
  background-color: #6c757d;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  color: #fff;
}
.limit-count-space > a {
  color: #ff0;
}

.count-number {
  font-weight: bold;
  font-size: 1rem;
}

.modal-open {
  overflow: visible !important;
  position: static !important;
}

.dotted-box {
  border: thin dotted #343a40;
  padding: 0.5em;
}

.user-limit {
  display: inline-block;
  font-weight: bold;
  padding: 0.2em 0.75em;
  background-color: #FFBB33;
  border-radius: 1em;
}
.user-limit.user-limit-staff {
  background-color: #31AD5B;
  color: #fff;
}
.user-limit.user-limit-manager {
  background-color: #6610f2;
  color: #fff;
}

.month-limit {
  display: inline-block;
  font-weight: bold;
  padding: 0.2em 0.75em;
  background-color: #1F9999;
  border-radius: 1em;
  color: #fff;
}

h2 .user-limit, h2 .month-limit {
  font-size: 0.75em;
}

.top-main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.top-main-menu > li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  margin-bottom: 1em;
  font-size: 1.5em;
}
@media (max-width: 991.98px) {
  .top-main-menu > li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media (max-width: 768.98px) {
  .top-main-menu > li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.top-main-menu > li > span {
  border-bottom: thin dotted #343a40;
  display: block;
}
.top-main-menu > li i {
  font-size: 1.5em;
}
.top-main-menu > li > ul {
  margin-left: 1.5em;
}

.top-menu-section {
  padding: 0 0.5em;
}
@media (max-width: 991.98px) {
  .top-menu-section {
    padding: 0;
  }
}
.top-menu-section > h3 {
  border-bottom: thin dashed #adb5bd;
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
.top-menu-section > h3 > i {
  font-size: 1.25em;
}
.top-menu-section > .menu-list {
  padding: 0 0.25em;
  margin-bottom: 1.25em;
}
@media (max-width: 991.98px) {
  .top-menu-section > .menu-list {
    padding: 0;
  }
}
.top-menu-section > .menu-list > li {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0.25em;
}
@media (max-width: 991.98px) {
  .top-menu-section > .menu-list > li {
    margin-bottom: 1em;
  }
}
.top-menu-section > .menu-list > li > h4 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 13em;
      flex-basis: 13em;
  margin: 0;
  font-size: 1em;
}
@media (max-width: 768.98px) {
  .top-menu-section > .menu-list > li > h4 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 0.25em;
  }
}
.top-menu-section > .menu-list > li > h4 i {
  font-size: 1.4em;
}
.top-menu-section > .menu-list > li > ul {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  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;
}
@media (max-width: 991.98px) {
  .top-menu-section > .menu-list > li > ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.top-menu-section > .menu-list > li > ul > li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.top-menu-section > .menu-list > li > ul > li > a {
  margin-right: 1em;
  text-decoration: underline;
}

section.section-content h2 {
  font-size: 1.15rem;
  font-weight: bold;
}
section.section-content.bg-am {
  background-color: #ffffeb;
}
section.section-content.bg-pm {
  background-color: #D1ECFF;
}

.daily-input-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.daily-input-block .daily-input-block-inner {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
@media (max-width: 768.98px) {
  .daily-input-block .daily-input-block-inner {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.daily-input-block .daily-input-block-inner.inner-block-button {
  text-align: right;
  margin: 0 1em 1em 1em;
}
@media (max-width: 768.98px) {
  .daily-input-block .daily-input-block-inner.inner-block-button > .btn {
    width: 100%;
  }
}

.ticket-list {
  margin: 1em;
  padding-bottom: 0.25em;
}
.ticket-list .ticket-item {
  border: thin solid #dee2e6;
  border-radius: 0.2em;
  padding: 1em;
  margin-bottom: 1em;
  -webkit-box-shadow: 0px 0px 13px -11px #6c757d;
          box-shadow: 0px 0px 13px -11px #6c757d;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ticket-list .ticket-item:hover {
  -webkit-box-shadow: 2px 2px 13px -4px #6c757d;
          box-shadow: 2px 2px 13px -4px #6c757d;
}
.ticket-list .ticket-item .ticket-item-wrapper {
  background-color: #fff;
  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;
}
@media (max-width: 768.98px) {
  .ticket-list .ticket-item .ticket-item-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-caption {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 16em;
      flex-basis: 16em;
}
@media (max-width: 991.98px) {
  .ticket-list .ticket-item .ticket-item-wrapper .ticket-caption {
    -ms-flex-preferred-size: 12em;
        flex-basis: 12em;
  }
}
@media (max-width: 768.98px) {
  .ticket-list .ticket-item .ticket-item-wrapper .ticket-caption {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-caption > div {
  font-size: 1.25em;
  display: inline-block;
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-caption > .plus-num {
  padding: 0 0.5em;
  font-size: 1.5em;
  font-weight: bold;
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-price {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 768.98px) {
  .ticket-list .ticket-item .ticket-item-wrapper .ticket-price {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-price > .price-num {
  font-size: 1.25em;
  display: inline-block;
}
@media (max-width: 768.98px) {
  .ticket-list .ticket-item .ticket-item-wrapper .ticket-price > .price-num {
    font-size: 1em;
  }
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-price > .price-num > div {
  display: inline-block;
}
.ticket-list .ticket-item .ticket-item-wrapper .ticket-price > .price-num > div > span {
  font-size: 1.5em;
  font-weight: bold;
}
.ticket-list .ticket-item .ticket-item-wrapper .buy-button-icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 768.98px) {
  .ticket-list .ticket-item .ticket-item-wrapper .buy-button-icon {
    margin-top: 1em;
  }
}

.check-paid {
  cursor: pointer;
}

.checkbox-lg {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

.row-unpaid {
  background-color: #fbd496;
}
.row-unpaid:hover {
  background-color: #f7ac34 !important;
}
.row-unpaid:hover > td {
  color: #fff;
}
.row-unpaid:hover > td i {
  color: #fff;
}
.row-unpaid:hover > td i:hover {
  color: #ff0;
}

.admin-menu-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 1299.98px) {
  .admin-menu-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.admin-menu-space .admin-menu-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.admin-menu-space .admin-menu-right {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media (min-width: 992px) {
  .admin-menu-space .admin-menu-right {
    -ms-flex-preferred-size: 30em;
        flex-basis: 30em;
  }
}
@media (max-width: 1299.98px) {
  .admin-menu-space .admin-menu-right {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 991.98px) {
  .admin-menu-space .admin-menu-right {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.row-pay-between {
  display: none;
}
.row-pay-between.show {
  display: table-row;
}

.send-back-space, .comment-back-space {
  padding: 1em;
  border: thin solid #dee2e6;
  background-color: #f8f9fa;
  margin: 0 0 1em;
}

#cropImageWrapper {
  width: 100%;
  height: 50vh;
}

#cropImage {
  max-width: 100%;
}

#previewImage {
  max-width: 64px;
  border-radius: 50%;
}
#previewImage.hide {
  display: none;
}
#previewImage.rectangle {
  border-radius: 0;
}

.row-expired {
  background-color: #ced4da;
}
.row-expired:hover {
  background-color: #dee2e6 !important;
}

#errorDisp {
  color: #dc3545;
  border: thin solid #dc3545;
  padding: 0.5em 0.25em;
  font-weight: bold;
}
#errorDisp:empty {
  display: none;
}

#limitUserNum {
  font-weight: bold;
}
#limitUserNum:after {
  display: inline-block;
  font-weight: normal;
  content: "人";
}
#limitUserNum.no-unit:after {
  display: none;
}

.color-box-wrapper {
  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;
}
.color-box-wrapper .color-box {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 1em;
      flex-basis: 1em;
  margin-right: 0.2em;
  width: 1em;
  height: 1em;
  padding: 0 0.5em;
}
.color-box-wrapper .color-box-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  font-size: 1em;
}

.dashed-block {
  border: thin dashed #6c757d;
  font-size: 0.85em;
  line-height: 1.25;
  color: #495057;
}

.notation-set {
  position: relative;
  padding: 0.5em 0.5em 0.5em 2.5em;
  border: thin dashed #6c757d;
  font-size: 0.9em;
  line-height: 1.4;
}
.notation-set:before {
  display: block;
  position: absolute;
  height: 1.5em;
  width: 1.5em;
  font-size: 1.5em;
  font-family: "Material Icons";
  content: "\e001";
  left: 0.33em;
  top: 0;
  bottom: 0;
  margin: auto;
}

.show-info {
  color: #17a2b8;
}
.show-info:hover {
  color: #0c525d;
}

.pagination-space {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768.98px) {
  .pagination-space {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pagination-space .result-number {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  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;
}
@media (max-width: 768.98px) {
  .pagination-space .result-number {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 0.5em;
  }
}
.pagination-space .result-number > span {
  padding: 0 1em;
}
.pagination-space .nav-pagination {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.tooltip .tooltip-inner {
  color: #333;
  background-color: #fff;
  border: solid 1px #ced4da;
  padding: 1.25em 2em;
  max-width: 65vh;
  text-align: left;
  -webkit-box-shadow: 1px 1px 13px -8px #212529;
          box-shadow: 1px 1px 13px -8px #212529;
}

.tooltip {
  margin: 0.5em;
}
.tooltip.show {
  opacity: 0.98;
}

.tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip .arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #fff;
  z-index: 1100;
}

.video-frame-wrapper {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0px;
  position: relative;
}
.video-frame-wrapper .video-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-thumbnail > img {
  max-width: 320px;
}

.btn.btn-no-fukidashi[aria-expanded=true]:before {
  display: none;
}
.btn.btn-no-fukidashi[aria-expanded=true]:after {
  display: none;
}

.button-space .btn[aria-expanded=false]:before {
  display: none;
}
.button-space .btn[aria-expanded=false]:after {
  display: none;
}
.button-space .btn[aria-expanded=true]:before {
  display: none;
}
.button-space .btn[aria-expanded=true]:after {
  display: none;
}

.smartphone-hide-message {
  display: block;
}

.inline-div-set > .div-left {
  display: inline-block;
  width: calc(100% - 5em - 0.5em);
}
.inline-div-set > .div-right {
  display: inline-block;
  width: 5em;
}
.inline-div-set.include-em1 > .div-left {
  display: inline-block;
  width: calc(100% - 1em - 0.5em);
}
.inline-div-set.include-em1 > .div-right {
  display: inline-block;
  width: 1em;
}
.inline-div-set.include-em2 > .div-left {
  display: inline-block;
  width: calc(100% - 2em - 0.5em);
}
.inline-div-set.include-em2 > .div-right {
  display: inline-block;
  width: 2em;
}
.inline-div-set.include-em3 > .div-left {
  display: inline-block;
  width: calc(100% - 3em - 0.5em);
}
.inline-div-set.include-em3 > .div-right {
  display: inline-block;
  width: 3em;
}
.inline-div-set.include-em4 > .div-left {
  display: inline-block;
  width: calc(100% - 4em - 0.5em);
}
.inline-div-set.include-em4 > .div-right {
  display: inline-block;
  width: 4em;
}
.inline-div-set.include-em5 > .div-left {
  display: inline-block;
  width: calc(100% - 5em - 0.5em);
}
.inline-div-set.include-em5 > .div-right {
  display: inline-block;
  width: 5em;
}
.inline-div-set.include-em6 > .div-left {
  display: inline-block;
  width: calc(100% - 6em - 0.5em);
}
.inline-div-set.include-em6 > .div-right {
  display: inline-block;
  width: 6em;
}
.inline-div-set.include-em7 > .div-left {
  display: inline-block;
  width: calc(100% - 7em - 0.5em);
}
.inline-div-set.include-em7 > .div-right {
  display: inline-block;
  width: 7em;
}
.inline-div-set.include-em8 > .div-left {
  display: inline-block;
  width: calc(100% - 8em - 0.5em);
}
.inline-div-set.include-em8 > .div-right {
  display: inline-block;
  width: 8em;
}
.inline-div-set.include-em9 > .div-left {
  display: inline-block;
  width: calc(100% - 9em - 0.5em);
}
.inline-div-set.include-em9 > .div-right {
  display: inline-block;
  width: 9em;
}
.inline-div-set.include-em10 > .div-left {
  display: inline-block;
  width: calc(100% - 10em - 0.5em);
}
.inline-div-set.include-em10 > .div-right {
  display: inline-block;
  width: 10em;
}
.inline-div-set.include-em11 > .div-left {
  display: inline-block;
  width: calc(100% - 11em - 0.5em);
}
.inline-div-set.include-em11 > .div-right {
  display: inline-block;
  width: 11em;
}
.inline-div-set.include-em12 > .div-left {
  display: inline-block;
  width: calc(100% - 12em - 0.5em);
}
.inline-div-set.include-em12 > .div-right {
  display: inline-block;
  width: 12em;
}
.inline-div-set.include-em13 > .div-left {
  display: inline-block;
  width: calc(100% - 13em - 0.5em);
}
.inline-div-set.include-em13 > .div-right {
  display: inline-block;
  width: 13em;
}
.inline-div-set.include-em14 > .div-left {
  display: inline-block;
  width: calc(100% - 14em - 0.5em);
}
.inline-div-set.include-em14 > .div-right {
  display: inline-block;
  width: 14em;
}
.inline-div-set.include-em15 > .div-left {
  display: inline-block;
  width: calc(100% - 15em - 0.5em);
}
.inline-div-set.include-em15 > .div-right {
  display: inline-block;
  width: 15em;
}
.inline-div-set.include-em16 > .div-left {
  display: inline-block;
  width: calc(100% - 16em - 0.5em);
}
.inline-div-set.include-em16 > .div-right {
  display: inline-block;
  width: 16em;
}
.inline-div-set.include-em17 > .div-left {
  display: inline-block;
  width: calc(100% - 17em - 0.5em);
}
.inline-div-set.include-em17 > .div-right {
  display: inline-block;
  width: 17em;
}
.inline-div-set.include-em18 > .div-left {
  display: inline-block;
  width: calc(100% - 18em - 0.5em);
}
.inline-div-set.include-em18 > .div-right {
  display: inline-block;
  width: 18em;
}
.inline-div-set.include-em19 > .div-left {
  display: inline-block;
  width: calc(100% - 19em - 0.5em);
}
.inline-div-set.include-em19 > .div-right {
  display: inline-block;
  width: 19em;
}
.inline-div-set.include-em20 > .div-left {
  display: inline-block;
  width: calc(100% - 20em - 0.5em);
}
.inline-div-set.include-em20 > .div-right {
  display: inline-block;
  width: 20em;
}

.border-black {
  border: thin solid #495057;
}

.helper-popup {
  max-width: 20em;
  margin: 0 1em;
  position: absolute;
  height: 6em;
  bottom: 12.8em;
  background-color: #fff;
  padding: 0.5em;
}
.helper-popup:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1em 1em 0 1em;
  border-color: #fff transparent transparent transparent;
  bottom: -0.5em;
}
.helper-popup .to-list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.helper-popup .to-list-header .to-list-header-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.helper-popup .to-list-header .to-list-command {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.cals-month {
  background-color: #E5E5E5;
  border: 1px solid #E5E5E5;
  font-size: 1rem;
  padding: 0.375rem 0.75rem;
  cursor: pointer;
  line-height: 1.5;
  border-radius: 0.15rem;
  text-align: center;
  vertical-align: middle;
}
.cals-month::-webkit-input-placeholder {
  color: #343a40;
}
.cals-month::-moz-placeholder {
  color: #343a40;
}
.cals-month:-ms-input-placeholder {
  color: #343a40;
}
.cals-month::-ms-input-placeholder {
  color: #343a40;
}
.cals-month::placeholder {
  color: #343a40;
}
.cals-month:-ms-input-placeholder {
  color: #343a40;
}
.cals-month::-ms-input-placeholder {
  color: #343a40;
}
.cals-month:hover {
  background-color: #EF9709;
  border: 1px solid #EF9709;
  color: #fff;
}
.cals-month:hover::-webkit-input-placeholder {
  color: #fff;
}
.cals-month:hover::-moz-placeholder {
  color: #fff;
}
.cals-month:hover:-ms-input-placeholder {
  color: #fff;
}
.cals-month:hover::-ms-input-placeholder {
  color: #fff;
}
.cals-month:hover::placeholder {
  color: #fff;
}
.cals-month:hover:-ms-input-placeholder {
  color: #fff;
}
.cals-month:hover::-ms-input-placeholder {
  color: #fff;
}
.cals-month[readonly=readonly] {
  background-color: #E5E5E5;
}
.cals-month[readonly=readonly]:hover {
  background-color: #EF9709;
  color: #fff;
}
.cals-month[readonly=readonly]:hover::-webkit-input-placeholder {
  color: #fff;
}
.cals-month[readonly=readonly]:hover::-moz-placeholder {
  color: #fff;
}
.cals-month[readonly=readonly]:hover:-ms-input-placeholder {
  color: #fff;
}
.cals-month[readonly=readonly]:hover::-ms-input-placeholder {
  color: #fff;
}
.cals-month[readonly=readonly]:hover::placeholder {
  color: #fff;
}
.cals-month[readonly=readonly]:hover:-ms-input-placeholder {
  color: #fff;
}
.cals-month[readonly=readonly]:hover::-ms-input-placeholder {
  color: #fff;
}
.cals-month[disabled=disabled], .cals-month:disabled {
  background: #adb5bd;
  color: #e9ecef;
}
.cals-month[disabled=disabled]::-webkit-input-placeholder, .cals-month:disabled::-webkit-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]::-moz-placeholder, .cals-month:disabled::-moz-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:-ms-input-placeholder, .cals-month:disabled:-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]::-ms-input-placeholder, .cals-month:disabled::-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]::placeholder, .cals-month:disabled::placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:-ms-input-placeholder, .cals-month:disabled:-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]::-ms-input-placeholder, .cals-month:disabled::-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover, .cals-month:disabled:hover {
  background-color: #adb5bd;
  color: #e9ecef;
  border: #e9ecef;
  cursor: auto;
}
.cals-month[disabled=disabled]:hover::-webkit-input-placeholder, .cals-month:disabled:hover::-webkit-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover::-moz-placeholder, .cals-month:disabled:hover::-moz-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover:-ms-input-placeholder, .cals-month:disabled:hover:-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover::-ms-input-placeholder, .cals-month:disabled:hover::-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover::placeholder, .cals-month:disabled:hover::placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover:-ms-input-placeholder, .cals-month:disabled:hover:-ms-input-placeholder {
  color: #e9ecef;
}
.cals-month[disabled=disabled]:hover::-ms-input-placeholder, .cals-month:disabled:hover::-ms-input-placeholder {
  color: #e9ecef;
}

.bg-teal-light {
  background-color: #d6f8ee !important;
}

.bg-user {
  background-color: #C5CE00 !important;
}

.bg-user-light {
  background-color: #fcffb5 !important;
}

.bg-admin {
  background-color: #2C3440 !important;
}

.bg-company {
  background-color: #EF9709 !important;
}

.bg-company-light {
  background-color: #fef2e0 !important;
}

.kadomaru {
  border-radius: 5px !important;
}

.kadomaru-lt {
  border-top-left-radius: 5px !important;
}

.kadomaru-rt {
  border-top-right-radius: 5px !important;
}

.kadomaru-lb {
  border-bottom-left-radius: 5px !important;
}

.kadomaru-rb {
  border-bottom-right-radius: 5px !important;
}

.kadomaru-t {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.kadomaru-b {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.kadomaru-none {
  border-radius: 0 !important;
}

.kadomaru-none-lt {
  border-top-left-radius: 0 !important;
}

.kadomaru-none-rt {
  border-top-right-radius: 0 !important;
}

.kadomaru-none-lb {
  border-bottom-left-radius: 0 !important;
}

.kadomaru-none-rb {
  border-bottom-right-radius: 0 !important;
}

.kadomaru-none-t {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.kadomaru-none-b {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.kadomaru-circle {
  border-radius: 50% !important;
}

.gray-out {
  visibility: hidden;
  cursor: default !important;
}
.gray-out.visible {
  visibility: visible;
}

.btn-check {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #e9ecef;
}
.btn-check:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #cbd3da;
}
.btn-check:focus, .btn-check.focus {
  -webkit-box-shadow: 0 0 0 1px rgba(203, 206, 209, 0.5);
          box-shadow: 0 0 0 1px rgba(203, 206, 209, 0.5);
}
.btn-check.disabled, .btn-check:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #e9ecef;
}
.btn-check:not(:disabled):not(.disabled):active, .btn-check:not(:disabled):not(.disabled).active, .show > .btn-check.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #c4ccd4;
}
.btn-check:not(:disabled):not(.disabled):active:focus, .btn-check:not(:disabled):not(.disabled).active:focus, .show > .btn-check.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 1px rgba(203, 206, 209, 0.5);
          box-shadow: 0 0 0 1px rgba(203, 206, 209, 0.5);
}
.btn-check.active {
  background-color: #EF9709 !important;
  color: #fff !important;
}

.vertical-top {
  vertical-align: top !important;
}

.comment-area {
  border-top: 2px dashed #adb5bd;
  border-bottom: 2px dashed #adb5bd;
  padding: 0.5em 0 1em;
  margin: 1em 0;
}

.youryou-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.youryou-flex .youryou-inner {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (min-width: 769px) {
  .youryou-flex .youryou-inner {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

.text-annotation {
  font-size: 0.8em;
}

.calendar-work-name-0 {
  font-weight: bold;
}

.calendar-work-name-1 {
  font-weight: bold;
}

.ml-button-width {
  margin-left: 2.4em;
}

.font-size-s {
  font-size: 0.8em;
}

.font-size-xs {
  font-size: 0.6em;
}

.font-size-base {
  font-size: 1rem;
}

.font-size-xl {
  font-size: 1.5em;
}

.bg-black {
  background-color: #555555;
}

.scroll-table table {
  table-layout: fixed;
}
.scroll-table.on-print.print-mode {
  margin: 0 1em;
}
.scroll-table.on-print.print-mode .ordinary-table {
  min-width: inherit !important;
  width: 100% !important;
  table-layout: inherit;
  border-left: thin solid #dee2e6;
  border-right: thin solid #dee2e6;
}
@media (max-width: 375.98px) {
  .scroll-table.scroll-sm {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-sm::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-sm::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-sm::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-sm > table {
    width: auto;
    min-width: 769px;
  }
  .scroll-table.scroll-sm.table-min-width-same > table {
    min-width: 0;
  }
}
@media (max-width: 768.98px) {
  .scroll-table.scroll-md {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-md::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-md::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-md::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-md > table {
    width: auto;
    min-width: 992px;
  }
  .scroll-table.scroll-md.table-min-width-same > table {
    min-width: 769px;
  }
}
@media (max-width: 991.98px) {
  .scroll-table.scroll-lg {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-lg::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-lg::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-lg::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-lg > table {
    width: auto;
    min-width: 1300px;
  }
  .scroll-table.scroll-lg.table-min-width-same > table {
    min-width: 992px;
  }
}
@media (max-width: 1299.98px) {
  .scroll-table.scroll-xl {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-xl::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-xl::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-xl::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-xl > table {
    width: auto;
    min-width: 1300px;
  }
  .scroll-table.scroll-xl.table-min-width-same > table {
    min-width: 992px;
  }
}
@media (max-width: 1319.98px) {
  .scroll-table.scroll-order-nyuuka {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-order-nyuuka::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-order-nyuuka::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-order-nyuuka::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-order-nyuuka > table {
    width: auto;
    min-width: 1320px;
  }
}
@media (max-width: 1549.98px) {
  .scroll-table.scroll-riyou.scroll-riyou-support {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-riyou.scroll-riyou-support::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-riyou.scroll-riyou-support::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-riyou.scroll-riyou-support::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-riyou.scroll-riyou-support > table {
    width: auto;
    min-width: 1200px;
  }
}
@media (max-width: 1480.98px) {
  .scroll-table.scroll-riyou.scroll-riyou-staff {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-riyou.scroll-riyou-staff::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-riyou.scroll-riyou-staff::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-riyou.scroll-riyou-staff::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-riyou.scroll-riyou-staff > table {
    width: auto;
    min-width: 1119px;
  }
}
@media (max-width: 1520.98px) {
  .scroll-table.scroll-riyou.scroll-riyou-manager {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-riyou.scroll-riyou-manager::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-riyou.scroll-riyou-manager::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-riyou.scroll-riyou-manager::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-riyou.scroll-riyou-manager > table {
    width: auto;
    min-width: 1199px;
  }
}
@media (max-width: 1540.98px) {
  .scroll-table.scroll-riyou.scroll-riyou-cad {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-riyou.scroll-riyou-cad::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-riyou.scroll-riyou-cad::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-riyou.scroll-riyou-cad::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-riyou.scroll-riyou-cad > table {
    width: auto;
    min-width: 1182px;
  }
}
@media (max-width: 1239.98px) {
  .scroll-table.scroll-nyuuka {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-nyuuka::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-nyuuka::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-nyuuka::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-nyuuka > table {
    width: auto;
    min-width: 1240px;
  }
}
@media (max-width: 1119.98px) {
  .scroll-table.scroll-nyuuka-ippan {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-nyuuka-ippan::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-nyuuka-ippan::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-nyuuka-ippan::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-nyuuka-ippan > table {
    width: auto;
    min-width: 1120px;
  }
}
@media (max-width: 1219.98px) {
  .scroll-table.scroll-nyuuka-yousi {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-table.scroll-nyuuka-yousi::-webkit-scrollbar {
    height: 0.75em;
  }
  .scroll-table.scroll-nyuuka-yousi::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll-table.scroll-nyuuka-yousi::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .scroll-table.scroll-nyuuka-yousi > table {
    width: auto;
    min-width: 1220px;
  }
}
.scroll-table.scroll-xxl {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.scroll-table.scroll-xxl::-webkit-scrollbar {
  height: 0.75em;
}
.scroll-table.scroll-xxl::-webkit-scrollbar-track {
  background: #F1F1F1;
}
.scroll-table.scroll-xxl::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}
.scroll-table.scroll-xxl > table {
  width: auto;
}
.scroll-table.scrolled-auto {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.scroll-table.scrolled-auto::-webkit-scrollbar {
  height: 0.75em;
}
.scroll-table.scrolled-auto::-webkit-scrollbar-track {
  background: #F1F1F1;
}
.scroll-table.scrolled-auto::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}
.scroll-table.scrolled-auto > table {
  width: auto;
  min-width: auto;
}

.word-break-all {
  word-break: break-all;
}

.scroll-v-space-wrapper {
  position: relative;
}
.scroll-v-space-wrapper .dup-table-wrapper {
  width: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
  position: absolute;
  height: 3em;
  z-index: 1;
  background-color: #fff;
}
.scroll-v-space-wrapper.scroll-h100 .scroll-space-inner {
  max-height: 100px;
}
.scroll-v-space-wrapper.scroll-h200 .scroll-space-inner {
  max-height: 200px;
}
.scroll-v-space-wrapper.scroll-h300 .scroll-space-inner {
  max-height: 300px;
}
.scroll-v-space-wrapper.scroll-h400 .scroll-space-inner {
  max-height: 400px;
}
.scroll-v-space-wrapper.scroll-h500 .scroll-space-inner {
  max-height: 500px;
}
.scroll-v-space-wrapper.scroll-h600 .scroll-space-inner {
  max-height: 600px;
}
.scroll-v-space-wrapper.scroll-h700 .scroll-space-inner {
  max-height: 700px;
}
.scroll-v-space-wrapper.scroll-h800 .scroll-space-inner {
  max-height: 800px;
}
.scroll-v-space-wrapper.scroll-h900 .scroll-space-inner {
  max-height: 900px;
}
.scroll-v-space-wrapper.scroll-h1000 .scroll-space-inner {
  max-height: 1000px;
}

table.table-fixed {
  table-layout: fixed;
}
table.table-no-fixed {
  table-layout: auto !important;
}
table.table.normal-table {
  margin-bottom: 0;
}
table.table.normal-table th, table.table.normal-table td {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
table.table.normal-table thead {
  background-color: #E8EDED;
}
table.table.normal-table thead th {
  border-top: none;
  border-bottom: none;
}
table.table.normal-table tbody th, table.table.normal-table tbody td {
  word-break: break-all;
}
table.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: inherit;
}
table.table.table-striped tbody tr:nth-of-type(even) {
  background-color: #F7FAFC;
}
table.table.table-striped tbody tr th, table.table.table-striped tbody tr td {
  border-top: none;
}
table.table.bg-white tbody tr td {
  background-color: #fff;
}
table.show-link-table tbody tr {
  -webkit-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
table.show-link-table tbody tr:hover {
  background: #fef2e0 !important;
  cursor: pointer;
}
table.show-link-table tbody tr.current th, table.show-link-table tbody tr.current td {
  background: #fcdeaf !important;
}
table.show-link-table tbody tr.current:hover th, table.show-link-table tbody tr.current:hover td {
  background: #fef2e0 !important;
}
table.usual-table {
  table-layout: fixed;
}
table.usual-table tr th, table.usual-table tr td {
  border-top: 0;
  padding-bottom: 1rem;
  border-bottom: thin solid #E3E0E0;
  word-break: break-all;
}
table.usual-table tr.no-border-row th, table.usual-table tr.no-border-row td {
  border-bottom: 0;
}
table.usual-table.cell-padding-sm tr th, table.usual-table.cell-padding-sm tr td {
  padding: 0.75rem 0.25rem;
}
@media (max-width: 768.98px) {
  table.usual-table.usual-table-responsive > thead tr th, table.usual-table.usual-table-responsive > thead tr td, table.usual-table.usual-table-responsive > tbody tr th, table.usual-table.usual-table-responsive > tbody tr td {
    display: block;
  }
  table.usual-table.usual-table-responsive > thead tr th, table.usual-table.usual-table-responsive > tbody tr th {
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 1em;
  }
}
@media (max-width: 991.98px) {
  table.usual-table.usual-table-md-responsive > thead tr th, table.usual-table.usual-table-md-responsive > thead tr td, table.usual-table.usual-table-md-responsive > tbody tr th, table.usual-table.usual-table-md-responsive > tbody tr td {
    display: block;
  }
  table.usual-table.usual-table-md-responsive > thead tr th, table.usual-table.usual-table-md-responsive > tbody tr th {
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 1em;
  }
}
table.usual-table.last-row-no-border tr:last-child th, table.usual-table.last-row-no-border tr:last-child td {
  border-bottom: 0;
}
table.usual-table.no-border tr th, table.usual-table.no-border tr td {
  border-bottom: 0;
}
table.key-val-table {
  border-spacing: 0.25rem;
  border-collapse: separate;
  word-break: break-word;
  overflow-wrap: break-word;
}
table.key-val-table tbody tr th {
  background-color: #E8EDED;
  border-top: 0;
}
table.key-val-table tbody tr td {
  background-color: #F7FAFC;
  border-top: 0;
}
table.key-val-table.bg-white tbody tr td {
  background-color: #fff;
}
@media (max-width: 768.98px) {
  table.key-val-table.key-val-table-responsive tr th, table.key-val-table.key-val-table-responsive tr td {
    display: block;
    width: 100% !important;
  }
  table.key-val-table.key-val-table-responsive tr th {
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
}
table.tbody-th-center > tbody > tr > th {
  text-align: center;
}

.content-base {
  padding: 2rem;
  background-color: #F2F5F5;
  border-radius: 5px;
}

.content-tips {
  position: relative;
  padding: 1rem;
  margin-top: 0.5rem;
  background-color: #f2f2f2;
  border-radius: 5px;
}
.content-tips .tips-header {
  position: absolute;
  top: -0.5rem;
}
.content-tips.tip-lg .tips-header {
  top: -0.75rem;
}
.content-tips.tip-center .tips-header {
  left: 0;
  right: 0;
  margin: auto;
}

.text-kerning {
  -webkit-font-feature-settings: "palt" !important;
          font-feature-settings: "palt" !important;
}

.bd-header {
  position: relative;
  padding-left: 1rem;
}
.bd-header:before {
  position: absolute;
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #555555;
}

body.login {
  background-color: #F2F5F5;
  background-image: url(../img/common/bg-login.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  height: 100vh;
  width: 100vw;
}
body.login .content-flex .content-main {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
body.login .navbar {
  background-color: transparent;
}
body.login .navbar .header-nav-link {
  margin-top: 2rem;
}
body.login .main-container {
  margin-top: 0;
  margin-right: 0;
}
body.login .login-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: calc(100% - 5em);
  margin-top: 5em;
}
@media (max-width: 768.98px) {
  body.login .login-space {
    margin-top: 0;
  }
}
body.login .login-space > div {
  width: 32rem;
}
@media (max-width: 768.98px) {
  body.login .login-space > div {
    width: 90vw;
  }
}

.fb-100-over-auto {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media (min-width: 769px) {
  .fb-100-over-auto {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

.preview-canvas {
  cursor: pointer;
  max-width: 24rem;
  height: auto;
}
.preview-canvas.expand {
  max-width: 100%;
  height: auto;
}

.custom-file {
  overflow: hidden;
}

.custom-file-label {
  white-space: nowrap;
}

.custom-file-title {
  display: inline-block;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  border: 1px solid #ced4da;
  border-right: 0;
  border-radius: 0.15rem;
}

.file-icon-link {
  display: block;
  padding-left: 1.5em;
  position: relative;
}
.file-icon-link:before {
  position: absolute;
  content: "\f016";
  font-family: FontAwesome;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
}

.player-position {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.player-position > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.player-position .player-position-center {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  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;
}

.input-span-set > input, .input-span-set > select {
  display: inline-block;
  width: calc(100% - 5.5em);
}
@media (max-width: 768.98px) {
  .input-span-set > input, .input-span-set > select {
    width: 100%;
    display: block;
  }
}
.input-span-set > span {
  display: inline-block;
  width: 5em;
}
@media (max-width: 768.98px) {
  .input-span-set > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em1 > input, .input-span-set.include-em1 > select {
  display: inline-block;
  width: calc(100% - 1em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em1 > input, .input-span-set.include-em1 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em1 > span {
  display: inline-block;
  width: 1em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em1 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em2 > input, .input-span-set.include-em2 > select {
  display: inline-block;
  width: calc(100% - 2em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em2 > input, .input-span-set.include-em2 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em2 > span {
  display: inline-block;
  width: 2em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em2 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em3 > input, .input-span-set.include-em3 > select {
  display: inline-block;
  width: calc(100% - 3em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em3 > input, .input-span-set.include-em3 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em3 > span {
  display: inline-block;
  width: 3em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em3 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em4 > input, .input-span-set.include-em4 > select {
  display: inline-block;
  width: calc(100% - 4em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em4 > input, .input-span-set.include-em4 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em4 > span {
  display: inline-block;
  width: 4em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em4 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em5 > input, .input-span-set.include-em5 > select {
  display: inline-block;
  width: calc(100% - 5em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em5 > input, .input-span-set.include-em5 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em5 > span {
  display: inline-block;
  width: 5em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em5 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em6 > input, .input-span-set.include-em6 > select {
  display: inline-block;
  width: calc(100% - 6em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em6 > input, .input-span-set.include-em6 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em6 > span {
  display: inline-block;
  width: 6em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em6 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em7 > input, .input-span-set.include-em7 > select {
  display: inline-block;
  width: calc(100% - 7em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em7 > input, .input-span-set.include-em7 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em7 > span {
  display: inline-block;
  width: 7em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em7 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em8 > input, .input-span-set.include-em8 > select {
  display: inline-block;
  width: calc(100% - 8em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em8 > input, .input-span-set.include-em8 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em8 > span {
  display: inline-block;
  width: 8em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em8 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em9 > input, .input-span-set.include-em9 > select {
  display: inline-block;
  width: calc(100% - 9em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em9 > input, .input-span-set.include-em9 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em9 > span {
  display: inline-block;
  width: 9em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em9 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em10 > input, .input-span-set.include-em10 > select {
  display: inline-block;
  width: calc(100% - 10em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em10 > input, .input-span-set.include-em10 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em10 > span {
  display: inline-block;
  width: 10em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em10 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em11 > input, .input-span-set.include-em11 > select {
  display: inline-block;
  width: calc(100% - 11em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em11 > input, .input-span-set.include-em11 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em11 > span {
  display: inline-block;
  width: 11em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em11 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em12 > input, .input-span-set.include-em12 > select {
  display: inline-block;
  width: calc(100% - 12em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em12 > input, .input-span-set.include-em12 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em12 > span {
  display: inline-block;
  width: 12em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em12 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em13 > input, .input-span-set.include-em13 > select {
  display: inline-block;
  width: calc(100% - 13em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em13 > input, .input-span-set.include-em13 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em13 > span {
  display: inline-block;
  width: 13em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em13 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em14 > input, .input-span-set.include-em14 > select {
  display: inline-block;
  width: calc(100% - 14em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em14 > input, .input-span-set.include-em14 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em14 > span {
  display: inline-block;
  width: 14em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em14 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em15 > input, .input-span-set.include-em15 > select {
  display: inline-block;
  width: calc(100% - 15em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em15 > input, .input-span-set.include-em15 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em15 > span {
  display: inline-block;
  width: 15em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em15 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em16 > input, .input-span-set.include-em16 > select {
  display: inline-block;
  width: calc(100% - 16em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em16 > input, .input-span-set.include-em16 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em16 > span {
  display: inline-block;
  width: 16em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em16 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em17 > input, .input-span-set.include-em17 > select {
  display: inline-block;
  width: calc(100% - 17em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em17 > input, .input-span-set.include-em17 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em17 > span {
  display: inline-block;
  width: 17em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em17 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em18 > input, .input-span-set.include-em18 > select {
  display: inline-block;
  width: calc(100% - 18em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em18 > input, .input-span-set.include-em18 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em18 > span {
  display: inline-block;
  width: 18em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em18 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em19 > input, .input-span-set.include-em19 > select {
  display: inline-block;
  width: calc(100% - 19em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em19 > input, .input-span-set.include-em19 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em19 > span {
  display: inline-block;
  width: 19em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em19 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.include-em20 > input, .input-span-set.include-em20 > select {
  display: inline-block;
  width: calc(100% - 20em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.include-em20 > input, .input-span-set.include-em20 > select {
    width: 100%;
    display: block;
  }
}
.input-span-set.include-em20 > span {
  display: inline-block;
  width: 20em;
}
@media (max-width: 768.98px) {
  .input-span-set.include-em20 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td > input, .input-span-set.parent-td > select {
  width: calc(100% - 5em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td > input, .input-span-set.parent-td > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td > span {
  width: 5em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em1 > input, .input-span-set.parent-td.include-em1 > select {
  width: calc(100% - 1em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em1 > input, .input-span-set.parent-td.include-em1 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em1 > span {
  width: 1em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em1 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em2 > input, .input-span-set.parent-td.include-em2 > select {
  width: calc(100% - 2em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em2 > input, .input-span-set.parent-td.include-em2 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em2 > span {
  width: 2em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em2 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em3 > input, .input-span-set.parent-td.include-em3 > select {
  width: calc(100% - 3em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em3 > input, .input-span-set.parent-td.include-em3 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em3 > span {
  width: 3em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em3 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em4 > input, .input-span-set.parent-td.include-em4 > select {
  width: calc(100% - 4em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em4 > input, .input-span-set.parent-td.include-em4 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em4 > span {
  width: 4em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em4 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em5 > input, .input-span-set.parent-td.include-em5 > select {
  width: calc(100% - 5em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em5 > input, .input-span-set.parent-td.include-em5 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em5 > span {
  width: 5em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em5 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em6 > input, .input-span-set.parent-td.include-em6 > select {
  width: calc(100% - 6em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em6 > input, .input-span-set.parent-td.include-em6 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em6 > span {
  width: 6em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em6 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em7 > input, .input-span-set.parent-td.include-em7 > select {
  width: calc(100% - 7em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em7 > input, .input-span-set.parent-td.include-em7 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em7 > span {
  width: 7em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em7 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em8 > input, .input-span-set.parent-td.include-em8 > select {
  width: calc(100% - 8em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em8 > input, .input-span-set.parent-td.include-em8 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em8 > span {
  width: 8em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em8 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em9 > input, .input-span-set.parent-td.include-em9 > select {
  width: calc(100% - 9em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em9 > input, .input-span-set.parent-td.include-em9 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em9 > span {
  width: 9em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em9 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em10 > input, .input-span-set.parent-td.include-em10 > select {
  width: calc(100% - 10em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em10 > input, .input-span-set.parent-td.include-em10 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em10 > span {
  width: 10em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em10 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em11 > input, .input-span-set.parent-td.include-em11 > select {
  width: calc(100% - 11em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em11 > input, .input-span-set.parent-td.include-em11 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em11 > span {
  width: 11em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em11 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em12 > input, .input-span-set.parent-td.include-em12 > select {
  width: calc(100% - 12em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em12 > input, .input-span-set.parent-td.include-em12 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em12 > span {
  width: 12em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em12 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em13 > input, .input-span-set.parent-td.include-em13 > select {
  width: calc(100% - 13em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em13 > input, .input-span-set.parent-td.include-em13 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em13 > span {
  width: 13em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em13 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em14 > input, .input-span-set.parent-td.include-em14 > select {
  width: calc(100% - 14em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em14 > input, .input-span-set.parent-td.include-em14 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em14 > span {
  width: 14em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em14 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em15 > input, .input-span-set.parent-td.include-em15 > select {
  width: calc(100% - 15em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em15 > input, .input-span-set.parent-td.include-em15 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em15 > span {
  width: 15em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em15 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em16 > input, .input-span-set.parent-td.include-em16 > select {
  width: calc(100% - 16em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em16 > input, .input-span-set.parent-td.include-em16 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em16 > span {
  width: 16em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em16 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em17 > input, .input-span-set.parent-td.include-em17 > select {
  width: calc(100% - 17em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em17 > input, .input-span-set.parent-td.include-em17 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em17 > span {
  width: 17em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em17 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em18 > input, .input-span-set.parent-td.include-em18 > select {
  width: calc(100% - 18em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em18 > input, .input-span-set.parent-td.include-em18 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em18 > span {
  width: 18em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em18 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em19 > input, .input-span-set.parent-td.include-em19 > select {
  width: calc(100% - 19em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em19 > input, .input-span-set.parent-td.include-em19 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em19 > span {
  width: 19em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em19 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em20 > input, .input-span-set.parent-td.include-em20 > select {
  width: calc(100% - 20em - 0.5em);
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em20 > input, .input-span-set.parent-td.include-em20 > select {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}
.input-span-set.parent-td.include-em20 > span {
  width: 20em;
}
@media (max-width: 768.98px) {
  .input-span-set.parent-td.include-em20 > span {
    width: 100%;
    display: block;
    margin-top: 0.2em;
  }
}

.span-input-set > span {
  display: inline-block;
  width: calc(100% - 5em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set > span {
    width: 100%;
    display: block;
  }
}
.span-input-set > input, .span-input-set > select {
  display: inline-block;
  width: 5em;
}
@media (max-width: 768.98px) {
  .span-input-set > input, .span-input-set > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em1 > input, .span-input-set.include-em1 > select {
  display: inline-block;
  width: calc(100% - 1em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em1 > input, .span-input-set.include-em1 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em1 > span {
  display: inline-block;
  width: 1em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em1 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em2 > input, .span-input-set.include-em2 > select {
  display: inline-block;
  width: calc(100% - 2em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em2 > input, .span-input-set.include-em2 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em2 > span {
  display: inline-block;
  width: 2em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em2 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em3 > input, .span-input-set.include-em3 > select {
  display: inline-block;
  width: calc(100% - 3em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em3 > input, .span-input-set.include-em3 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em3 > span {
  display: inline-block;
  width: 3em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em3 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em4 > input, .span-input-set.include-em4 > select {
  display: inline-block;
  width: calc(100% - 4em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em4 > input, .span-input-set.include-em4 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em4 > span {
  display: inline-block;
  width: 4em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em4 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em5 > input, .span-input-set.include-em5 > select {
  display: inline-block;
  width: calc(100% - 5em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em5 > input, .span-input-set.include-em5 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em5 > span {
  display: inline-block;
  width: 5em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em5 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em6 > input, .span-input-set.include-em6 > select {
  display: inline-block;
  width: calc(100% - 6em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em6 > input, .span-input-set.include-em6 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em6 > span {
  display: inline-block;
  width: 6em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em6 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em7 > input, .span-input-set.include-em7 > select {
  display: inline-block;
  width: calc(100% - 7em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em7 > input, .span-input-set.include-em7 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em7 > span {
  display: inline-block;
  width: 7em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em7 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em8 > input, .span-input-set.include-em8 > select {
  display: inline-block;
  width: calc(100% - 8em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em8 > input, .span-input-set.include-em8 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em8 > span {
  display: inline-block;
  width: 8em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em8 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em9 > input, .span-input-set.include-em9 > select {
  display: inline-block;
  width: calc(100% - 9em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em9 > input, .span-input-set.include-em9 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em9 > span {
  display: inline-block;
  width: 9em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em9 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em10 > input, .span-input-set.include-em10 > select {
  display: inline-block;
  width: calc(100% - 10em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em10 > input, .span-input-set.include-em10 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em10 > span {
  display: inline-block;
  width: 10em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em10 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em11 > input, .span-input-set.include-em11 > select {
  display: inline-block;
  width: calc(100% - 11em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em11 > input, .span-input-set.include-em11 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em11 > span {
  display: inline-block;
  width: 11em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em11 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em12 > input, .span-input-set.include-em12 > select {
  display: inline-block;
  width: calc(100% - 12em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em12 > input, .span-input-set.include-em12 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em12 > span {
  display: inline-block;
  width: 12em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em12 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em13 > input, .span-input-set.include-em13 > select {
  display: inline-block;
  width: calc(100% - 13em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em13 > input, .span-input-set.include-em13 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em13 > span {
  display: inline-block;
  width: 13em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em13 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em14 > input, .span-input-set.include-em14 > select {
  display: inline-block;
  width: calc(100% - 14em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em14 > input, .span-input-set.include-em14 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em14 > span {
  display: inline-block;
  width: 14em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em14 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em15 > input, .span-input-set.include-em15 > select {
  display: inline-block;
  width: calc(100% - 15em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em15 > input, .span-input-set.include-em15 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em15 > span {
  display: inline-block;
  width: 15em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em15 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em16 > input, .span-input-set.include-em16 > select {
  display: inline-block;
  width: calc(100% - 16em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em16 > input, .span-input-set.include-em16 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em16 > span {
  display: inline-block;
  width: 16em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em16 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em17 > input, .span-input-set.include-em17 > select {
  display: inline-block;
  width: calc(100% - 17em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em17 > input, .span-input-set.include-em17 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em17 > span {
  display: inline-block;
  width: 17em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em17 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em18 > input, .span-input-set.include-em18 > select {
  display: inline-block;
  width: calc(100% - 18em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em18 > input, .span-input-set.include-em18 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em18 > span {
  display: inline-block;
  width: 18em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em18 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em19 > input, .span-input-set.include-em19 > select {
  display: inline-block;
  width: calc(100% - 19em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em19 > input, .span-input-set.include-em19 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em19 > span {
  display: inline-block;
  width: 19em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em19 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em20 > input, .span-input-set.include-em20 > select {
  display: inline-block;
  width: calc(100% - 20em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.include-em20 > input, .span-input-set.include-em20 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.include-em20 > span {
  display: inline-block;
  width: 20em;
}
@media (max-width: 768.98px) {
  .span-input-set.include-em20 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td > span {
  width: calc(100% - 5em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td > input, .span-input-set.parent-td > select {
  width: 5em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td > input, .span-input-set.parent-td > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em1 > span {
  width: calc(100% - 1em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em1 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em1 > input, .span-input-set.parent-td.include-em1 > select {
  width: 1em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em1 > input, .span-input-set.parent-td.include-em1 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em2 > span {
  width: calc(100% - 2em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em2 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em2 > input, .span-input-set.parent-td.include-em2 > select {
  width: 2em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em2 > input, .span-input-set.parent-td.include-em2 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em3 > span {
  width: calc(100% - 3em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em3 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em3 > input, .span-input-set.parent-td.include-em3 > select {
  width: 3em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em3 > input, .span-input-set.parent-td.include-em3 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em4 > span {
  width: calc(100% - 4em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em4 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em4 > input, .span-input-set.parent-td.include-em4 > select {
  width: 4em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em4 > input, .span-input-set.parent-td.include-em4 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em5 > span {
  width: calc(100% - 5em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em5 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em5 > input, .span-input-set.parent-td.include-em5 > select {
  width: 5em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em5 > input, .span-input-set.parent-td.include-em5 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em6 > span {
  width: calc(100% - 6em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em6 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em6 > input, .span-input-set.parent-td.include-em6 > select {
  width: 6em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em6 > input, .span-input-set.parent-td.include-em6 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em7 > span {
  width: calc(100% - 7em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em7 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em7 > input, .span-input-set.parent-td.include-em7 > select {
  width: 7em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em7 > input, .span-input-set.parent-td.include-em7 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em8 > span {
  width: calc(100% - 8em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em8 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em8 > input, .span-input-set.parent-td.include-em8 > select {
  width: 8em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em8 > input, .span-input-set.parent-td.include-em8 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em9 > span {
  width: calc(100% - 9em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em9 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em9 > input, .span-input-set.parent-td.include-em9 > select {
  width: 9em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em9 > input, .span-input-set.parent-td.include-em9 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em10 > span {
  width: calc(100% - 10em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em10 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em10 > input, .span-input-set.parent-td.include-em10 > select {
  width: 10em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em10 > input, .span-input-set.parent-td.include-em10 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em11 > span {
  width: calc(100% - 11em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em11 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em11 > input, .span-input-set.parent-td.include-em11 > select {
  width: 11em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em11 > input, .span-input-set.parent-td.include-em11 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em12 > span {
  width: calc(100% - 12em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em12 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em12 > input, .span-input-set.parent-td.include-em12 > select {
  width: 12em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em12 > input, .span-input-set.parent-td.include-em12 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em13 > span {
  width: calc(100% - 13em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em13 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em13 > input, .span-input-set.parent-td.include-em13 > select {
  width: 13em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em13 > input, .span-input-set.parent-td.include-em13 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em14 > span {
  width: calc(100% - 14em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em14 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em14 > input, .span-input-set.parent-td.include-em14 > select {
  width: 14em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em14 > input, .span-input-set.parent-td.include-em14 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em15 > span {
  width: calc(100% - 15em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em15 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em15 > input, .span-input-set.parent-td.include-em15 > select {
  width: 15em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em15 > input, .span-input-set.parent-td.include-em15 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em16 > span {
  width: calc(100% - 16em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em16 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em16 > input, .span-input-set.parent-td.include-em16 > select {
  width: 16em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em16 > input, .span-input-set.parent-td.include-em16 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em17 > span {
  width: calc(100% - 17em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em17 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em17 > input, .span-input-set.parent-td.include-em17 > select {
  width: 17em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em17 > input, .span-input-set.parent-td.include-em17 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em18 > span {
  width: calc(100% - 18em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em18 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em18 > input, .span-input-set.parent-td.include-em18 > select {
  width: 18em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em18 > input, .span-input-set.parent-td.include-em18 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em19 > span {
  width: calc(100% - 19em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em19 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em19 > input, .span-input-set.parent-td.include-em19 > select {
  width: 19em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em19 > input, .span-input-set.parent-td.include-em19 > select {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em20 > span {
  width: calc(100% - 20em - 0.5em);
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em20 > span {
    width: 100%;
    display: block;
  }
}
.span-input-set.parent-td.include-em20 > input, .span-input-set.parent-td.include-em20 > select {
  width: 20em;
}
@media (max-width: 768.98px) {
  .span-input-set.parent-td.include-em20 > input, .span-input-set.parent-td.include-em20 > select {
    width: 100%;
    display: block;
  }
}

.date-from-to-set > .input-from, .date-from-to-set > .input-to {
  display: inline-block;
  width: 8em;
}
@media (max-width: 768.98px) {
  .date-from-to-set > .input-from, .date-from-to-set > .input-to {
    width: 100%;
    display: block;
  }
}
.date-from-to-set .separator {
  display: inline-block;
}
@media (max-width: 768.98px) {
  .date-from-to-set .separator {
    display: block;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    text-align: center;
  }
  .date-from-to-set .separator > span {
    display: block;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@media (max-width: 991.98px) {
  .date-from-to-set.set-md > .input-from, .date-from-to-set.set-md > .input-to {
    width: 100%;
    display: block;
  }
}
@media (max-width: 991.98px) {
  .date-from-to-set.set-md .separator {
    display: block;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    text-align: center;
  }
  .date-from-to-set.set-md .separator > span {
    display: block;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.td-action {
  text-align: right;
}

.display-address-space {
  padding: 1em;
  border: thin solid #ced4da;
  border-radius: 5px;
  background-color: #fff;
}

.address-tag {
  position: relative;
  display: inline-block;
  background-color: #EF9709;
  font-size: 0.9em;
  padding: 0.5em 1.5em 0.5em 0.5em;
  margin-right: 0.25em;
  margin-bottom: 0.25em;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
}
.address-tag:before {
  position: absolute;
  display: block;
  right: 0.25em;
  top: 0.25em;
  font-family: FontAwesome;
  content: "\f057";
}
.address-tag:hover {
  background-color: #be7807;
  color: #fff;
}
.address-tag.color-company {
  background-color: #6610f2;
  color: #fff;
}
.address-tag.color-company:hover {
  background-color: #510bc4;
  color: #fff;
}
.address-tag.color-user {
  background-color: #317096;
  color: #fff;
}
.address-tag.color-user:hover {
  background-color: #245370;
  color: #fff;
}

.memo-space {
  font-size: 0.9em;
  background-color: #f2f2f2;
  padding: 1em;
  border-radius: 0.1em;
}
.memo-space.font-normal {
  font-size: 1em;
}

.border-check-space {
  position: relative;
  height: 3em;
}
.border-check-space .border-check-input {
  display: none;
}
.border-check-space .border-check-input:checked ~ .border-rect {
  border: thin solid #adb5bd;
  background-color: rgba(255, 255, 0, 0.15);
}
.border-check-space .border-check-input:checked ~ .border-check-label .border-check-icon:before {
  content: "\f046";
}
.border-check-space .border-check-label {
  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;
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: bold;
}
.border-check-space .border-check-label:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.border-check-space .border-check-label .border-check-icon {
  position: relative;
  display: inline-block;
  width: 1.25em;
}
.border-check-space .border-check-label .border-check-icon:before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1.25em;
  width: 1.25em;
  font-family: FontAwesome;
  content: "\f096";
  font-size: 1.25em;
}
.border-check-space .border-rect {
  position: absolute;
  top: 0;
  left: -0.25em;
  width: 100%;
  height: 100%;
  border: thin dashed #adb5bd;
  padding: 1em 1em 1em 2.5em;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  border-radius: 5px;
  pointer-events: none;
}

table > tbody.sortable-list > tr > th, table > tbody.sortable-list > tr > td {
  margin-top: 0;
}
table > tbody.sortable-list.sort-mode-td > tr {
  cursor: pointer;
}
table > tbody.sortable-list.sort-mode-td > tr > th, table > tbody.sortable-list.sort-mode-td > tr > td {
  position: relative;
}
table > tbody.sortable-list.sort-mode-td > tr > th:before, table > tbody.sortable-list.sort-mode-td > tr > td:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: fadeout-in-out ease-in-out 1200ms 0s infinite forwards;
          animation: fadeout-in-out ease-in-out 1200ms 0s infinite forwards;
}
@-webkit-keyframes fadeout-in-out {
  0% {
    background: rgba(255, 255, 0, 0);
  }
  50% {
    background: rgba(255, 255, 0, 0.2);
  }
  100% {
    background: rgba(255, 255, 0, 0);
  }
}
@keyframes fadeout-in-out {
  0% {
    background: rgba(255, 255, 0, 0);
  }
  50% {
    background: rgba(255, 255, 0, 0.2);
  }
  100% {
    background: rgba(255, 255, 0, 0);
  }
}
table > tbody.sortable-list.sort-mode-td > tr.ui-fixed-row {
  cursor: inherit;
}
table > tbody.sortable-list.sort-mode-td > tr.ui-fixed-row > th:before, table > tbody.sortable-list.sort-mode-td > tr.ui-fixed-row > td:before {
  display: none;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.material-icons.data_usage {
  color: #D63E6F;
}

.content-flex.print-mode {
  height: auto !important;
}

.content-main.print-mode {
  width: 1280px;
  -ms-flex-preferred-size: inherit;
      flex-basis: inherit;
  max-width: none;
}

.section-content.print-mode {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.fixed-bottom.print-mode {
  display: none;
}

.content-flex.print-mode {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.no-print.print-mode {
  display: none !important;
}

.no-print-border.print-mode {
  border: transparent !important;
}

.print-mode.print-mode-margin {
  margin-left: 1em;
  margin-right: 1em;
}

.layer-loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  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;
  z-index: 1001;
  background: rgba(255, 255, 255, 0.9);
}
.layer-loading .loading-inner:before {
  display: inline-block;
  font-family: "Material Icons";
  content: "\e863";
  -webkit-animation: rotate 2s;
  animation: rotate 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  font-size: 2em;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  text-align: center;
}
.layer-loading .loading-inner:after {
  position: absolute;
  font-family: "Helvetica Neue", Arial, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
  content: attr(data-caption);
  display: inline-block;
  margin: 0.75em auto;
}

#sidebar.print-mode {
  display: none;
}

.perm_contact_calendar {
  color: #87C5ED;
}

.pending_actions {
  color: #8ba9ed;
}

.highlight {
  color: #F0B146;
}

.ct-day {
  text-align: center;
}

.ct-inputs-space {
  text-align: center;
}

.ct-reserve-count {
  display: inline-block;
  position: relative;
  width: 2em;
  height: 2em;
  text-align: center;
  background-color: #E5E5E5;
  padding: 1em;
  border-radius: 1em;
  line-height: 2;
}
.ct-reserve-count:hover {
  background-color: #EF9709;
  color: #fff;
}
.ct-reserve-count > span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.ct-inputs-space .ct-inputs-left {
  display: inline-block;
  width: 49.5%;
}
.ct-inputs-space .ct-inputs-right {
  display: inline-block;
  width: 49.5%;
}

table.calendar-table {
  -webkit-transform: translateY(-2em);
          transform: translateY(-2em);
  table-layout: fixed;
  margin-bottom: 0;
}
@media (max-width: 768.98px) {
  table.calendar-table {
    width: 720px;
  }
}
table.calendar-table.admin-calendar {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  table-layout: auto;
  white-space: nowrap;
}
table.calendar-table.support-calendar {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  table-layout: auto;
  white-space: nowrap;
}
table.calendar-table.support-calendar .ct-b-count {
  position: relative;
  padding: 0;
}
table.calendar-table.support-calendar .ct-b-count .ct-title-date {
  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: 100%;
}
table.calendar-table.support-calendar .ct-b-count .ct-reserve-mark {
  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: 100%;
  width: 100%;
}
table.calendar-table.support-calendar .ct-b-count .ct-reserve-mark:hover {
  background-color: rgba(255, 255, 0, 0.5);
}
table.calendar-table thead tr th {
  height: 2em;
}
table.calendar-table thead tr th, table.calendar-table tbody tr th {
  border-left: thin solid #dee2e6;
}
table.calendar-table thead tr th:first-child, table.calendar-table tbody tr th:first-child {
  border-left: none;
}
table.calendar-table thead tr th:last-child, table.calendar-table tbody tr th:last-child {
  border-right: thin solid #dee2e6;
}
table.calendar-table thead tr th, table.calendar-table thead tr td, table.calendar-table tbody tr th, table.calendar-table tbody tr td {
  padding: 0 0.1em;
  text-align: center;
  vertical-align: middle;
  border-top: thin solid #dee2e6;
}
table.calendar-table thead tr th.time-header-cell, table.calendar-table thead tr td.time-header-cell, table.calendar-table tbody tr th.time-header-cell, table.calendar-table tbody tr td.time-header-cell {
  width: 3.5em;
}
table.calendar-table thead tr th .form-control, table.calendar-table thead tr td .form-control, table.calendar-table tbody tr th .form-control, table.calendar-table tbody tr td .form-control {
  padding: 0.1em 0.25em;
  height: auto;
  text-align: right;
}
table.calendar-table thead tr th.ct-b-date, table.calendar-table thead tr td.ct-b-date, table.calendar-table tbody tr th.ct-b-date, table.calendar-table tbody tr td.ct-b-date {
  width: 1.5em;
}
table.calendar-table thead tr th.ct-b-disable, table.calendar-table thead tr td.ct-b-disable, table.calendar-table tbody tr th.ct-b-disable, table.calendar-table tbody tr td.ct-b-disable {
  background-color: #f9f9f9;
}
table.calendar-table thead tr th.cur-day, table.calendar-table thead tr td.cur-day, table.calendar-table tbody tr th.cur-day, table.calendar-table tbody tr td.cur-day {
  background-color: #ffec99;
}
table.calendar-table thead tr.date-first-row .ct-title-date, table.calendar-table tbody tr.date-first-row .ct-title-date {
  position: relative;
}
table.calendar-table thead tr.date-first-row .ct-title-date:before, table.calendar-table tbody tr.date-first-row .ct-title-date:before {
  position: absolute;
  display: block;
  content: attr(data-title);
  top: -1.5em;
  left: 0;
  padding-left: 0.1em;
  margin: auto;
  font-weight: bold;
  width: calc(100% + 2.2em);
}
table.calendar-table thead tr.date-first-row th, table.calendar-table thead tr.date-first-row td, table.calendar-table tbody tr.date-first-row th, table.calendar-table tbody tr.date-first-row td {
  padding-top: 1.5em;
}
table.calendar-table thead tr.date-first-row .ct-b-count .ct-title-date:before, table.calendar-table tbody tr.date-first-row .ct-b-count .ct-title-date:before {
  width: 100%;
}
#calendar-left {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 0;
  overflow: hidden;
  height: calc(100% - 16px);
}
#calendar-left table.calendar-table {
  width: auto;
}
#calendar-left table.calendar-table tr th {
  height: 4em;
  width: 3.25em;
  background-color: #fff;
}

#calendar-table-wrapper {
  overflow-y: auto;
  margin-top: 2em;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 768.98px) {
  #calendar-table-wrapper {
    overflow-x: auto;
  }
}
#calendar-table-wrapper.type-detail table.calendar-table thead tr th:nth-of-type(2n), #calendar-table-wrapper.type-detail table.calendar-table thead tr td:nth-of-type(2n), #calendar-table-wrapper.type-detail table.calendar-table tbody tr th:nth-of-type(2n), #calendar-table-wrapper.type-detail table.calendar-table tbody tr td:nth-of-type(2n) {
  border-left: thin solid #dee2e6;
}
#calendar-table-wrapper.type-detail table.calendar-table thead tr th:last-child, #calendar-table-wrapper.type-detail table.calendar-table thead tr td:last-child, #calendar-table-wrapper.type-detail table.calendar-table tbody tr th:last-child, #calendar-table-wrapper.type-detail table.calendar-table tbody tr td:last-child {
  border-right: thin solid #dee2e6;
}
#calendar-table-wrapper.type-detail table.calendar-table thead tr:last-child th, #calendar-table-wrapper.type-detail table.calendar-table thead tr:last-child td, #calendar-table-wrapper.type-detail table.calendar-table tbody tr:last-child th, #calendar-table-wrapper.type-detail table.calendar-table tbody tr:last-child td {
  border-bottom: thin solid #dee2e6;
}
#calendar-table-wrapper.type-edit table {
  margin-left: 0;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th, #calendar-table-wrapper.type-edit table.calendar-table thead tr td, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td {
  border-left: thin solid #dee2e6;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th:last-child, #calendar-table-wrapper.type-edit table.calendar-table thead tr td:last-child, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th:last-child, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td:last-child {
  border-right: thin solid #dee2e6;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th:first-child, #calendar-table-wrapper.type-edit table.calendar-table thead tr td:first-child, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th:first-child, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td:first-child {
  min-width: 3.25em;
  max-width: 3.25em;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th.before-day, #calendar-table-wrapper.type-edit table.calendar-table thead tr td.before-day, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th.before-day, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td.before-day {
  position: relative;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr th.before-day:before, #calendar-table-wrapper.type-edit table.calendar-table thead tr td.before-day:before, #calendar-table-wrapper.type-edit table.calendar-table tbody tr th.before-day:before, #calendar-table-wrapper.type-edit table.calendar-table tbody tr td.before-day:before {
  display: block;
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.25);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#calendar-table-wrapper.type-edit table.calendar-table thead tr:last-child th, #calendar-table-wrapper.type-edit table.calendar-table thead tr:last-child td, #calendar-table-wrapper.type-edit table.calendar-table tbody tr:last-child th, #calendar-table-wrapper.type-edit table.calendar-table tbody tr:last-child td {
  border-bottom: thin solid #dee2e6;
}
#calendar-table-wrapper.height-fixed table.calendar-table tbody tr th, #calendar-table-wrapper.height-fixed table.calendar-table tbody tr td {
  height: 4em;
}

.ct-time {
  width: 3em;
}

.dot-list {
  list-style: disc;
  padding-left: 1em;
}

#modal-date {
  padding-right: 0.5em;
}

.modal-span-staff {
  display: inline-block;
}

.modal-span-company {
  display: inline-block;
  margin-right: 1em;
}

[data-youbi=Sun], .ct-sunday {
  background-color: #fff0ed;
}

[data-youbi=Sat], .ct-saturday {
  background-color: #e6fffc;
}

.ct-reserve-mark {
  font-size: 1.5em;
}
.ct-reserve-mark.mark-ok {
  color: #31AD5B;
}
.ct-reserve-mark.mark-little {
  color: #dc3545;
}
.ct-reserve-mark.mark-ng {
  color: #555555;
}
.ct-reserve-mark.mark-wait {
  color: #17a2b8;
}
.ct-reserve-mark.mark-wait:before {
  content: "\e3c6";
  font-family: "Material Icons";
}

.tooltip.tooltip-custom {
  cursor: pointer;
}
.tooltip.tooltip-custom .content {
  display: inline-block;
}
.tooltip.tooltip-custom .tooltip-content {
  padding: 1em;
  border: thin solid #ced4da;
  -webkit-box-shadow: 1px 1px 13px -7px #343a40;
          box-shadow: 1px 1px 13px -7px #343a40;
  background-color: #fff;
  border-radius: 0.25em;
  max-width: 24em;
}
.tooltip.tooltip-custom .tooltip-content .tooltip-inner {
  color: #333;
  background-color: #fff;
  border: none;
  padding: 0.25em 0 0 0;
  max-width: inherit;
  text-align: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tooltip.tooltip-custom.bs-tooltip-left .arrow::before, .tooltip.tooltip-custom.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #fff;
}
.tooltip.tooltip-custom.bs-tooltip-right .arrow::before, .tooltip.tooltip-custom.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #fff;
}
.tooltip.tooltip-custom.bs-tooltip-top .arrow::before, .tooltip.tooltip-custom.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #fff;
}
.tooltip.tooltip-custom.bs-tooltip-bottom .arrow::before, .tooltip.tooltip-custom.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #fff;
}

.header-reserve-list-wrapper {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 1em;
}

.reserve-list {
  list-style-type: disc;
  padding-left: 1.5em;
  border: thin dotted #6c757d;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.reserve-list > li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 11em;
      flex-basis: 11em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}

.swal2-container {
  z-index: 1071 !important;
}

.btn-group.btn-eval-icon.btn-eval-icon-sm label {
  width: 2.9em;
  height: 2.9em;
}

.row-layout th, .row-layout td {
  border: none !important;
  height: 0;
  padding: 0 !important;
  visibility: hidden;
}
@media (max-width: 768.98px) {
  .row-layout th, .row-layout td {
    display: none;
  }
}

.thead-layout > tr th, .thead-layout > tr td {
  border: none !important;
  height: 0;
  padding: 0 !important;
  visibility: hidden;
}
@media (max-width: 768.98px) {
  .thead-layout > tr th, .thead-layout > tr td {
    display: none;
  }
}
.thead-layout + tbody > tr:first-child th, .thead-layout + tbody > tr:first-child td {
  border-top: 0;
}

.activity-actions {
  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;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 0.25em;
}
.activity-actions .activity-actions-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: left;
}
.activity-actions .activity-actions-icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.activity-actions .activity-actions-icon .material-icons {
  font-size: 1.5em;
}
.activity-actions .activity-actions-icon .actions-icon-text {
  display: inline-block;
  padding: 0.2em 0.1em;
}
@media (max-width: 1299.98px) {
  .activity-actions .activity-actions-icon .actions-icon-text {
    display: none;
  }
}
@media (max-width: 768.98px) {
  .activity-actions .activity-actions-icon .actions-icon-text {
    display: inline-block;
  }
}

.none-service {
  background-color: rgba(0, 0, 0, 0.2);
}

@media (max-width: 768.98px) {
  table.def-responsive-table {
    background-color: inherit;
  }
  table.def-responsive-table > tbody > tr > th, table.def-responsive-table > tbody > tr > td {
    margin-top: inherit;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
}
.badge-notify {
  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;
  letter-spacing: -0.5px;
}

.text-ji-tsume {
  letter-spacing: -2px;
}

.text-ji-tsume-half {
  letter-spacing: -1px;
}

section.section.section-memo {
  margin-top: 1em;
  background-color: #fbffe9;
  border: thin dotted #adb5bd;
  border-radius: 0.25em;
  padding: 1em;
}
section.section.section-memo h3 span {
  font-size: 0.75em;
}

.support-reserve-list {
  overflow-x: auto;
  white-space: nowrap;
}
.support-reserve-list > li {
  display: inline-block;
  width: 11em;
}
.support-reserve-list > li h3 {
  text-align: center;
}

.support-calendar-wrapper {
  padding: 0;
}

.support-calendar .fc-center {
  font-size: 0.8em;
}
.support-calendar .fc-toolbar.fc-header-toolbar {
  border-left: thin solid #ced4da;
  border-top: thin solid #ced4da;
  border-right: thin solid #ced4da;
  margin: 0;
  padding: 0.5em 0;
}
.support-calendar .fc-time-grid .fc-slats td {
  height: 5em;
}
.support-calendar .hovered-tips-inner {
  white-space: normal;
}
.support-calendar .hovered-tips-inner .hovered-popup {
  position: absolute;
  cursor: not-allowed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.support-calendar.before-day {
  position: relative;
}
.support-calendar.before-day:before {
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.bg-sat {
  background-color: #e6fffc;
}

.bg-sun {
  background-color: #fff0ed;
}

.reserve-category-list > li {
  display: inline-block;
}
.reserve-category-list > li label {
  margin: 0.25em 0;
}
.reserve-category-list > li label > span, .reserve-category-list > li label > div {
  display: inline-block;
  padding: 0.25em 1em;
  background-color: #fff;
  border: thin solid #adb5bd;
  border-radius: 0.2em;
  cursor: pointer;
}
.reserve-category-list > li label > input[type=radio] {
  display: none;
}
.reserve-category-list > li label > input[type=radio]:checked + span {
  background-color: #EF9709;
  color: #fff;
  border: thin solid #EF9709;
}
.reserve-category-list.list-color-sub > li label > input[type=radio]:checked + span {
  background-color: #317096;
  color: #fff;
  border: thin solid #317096;
}
.reserve-category-list.list-color-orange > li label > input[type=radio]:checked + span {
  background-color: #EF9709;
  color: #fff;
  border: thin solid #EF9709;
}

.like-button-main {
  font-size: 0.9em;
  display: inline-block;
  padding: 0.05em 0.5em;
  background-color: #EF9709;
  color: #fff;
  border: thin solid #EF9709;
  border-radius: 0.2em;
  cursor: pointer;
}

.advice-chat .chat-list:empty:before {
  display: block;
  position: relative;
  text-align: center;
  width: 100%;
  content: "まだ回答はありません。";
}

.image-icon-cropper.icon-supporter.none-icon-badge:before {
  display: none;
}
.image-icon-cropper.icon-supporter.none-icon-badge:after {
  display: none;
}

.advice-flex-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 992px) {
  .advice-flex-list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.advice-flex-list li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin: 0.2em 0;
}
@media (min-width: 992px) {
  .advice-flex-list li {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    text-align: left;
  }
}
.advice-flex-list li:nth-of-type(odd) {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 6em;
      flex-basis: 6em;
  text-align: center;
}
@media (min-width: 992px) {
  .advice-flex-list li:nth-of-type(odd) {
    -ms-flex-preferred-size: 5.5em;
        flex-basis: 5.5em;
    text-align: center;
  }
}
.advice-flex-list li span {
  display: block;
  padding: 0.25em 0.5em;
}
.advice-flex-list li span.box {
  border: thin solid #adb5bd;
  border-radius: 0.15em;
}

.ordinary-table > thead > tr > th {
  font-weight: normal;
  padding: 0.25em 0.5em;
  background-color: #F3F4F5;
  vertical-align: middle;
}
.ordinary-table > tbody > tr > th {
  font-weight: normal;
  padding: 0.25em 0.5em;
  vertical-align: middle;
  background-color: #F3F4F5;
}
.ordinary-table > tbody > tr > th.bg-lighter {
  background-color: #edeff0;
}
.ordinary-table > tbody > tr > td {
  padding: 0.15em 0.5em;
  vertical-align: middle;
}
.ordinary-table > tbody > tr > td .btn {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
.ordinary-table > tbody:last-child {
  border-bottom: thin solid #dee2e6;
}
.ordinary-table.header-fixed > thead > tr > th {
  white-space: nowrap;
}

table.support-calendar-table.youbi-sat thead {
  background-color: #ddfffc;
}
table.support-calendar-table.youbi-sun thead {
  background-color: #FFDDDD;
}
table.support-calendar-table.youbi-current thead {
  background-color: rgba(255, 255, 0, 0.2);
}
table.support-calendar-table thead tr th {
  border-left: thin solid #dee2e6;
  border-right: thin solid #dee2e6;
  border-bottom: 0;
}
table.support-calendar-table thead tr th h3 {
  font-size: 0.95em;
  font-weight: bold;
}
table.support-calendar-table tbody tr.time-row {
  cursor: pointer;
}
table.support-calendar-table tbody tr.time-row th {
  width: 1.5em;
  border-left: thin solid #dee2e6;
  font-size: 0.8em;
  padding: 0.75rem 0.25rem;
}
table.support-calendar-table tbody tr.time-row td {
  padding: 0;
  border-left: thin solid #dee2e6;
  border-right: thin solid #dee2e6;
  background-color: #fff;
  height: 3.5em;
}
table.support-calendar-table tbody tr.time-row td .reserve-box {
  display: none;
  padding: 0.75em;
}
table.support-calendar-table tbody tr.time-row td.available {
  background-color: #317096;
  color: #fff;
}
table.support-calendar-table tbody tr.time-row td.available .reserve-box.type-available {
  display: block;
}
table.support-calendar-table tbody tr.time-row td.available .reserve-box.type-reserved {
  display: none;
}
table.support-calendar-table tbody tr.time-row td.hover-show:hover {
  background-color: #e9ecef;
}
table.support-calendar-table tbody tr.time-row td.hover-show:hover .reserve-box.type-available {
  display: block;
}
table.support-calendar-table tbody tr.time-row td.hover-show:hover .reserve-box.type-reserved {
  display: none;
}
table.support-calendar-table tbody tr.time-row td.reserved {
  background-color: #EF9709;
  color: #fff;
}
table.support-calendar-table tbody tr.time-row td.reserved .reserve-box.type-available {
  display: none;
}
table.support-calendar-table tbody tr.time-row td.reserved .reserve-box.type-reserved {
  display: block;
}
table.support-calendar-table tbody tr.time-row:last-child th, table.support-calendar-table tbody tr.time-row:last-child td {
  border-bottom: thin solid #dee2e6;
}

.reserve-card {
  border-radius: 0.2em;
  border: thin solid #dee2e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 0.5em;
}
@media (max-width: 991.98px) {
  .reserve-card {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.reserve-card .reserve-card-info-space {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
@media (max-width: 991.98px) {
  .reserve-card .reserve-card-info-space {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.reserve-card .reserve-card-action-space {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.reserve-card .reserve-card-action-space > div {
  padding: 0.5em;
}
@media (max-width: 991.98px) {
  .reserve-card .reserve-card-action-space {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .reserve-card .reserve-card-action-space > div {
    padding: 0 0.5em 0.5em 0.5em;
  }
}

.reserve-card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
}
.reserve-card-list > dt {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 7em;
      flex-basis: 7em;
}
.reserve-card-list > dt > div {
  margin: 0 0.5em;
  padding: 0 0.25em;
  height: 100%;
  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;
  border-left: thin dashed #adb5bd;
}
.reserve-card-list > dt:nth-of-type(odd) > div {
  border-left: 0;
}
.reserve-card-list > dd {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: calc(50% - 7em);
      flex-basis: calc(50% - 7em);
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
@media (max-width: 991.98px) {
  .reserve-card-list > dd {
    -ms-flex-preferred-size: calc(100% - 7em);
        flex-basis: calc(100% - 7em);
  }
}
.reserve-card-list > dd > div {
  border-left: thin dashed #adb5bd;
  padding: 0.25em 0.5em;
  height: 100%;
}

.tab-list-wrapper {
  border-bottom: thin solid #dee2e6;
  margin-bottom: 0.25em;
}

.tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.tab-list > .tab-item {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.tab-list > .tab-item:first-child .tab-link {
  border-top-left-radius: 0.25em;
}
.tab-list > .tab-item:last-child .tab-link {
  border-top-right-radius: 0.25em;
  border-color: #dee2e6;
}
.tab-list .tab-link {
  display: block;
  padding: 0.5em 1em;
  background-color: #dee2e6;
  border-left: thin solid #dee2e6;
  border-right: thin solid #f8f9fa;
  border-top: thin solid #dee2e6;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.tab-list .tab-link.active {
  background-color: #fff;
  border-bottom: thin solid transparent;
}

table.def-responsive-table.border-none-body-first-row > tbody > tr:first-child > th, table.def-responsive-table.border-none-body-first-row > tbody > tr:first-child > td {
  border-top: 0;
}

.syuukei-row {
  display: block;
}
.syuukei-row .donuts-wrapper {
  display: inline-block;
  width: 23em;
}
@media (max-width: 991.98px) {
  .syuukei-row .donuts-wrapper {
    display: block;
    width: 100%;
  }
}
.syuukei-row .recent-wrapper {
  display: inline-block;
  width: calc(100% - 24em);
}
@media (max-width: 991.98px) {
  .syuukei-row .recent-wrapper {
    display: block;
    width: 100%;
  }
}

.syukei-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 991.98px) {
  .syukei-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.syukei-flex .syukei-flex-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
@media (max-width: 991.98px) {
  .syukei-flex .syukei-flex-left {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.syukei-flex .syukei-flex-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
@media (max-width: 991.98px) {
  .syukei-flex .syukei-flex-right {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.color-to-20 {
  background-color: #e51755 !important;
}

.color-to-40 {
  background-color: #f09046 !important;
}

.color-to-60 {
  background-color: #ebc12f !important;
}

.color-to-80 {
  background-color: #87C5ED !important;
}

.color-to-100 {
  background-color: #8EA8EE !important;
}

.color-to-20-light {
  background-color: #ec4376 !important;
}

.color-to-40-light {
  background-color: #f4ac75 !important;
}

.color-to-60-light {
  background-color: #efcf5e !important;
}

.color-to-80-light {
  background-color: #b3daf4 !important;
}

.color-to-100-light {
  background-color: #bacaf5 !important;
}

.w1-moji-over-lg {
  width: 2em;
}
@media (min-width: 992px) {
  .w1-moji-over-lg {
    width: auto !important;
  }
}

.w2-moji-over-lg {
  width: 3em;
}
@media (min-width: 992px) {
  .w2-moji-over-lg {
    width: auto !important;
  }
}

.w3-moji-over-lg {
  width: 4em;
}
@media (min-width: 992px) {
  .w3-moji-over-lg {
    width: auto !important;
  }
}

.w4-moji-over-lg {
  width: 5em;
}
@media (min-width: 992px) {
  .w4-moji-over-lg {
    width: auto !important;
  }
}

.w5-moji-over-lg {
  width: 6em;
}
@media (min-width: 992px) {
  .w5-moji-over-lg {
    width: auto !important;
  }
}

.w6-moji-over-lg {
  width: 7em;
}
@media (min-width: 992px) {
  .w6-moji-over-lg {
    width: auto !important;
  }
}

.w7-moji-over-lg {
  width: 8em;
}
@media (min-width: 992px) {
  .w7-moji-over-lg {
    width: auto !important;
  }
}

.w8-moji-over-lg {
  width: 9em;
}
@media (min-width: 992px) {
  .w8-moji-over-lg {
    width: auto !important;
  }
}

.w9-moji-over-lg {
  width: 10em;
}
@media (min-width: 992px) {
  .w9-moji-over-lg {
    width: auto !important;
  }
}

.w10-moji-over-lg {
  width: 11em;
}
@media (min-width: 992px) {
  .w10-moji-over-lg {
    width: auto !important;
  }
}

.w11-moji-over-lg {
  width: 12em;
}
@media (min-width: 992px) {
  .w11-moji-over-lg {
    width: auto !important;
  }
}

.w12-moji-over-lg {
  width: 13em;
}
@media (min-width: 992px) {
  .w12-moji-over-lg {
    width: auto !important;
  }
}

.w13-moji-over-lg {
  width: 14em;
}
@media (min-width: 992px) {
  .w13-moji-over-lg {
    width: auto !important;
  }
}

.w14-moji-over-lg {
  width: 15em;
}
@media (min-width: 992px) {
  .w14-moji-over-lg {
    width: auto !important;
  }
}

.w15-moji-over-lg {
  width: 16em;
}
@media (min-width: 992px) {
  .w15-moji-over-lg {
    width: auto !important;
  }
}

.w16-moji-over-lg {
  width: 17em;
}
@media (min-width: 992px) {
  .w16-moji-over-lg {
    width: auto !important;
  }
}

.w17-moji-over-lg {
  width: 18em;
}
@media (min-width: 992px) {
  .w17-moji-over-lg {
    width: auto !important;
  }
}

.w18-moji-over-lg {
  width: 19em;
}
@media (min-width: 992px) {
  .w18-moji-over-lg {
    width: auto !important;
  }
}

.w19-moji-over-lg {
  width: 20em;
}
@media (min-width: 992px) {
  .w19-moji-over-lg {
    width: auto !important;
  }
}

.w20-moji-over-lg {
  width: 21em;
}
@media (min-width: 992px) {
  .w20-moji-over-lg {
    width: auto !important;
  }
}

.w21-moji-over-lg {
  width: 22em;
}
@media (min-width: 992px) {
  .w21-moji-over-lg {
    width: auto !important;
  }
}

.w22-moji-over-lg {
  width: 23em;
}
@media (min-width: 992px) {
  .w22-moji-over-lg {
    width: auto !important;
  }
}

.w23-moji-over-lg {
  width: 24em;
}
@media (min-width: 992px) {
  .w23-moji-over-lg {
    width: auto !important;
  }
}

.w24-moji-over-lg {
  width: 25em;
}
@media (min-width: 992px) {
  .w24-moji-over-lg {
    width: auto !important;
  }
}

.w25-moji-over-lg {
  width: 26em;
}
@media (min-width: 992px) {
  .w25-moji-over-lg {
    width: auto !important;
  }
}

.w26-moji-over-lg {
  width: 27em;
}
@media (min-width: 992px) {
  .w26-moji-over-lg {
    width: auto !important;
  }
}

.w27-moji-over-lg {
  width: 28em;
}
@media (min-width: 992px) {
  .w27-moji-over-lg {
    width: auto !important;
  }
}

.w28-moji-over-lg {
  width: 29em;
}
@media (min-width: 992px) {
  .w28-moji-over-lg {
    width: auto !important;
  }
}

.w29-moji-over-lg {
  width: 30em;
}
@media (min-width: 992px) {
  .w29-moji-over-lg {
    width: auto !important;
  }
}

.w30-moji-over-lg {
  width: 31em;
}
@media (min-width: 992px) {
  .w30-moji-over-lg {
    width: auto !important;
  }
}

.w31-moji-over-lg {
  width: 32em;
}
@media (min-width: 992px) {
  .w31-moji-over-lg {
    width: auto !important;
  }
}

.w32-moji-over-lg {
  width: 33em;
}
@media (min-width: 992px) {
  .w32-moji-over-lg {
    width: auto !important;
  }
}

.w33-moji-over-lg {
  width: 34em;
}
@media (min-width: 992px) {
  .w33-moji-over-lg {
    width: auto !important;
  }
}

.w34-moji-over-lg {
  width: 35em;
}
@media (min-width: 992px) {
  .w34-moji-over-lg {
    width: auto !important;
  }
}

.w35-moji-over-lg {
  width: 36em;
}
@media (min-width: 992px) {
  .w35-moji-over-lg {
    width: auto !important;
  }
}

.w36-moji-over-lg {
  width: 37em;
}
@media (min-width: 992px) {
  .w36-moji-over-lg {
    width: auto !important;
  }
}

.w37-moji-over-lg {
  width: 38em;
}
@media (min-width: 992px) {
  .w37-moji-over-lg {
    width: auto !important;
  }
}

.w38-moji-over-lg {
  width: 39em;
}
@media (min-width: 992px) {
  .w38-moji-over-lg {
    width: auto !important;
  }
}

.w39-moji-over-lg {
  width: 40em;
}
@media (min-width: 992px) {
  .w39-moji-over-lg {
    width: auto !important;
  }
}

.w40-moji-over-lg {
  width: 41em;
}
@media (min-width: 992px) {
  .w40-moji-over-lg {
    width: auto !important;
  }
}

.w41-moji-over-lg {
  width: 42em;
}
@media (min-width: 992px) {
  .w41-moji-over-lg {
    width: auto !important;
  }
}

.w42-moji-over-lg {
  width: 43em;
}
@media (min-width: 992px) {
  .w42-moji-over-lg {
    width: auto !important;
  }
}

.w43-moji-over-lg {
  width: 44em;
}
@media (min-width: 992px) {
  .w43-moji-over-lg {
    width: auto !important;
  }
}

.w44-moji-over-lg {
  width: 45em;
}
@media (min-width: 992px) {
  .w44-moji-over-lg {
    width: auto !important;
  }
}

.w45-moji-over-lg {
  width: 46em;
}
@media (min-width: 992px) {
  .w45-moji-over-lg {
    width: auto !important;
  }
}

.w46-moji-over-lg {
  width: 47em;
}
@media (min-width: 992px) {
  .w46-moji-over-lg {
    width: auto !important;
  }
}

.w47-moji-over-lg {
  width: 48em;
}
@media (min-width: 992px) {
  .w47-moji-over-lg {
    width: auto !important;
  }
}

.w48-moji-over-lg {
  width: 49em;
}
@media (min-width: 992px) {
  .w48-moji-over-lg {
    width: auto !important;
  }
}

.w49-moji-over-lg {
  width: 50em;
}
@media (min-width: 992px) {
  .w49-moji-over-lg {
    width: auto !important;
  }
}

.w50-moji-over-lg {
  width: 51em;
}
@media (min-width: 992px) {
  .w50-moji-over-lg {
    width: auto !important;
  }
}

.badge-white {
  color: #212529;
  background-color: #fff;
}
a.badge-white:hover, a.badge-white:focus {
  color: #212529;
  background-color: #e6e6e6;
}
a.badge-white:focus, a.badge-white.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.btn-white {
  color: #212529;
  background-color: #fff;
  border-color: #ced4da;
}
.btn-white:hover {
  color: #212529;
  background-color: #ececec;
  border-color: #b1bbc4;
}
.btn-white:focus, .btn-white.focus {
  -webkit-box-shadow: 0 0 0 1px rgba(180, 186, 191, 0.5);
          box-shadow: 0 0 0 1px rgba(180, 186, 191, 0.5);
}
.btn-white.disabled, .btn-white:disabled {
  color: #212529;
  background-color: #fff;
  border-color: #ced4da;
}
.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle {
  color: #212529;
  background-color: #e6e6e6;
  border-color: #aab4bf;
}
.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 1px rgba(180, 186, 191, 0.5);
          box-shadow: 0 0 0 1px rgba(180, 186, 191, 0.5);
}
.btn-white.active {
  background-color: #EF9709 !important;
  color: #fff !important;
}

.show-chart {
  position: relative;
  z-index: 10;
}

.sort-button {
  position: relative;
  padding-right: 2em;
}
.sort-button:after {
  position: absolute;
  font-family: "Material Icons Round";
  content: "\e164";
  font-size: 1.5em;
  right: 0;
  top: 0;
  bottom: 0;
  height: 1.5em;
  width: 1.5em;
  margin: auto;
}
.sort-button[data-sort-type=desc]:after {
  content: "\f1d1";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sort-button[data-sort-type=asc]:after {
  content: "\f1d1";
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.circle-mark > span {
  font-size: 0.85em;
  background-color: #31AD5B;
  padding: 0.2em 0.5em;
  border-radius: 1em;
  color: #fff;
}

table.vertical-middle {
  vertical-align: middle;
}
table.vertical-middle th, table.vertical-middle td {
  vertical-align: middle;
}

.image-icon-container.reserved-supporter {
  position: relative;
}
.image-icon-container.reserved-supporter:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.33);
  left: 0;
  top: 0;
}
.image-icon-container.reserved-supporter:after {
  position: absolute;
  content: "\e86c";
  font-family: "Material Icons";
  display: block;
  left: -0.2em;
  top: -0.5em;
  width: 2em;
  height: 2em;
}

.flex-menu-space {
  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;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 768.98px) {
  .flex-menu-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.flex-menu-space > .flex-menu-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.flex-menu-space > .flex-menu-right {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.btn-choice.choice-rank1 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank1.active {
  background-color: #FF7B7C;
  border: thin solid #ff4849;
  color: #212529;
}
.btn-choice.choice-rank2 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank2.active {
  background-color: #FDAA24;
  border: thin solid #ec9202;
  color: #212529;
}
.btn-choice.choice-rank3 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank3.active {
  background-color: #FFCA00;
  border: thin solid #cca200;
  color: #212529;
}
.btn-choice.choice-rank4 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank4.active {
  background-color: #7DE3DB;
  border: thin solid #53dacf;
  color: #212529;
}
.btn-choice.choice-rank5 {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-rank5.active {
  background-color: #75D6A2;
  border: thin solid #4eca88;
  color: #212529;
}

.main-color-box {
  display: inline-block;
  background-color: #EF9709;
  border: 0.2em solid #EF9709;
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
  border-radius: 0.2em;
  padding: 0.1em 0.2em;
}
.main-color-box .title-box {
  display: inline-block;
  margin-right: 0.2em;
}
.main-color-box .num-box {
  display: inline-block;
  background-color: #fff;
  border: 0.2em solid #fff;
  color: #555555;
  border-radius: 0.2em;
}

.pointer-hand {
  cursor: pointer;
}

.sort-desc > i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.sort-asc > i {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

select.unselectable {
  background-color: #e9ecef;
}

.left-menu-calendar-wrapper {
  text-align: center;
}

.left-menu-calendar-info {
  margin-top: 0.5em;
  margin-bottom: 0.25em;
}

.calendar-info {
  display: inline-block;
  position: relative;
  padding-left: 1.25em;
}
.calendar-info:before {
  position: absolute;
  content: "";
  left: 0;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
}
.calendar-info.info-has-times:before {
  background-color: #EF9709;
}
.calendar-info.info-has-events:before {
  border: thin solid #EF9709;
  background-color: #fff;
}

table.cal-table {
  width: 100%;
  table-layout: fixed;
}
table.cal-table thead .cal-sat, table.cal-table tbody .cal-sat {
  background-color: #93c1dc;
}
table.cal-table thead .cal-sun, table.cal-table thead .cal-holiday, table.cal-table tbody .cal-sun, table.cal-table tbody .cal-holiday {
  background-color: #f5c4c9;
}
table.cal-table thead span, table.cal-table thead a, table.cal-table tbody span, table.cal-table tbody a {
  display: inline-block;
  padding: 0;
  line-height: 1.5rem;
}
table.cal-table thead .cal-link.cal-has-set-time, table.cal-table tbody .cal-link.cal-has-set-time {
  width: 1.75em;
  height: 1.75em;
  background-color: #EF9709;
  color: #fff;
  border-radius: 50%;
  line-height: 1.75em;
  text-align: center;
}
table.cal-table thead .cal-link.cal-has-set-time:hover, table.cal-table tbody .cal-link.cal-has-set-time:hover {
  background-color: #be7807;
}
table.cal-table thead .cal-link.cal-has-event, table.cal-table tbody .cal-link.cal-has-event {
  border: 0.1em solid #EF9709;
  width: 1.75em;
  height: 1.75em;
  background-color: #fff;
  border-radius: 50%;
  line-height: 1.75em;
  text-align: center;
}
table.cal-table thead .cal-link.cal-has-event:hover, table.cal-table tbody .cal-link.cal-has-event:hover {
  background-color: #ebebeb;
}

.cal-header {
  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;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.cal-header .cal-header__title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: left;
  font-weight: bold;
}
.cal-header .cal-header__buttons {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

a.underline {
  text-decoration: underline !important;
}
a.underline:hover {
  opacity: 0.88;
}

.w-dt-sm-br {
  width: 17em;
}
@media (max-width: 991.98px) {
  .w-dt-sm-br {
    width: auto;
  }
}
@media (max-width: 768.98px) {
  .w-dt-sm-br {
    width: 10em;
  }
}

.w-dt-sm-br-short {
  width: 14em;
}
@media (max-width: 991.98px) {
  .w-dt-sm-br-short {
    width: auto;
  }
}
@media (max-width: 768.98px) {
  .w-dt-sm-br-short {
    width: 7em;
  }
}

.collapse-header {
  display: block;
  padding: 2rem;
  position: relative;
}
.collapse-header:before {
  display: block;
  position: absolute;
  content: "\f078";
  font-family: FontAwesome;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  right: 2rem;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1.5rem;
}
.collapse-header > h4 {
  height: 100%;
  width: 100%;
}
.collapse-header:hover {
  background: rgba(255, 255, 0, 0.15);
}
.collapse-header[aria-expanded=true]:before {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.user-detail-nav .nav-link {
  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: 100%;
}
.user-detail-nav .nav-link.active {
  background: #F2F5F5;
  border-bottom-color: #F2F5F5;
}

.tab-content.content-base {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-left: thin solid #dee2e6;
  border-right: thin solid #dee2e6;
  border-bottom: thin solid #dee2e6;
}

.sticky-space .nav-sticky {
  position: sticky;
  z-index: 10;
  top: 7.1em;
  background: #fff;
}
.sticky-space .nav-sticky.sticky-my-page {
  top: 4em;
}

.form-error {
  background-color: #f9dadd !important;
}
.form-error:focus {
  background-color: #fceced !important;
}

.plan-files-section {
  border: thin dashed #adb5bd;
  padding: 0.5em;
  border-radius: 0.25em;
  margin-bottom: 1em;
}
.plan-files-section .content-base {
  margin-top: 0.5em;
}

.accordion-btn.exist-collapse {
  padding-left: 1.5em;
}
.accordion-btn.exist-collapse:before {
  left: 0;
  right: auto;
}

.dropdown.bootstrap-select.disabled {
  background-color: #ced4da;
}

.entry-datetime {
  padding-left: 0.5em;
  padding-right: 0.5em;
  display: inline-block;
}

.inc-balloon {
  position: relative;
}
.inc-balloon .balloon {
  position: absolute;
  min-width: 18em;
  max-width: 100%;
  right: 0;
  bottom: -2.5em;
  -webkit-box-shadow: 1px 1px 12px -9px #dee2e6;
          box-shadow: 1px 1px 12px -9px #dee2e6;
  padding: 0.5em 1em;
  border-radius: 0.15em;
  background-color: #ffde4d;
  z-index: 10;
}
.inc-balloon .balloon:before {
  font-family: FontAwesome;
  content: "\f071";
}
.inc-balloon .balloon:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  right: 2.5em;
  top: -0.5rem;
  background-color: #ffde4d;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 9;
}
.inc-balloon.balloon-under-lg .balloon {
  bottom: inherit;
  top: 2.5em;
}
.inc-balloon.balloon-under-lg .balloon ~ .btn {
  margin-bottom: 5em;
}
.inc-balloon .entry-datetime {
  position: absolute;
  width: 12em;
  right: 0;
  margin-right: 5em;
  margin-top: 0.25em;
}

.translate-top-2 {
  -webkit-transform: translateY(-2em);
          transform: translateY(-2em);
}

.translate-top-1-half {
  -webkit-transform: translateY(-1.5em);
          transform: translateY(-1.5em);
}

.translate-top-1 {
  -webkit-transform: translateY(-1em);
          transform: translateY(-1em);
}

.translate-top-0-half {
  -webkit-transform: translateY(-0.5em);
          transform: translateY(-0.5em);
}

.translate-bottom-2 {
  -webkit-transform: translateY(2em);
          transform: translateY(2em);
}

.translate-bottom-1-half {
  -webkit-transform: translateY(1.5em);
          transform: translateY(1.5em);
}

.translate-bottom-1 {
  -webkit-transform: translateY(1em);
          transform: translateY(1em);
}

.translate-bottom-0-half {
  -webkit-transform: translateY(0.5em);
          transform: translateY(0.5em);
}

.kiyaku-wrapper {
  width: auto;
  max-width: 960px;
  margin: 6em auto 0;
}
.kiyaku-wrapper .kiyaku-space {
  margin: 0 2em;
  background-color: #fff;
  border-radius: 0.5em;
  padding: 2em;
}
@media (min-width: 769px) {
  .kiyaku-wrapper .kiyaku-space {
    margin: 0 2em 0 10em;
  }
}
@media (min-width: 1300px) {
  .kiyaku-wrapper .kiyaku-space {
    margin: 0 4em;
  }
}
.kiyaku-wrapper .editor-inner h1 {
  margin-bottom: 1em;
}

.footer-include-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer-include-links .include-item {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  text-align: center;
}
.footer-include-links .include-item > span {
  margin-left: 1em;
  margin-right: 1em;
}
.footer-include-links .include-item.include-copyright {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.footer-include-links .include-item.include-copyright > span {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 769px) {
  .footer-include-links .include-item {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    text-align: left;
  }
  .footer-include-links .include-item > span {
    margin-right: 1em;
  }
  .footer-include-links .include-item.include-copyright {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .footer-include-links .include-item.include-copyright > span {
    margin-right: 2em;
  }
}
.footer-include-links .btn-link {
  color: #fff;
}
.footer-include-links .btn-link:hover {
  color: rgba(255, 255, 0, 0.8);
}
.footer-include-links .btn-link:active {
  color: rgba(255, 255, 0, 0.8);
}

.scroll-h-space {
  overflow-y: auto;
}
.scroll-h-space.mh5-em {
  max-height: 5em;
}
.scroll-h-space.mh10-em {
  max-height: 10em;
}
.scroll-h-space.mh15-em {
  max-height: 15em;
}
.scroll-h-space.mh20-em {
  max-height: 20em;
}
.scroll-h-space.mh25-em {
  max-height: 25em;
}
.scroll-h-space.mh30-em {
  max-height: 30em;
}
.scroll-h-space.mh35-em {
  max-height: 35em;
}
.scroll-h-space.mh40-em {
  max-height: 40em;
}

#ui-datepicker-div {
  z-index: 1100 !important;
}

.disable-like-link {
  color: #3c3c3c;
  background-color: rgba(0, 0, 0, 0.3) !important;
  cursor: inherit;
}
.disable-like-link:hover {
  cursor: not-allowed;
  color: #3c3c3c;
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.res-table > table.table tbody tr th, .res-table > table.table tbody tr td {
  position: relative;
  padding-left: 5.2em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  border-top: 0;
  border-bottom: 0;
}
.res-table > table.table tbody tr th:before, .res-table > table.table tbody tr td:before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  height: 100%;
  width: 5em;
  content: attr(data-caption);
  background-color: #dee2e6;
  padding: 0.2em;
  border-radius: 0.1em;
}
.res-table > table.table tbody tr th:last-child, .res-table > table.table tbody tr td:last-child {
  border-bottom: thin solid #dee2e6;
}
.res-table > table.table tbody tr th:empty:after, .res-table > table.table tbody tr td:empty:after {
  display: block;
  content: "　";
}
@media (min-width: 769px) {
  .res-table > table.table tbody tr th, .res-table > table.table tbody tr td {
    padding-left: 0.2em;
    border-bottom: thin solid #dee2e6;
  }
  .res-table > table.table tbody tr th:before, .res-table > table.table tbody tr td:before {
    display: none;
  }
  .res-table > table.table tbody tr th:last-child, .res-table > table.table tbody tr td:last-child {
    border-bottom: thin solid #dee2e6;
  }
}

.sp-hide {
  display: none;
}
@media (min-width: 769px) {
  .sp-hide {
    display: inline-block;
  }
}

.footer-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer.sp-hide {
  display: none;
}
@media (min-width: 769px) {
  footer.sp-hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.direction-icons {
  padding-top: 1em;
  padding-bottom: 1em;
}
.direction-icons .direction-to, .direction-icons .direction-from {
  position: relative;
}
.direction-icons .direction-to:before, .direction-icons .direction-from:before {
  position: absolute;
  top: -2em;
  content: attr(data-original-title);
  display: block;
  font-weight: bold;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 0.65em;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}

.simple-program-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0.25em 0;
}
.simple-program-wrapper + .simple-program-wrapper {
  border-top: thin dashed #adb5bd;
  padding-top: 0.5em;
}

.program-text-size {
  font-size: 0.82em;
}

.program-text-size-lg {
  font-size: 0.88em;
}

.badge-myreport {
  background-color: #104862;
  padding: 0.5em 0;
}

.px-2-half {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.text-no-ji-tsume {
  letter-spacing: 0 !important;
}

.fa-custom-calendar {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.fa-custom-exclamation {
  -webkit-transform: scale(0.6) translateY(0.2em);
          transform: scale(0.6) translateY(0.2em);
}

.fs-70per {
  font-size: 70% !important;
}

.flex-modal {
  height: 100vh;
}
.flex-modal .modal-body {
  overflow: auto;
}
.flex-modal .modal-footer {
  height: 3em;
}

.white-space-nowrap {
  white-space: nowrap !important;
}

.btn-inc-mark {
  position: relative;
  z-index: 1;
}
.btn-inc-mark.mark-done:before {
  position: absolute;
  content: "済";
  font-weight: bold;
  font-size: 1.1em;
  top: 0;
  right: -2em;
  bottom: 0;
  margin: auto;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  border-radius: 50%;
  background-color: #f2aa84;
  z-index: -1;
}

.has-reply-message {
  position: relative;
}
.has-reply-message:before {
  position: absolute;
  content: attr(data-reply-message);
  font-weight: bold;
  font-size: 0.9em;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: auto;
  -webkit-transform: translateX(110%);
          transform: translateX(110%);
  max-width: 12em;
  height: auto;
  line-height: 1.2;
  pointer-events: none;
  color: #555555;
}
@media (max-width: 768.98px) {
  .has-reply-message:before {
    -webkit-transform: translateY(120%);
            transform: translateY(120%);
    width: 100vw;
    text-align: center;
    left: 0;
    right: 0;
    margin-right: auto;
  }
}

.grid-touroku-space {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0px 15em 0px 1fr;
  grid-template-columns: 1fr 15em 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.grid-touroku-space > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-touroku-space > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.grid-touroku-space > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
@media (max-width: 991.98px) {
  .grid-touroku-space {
    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;
  }
}
.grid-touroku-space .grid-touroku-item {
  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;
}
.grid-touroku-space .grid-touroku-item.item-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.minw-table-wrapper {
  overflow-x: auto;
}
.minw-table-wrapper .minw-table {
  width: auto;
  min-width: 30em;
}
.minw-table-wrapper .minw-table.minw-table-5em {
  min-width: 5em;
}
.minw-table-wrapper .minw-table.minw-table-10em {
  min-width: 10em;
}
.minw-table-wrapper .minw-table.minw-table-15em {
  min-width: 15em;
}
.minw-table-wrapper .minw-table.minw-table-20em {
  min-width: 20em;
}
.minw-table-wrapper .minw-table.minw-table-25em {
  min-width: 25em;
}
.minw-table-wrapper .minw-table.minw-table-30em {
  min-width: 30em;
}
.minw-table-wrapper .minw-table.minw-table-35em {
  min-width: 35em;
}
.minw-table-wrapper .minw-table.minw-table-40em {
  min-width: 40em;
}
.minw-table-wrapper .minw-table.minw-table-45em {
  min-width: 45em;
}
.minw-table-wrapper .minw-table.minw-table-50em {
  min-width: 50em;
}
.minw-table-wrapper .minw-table.minw-table-55em {
  min-width: 55em;
}
.minw-table-wrapper .minw-table.minw-table-60em {
  min-width: 60em;
}
.minw-table-wrapper .minw-table.minw-table-65em {
  min-width: 65em;
}
.minw-table-wrapper .minw-table.minw-table-70em {
  min-width: 70em;
}
.minw-table-wrapper .minw-table.minw-table-75em {
  min-width: 75em;
}
.minw-table-wrapper .minw-table.minw-table-80em {
  min-width: 80em;
}
.minw-table-wrapper .minw-table.minw-table-85em {
  min-width: 85em;
}
.minw-table-wrapper .minw-table.minw-table-90em {
  min-width: 90em;
}
.minw-table-wrapper .minw-table.minw-table-95em {
  min-width: 95em;
}
.minw-table-wrapper .minw-table.minw-table-100em {
  min-width: 100em;
}
.minw-table-wrapper .minw-table.minw-table-105em {
  min-width: 105em;
}
.minw-table-wrapper .minw-table.minw-table-110em {
  min-width: 110em;
}
.minw-table-wrapper .minw-table.minw-table-115em {
  min-width: 115em;
}
.minw-table-wrapper .minw-table.minw-table-120em {
  min-width: 120em;
}
.minw-table-wrapper .minw-table.minw-table-125em {
  min-width: 125em;
}
.minw-table-wrapper .minw-table.minw-table-130em {
  min-width: 130em;
}
.minw-table-wrapper .minw-table.minw-table-135em {
  min-width: 135em;
}
.minw-table-wrapper .minw-table.minw-table-140em {
  min-width: 140em;
}
.minw-table-wrapper .minw-table.minw-table-145em {
  min-width: 145em;
}
.minw-table-wrapper .minw-table.minw-table-150em {
  min-width: 150em;
}
.minw-table-wrapper .minw-table.minw-table-155em {
  min-width: 155em;
}
.minw-table-wrapper .minw-table.minw-table-160em {
  min-width: 160em;
}
.minw-table-wrapper .minw-table.minw-table-165em {
  min-width: 165em;
}
.minw-table-wrapper .minw-table.minw-table-170em {
  min-width: 170em;
}
.minw-table-wrapper .minw-table.minw-table-175em {
  min-width: 175em;
}
.minw-table-wrapper .minw-table.minw-table-180em {
  min-width: 180em;
}
.minw-table-wrapper .minw-table.minw-table-185em {
  min-width: 185em;
}
.minw-table-wrapper .minw-table.minw-table-190em {
  min-width: 190em;
}
.minw-table-wrapper .minw-table.minw-table-195em {
  min-width: 195em;
}
.minw-table-wrapper .minw-table.minw-table-200em {
  min-width: 200em;
}
.minw-table-wrapper .minw-table.minw-table-205em {
  min-width: 205em;
}
.minw-table-wrapper .minw-table.minw-table-210em {
  min-width: 210em;
}
.minw-table-wrapper .minw-table.minw-table-215em {
  min-width: 215em;
}
.minw-table-wrapper .minw-table.minw-table-220em {
  min-width: 220em;
}
.minw-table-wrapper .minw-table.minw-table-225em {
  min-width: 225em;
}
.minw-table-wrapper .minw-table.minw-table-230em {
  min-width: 230em;
}
.minw-table-wrapper .minw-table.minw-table-235em {
  min-width: 235em;
}
.minw-table-wrapper .minw-table.minw-table-240em {
  min-width: 240em;
}
.minw-table-wrapper .minw-table.minw-table-245em {
  min-width: 245em;
}
.minw-table-wrapper .minw-table.minw-table-250em {
  min-width: 250em;
}
.minw-table-wrapper .minw-table.minw-table-255em {
  min-width: 255em;
}
.minw-table-wrapper .minw-table.minw-table-260em {
  min-width: 260em;
}
.minw-table-wrapper .minw-table.minw-table-265em {
  min-width: 265em;
}
.minw-table-wrapper .minw-table.minw-table-270em {
  min-width: 270em;
}
.minw-table-wrapper .minw-table.minw-table-275em {
  min-width: 275em;
}
.minw-table-wrapper .minw-table.minw-table-280em {
  min-width: 280em;
}
.minw-table-wrapper .minw-table.minw-table-285em {
  min-width: 285em;
}
.minw-table-wrapper .minw-table.minw-table-290em {
  min-width: 290em;
}
.minw-table-wrapper .minw-table.minw-table-295em {
  min-width: 295em;
}
.minw-table-wrapper .minw-table.minw-table-300em {
  min-width: 300em;
}

.moji-circle {
  display: inline-block;
  position: relative;
  width: 1.5em;
}
.moji-circle:before {
  position: absolute;
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  border: thin solid #31AD5B;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.moji-circle.circle-black:before {
  border: thin solid #555555;
}

.check-has-bg-success {
  background: #fff;
  border: 2px dashed #31AD5B;
}

.check-has-bg-success:has(input[type=checkbox]:checked) {
  background: #31AD5B;
  color: #fff;
  border: 2px solid #31AD5B;
}

.underline {
  text-decoration: underline;
}

.file-list > .base-select-list-item {
  position: relative;
  display: block;
  padding: 0.25em;
}

.file-list > .base-select-list-item .select-list-item-filename {
  word-break: break-all;
}

.word-break-break-word {
  word-break: break-word !important;
}

.syanai-header-wrapper {
  padding-top: 3em;
  margin-bottom: 3em;
  border-top: 2px solid #ced4da;
}
.syanai-header-wrapper .syanai-header {
  font-size: 1.1em;
  text-decoration: underline;
}
.syanai-header-wrapper ~ table.usual-table {
  margin-bottom: 0;
}
.syanai-header-wrapper ~ table.usual-table tbody tr:last-child th, .syanai-header-wrapper ~ table.usual-table tbody tr:last-child td {
  border-bottom: 0;
}

#append-hidden-space > .append-item {
  border-top: thin dotted #ced4da;
}
#append-hidden-space > .append-item:first-child {
  border-top: 0;
}