@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;
}

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, section.section-content, .side-menu-container, .activity-container, .search-space {
  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, section.section-content, .side-menu-container, .activity-container, .search-space {
    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;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

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

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

.form-control[readonly].cals {
  background-color: #fff;
}
.form-control[disabled].cals {
  background-color: #e9ecef !important;
}
html {
  overflow: auto;
  height: 100%;
}

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

a {
  color: #333;
}
a:hover {
  text-decoration: none;
  color: #DA060F;
}

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;
}

.main-container {
  margin-top: 3.2em;
}

/* 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 - 3.2em);
}
@media (max-width: 768.98px) {
  .content-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.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: 20.75em;
      flex-basis: 20.75em;
  max-width: 20.75em;
}
@media (max-width: 1299.98px) {
  .content-flex .content-side {
    -ms-flex-preferred-size: 16em;
        flex-basis: 16em;
    max-width: 16em;
  }
}
@media (max-width: 768.98px) {
  .content-flex .content-side {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
.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% - 20.75em);
      flex-basis: calc(100% - 20.75em);
  max-width: calc(100% - 20.75em);
}
@media (max-width: 1299.98px) {
  .content-flex .content-main {
    -ms-flex-preferred-size: calc(100% - 15em);
        flex-basis: calc(100% - 15em);
    max-width: calc(100% - 15em);
  }
}
@media (max-width: 768.98px) {
  .content-flex .content-main {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
.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;
}
@media (max-width: 768.98px) {
  .content-flex .content-main.main-only > .main-inner {
    margin: 0;
    padding: 0 0 3em;
  }
}
.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;
}

/* 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: "";
  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;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  font-weight: bold;
  -webkit-transform: rotate(0.00001deg);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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);
      -ms-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 {
  position: relative;
  margin-right: 0;
  padding: 0.5em;
}
@media (max-width: 768.98px) {
  .search-space {
    margin-right: 0;
  }
}
.search-space > table {
  margin: 0 0 0.25em;
}

.exist-collapse {
  position: relative;
  display: block;
}
.exist-collapse:before {
  display: block;
  position: absolute;
  content: "";
  font-family: "Material Icons";
  right: 0.5em;
  top: 0;
}
.exist-collapse.collapsed:before {
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(180deg);
      -ms-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 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: #ECE443;
  border: thin solid #e5db17;
  color: #212529;
}
.btn-choice.choice-danger {
  color: #212529;
  border: thin solid #cccccc;
  background-color: #E5E5E5;
}
.btn-choice.choice-danger.active {
  background-color: #DA060F;
  border: thin solid #a8050c;
  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: #DA060F;
  border: thin solid #a8050c;
  color: #fff;
}
.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;
}

/* header-nav */
.navbar {
  border-top: 2px solid #DA060F;
  padding: 0.5em 0 0.5em 0.5em;
}
@media (max-width: 991.98px) {
  .navbar .self-name {
    font-size: 0.75em;
  }
}

.nav-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (min-width: 769px) {
  .nav-logo {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.nav-logo > a .logo-mark, .nav-logo > span .logo-mark {
  margin: 0;
  padding: 0;
  height: 1.75em;
}
@media (min-width: 376px) {
  .nav-logo > a .logo-mark, .nav-logo > span .logo-mark {
    height: 2em;
  }
}
@media (min-width: 769px) {
  .nav-logo > a .logo-mark, .nav-logo > span .logo-mark {
    height: 2em;
  }
}
@media (min-width: 769px) {
  .nav-logo > a .logo-mark, .nav-logo > span .logo-mark {
    margin: 0;
  }
}
.nav-logo > a .logo-type, .nav-logo > span .logo-type {
  display: block;
  margin: 0 auto;
  padding: 0;
}

#side-menu-toggle {
  display: inline-block;
  position: fixed;
  z-index: 1031;
  left: 0.5em;
  top: inherit;
  bottom: 1em;
}
@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%;
}
@media (max-width: 768.98px) {
  #sidebar {
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.35, -0.02, 0.18, 1.06) 0s;
    transition: -webkit-transform 500ms cubic-bezier(0.35, -0.02, 0.18, 1.06) 0s;
    -o-transition: transform 500ms cubic-bezier(0.35, -0.02, 0.18, 1.06) 0s;
    transition: transform 500ms cubic-bezier(0.35, -0.02, 0.18, 1.06) 0s;
    transition: transform 500ms cubic-bezier(0.35, -0.02, 0.18, 1.06) 0s, -webkit-transform 500ms cubic-bezier(0.35, -0.02, 0.18, 1.06) 0s;
    position: fixed;
    right: 0;
    margin: auto;
    top: 3.2em;
    bottom: 0;
    overflow-y: auto;
    -webkit-transform: translateX(-100vw);
        -ms-transform: translateX(-100vw);
            transform: translateX(-100vw);
  }
  #sidebar.mobile-show {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.sidebar-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100%;
  padding-top: 3.2em;
  padding-bottom: 4em;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
@media (max-width: 768.98px) {
  .sidebar-sticky {
    overflow-x: inherit;
    overflow-y: inherit;
    padding-top: 0;
    background-color: rgba(0, 0, 0, 0.4);
  }
}

.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;
  -o-transition: background 200ms ease-in 0s;
  transition: background 200ms ease-in 0s;
  position: relative;
  -webkit-transition: background 160ms ease-in 0s;
  -o-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: #f8f5b7;
}
.activity-container .activity-kinds .activity-list > li.list-new:hover {
  background: #eee75a;
}
.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: #DA060F;
  color: #fff;
}
.activity-container .activity-kinds .activity-list > li:hover {
  background: #fdc8ca;
}
.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;
  }
}

.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;
  -o-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.menu-accordion > li:hover {
  background: #fdc8ca;
}
.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;
  -o-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.menu-accordion > ul > li:hover {
  background: #fdc8ca;
}
.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;
  -o-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.menu-accordion > ul > li > ul > li a:hover {
  background: #fc969b;
}
.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: #DA060F;
  color: #fff;
  text-align: center;
}
.menu-accordion > ul > li.p-copyright:hover {
  background: #DA060F;
}

/* main */
main.content-main .main-inner {
  padding: 1em 1em 3em 0;
}
@media (max-width: 1299.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: #DA060F;
  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: #fdc8ca;
}

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 #000;
  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;
  -o-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
table.table-hover tbody tr:hover {
  background: #fdc8ca;
  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;
  -o-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
table.def-responsive-table.table-hover tbody tr:hover {
  background: #fdc8ca;
  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.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;
  }
}
@media (max-width: 768.98px) {
  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);
        -ms-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: -o-linear-gradient(bottom, #000, #000 1px, transparent 1px, transparent 1px);
  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: 768.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: 13em;
      flex-basis: 13em;
}
@media (max-width: 768.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: 33%;
        flex-basis: 33%;
    margin-bottom: 0;
  }
}
@media (max-width: 375.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;
  background-color: #fff;
  margin-right: 1em;
  border: thin solid #495057;
  padding: 0.5em 1em;
  color: #495057;
  height: 100%;
}
@media (max-width: 768.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: 375.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-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: 768.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: 375.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: 375.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 1em 0.5em 0;
}
.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;
}

.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;
  -o-transition: background 160ms ease-in 0s;
  transition: background 160ms ease-in 0s;
}
.chat-container .chat-control-section .chat-helper-space > a:hover {
  background: #fdc8ca;
}
.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);
      -ms-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);
      -ms-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: "";
  font-size: 3em;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  line-height: 1em;
  color: #DA060F;
  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: #DA060F;
}
.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: #DA060F;
  font-weight: bold;
}
.news-list > li.agree-item .new-list-content > a {
  color: #DA060F;
  text-decoration: underline;
  font-weight: bold;
}
.news-list > li.agree-item .new-list-content > a:hover {
  color: #a8050c;
}
.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;
}
.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: "";
  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: #DA060F;
}
.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;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: rotate(270deg);
      -ms-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);
      -ms-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);
      -ms-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: #DA060F;
  border: thin solid #a8050c;
  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.user-limit-staff {
  background-color: #31AD5B;
  color: #fff;
}
.user-limit.user-limit-manager {
  background-color: #6610f2;
  color: #fff;
}


.user-limit {
    display: inline-block;
    font-weight: bold;
    padding: 0.2em 0.5em;
    background-color: #9395EF;
    border-radius: 1em;
    color: #fff;
}
.report-limit {
    display: inline-block;
    font-weight: bold;
    padding: 0.2em 0.5em;
    background-color: #FFBB33;
    border-radius: 1em;
    color: #fff;
}

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

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

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

.left-border {
    border-left: 1px solid #dee2e6;
}

.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.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);
  -o-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);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}

.row-unpaid {
  background-color: #fb7e83;
}
.row-unpaid:hover {
  background-color: #f91a24 !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: "";
  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;
}
.pagination-space .fa {
  font-family: "Material Icons";
}
.pagination-space .fa.fa-arrow-left:before {
  font-family: "Material Icons";
  content: "";
}
.pagination-space .fa.fa-arrow-right {
  font-family: "Material Icons";
}
.pagination-space .fa.fa-arrow-right:before {
  content: "";
}
.pagination-space .fa.fa-step-backward {
  font-family: "Material Icons";
}
.pagination-space .fa.fa-step-backward:before {
  content: "";
}
.pagination-space .fa.fa-step-forward:before {
  content: "";
}

.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[aria-expanded=false] {
  position: relative;
}
.btn[aria-expanded=false]:before {
  display: none;
}
.btn[aria-expanded=false]:after {
  display: none;
}
.btn[aria-expanded=true] {
  position: relative;
}
.btn[aria-expanded=true]:before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  right: 2em;
  bottom: -1.15em;
  border: 1em solid transparent;
  border-bottom: 1em solid #ced4da;
  pointer-events: none;
  z-index: 1;
}
.btn[aria-expanded=true]:after {
  content: "";
  display: block;
  position: absolute;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  right: 2em;
  bottom: -1.15em;
  border: 1em solid transparent;
  border-bottom: 1em solid #fff;
  pointer-events: none;
  z-index: 2;
}
.btn[aria-expanded=true].dropdown-toggle:before {
  display: none;
}
.btn[aria-expanded=true].dropdown-toggle:after {
  display: none;
}
.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: #DA060F;
  border: 1px solid #DA060F;
  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: #DA060F;
  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;
}

.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: #DA060F !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-xs {
  font-size: 0.6em;
}
/*# sourceMappingURL=styles.css.map */