.loading {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background-color: #888;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: -1; }
  .loading > img {
    width: 29px;
    height: 29px; }
  .loading--visible {
    opacity: 1;
    z-index: 99999; }
  .loading--hidden {
    opacity: 0;
    transition: all 0.3s ease;
    transition-delay: 0.5s; }
  .loading__overlay {
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1; }

.button {
  display: block;
  text-align: center;
  cursor: pointer;
  width: auto;
  height: 36px;
  line-height: 36px;
  border-radius: 8px;
  background-color: #fff;
  color: #757575;
  font-size: 14px;
  padding: 0 16px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  opacity: 1; }
  .button:hover {
    opacity: 0.6; }
  .button > span {
    flex-grow: 1; }
  .button svg {
    font-size: 17px;
    margin-right: 8px;
    margin-bottom: 1px; }
  .button--fab {
    min-width: 0;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background-color: transparent;
    color: #757575;
    line-height: 36px;
    padding: 0;
    text-align: center; }
    .button--fab svg {
      margin-right: 0; }
  .button--selected {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.12); }
  .button--noFrame {
    color: #1565c0;
    margin: 0;
    padding: 0;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: transparent; }
  .button--blue {
    background-color: #1565c0;
    color: #fff;
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12);
    border: solid 1px rgba(0, 0, 0, 0.26);
    border: none; }
  .button--orange {
    background-color: #fa8e01;
    color: #fff;
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12);
    border: solid 1px rgba(0, 0, 0, 0.26); }
  .button--gray {
    background-color: rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12);
    border: solid 1px rgba(0, 0, 0, 0.26); }
  .button--white {
    background-color: #fff;
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12);
    border: solid 1px rgba(0, 0, 0, 0.26); }
  .button--red {
    color: #ef5350; }
  .button--auto {
    max-width: 264px;
    width: 100%; }
  .button--aligned {
    width: 100%; }
  .button--variable {
    width: -moz-fit-content;
    width: fit-content; }
  .button--max {
    width: 264px; }
  .button--extraLarge {
    width: 208px;
    height: 44px;
    border-radius: 22px;
    font-size: 16px; }
  .button--large {
    min-width: 148px; }
  .button--medium {
    min-width: 132px; }
  .button--small {
    width: 70px; }
  .button--outlined {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.26);
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12); }
    .button--outlined.button--fab {
      border: solid 1px rgba(0, 0, 0, 0.26); }
  .button--flat {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.26); }
  .button--disabled {
    color: rgba(255, 255, 255, 0.87);
    box-shadow: none;
    border: none;
    background-color: rgba(0, 0, 0, 0.12);
    pointer-events: none; }
  .button--rectangle {
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .button > div.flex {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center; }

.snackbar {
  position: fixed;
  bottom: -52px;
  right: 16px;
  min-width: 240px;
  height: 42px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  z-index: 99999;
  padding: 0 12px;
  transition: all 0.3s ease;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
  .snackbar > svg {
    margin-right: 8px;
    font-size: 18px; }
  .snackbar__text {
    margin-right: auto; }
  .snackbar__closeBtn {
    font-size: 18px;
    line-height: 18px;
    opacity: 0.6; }
  .snackbar--default {
    background-color: #222; }
  .snackbar--error {
    background-color: #d32f2f; }
  .snackbar--success {
    background-color: #43a047; }
  .snackbar--warning {
    background-color: #ffa000; }
  .snackbar--visible {
    bottom: 16px; }
  .snackbar--hidden {
    bottom: -52px; }

.alertText {
  font-weight: bold;
  font-size: 12px;
  color: #e7424d;
  padding: 4px 0; }

.accordion__item {
  position: relative; }

.accordion__link {
  position: relative; }
  .accordion__link::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -3px;
    border-top: 5px solid #757575;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    transition: all 0.3s ease; }
  .accordion__link--open::before {
    transform: rotate(-180deg); }

.accordion__content {
  width: 100%;
  height: 0px;
  overflow: hidden;
  transition: all 0.3s ease; }
  .accordion__content--visible {
    display: block;
    background-color: #343434; }

.tButton {
  height: 36px;
  color: rgba(0, 0, 0, 0.54);
  border-radius: 8px;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.12);
  border: solid 1px rgba(0, 0, 0, 0.26);
  background-color: #ffffff;
  padding: 0 16px;
  line-height: 0;
  display: flex;
  justify-content: center;
  opacity: 1;
  transition: all 0.3s ease;
  cursor: pointer; }
  .tButton:hover {
    opacity: 0.6; }
  .tButton--transparent {
    padding: 0;
    background-color: transparent;
    width: 36px;
    box-shadow: none;
    border: none; }
  .tButton--noFrame {
    background-color: transparent;
    box-shadow: none;
    border: none; }
  .tButton--circle {
    width: 36px;
    min-width: 36px;
    padding: 0;
    border-radius: 18px; }
    .tButton--circle > p {
      width: 100%; }
  .tButton--colored {
    color: rgba(255, 255, 255, 0.87);
    box-shadow: inset 0 -2px 0 0 #0d47a1;
    border: none;
    background-color: #1565c0; }
  .tButton--iconed {
    padding: 0 16px; }
  .tButton--link {
    color: #1565c0;
    border-radius: 0px;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%; }
    .tButton--link > p {
      text-align: left;
      word-break: break-all; }
  .tButton--ellipsis > p {
    overflow: hidden;
    max-height: 36px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  .tButton--flat {
    box-shadow: none; }
  .tButton--inactive {
    color: rgba(255, 255, 255, 0.87);
    box-shadow: none;
    border: none;
    background-color: rgba(0, 0, 0, 0.12);
    pointer-events: none; }
  .tButton--red {
    color: #ef5350; }
  .tButton--white {
    color: #ffffff; }
  .tButton--blue {
    color: #1565c0; }
  .tButton--max {
    width: 192px; }
  .tButton--large {
    width: 132px; }
  .tButton--medium {
    width: 120px; }
  .tButton--small {
    height: 22px;
    width: 22px;
    padding: 0; }
  .tButton--aligned {
    width: 100%; }
  .tButton--auto {
    width: -moz-fit-content;
    width: fit-content; }
  .tButton__text {
    min-width: 40px;
    margin: auto 0;
    flex-grow: 1;
    font-size: 14px;
    letter-spacing: 0.28px;
    line-height: 18px; }
  .tButton__icon {
    line-height: 17px;
    font-size: 17px; }
    .tButton__icon--named {
      padding-right: 8px; }

.navigation {
  width: 100%;
  height: 100%;
  padding-bottom: 40vh;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.87); }
  .navigation__header, .navigation__account {
    transition: all 0.3s ease;
    opacity: 1;
    cursor: pointer; }
    .navigation__header:hover, .navigation__account:hover {
      opacity: 0.6; }
  .navigation__header {
    height: 70px;
    background-color: rgba(0, 0, 0, 0.87); }
    .navigation__header p {
      padding: 17px 0 17px 24px; }
    .navigation__header .login__logo {
      display: block;
      width: 170px;
      height: 36px;
      background-image: url("/assets/img/tohshin_logo_onblack.png");
      background-size: cover; }
  .navigation__account {
    padding: 18px 24px;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    border-bottom: 2px solid rgba(0, 0, 0, 0.06); }
    .navigation__account svg {
      margin: auto 0;
      margin-right: 16px;
      font-size: 28px;
      color: #f4f4f4; }
    .navigation__account span {
      display: block;
      line-height: 1.2;
      width: 156px;
      height: -moz-fit-content;
      height: fit-content;
      z-index: 999;
      color: rgba(255, 255, 255, 0.7);
      word-break: break-all;
      margin: auto 0; }
  .navigation .accountModal {
    position: fixed;
    background-color: #ffffff;
    border-radius: 8px;
    width: 280px;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 9999;
    top: 143px;
    left: 24px;
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12); }
    .navigation .accountModal__overlay {
      width: 100vw;
      height: 100vh;
      background-color: transparent;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1; }
    .navigation .accountModal > div {
      padding: 24px; }
    .navigation .accountModal__info {
      border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
      .navigation .accountModal__info__name {
        line-height: 1.5;
        color: rgba(0, 0, 0, 0.87);
        height: auto;
        flex-grow: 1;
        margin-bottom: 8px; }
      .navigation .accountModal__info__team {
        font-size: 12px;
        color: rgba(0, 0, 0, 0.54); }
  .navigation__switching {
    padding: 24px; }
  .navigation .accordion__item, .navigation .accordion__link {
    width: 100%;
    height: 36px;
    font-size: 16px; }
    .navigation .accordion__item svg, .navigation .accordion__link svg {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .navigation .accordion__item svg[name="user-minus"], .navigation .accordion__link svg[name="user-minus"] {
      font-size: 17px; }
    .navigation .accordion__item a,
    .navigation .accordion__item p, .navigation .accordion__link a,
    .navigation .accordion__link p {
      display: block;
      color: #d2d2d2;
      font-size: 16px;
      line-height: 36px;
      letter-spacing: 0.28px; }
  .navigation .accordion > li {
    position: relative;
    z-index: 99;
    transition: all 0.3s ease; }
    .navigation .accordion > li:hover:not(.selected) {
      box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
    .navigation .accordion > li > a:first-child,
    .navigation .accordion > li > p:first-child {
      padding-left: 50px; }
      .navigation .accordion > li > a:first-child svg,
      .navigation .accordion > li > p:first-child svg {
        left: 24px; }
  .navigation .accordion__link--notArrow::before {
    display: none; }
  .navigation .accordion__link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 36px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    z-index: -1;
    transition: all 0.3s ease; }
  .navigation .accordion__link--active {
    background-color: rgba(0, 0, 0, 0.12); }
    .navigation .accordion__link--active::after {
      width: 95%;
      background-color: rgba(0, 0, 0, 0.26); }
    .navigation .accordion__link--active::before {
      border-top: 5px solid #fff; }
    .navigation .accordion__link--active a, .navigation .accordion__link--active p {
      font-weight: bold;
      color: #fff; }
  .navigation .accordion__item {
    background-color: #343434;
    /*
      &--sub {
        padding-left: 24px;
        svg{
          left: 48px + 24px;
        }
      }*/ }
    .navigation .accordion__item:hover {
      opacity: 0.9; }
    .navigation .accordion__item--active a, .navigation .accordion__item--active p {
      font-weight: bold;
      color: #ffffff; }
  .navigation .accordion__content > li > a:first-child,
  .navigation .accordion__content > li > p:first-child {
    padding-left: 98px; }
    .navigation .accordion__content > li > a:first-child svg,
    .navigation .accordion__content > li > p:first-child svg {
      left: 72px; }
  .navigation .accordion__content > li:not(.accordion__item--sub) > a:first-child,
  .navigation .accordion__content > li:not(.accordion__item--sub) > p:first-child {
    padding-left: 74px; }
    .navigation .accordion__content > li:not(.accordion__item--sub) > a:first-child svg,
    .navigation .accordion__content > li:not(.accordion__item--sub) > p:first-child svg {
      left: 48px; }
  .navigation .accordion__content--visible {
    background-color: #f0f0f0; }
  .navigation .confirmLink {
    cursor: pointer; }

.tPullDown {
  position: relative;
  line-height: 1;
  letter-spacing: 0.28px;
  text-align: left;
  font-size: 14px;
  width: 100%; }
  .tPullDown--fixed {
    width: 160px; }
  .tPullDown--large {
    width: 224px; }
  .tPullDown--small {
    width: 120px; }
  .tPullDown--dark .tPullDown__top {
    background-color: rgba(0, 0, 0, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: #ffffff; }
    .tPullDown--dark .tPullDown__top::before {
      border-top-color: rgba(255, 255, 255, 0.7); }
  .tPullDown__top, .tPullDown__line {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    letter-spacing: 0.28px;
    color: rgba(0, 0, 0, 0.87);
    padding-left: 24px;
    transition: all 0.3s ease;
    opacity: 1;
    cursor: pointer; }
    .tPullDown__top:hover, .tPullDown__line:hover {
      opacity: 0.6; }
  .tPullDown__top {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12); }
    .tPullDown__top--default {
      color: rgba(0, 0, 0, 0.26); }
    .tPullDown__top::before {
      width: 0;
      height: 0;
      position: absolute;
      content: '';
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid rgba(0, 0, 0, 0.54);
      top: 0;
      bottom: 0;
      right: 16px;
      margin: auto 5px; }
    .tPullDown__top--open::before {
      transform: rotate(-180deg); }
  .tPullDown__line {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    position: relative; }
    .tPullDown__line:last-child {
      border-bottom: none; }
    .tPullDown__line span {
      font-size: 12px;
      position: absolute;
      top: 1px;
      bottom: 0;
      left: 2px;
      margin: auto 5px; }
    .tPullDown__line--inactive {
      cursor: default;
      color: rgba(0, 0, 0, 0.26); }
    .tPullDown__line--narrow {
      height: 20px;
      line-height: 20px; }
  .tPullDown__overlay {
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998; }
  .tPullDown__modal {
    transition: all 4s ease;
    width: 100%;
    position: absolute;
    top: 36px;
    left: 0;
    z-index: 999;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-top: none;
    display: none;
    overflow: scroll;
    max-height: 230px; }
    .tPullDown__modal--visible {
      display: block; }

.preview {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.87);
  z-index: 1500; }
  .preview__overlay {
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1800; }
  .preview--visible {
    display: block; }
  .preview__header {
    position: absolute;
    top: 0;
    z-index: 9999;
    height: 68px;
    width: 100%;
    padding: 0 24px;
    background-color: rgba(0, 0, 0, 0.87);
    display: flex; }
    .preview__header > button {
      color: #fff;
      margin: auto 0;
      font-size: 20px; }
    .preview__header__title {
      color: #fff;
      font-size: 20px;
      line-height: 1.2;
      width: 100%;
      margin: auto 0;
      margin-right: 25px;
      padding: 0 60px;
      text-align: center;
      word-break: break-all; }
  .preview > button {
    position: absolute;
    top: 16px;
    left: 16px;
    font-weight: bold;
    font-size: 36px;
    color: #fff;
    z-index: 9999; }

.previewContainer, .previewSubContainer {
  position: absolute;
  left: 0;
  right: 0;
  top: 68px;
  bottom: 0;
  background-color: #ffffff;
  margin: auto;
  overflow-y: scroll; }
  .previewContainer--iphoneX, .previewSubContainer--iphoneX {
    width: 375px;
    height: calc(100% - 68px);
    max-height: 667px; }
  .previewContainer--pc, .previewSubContainer--pc {
    height: calc(100% - 68px);
    width: 100%;
    background-color: transparent;
    pointer-events: none; }

.previewContainer {
  z-index: 2000; }

.previewSubContainer {
  background-color: #F0F0F0;
  display: block;
  z-index: 10000; }

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px 0; }
  .pagination__btn {
    width: 36px;
    height: 36px;
    line-height: 28px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 12px;
    border-radius: 0;
    background-color: #fff;
    color: #1565c0;
    padding: 4px;
    transition: all 0.3s ease;
    opacity: 1;
    cursor: pointer; }
    .pagination__btn:hover:not(.pagination__btn--disabled) {
      opacity: 0.6; }
    .pagination__btn--disabled {
      cursor: unset; }
    .pagination__btn--selected {
      background-color: #1565c0;
      color: #fff; }
    .pagination__btn__prev, .pagination__btn__next {
      color: rgba(0, 0, 0, 0.54);
      background-color: transparent;
      border: 0; }
      .pagination__btn__prev--hidden, .pagination__btn__next--hidden {
        visibility: hidden; }

.pdfPreview {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
  overflow: scroll;
  pointer-events: auto;
  /* Copyright 2014 Mozilla Foundation
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   *     http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */ }
  .pdfPreview--loaded .react-pdf__Document {
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.87); }
  .pdfPreview .react-pdf__Page {
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 16px auto; }
    .pdfPreview .react-pdf__Page:first-child {
      margin-top: 0; }
    .pdfPreview .react-pdf__Page:last-child {
      margin-bottom: 0; }
  .pdfPreview .react-pdf__message {
    color: #ffffff; }
  .pdfPreview__loading {
    color: #fff;
    text-align: right;
    padding: 16px 16px 0 0; }
  .pdfPreview__pagination {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0; }
    .pdfPreview__pagination .pagination {
      margin: 24px auto 40px;
      width: -moz-fit-content;
      width: fit-content;
      z-index: 2000;
      pointer-events: auto; }
      .pdfPreview__pagination .pagination__btn__prev, .pdfPreview__pagination .pagination__btn__next {
        color: #ffffff; }
  .pdfPreview .annotationLayer Block {
    position: absolute; }
  .pdfPreview .annotationLayer .linkAnnotation > a,
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.pushButton > a {
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .pdfPreview .annotationLayer .linkAnnotation > a {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat; }
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.pushButton > a {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat; }
  .pdfPreview .annotationLayer .linkAnnotation > a:hover,
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
    opacity: 0.2;
    background: #ff0;
    box-shadow: 0px 2px 10px #ff0; }
  .pdfPreview .annotationLayer .textAnnotation img {
    position: absolute;
    cursor: pointer; }
  .pdfPreview .annotationLayer .textWidgetAnnotation input,
  .pdfPreview .annotationLayer .textWidgetAnnotation textarea,
  .pdfPreview .annotationLayer .choiceWidgetAnnotation select,
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.checkBox input,
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.radioButton input {
    background-color: rgba(0, 54, 255, 0.13);
    border: 1px solid transparent;
    box-sizing: border-box;
    font-size: 9px;
    height: 100%;
    margin: 0;
    padding: 0 3px;
    vertical-align: top;
    width: 100%; }
  .pdfPreview .annotationLayer .choiceWidgetAnnotation select option {
    padding: 0; }
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.radioButton input {
    border-radius: 50%; }
  .pdfPreview .annotationLayer .textWidgetAnnotation textarea {
    font: message-box;
    font-size: 9px;
    resize: none; }
  .pdfPreview .annotationLayer .textWidgetAnnotation input[disabled],
  .pdfPreview .annotationLayer .textWidgetAnnotation textarea[disabled],
  .pdfPreview .annotationLayer .choiceWidgetAnnotation select[disabled],
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
    background: none;
    border: 1px solid transparent;
    cursor: not-allowed; }
  .pdfPreview .annotationLayer .textWidgetAnnotation input:hover,
  .pdfPreview .annotationLayer .textWidgetAnnotation textarea:hover,
  .pdfPreview .annotationLayer .choiceWidgetAnnotation select:hover,
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
    border: 1px solid #000; }
  .pdfPreview .annotationLayer .textWidgetAnnotation input:focus,
  .pdfPreview .annotationLayer .textWidgetAnnotation textarea:focus,
  .pdfPreview .annotationLayer .choiceWidgetAnnotation select:focus {
    background: none;
    border: 1px solid transparent; }
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
    background-color: #000;
    content: '';
    display: block;
    position: absolute; }
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
    height: 80%;
    left: 45%;
    width: 1px; }
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
    transform: rotate(45deg); }
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
    transform: rotate(-45deg); }
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
    border-radius: 50%;
    height: 50%;
    left: 30%;
    top: 20%;
    width: 50%; }
  .pdfPreview .annotationLayer .textWidgetAnnotation input.comb {
    font-family: monospace;
    padding-left: 2px;
    padding-right: 0; }
  .pdfPreview .annotationLayer .textWidgetAnnotation input.comb:focus {
    /*
     * Letter spacing is placed on the right side of each character. Hence, the
     * letter spacing of the last character may be placed outside the visible
     * area, causing horizontal scrolling. We avoid this by extending the width
     * when the element has focus and revert this when it loses focus.
     */
    width: 115%; }
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.checkBox input,
  .pdfPreview .annotationLayer .buttonWidgetAnnotation.radioButton input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0; }
  .pdfPreview .annotationLayer .popupWrapper {
    position: absolute;
    width: 20em; }
  .pdfPreview .annotationLayer .popup {
    position: absolute;
    z-index: 200;
    max-width: 20em;
    background-color: #FFFF99;
    box-shadow: 0px 2px 5px #333;
    border-radius: 2px;
    padding: 0.6em;
    margin-left: 5px;
    cursor: pointer;
    font: message-box;
    word-wrap: break-word; }
  .pdfPreview .annotationLayer .popup h1 {
    font-size: 1em;
    border-bottom: 1px solid #000000;
    margin: 0;
    padding-bottom: 0.2em; }
  .pdfPreview .annotationLayer .popup p {
    margin: 0;
    padding-top: 0.2em; }
  .pdfPreview .annotationLayer .highlightAnnotation,
  .pdfPreview .annotationLayer .underlineAnnotation,
  .pdfPreview .annotationLayer .squigglyAnnotation,
  .pdfPreview .annotationLayer .strikeoutAnnotation,
  .pdfPreview .annotationLayer .lineAnnotation svg line,
  .pdfPreview .annotationLayer .squareAnnotation svg rect,
  .pdfPreview .annotationLayer .circleAnnotation svg ellipse,
  .pdfPreview .annotationLayer .polylineAnnotation svg polyline,
  .pdfPreview .annotationLayer .polygonAnnotation svg polygon,
  .pdfPreview .annotationLayer .stampAnnotation,
  .pdfPreview .annotationLayer .fileAttachmentAnnotation {
    cursor: pointer; }

.modalOverlay {
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0.6;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998; }

.modal {
  width: 480px;
  height: auto;
  position: fixed;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9999;
  background-color: #fff; }
  .modal__header {
    width: 100%;
    height: 44px;
    font-size: 18px;
    padding: 0 16px;
    line-height: 44px;
    border-bottom: 2px solid #e1e1e1;
    color: #747474;
    background-color: #f0f0f0; }
  .modal__contents {
    padding: 24px;
    font-size: 14px;
    line-height: 1.4em;
    color: #303030;
    word-break: break-all; }
    .modal__contents .button {
      margin: 24px 0 0 16px; }

.checkBox {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center; }
  .checkBox > input {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(0, 0, 0, 0.12);
    background-color: #fff; }

.inputText {
  width: 100%;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #fff;
  padding: 0 16px;
  font-size: 14px; }
  .inputText::-moz-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .inputText::placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .inputText--small {
    width: 100px !important; }
  .inputText--tinysmall {
    width: 85px !important;
    padding: 0 5px; }
  .inputText--medium {
    width: 95%; }

@charset "UTF-8";
.label {
  font-size: 12px;
  font-weight: bold; }
  .label--required::after {
    content: '※';
    margin-left: 4px;
    font-size: 12px; }

.login {
  width: 100%;
  height: 100%; }
  .login > header {
    width: 100%;
    height: 70px;
    background-color: rgba(0, 0, 0, 0.87);
    border-bottom: 2px solid #e1e1e1;
    position: relative; }
    .login > header .login__logo {
      width: 170px;
      height: 36px;
      background-image: url("/assets/img/tohshin_logo_onblack.png");
      background-size: cover;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 24px;
      margin: auto 0; }
  .login__mainte {
    text-align: center;
    margin-top: 62px;
    font-size: 21px;
    font-weight: bold; }
  .login__inner {
    width: 360px;
    height: 360px;
    margin: 64px auto;
    background-color: #fff;
    border: 1px solid #e1e1e1; }
    .login__inner > div {
      width: 100%;
      height: 44px;
      background-color: #f0f0f0;
      padding: 0 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 2px solid #e1e1e1; }
      .login__inner > div h1 {
        font-size: 16px;
        letter-spacing: 0.28px;
        color: rgba(0, 0, 0, 0.54);
        margin-left: 12px; }
    .login__inner form {
      height: calc(100% - 44px);
      padding: 24px 24px 33px;
      display: flex;
      flex-direction: column; }
      .login__inner form input[type=text],
      .login__inner form input[type=password] {
        margin-bottom: 44px; }
      .login__inner form .alertText {
        margin-top: -44px;
        margin-bottom: 18px; }
      .login__inner form button {
        margin: auto auto 0;
        display: block; }

.layout--flex {
  display: flex; }

.layout--aCenter {
  align-items: center; }

.layout--jCenter {
  justify-content: space-between; }

.layout--spread {
  width: 100%; }

.layout__title {
  min-height: 36px;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.23px;
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  word-break: break-all; }
  .layout__title button {
    min-width: 36px; }
    .layout__title button:first-child {
      margin-right: 12px; }

.layout__left {
  width: 600px;
  height: 100%;
  margin-right: 24px; }

.layout__right {
  width: 242px;
  height: 100%; }

.layout__fill {
  width: calc(100% - 242px);
  max-width: 962px;
  height: 100%;
  margin-right: 24px; }

.layout__header {
  display: flex;
  padding-bottom: 8px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 16px;
  justify-content: flex-end; }
  .layout__header .button,
  .layout__header .pulldown,
  .layout__header .tButton {
    margin-left: 12px; }
    .layout__header .button:first-child,
    .layout__header .pulldown:first-child,
    .layout__header .tButton:first-child {
      margin-left: 0; }

.layout__search {
  display: flex;
  margin-bottom: 16px;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  background-color: #f0f0f0;
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: 1; }
  .layout__search > h1 {
    margin-right: auto;
    margin-bottom: 0; }
  .layout__search .button {
    margin-left: 16px; }

.layout__block {
  width: 100%;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  margin-bottom: 16px; }
  .layout__block__header {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid #e1e1e1;
    padding: 0 16px; }
  .layout__block--alert {
    margin-top: -16px;
    margin-bottom: 16px; }

.layout__contents {
  width: 100%;
  height: 100%;
  padding: 24px; }
  .layout__contents--border {
    border-bottom: 1px solid #e1e1e1; }
  .layout__contents--disabled {
    background-color: #d2d2d2; }

.layout--a__contents {
  word-wrap: break-word; }

.layout--b__contents {
  display: flex;
  align-items: center;
  padding: 0 24px;
  min-height: 70px; }
  .layout--b__contents--link {
    transition: all 0.3s ease;
    cursor: pointer; }
    .layout--b__contents--link:hover {
      box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
  .layout--b__contents__label {
    min-width: 160px;
    font-weight: bold;
    font-size: 14px;
    color: #757575; }
  .layout--b__contents__value {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    .layout--b__contents__value > p {
      margin: 16px 0; }
    .layout--b__contents__value--labeling {
      width: calc(100% - 160px); }
      .layout--b__contents__value--labeling > p {
        word-break: break-all; }
    .layout--b__contents__value > .propertyImages, .layout--b__contents__value > .propertyImagesUploader, .layout--b__contents__value > .tText {
      margin: 24px 0; }
    .layout--b__contents__value > .pdfUploader, .layout--b__contents__value > .articleForm__pdf, .layout--b__contents__value > .infoForm__pdf, .layout--b__contents__value > .tButton {
      margin: 16px 0; }

.tText--line {
  display: flex;
  font-size: 14px;
  margin: -1px 0;
  min-height: 14px;
  line-height: 14px;
  align-items: center; }
  .tText--line .title {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.54);
    min-width: 120px;
    letter-spacing: 0.28px; }
    .tText--line .title--auto {
      min-width: 30px;
      width: auto; }
  .tText--line > div {
    margin-left: 16px;
    color: rgba(0, 0, 0, 0.87);
    letter-spacing: 0.25px;
    display: flex;
    justify-content: space-between;
    flex-grow: 1; }

.tText--vertical .title {
  height: 24px;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px; }

.tText--vertical .value {
  min-height: 36px;
  line-height: 36px; }
  .tText--vertical .value > div {
    margin-top: 16px; }

.tText__value--light {
  color: rgba(0, 0, 0, 0.54); }

.tText__value--ellipsis > div {
  overflow: hidden;
  max-height: 36px;
  line-height: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.tLinkText {
  color: #1565c0;
  pointer-events: auto;
  transition: all 0.3s ease;
  opacity: 1;
  cursor: pointer; }
  .tLinkText:hover {
    opacity: 0.6; }
  .tLinkText--center {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto; }
  .tLinkText--inactive {
    color: #000;
    pointer-events: none;
    cursor: none; }

.colorText--red {
  color: #ef5350; }

.colorText--green {
  color: #66bb6a; }

.tList {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
  background-color: #fff; }
  .tList--small {
    border-bottom: none; }
  .tList__background {
    height: calc(100vh - 141px);
    background-color: rgba(0, 0, 0, 0.12);
    display: flex; }
    .tList__background--maxFixed {
      max-height: 300px; }
    .tList__background > p {
      margin: auto;
      color: rgba(0, 0, 0, 0.26); }
  .tList__row {
    display: flex;
    align-items: center; }
    .tList__row:last-child {
      border-bottom: none; }
    .tList__row .tListColumn {
      max-width: calc(100% - 32px); }
    .tList__row--head {
      height: 46px;
      color: rgba(0, 0, 0, 0.54);
      font-weight: bold;
      border-bottom: 2px solid rgba(0, 0, 0, 0.12);
      position: sticky;
      position: -webkit-sticky;
      top: 70px;
      background-color: #ffffff; }
      .tList__row--head .tListColumn {
        min-width: -moz-fit-content;
        min-width: fit-content;
        padding: 12px 16px 12px 0; }
        .tList__row--head .tListColumn > div {
          white-space: nowrap; }
    .tList__row--body, .tList__row--link, .tList__row--button {
      height: 69px;
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12); }
      .tList__row--body:first-child, .tList__row--link:first-child, .tList__row--button:first-child {
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12), 0 -1px 0 0 rgba(0, 0, 0, 0.12); }
      .tList__row--body .tListColumn, .tList__row--link .tListColumn, .tList__row--button .tListColumn {
        padding: 16px 16px 16px 0; }
        .tList__row--body .tListColumn > div, .tList__row--link .tListColumn > div, .tList__row--button .tListColumn > div {
          word-break: break-all; }
    .tList__row--auto {
      min-height: 69px;
      height: auto; }
    .tList__row--button {
      height: 52px; }
      .tList__row--button:hover {
        opacity: 0.6; }
    .tList__row--link, .tList__row--button {
      transition: all 0.3s ease;
      cursor: pointer; }
    .tList__row--link .tListColumn:not(.tListColumn--check) {
      line-height: 18px; }
    .tList__row--link:hover {
      box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
    .tList__row--colored {
      background-color: #f6fbfe;
      border-bottom: 1px solid rgba(0, 0, 0, 0.12);
      box-shadow: none; }
    .tList__row--grayed {
      background-color: rgba(0, 0, 0, 0.12); }
    .tList__row .tListColumn {
      box-sizing: content-box;
      vertical-align: middle; }
      .tList__row .tListColumn--center {
        text-align: center; }
      .tList__row .tListColumn > .tButton:not(.tButton--ellipsis) {
        margin: auto; }
      .tList__row .tListColumn:first-child {
        padding-left: 24px; }
      .tList__row .tListColumn:last-child {
        padding-right: 24px; }
      .tList__row .tListColumn--link {
        color: #1565c0;
        pointer-events: auto; }
      .tList__row .tListColumn--button, .tList__row .tListColumn--small {
        text-align: center;
        min-width: 36px; }
      .tList__row .tListColumn--ellipsis > div, .tList__row .tListColumn--ellipsis .iconedText__text {
        overflow: hidden;
        max-height: 36px;
        line-height: 18px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; }
      .tList__row .tListColumn--check {
        text-align: center;
        min-width: 18px; }
        .tList__row .tListColumn--check:first-child {
          padding-left: 16px; }
      .tList__row .tListColumn--auto {
        flex-grow: 2; }

.tList__row:not(.tList__row--colored):not(:first-child) + .tList__row--colored {
  border-top: 1px solid rgba(0, 0, 0, 0.12); }

.scrollList {
  position: relative; }
  .scrollList--large .scrollList__col {
    margin-right: 24px; }
  .scrollList__body {
    height: 230px;
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, 0.12); }
    .scrollList__body--large {
      height: 273px; }
    .scrollList__body::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 12px; }
    .scrollList__body::-webkit-scrollbar-track {
      width: 12px;
      background-color: #F7F7F7; }
    .scrollList__body::-webkit-scrollbar-thumb {
      border-radius: 6px;
      background-color: rgba(0, 0, 0, 0.26);
      border: 3px solid transparent;
      background-clip: padding-box; }
  .scrollList__list {
    background-color: #ffffff; }
  .scrollList__row {
    box-sizing: content-box;
    display: flex;
    padding-left: 15px;
    line-height: 14px; }
    .scrollList__row--head {
      height: 46px;
      color: rgba(0, 0, 0, 0.54);
      font-weight: bold;
      border-bottom: 2px solid rgba(0, 0, 0, 0.12);
      padding-right: 12px; }
    .scrollList__row--body, .scrollList__row--link, .scrollList__row--button {
      min-height: 64px;
      line-height: 14px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
      .scrollList__row--body:last-child, .scrollList__row--link:last-child, .scrollList__row--button:last-child {
        border-bottom: none; }
    .scrollList__row--link {
      cursor: pointer; }
      .scrollList__row--link:hover {
        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
  .scrollList__col {
    word-wrap: break-word;
    margin: auto 0;
    margin-right: 16px;
    width: 90px; }
    .scrollList__col:last-child {
      margin-right: 0; }
    .scrollList__col--medium {
      width: 150px; }
    .scrollList__col--large {
      width: 230px; }
    .scrollList__col--small {
      width: 60px; }
    .scrollList__col--min {
      width: 50px; }
    .scrollList__col--auto {
      width: 72px;
      flex-grow: 1; }
    .scrollList__col .tTag {
      margin: 2px; }
    .scrollList__col--ellipsis {
      overflow: hidden;
      line-height: 18px;
      max-height: 36px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
  .scrollList__footer {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 46px;
    box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.06); }

@charset "UTF-8";
.tBlock {
  width: 100%;
  color: rgba(0, 0, 0, 0.87);
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12); }
  .tBlock--transparent {
    background-color: transparent;
    border-color: transparent; }
  .tBlock__header {
    font-weight: bold;
    height: 36px;
    padding: 0 16px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: space-between; }
    .tBlock__header__title {
      line-height: 36px;
      flex-grow: 1; }
    .tBlock__header__checkbox {
      margin: auto 0; }
  .tBlock--narrow > .tBlockChild {
    padding-top: 16px; }
  .tBlock--alert {
    background-color: transparent;
    border: none;
    margin-top: -16px; }

.tBlockChild {
  width: 100%;
  border: none;
  padding: 24px; }
  .tBlockChild--border {
    border-top: 1px solid rgba(0, 0, 0, 0.06); }
  .tBlockChild--transparent {
    padding-top: 0; }
  .tBlockChild--line {
    display: flex;
    justify-content: space-between; }
    .tBlockChild--line > :nth-child(n) {
      margin: auto 0;
      margin-right: 24px; }
    .tBlockChild--line > :last-child {
      margin-right: 0; }
  .tBlockChild--vertical {
    padding: 0 24px;
    /*
    >:nth-child(n){
      margin-bottom: 16px;
    }*/ }
    .tBlockChild--vertical > :first-child {
      margin-top: 24px; }
    .tBlockChild--vertical > :last-child {
      margin-bottom: 24px; }

.tHeader {
  margin-bottom: 16px;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  background-color: #f0f0f0;
  padding-top: 15px;
  padding-bottom: 10px;
  z-index: 1; }
  .tHeader--bottomBorder {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .tHeader > :last-child {
    margin-bottom: 0; }
  .tHeader > :first-child {
    margin-bottom: 16px; }
  .tHeader__row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    min-height: 36px; }
    .tHeader__row :nth-child(n) {
      word-break: break-all; }
    .tHeader__row .tH1 {
      height: -moz-fit-content;
      height: fit-content;
      line-height: 24px; }
    .tHeader__row--left, .tHeader__row--right {
      display: flex;
      align-items: center; }
    .tHeader__row--left {
      justify-content: flex-start; }
      .tHeader__row--left > p, .tHeader__row--left > div, .tHeader__row--left > button {
        margin-right: 12px; }
      .tHeader__row--left :last-child {
        margin-right: 0; }
    .tHeader__row--right {
      justify-content: flex-end; }
      .tHeader__row--right > p, .tHeader__row--right > div, .tHeader__row--right > button {
        margin-left: 12px; }
      .tHeader__row--right :first-child {
        margin-left: 0; }

.tContainer {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  border: none; }
  .tContainer > :last-child {
    margin-right: 0; }
  .tContainer__column {
    width: 100%; }
    .tContainer__column--left {
      width: 600px;
      margin-right: 24px; }
    .tContainer__column--right {
      width: 242px; }
    .tContainer__column > :nth-child(n) {
      margin-bottom: 16px; }
    .tContainer__column > :last-child {
      margin-bottom: 0; }

.tH1 {
  font-weight: 700;
  height: 36px;
  font-size: 20px;
  line-height: 36px;
  letter-spacing: 0.23px;
  color: rgba(0, 0, 0, 0.87); }

.tH2 {
  font-weight: normal;
  height: 32px;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.37px;
  color: rgba(0, 0, 0, 0.54); }

.tMarkedBlock {
  font-weight: normal;
  width: calc(100% - 48px);
  margin: 24px 24px 16px;
  background-color: rgba(0, 0, 0, 0.06);
  font-size: 11px;
  line-height: 24px;
  letter-spacing: 0.24px;
  color: rgba(0, 0, 0, 0.87); }
  .tMarkedBlock__titie {
    height: 24px; }
  .tMarkedBlock__content {
    padding: 0 16px;
    height: 24px; }

.comment {
  font-size: 12px;
  display: flex;
  justify-content: flex-start; }
  .comment > div {
    width: calc(100% - 32px);
    max-width: 300px;
    margin-right: 8px; }
    .comment > div .comment__text {
      overflow: hidden;
      max-height: 36px;
      margin-bottom: 8px;
      display: -webkit-box;
      /* line-clamp を有効にするために指定する */
      -webkit-box-orient: vertical;
      /* line-clamp を有効にするために指定する */
      -webkit-line-clamp: 2;
      /* コレで折り返し表示する行数を指定する・ココでは3行分表示させる */ }
      .comment > div .comment__text--single {
        white-space: nowrap;
        text-overflow: ellipsis; }
      .comment > div .comment__text--link {
        color: #1565c0; }
    .comment > div > div {
      display: flex;
      justify-content: space-between; }
  .comment > p {
    min-width: 24px; }
  .comment__name {
    line-height: 12px;
    letter-spacing: 0.28px;
    overflow: hidden;
    max-width: calc(100% - 128px);
    white-space: nowrap;
    text-overflow: ellipsis; }
  .comment__date {
    line-height: 12px;
    width: 120px;
    letter-spacing: 0.28px; }
  .comment__read {
    width: 24px;
    text-align: end; }

.shortComment {
  font-size: 12px; }
  .shortComment > :first-child {
    margin-bottom: 10px; }
  .shortComment > div {
    display: flex;
    justify-content: space-between; }
    .shortComment > div > :first-child {
      margin-right: 8px; }
  .shortComment__date {
    line-height: 12px;
    width: 120px;
    letter-spacing: 0.28px; }
  .shortComment__read {
    width: 24px;
    text-align: end; }
  .shortComment__text {
    overflow: hidden;
    max-width: calc(100% - 24px - 8px);
    white-space: nowrap;
    text-overflow: ellipsis; }
    .shortComment__text--link {
      color: #1565c0; }
  .shortComment__name {
    line-height: 12px;
    overflow: hidden;
    max-width: calc(100% - 120px - 8px - 8px - 24px);
    letter-spacing: 0.28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 32px; }

.profile {
  min-width: 74px; }
  .profile__name {
    word-wrap: break-word;
    height: -moz-fit-content;
    height: fit-content; }
    .profile__name--ellipsis {
      background: transparent;
      overflow: hidden;
      max-height: 36px;
      line-height: 18px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
  .profile__info {
    word-wrap: break-word;
    line-height: 12px;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 4px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54); }
    .profile__info--ellipsis {
      overflow: hidden;
      line-height: 16px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1; }

.border {
  height: 2px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.06);
  margin-bottom: 16px; }

.iconedText {
  display: flex;
  justify-content: flex-start; }
  .iconedText__icon {
    height: 14px;
    line-height: 14px;
    margin: auto 0;
    margin-right: 5px; }
    .iconedText__icon--error {
      color: #d32f2f; }

.buttonBlock {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 8px 16px;
  background-color: #ffffff;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.12);
  min-width: 200px;
  max-width: 400px; }
  .buttonBlock > div {
    margin: auto 0; }
    .buttonBlock > div .title {
      width: -moz-fit-content;
      width: fit-content;
      color: rgba(0, 0, 0, 0.87); }

.tCheckBox input[type=checkbox] {
  display: none; }
  .tCheckBox input[type=checkbox]:checked + .checkbox::before {
    background-color: #1565c0;
    border: 2px solid #1565c0; }

.tCheckBox .checkbox {
  display: inline-block;
  position: relative;
  min-width: 18px;
  width: -moz-fit-content;
  width: fit-content;
  height: 18px;
  vertical-align: middle; }
  .tCheckBox .checkbox--labeling {
    margin: 1px 3px;
    min-width: 87px;
    margin-right: 14px; }
  .tCheckBox .checkbox--medium {
    min-width: 140px; }
  .tCheckBox .checkbox--large {
    min-width: 250px; }
  .tCheckBox .checkbox:hover {
    cursor: pointer; }
  .tCheckBox .checkbox::before {
    box-sizing: border-box;
    position: absolute;
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 2px solid rgba(0, 0, 0, 0.54);
    background-color: #ffffff;
    top: 0;
    bottom: 0;
    margin: auto 0; }
  .tCheckBox .checkbox__icon {
    position: absolute;
    display: block;
    height: 14px;
    width: 14px;
    font-size: 14px;
    top: 1px;
    left: 2px;
    color: #ffffff; }
  .tCheckBox .checkbox__label {
    height: 18px;
    line-height: 18px;
    padding-left: 29px; }

.tTag {
  display: inline-block;
  border: none;
  width: 64px;
  height: 16px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: rgba(255, 255, 255, 0.87);
  letter-spacing: 0.24px; }
  .tTag--gray {
    background-color: rgba(0, 0, 0, 0.26); }
  .tTag--green {
    background-color: #66bb6a; }
  .tTag--red {
    background-color: #ef5350; }

.tUserForm {
  height: 100%;
  width: 100%;
  line-height: 1;
  letter-spacing: 0.28px;
  color: rgba(0, 0, 0, 0.54);
  border-radius: 8px;
  border: solid 1px rgba(0, 0, 0, 0.54);
  background-color: #ffffff;
  padding: 12px 13px;
  position: relative; }
  .tUserForm > p {
    height: 40px;
    line-height: 40px; }
  .tUserForm__tag {
    height: -moz-fit-content;
    height: fit-content;
    width: 164px;
    max-width: 412px;
    border: none;
    border-radius: 8px;
    background-color: #66bb6a;
    padding: 0 11px 0 16px;
    display: flex;
    justify-content: space-between; }
    .tUserForm__tag--auto {
      min-width: 164px;
      width: -moz-fit-content;
      width: fit-content; }
    .tUserForm__tag > p {
      text-align: start;
      font-size: 14px;
      line-height: 21px;
      margin: 13px 0;
      margin-right: 8px;
      letter-spacing: 0.28px;
      color: rgba(255, 255, 255, 0.87);
      word-break: break-all; }
    .tUserForm__tag > button {
      margin: auto 0; }
    .tUserForm__tag--narrow {
      height: 24px;
      border-radius: 6px; }
    .tUserForm__tag--unselected {
      background-color: rgba(0, 0, 0, 0.26); }
  .tUserForm__overlay {
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998; }
  .tUserForm__form {
    width: 100%;
    color: #747474; }
    .tUserForm__form > .tText {
      height: 40px; }
      .tUserForm__form > .tText > div {
        line-height: 40px; }
    .tUserForm__form > .searchBox {
      margin-left: -17px;
      position: relative;
      height: 40px;
      width: calc(100% + 17px);
      padding: 0;
      background-color: transparent; }
      .tUserForm__form > .searchBox > svg {
        display: none; }
      .tUserForm__form > .searchBox > input {
        width: calc(100% - 17px);
        position: absolute;
        padding: 0;
        font-size: 14px;
        letter-spacing: 0.28px; }
      .tUserForm__form > .searchBox > .tButton {
        position: absolute;
        right: 0;
        margin: auto 0; }
    .tUserForm__form--narrow {
      padding-left: 11px; }
      .tUserForm__form--narrow > .tText {
        height: 24px; }
        .tUserForm__form--narrow > .tText > div {
          line-height: 24px; }
      .tUserForm__form--narrow > .searchBox {
        height: 24px; }
    .tUserForm__form--searching > .searchBox > input {
      z-index: 999; }
  .tUserForm__modal {
    width: 100%;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 999;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12);
    padding-bottom: 8px; }
    .tUserForm__modal__header {
      display: flex;
      justify-content: space-between;
      height: -moz-fit-content;
      height: fit-content;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.54);
      padding-left: 16px;
      padding-right: 10px;
      border-bottom: 2px solid rgba(0, 0, 0, 0.12); }
      .tUserForm__modal__header > p {
        letter-spacing: 0.28px; }
      .tUserForm__modal__header > :nth-child(n) {
        margin: auto 0; }
    .tUserForm__modal > p {
      height: 30px;
      line-height: 30px;
      font-size: 14px;
      letter-spacing: 0.28px;
      color: rgba(0, 0, 0, 0.54);
      padding-left: 16px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    .tUserForm__modal--bold > p {
      border-bottom: 2px solid rgba(0, 0, 0, 0.12); }
    .tUserForm__modal__list {
      max-height: 186px;
      overflow: scroll;
      border-bottom: 2px solid rgba(0, 0, 0, 0.12); }
      .tUserForm__modal__list :first-child {
        border-top: none; }
      .tUserForm__modal__list .tListColumn {
        color: rgba(0, 0, 0, 0.87); }
        .tUserForm__modal__list .tListColumn:nth-child(n) {
          padding: 8px 16px; }

.tRadioButton {
  line-height: 20px;
  display: flex;
  justify-content: flex-start; }
  .tRadioButton--col {
    flex-direction: column; }
  .tRadioButton input[type=radio] {
    display: none; }
    .tRadioButton input[type=radio]:checked + .radioButton::before {
      border-color: #1565c0; }
    .tRadioButton input[type=radio]:checked + .radioButton::after {
      opacity: 1; }
  .tRadioButton .radioButton {
    position: relative;
    display: inline-block;
    min-width: 87px;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 8px 0 8px 32px;
    margin-right: 17px;
    transition: all 0.3s ease;
    opacity: 1;
    cursor: pointer; }
    .tRadioButton .radioButton:hover {
      opacity: 0.8; }
    .tRadioButton .radioButton::before {
      box-sizing: border-box;
      position: absolute;
      display: block;
      content: '';
      border-radius: 50%;
      width: 20px;
      height: 20px;
      border: 2px solid rgba(0, 0, 0, 0.54);
      background-color: #ffffff;
      top: 0;
      bottom: 0;
      margin: auto 0;
      left: 2px; }
    .tRadioButton .radioButton::after {
      position: absolute;
      display: block;
      content: '';
      border-radius: 50%;
      width: 12px;
      height: 12px;
      background-color: #1565c0;
      top: 0;
      bottom: 0;
      margin: auto 0;
      left: 6px;
      opacity: 0; }

.searchBox {
  position: relative;
  width: 365px;
  height: 36px;
  border-radius: 8px;
  background-color: #e1e1e1;
  display: flex;
  align-items: center;
  padding-right: 16px;
  padding-left: 17px; }
  .searchBox > svg {
    position: absolute; }
  .searchBox > :last-child {
    padding-right: 0; }
  .searchBox > input[type=text] {
    margin-left: 17px;
    background-color: transparent;
    border: none;
    font-size: 14px; }
  .searchBox__selectBtn {
    position: relative;
    min-width: 75px;
    height: 36px;
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 13px;
    color: #676767;
    text-align: left;
    transition: all 0.3s ease;
    opacity: 1;
    cursor: pointer; }
    .searchBox__selectBtn svg {
      position: absolute;
      font-size: 15px;
      top: 0;
      bottom: 0;
      right: 5px;
      margin: auto 0; }
    .searchBox__selectBtn:hover {
      opacity: 0.6; }
  .searchBox__overlay {
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    opacity: 0.6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998; }
  .searchBox__filterModal {
    position: absolute;
    width: 640px;
    background-color: #fff;
    border-radius: 8px;
    top: 44px;
    right: 0;
    box-shadow: 0 4px 14px 2px rgba(0, 0, 0, 0.26);
    z-index: 999; }
    .searchBox__filterModal__block {
      padding: 24px;
      border-bottom: 1px solid #e1e1e1; }
      .searchBox__filterModal__block > div {
        padding: 8px 0;
        margin-bottom: 16px; }
      .searchBox__filterModal__block > :last-child {
        margin-bottom: 0; }
      .searchBox__filterModal__block:last-child {
        border-bottom: none; }
      .searchBox__filterModal__block .title {
        font-size: 12px;
        margin: 16px 0;
        font-weight: bold; }
        .searchBox__filterModal__block .title:first-of-type {
          margin-top: 0; }
      .searchBox__filterModal__block .layout {
        flex-wrap: wrap; }
        .searchBox__filterModal__block .layout .checkBox {
          width: auto;
          margin-right: 16px; }
      .searchBox__filterModal__block .radioButton {
        padding-top: 0;
        padding-bottom: 0;
        width: -moz-fit-content;
        width: fit-content; }
      .searchBox__filterModal__block--auto > div {
        padding: 0; }
        .searchBox__filterModal__block--auto > div:last-child {
          margin-bottom: -16px; }
      .searchBox__filterModal__block--auto .tCheckBox {
        padding: 8px 0;
        margin-bottom: 16px; }
    .searchBox__filterModal > button {
      margin-left: auto; }

.dashboard {
  position: relative; }
  .dashboard > h2 {
    width: 100%;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    letter-spacing: 0.28px;
    color: rgba(0, 0, 0, 0.54);
    background-color: rgba(0, 0, 0, 0.06);
    margin: 16px 0;
    padding: 0 16px; }
  .dashboard .buttonBlock {
    height: 100%; }
  .dashboard__header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    background-color: rgba(0, 0, 0, 0.06);
    margin: 16px 0;
    padding: 4px 16px; }
    .dashboard__header > h2 {
      font-size: 16px;
      line-height: 36px;
      letter-spacing: 0.28px;
      color: rgba(0, 0, 0, 0.54); }
    .dashboard__header > div {
      max-width: 30%; }
  .dashboard__block {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 16px);
    margin-right: -16px; }
  .dashboard .dashboardModal {
    position: absolute;
    width: 640px;
    background-color: #fff;
    border-radius: 8px;
    top: 44px;
    right: 0;
    box-shadow: 0 4px 14px 2px rgba(0, 0, 0, 0.26);
    z-index: 999; }
    .dashboard .dashboardModal__overlay {
      width: 100vw;
      height: 100vh;
      background-color: transparent;
      opacity: 0.6;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1; }
    .dashboard .dashboardModal__block, .dashboard .dashboardModal__button {
      padding: 24px;
      border-bottom: 1px solid #e1e1e1; }
      .dashboard .dashboardModal__block > .layout--flex, .dashboard .dashboardModal__button > .layout--flex {
        padding: 8px 0;
        margin-bottom: 16px; }
      .dashboard .dashboardModal__block > :last-child, .dashboard .dashboardModal__button > :last-child {
        margin-bottom: 0; }
      .dashboard .dashboardModal__block:last-child, .dashboard .dashboardModal__button:last-child {
        border-bottom: none; }
      .dashboard .dashboardModal__block .title, .dashboard .dashboardModal__button .title {
        font-size: 12px;
        margin: 16px 0;
        font-weight: bold; }
        .dashboard .dashboardModal__block .title:first-of-type, .dashboard .dashboardModal__button .title:first-of-type {
          margin-top: 0; }
      .dashboard .dashboardModal__block .layout, .dashboard .dashboardModal__button .layout {
        flex-wrap: wrap; }
        .dashboard .dashboardModal__block .layout .checkBox, .dashboard .dashboardModal__button .layout .checkBox {
          width: auto;
          margin-right: 16px; }
      .dashboard .dashboardModal__block .tRadioButton, .dashboard .dashboardModal__button .tRadioButton {
        padding-top: 0;
        padding-bottom: 0;
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 0; }
    .dashboard .dashboardModal__button {
      display: flex;
      justify-content: flex-end; }

.dashboardCard {
  width: 724px;
  height: 518px;
  margin-right: 16px;
  margin-bottom: 24px;
  border: 1px solid #e1e1e1;
  background-color: #fff; }
  .dashboardCard__header {
    width: 100%;
    height: 44px;
    background-color: rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    padding: 0 16px;
    position: relative;
    border-bottom: 2px solid rgba(0, 0, 0, 0.06); }
    .dashboardCard__header > h1 {
      font-size: 16px;
      line-height: 16px;
      letter-spacing: 0.28px;
      color: rgba(0, 0, 0, 0.54); }
    .dashboardCard__header > .tButton {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 16px;
      margin: auto 0; }
  .dashboardCard__subTitle {
    width: 100%;
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: 0.28px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 16px;
    font-weight: bold;
    border-bottom: 2px solid rgba(0, 0, 0, 0.06); }
  .dashboardCard__background {
    height: 319px;
    background-color: rgba(0, 0, 0, 0.12);
    display: flex; }
    .dashboardCard__background > p {
      margin: auto;
      color: rgba(0, 0, 0, 0.26); }
  .dashboardCard__info, .dashboardCard__selectbox {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
  .dashboardCard__info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 20px 24px; }
    .dashboardCard__info > p {
      height: 40px;
      font-size: 14px;
      letter-spacing: .12px;
      color: rgba(0, 0, 0, 0.54);
      text-align: right; }
      .dashboardCard__info > p > span {
        font-weight: bold;
        font-size: 32px;
        letter-spacing: .28px;
        color: #ef5350;
        margin-right: 16px; }
    .dashboardCard__info--link {
      cursor: pointer; }
      .dashboardCard__info--link:hover {
        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
  .dashboardCard__selectbox {
    padding: 24px; }
    .dashboardCard__selectbox > div {
      width: 100%; }
  .dashboardCard .scrollView {
    border: 1px solid #e1e1e1; }
  .dashboardCard .list {
    min-height: auto;
    table-layout: fixed; }
  .dashboardCard .scrollList .time {
    white-space: normal; }

.list {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: table;
  table-layout: fixed;
  height: -moz-fit-content;
  height: fit-content; }
  .list > p {
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    line-height: 48px; }
  .list > ul {
    width: 100%;
    display: table;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-collapse: collapse; }
  .list__item {
    width: 100%;
    height: 69px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    display: table-row;
    transition: all 0.3s ease; }
    .list__item--head {
      white-space: nowrap; }
    .list__item--link {
      cursor: pointer; }
      .list__item--link:hover:not(.list__item--head) {
        box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
    .list__item--colored {
      background-color: #f6fbfe; }
    .list__item--grayed {
      background-color: rgba(0, 0, 0, 0.12); }
    .list__item:last-child {
      border-bottom: none; }
    .list__item .listItemColumn {
      display: table-cell;
      vertical-align: middle;
      padding-right: 16px;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.87);
      text-align: left;
      word-break: break-all; }
      .list__item .listItemColumn > .tButton:not(.tButton--ellipsis), .list__item .listItemColumn > .button {
        margin: auto; }
      .list__item .listItemColumn--s {
        width: 36px;
        height: 36px;
        text-align: center; }
      .list__item .listItemColumn--m {
        width: 15%; }
      .list__item .listItemColumn--l {
        width: 35%; }
      .list__item .listItemColumn--c {
        text-align: center; }
      .list__item .listItemColumn--e {
        text-align: end; }
      .list__item .listItemColumn--ellipsis > div, .list__item .listItemColumn--ellipsis .iconedText__text {
        overflow: hidden;
        max-height: 36px;
        line-height: 18px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; }
      .list__item .listItemColumn:first-child {
        padding-left: 24px; }
      .list__item .listItemColumn:last-child {
        padding-right: 24px; }
      .list__item .listItemColumn--check {
        min-width: 50px; }
        .list__item .listItemColumn--check:first-child {
          padding-left: 16px; }
    .list__item--head {
      height: 46px;
      border-top: none;
      border-bottom: 2px solid rgba(0, 0, 0, 0.12); }
      .list__item--head .listItemColumn {
        font-weight: bold;
        color: rgba(0, 0, 0, 0.54); }
        .list__item--head .listItemColumn > span {
          white-space: nowrap; }
      .list__item--head {
        width: -moz-fit-content;
        width: fit-content; }
  .list--noFrame {
    border: none; }
  .list__background {
    height: calc(100vh - 141px);
    background-color: rgba(0, 0, 0, 0.12);
    display: flex; }
    .list__background--maxFixed {
      max-height: 300px; }
    .list__background > p {
      margin: auto;
      color: rgba(0, 0, 0, 0.26); }
  .list--minFixed {
    min-height: 540px; }
  .list--error > ul {
    border-bottom: none; }

.tag {
  display: inline-block;
  width: 64px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #b0b0b0;
  border-radius: 8px;
  border: none;
  text-align: center;
  padding: 0 8px;
  background-color: #fff; }
  .tag--gray {
    background-color: #bdbdbd;
    color: #fff; }
  .tag--green {
    background-color: #66bb6a;
    color: #fff; }
  .tag--red {
    background-color: #ef5350;
    color: #fff; }

.radio {
  display: inline-block;
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  letter-spacing: .33px;
  color: #1d1c1d;
  padding: 0 24px 0 28px;
  margin-top: 16px;
  position: relative;
  cursor: pointer; }
  .radio span::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 50%; }
  .radio input[type="radio"]:checked + span::before {
    border-color: #1565c0; }
  .radio input[type="radio"]:checked + span::after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #1565c0;
    border-radius: 50%; }
  .radio input[type="radio"] {
    display: none; }

.pdfScroll__page {
  width: 100%;
  margin-bottom: 16px; }

.articlePreview {
  position: relative; }
  .articlePreview__mainImage {
    width: 100%;
    height: 250px;
    background: #dedede no-repeat center center / cover; }
  .articlePreview__header {
    word-wrap: break-word;
    padding: 24px 16px;
    background-color: #fff; }
    .articlePreview__header--pdf {
      position: fixed;
      width: 375px;
      z-index: 9999;
      text-align: center;
      padding-bottom: 13px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.03); }
    .articlePreview__header > h1 {
      font-size: 24px; }
    .articlePreview__header__info {
      margin-top: 16px;
      display: flex;
      justify-content: space-between; }
      .articlePreview__header__info__category {
        width: auto;
        height: 24px;
        padding: 0 12px;
        line-height: 24px;
        font-size: 14px;
        background-color: #f1f1f1;
        color: #848484;
        border-radius: 12px; }
  .articlePreview__contents {
    border-top: 2px solid #f1f1f1;
    padding: 32px 0 24px; }
    .articlePreview__contents > :first-child {
      margin-top: 0; }
    .articlePreview__contents__pdf, .articlePreview__contents__text {
      padding-left: 16px;
      padding-right: 16px; }
    .articlePreview__contents--pdf {
      min-height: 667px;
      padding-top: 90px;
      padding-bottom: 15px; }
    .articlePreview__contents__img {
      margin: 32px 0; }
      .articlePreview__contents__img img {
        width: 100%;
        display: block;
        background-color: #dedede; }
      .articlePreview__contents__img--dummy {
        width: 135px;
        height: 90px;
        background: #dedede url("/assets/img/thumnail_no_image.png") no-repeat center center/cover; }
    .articlePreview__contents__text {
      word-wrap: break-word;
      margin-top: 20px;
      width: 100%;
      min-height: 24px;
      line-height: 2;
      display: block; }
      .articlePreview__contents__text--link {
        min-height: 24px;
        line-height: 1.4em;
        display: block;
        width: -moz-fit-content;
        width: fit-content; }
      .articlePreview__contents__text--link_blue {
        color: #1565c0;
        text-decoration: underline;
        transition: all 0.3s ease;
        opacity: 1;
        pointer-events: auto;
        cursor: pointer; }
      .articlePreview__contents__text--font1, .articlePreview__contents__text--font2, .articlePreview__contents__text--font3, .articlePreview__contents__text--font4, .articlePreview__contents__text--font5 {
        margin-top: 32px;
        line-height: 1; }
      .articlePreview__contents__text img {
        width: 135px;
        display: block;
        margin: 16px 0;
        background-color: #dedede; }
      .articlePreview__contents__text--bold {
        font-weight: bold; }
      .articlePreview__contents__text--link {
        text-decoration: underline;
        color: rgba(0, 0, 0, 0.87); }
      .articlePreview__contents__text--font1 {
        font-size: 22px; }
      .articlePreview__contents__text--font2 {
        font-size: 21px; }
      .articlePreview__contents__text--font3 {
        font-size: 20px; }
      .articlePreview__contents__text--font4 {
        font-size: 19px; }
      .articlePreview__contents__text--font5 {
        font-size: 18px; }
    .articlePreview__contents__button {
      line-height: 36px;
      margin-left: 16px;
      margin-right: 16px;
      margin-top: 32px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      font-size: 16px;
      background-color: #d7092f; }
  .articlePreview--pdf {
    background-color: #F0F0F0; }

.pdfScroll__page {
  width: 100%;
  margin-bottom: 16px; }

.inputFile {
  display: none; }

.imageUploader {
  display: flex; }
  .imageUploader__thumnail {
    width: 135px;
    height: 90px;
    margin-right: 24px;
    background: #dedede no-repeat center center / cover;
    border: 1px solid #dedede; }
    .imageUploader__thumnail--guided {
      background-image: url("/assets/img/image_dummy.png"); }
    .imageUploader__thumnail--lotteryCategoryGuided {
      background-image: url("/assets/img/lottery_category_image_dummy.png"); }
    .imageUploader__thumnail--dummy {
      height: 90px;
      background-color: #757575; }
    .imageUploader__thumnail > img {
      width: 100%;
      display: block;
      margin-right: 16px;
      background-color: #dedede; }
  .imageUploader > button {
    margin-right: 16px; }
  .imageUploader__side {
    flex-grow: 1; }
    .imageUploader__side__message {
      margin-top: 16px; }

.dropUploader > p {
  text-align: center;
  margin: 24px 0; }

.dropUploader > button {
  margin: 0 auto; }

.dropUploader__area {
  width: 100%;
  height: 290px;
  border-radius: 8px;
  border: 3px dashed #e1e1e1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }
  .dropUploader__area--active {
    background-color: #e1e1e1;
    border: 3px dashed #1565c0; }
  .dropUploader__area p {
    color: #e1e1e1; }
  .dropUploader__area__text {
    font-size: 21px;
    font-weight: bold; }
  .dropUploader__area__icon {
    padding: 13px 0 14px 0;
    height: 160px; }
    .dropUploader__area__icon > svg {
      font-size: 133px; }

.pulldown {
  position: relative;
  width: 120px;
  height: 36px;
  line-height: 34px;
  border: 1px solid #e1e1e1;
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  color: #757575; }
  .pulldown--auto {
    width: 100%; }
  .pulldown--large {
    width: 200px; }
  .pulldown--middle {
    width: 132px; }
  .pulldown--small {
    width: 100px; }
  .pulldown--app_link {
    margin-left: 10px;
    margin-right: 8px; }
  .pulldown::before {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #757575;
    pointer-events: none; }
  .pulldown > select {
    width: 100%;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding: 0 12px; }

.editor {
  width: 100%;
  margin-bottom: 16px;
  border: 1px solid rgba(0, 0, 0, 0.06); }
  .editor:last-child {
    margin-bottom: 0; }
  .editor__header {
    width: 100%;
    height: 44px;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    padding: 0 0px 0 16px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.06); }
    .editor__header > .pulldown {
      height: 28px;
      line-height: 24px; }
    .editor__header > button {
      color: #757575;
      width: 28px;
      height: 28px;
      line-height: 28px;
      border-radius: 0;
      margin-left: 8px; }
      .editor__header > button:last-child {
        margin-left: auto;
        margin-right: 5px; }
    .editor__header > .label {
      height: 28px;
      line-height: 28px;
      margin-right: 8px; }
    .editor__header > input {
      width: 180px;
      height: 28px;
      line-height: 26px; }
  .editor__contents__textarea {
    resize: none;
    width: 100%;
    height: 100%;
    min-height: 172px;
    display: block;
    background-color: #fff;
    border: none;
    padding: 24px;
    font-size: 14px; }
    .editor__contents__textarea img {
      width: 135px;
      display: block;
      margin: 16px 0;
      background-color: #dedede; }
    .editor__contents__textarea--bold {
      font-weight: bold; }
    .editor__contents__textarea--link {
      text-decoration: underline;
      color: rgba(0, 0, 0, 0.87); }
    .editor__contents__textarea--font1 {
      font-size: 22px; }
    .editor__contents__textarea--font2 {
      font-size: 21px; }
    .editor__contents__textarea--font3 {
      font-size: 20px; }
    .editor__contents__textarea--font4 {
      font-size: 19px; }
    .editor__contents__textarea--font5 {
      font-size: 18px; }
  .editor__contents__inputtext {
    width: 100%;
    height: 84px;
    display: block;
    background-color: #fff;
    border: none;
    padding: 24px;
    font-size: 14px; }
  .editor__contents .imageUploader {
    padding: 24px; }
  .editor > button {
    margin-top: 8px;
    margin-left: auto; }
  .editor .btn_align {
    display: flex;
    margin-top: 8px;
    margin-left: auto;
    margin-right: 5px; }

.inputDatePicker {
  width: 100%;
  height: 36px; }
  .inputDatePicker > div {
    width: 100%;
    padding: 0 8px;
    border: 1px solid rgba(0, 0, 0, 0.12); }
    .inputDatePicker > div > div > input, .inputDatePicker > div > div > span {
      color: #1d1c1d;
      text-align: center; }
  .inputDatePicker .react-calendar {
    height: 284px; }
    .inputDatePicker .react-calendar .react-calendar__month-view__days > button {
      padding-top: 8px;
      padding-bottom: 8px; }
      .inputDatePicker .react-calendar .react-calendar__month-view__days > button:nth-child(7n+6) {
        color: #006edc; }
      .inputDatePicker .react-calendar .react-calendar__month-view__days > button.react-calendar__month-view__days__day--neighboringMonth {
        color: #757575; }
      .inputDatePicker .react-calendar .react-calendar__month-view__days > button.react-calendar__tile--active {
        color: #fff; }
    .inputDatePicker .react-calendar .react-calendar__month-view__weekdays__weekday {
      font-size: 10.5px;
      padding-top: 5.5px;
      padding-bottom: 5.5px; }
    .inputDatePicker .react-calendar .react-calendar__year-view__months__month,
    .inputDatePicker .react-calendar .react-calendar__decade-view__years__year,
    .inputDatePicker .react-calendar .react-calendar__century-view__decades__decade {
      font-size: 11px;
      padding-top: 19.5px;
      padding-bottom: 19.5px; }
  .inputDatePicker .react-datetime-picker__inputGroup {
    padding: 7px 2px; }
    .inputDatePicker .react-datetime-picker__inputGroup__leadingZero {
      padding: 1px; }
    .inputDatePicker .react-datetime-picker__inputGroup__input--hasLeadingZero {
      padding-left: 0.54em; }
  .inputDatePicker .react-datetime-picker__clear-button {
    padding: 4px; }

.tInput__title {
  height: 24px;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px; }

.tInput input {
  height: 36px;
  letter-spacing: 0.33px;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  width: 100%;
  padding: 0 16px;
  border: 1px solid rgba(0, 0, 0, 0.12); }
  .tInput input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.26); }
  .tInput input::placeholder {
    color: rgba(0, 0, 0, 0.26); }

.tTextarea textarea {
  font-size: 14px;
  line-height: 21px;
  width: 100%;
  min-height: 70px;
  resize: none;
  border: 1px solid rgba(0, 0, 0, 0.12); }

.inputDateRange {
  display: flex; }
  .inputDateRange > p {
    margin: 0 23px;
    line-height: 36px; }

.articleForm__title > .label {
  margin-bottom: 8px; }

.articleForm__contents {
  margin: 16px 0; }

.articleForm__publish {
  margin-bottom: 16px; }
  .articleForm__publish label {
    margin-top: 0; }
  .articleForm__publish--all {
    height: 36px;
    height: 100%;
    padding: 9px 0; }
    .articleForm__publish--all > :nth-child(1) {
      display: block;
      margin-bottom: 20px; }
  .articleForm__publish--csv {
    display: flex;
    justify-content: space-around; }
    .articleForm__publish--csv > :nth-child(n) {
      margin-right: 16px; }
    .articleForm__publish--csv > :last-child {
      margin-right: 0; }
    .articleForm__publish--csv p {
      line-height: 36px;
      flex-grow: 1; }

.articleForm h2 {
  border-top: 2px solid #e1e1e1;
  color: #757575;
  font-size: 16px;
  font-weight: bold;
  padding: 16px 0; }

.articleForm .layout.layout--flex:last-child {
  margin-top: 16px; }

.articleForm .layout.layout--flex > button {
  margin-right: 24px; }
  .articleForm .layout.layout--flex > button:last-child {
    margin-right: 0; }

.articleForm .layout__confirm__contents {
  width: 100%; }

.articleForm__pdf {
  /*
      display: flex;
      justify-content: space-around;
      >:nth-child(n){
        margin-right: 16px;
      }
      >:last-child{
        margin-right: 0;
      }
      p{
        line-height: 36px;
        flex-grow: 1;
      }
    */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around; }
  .articleForm__pdf > :nth-child(n) {
    margin-right: 16px; }
  .articleForm__pdf > :last-child {
    margin-right: 0; }
  .articleForm__pdf .tButton--link {
    flex-grow: 1;
    max-width: calc(100% - 251px); }

.articleForm .tTextarea > textarea {
  padding: 0 16px; }

.articleForm .margin {
  margin-top: 16px; }

.articleForm .checkbox--labeling {
  min-width: 165px; }

.articleConfirm .label {
  margin-bottom: 8px; }

.articleConfirm__pdf {
  margin: 16px 0; }

.articleConfirm__img img {
  width: 135px;
  display: block;
  margin: 16px 0;
  background-color: #dedede;
  border: 1px solid #dedede; }

.articleConfirm__button {
  line-height: 36px;
  margin: 16px 42px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 16px; }

.articleConfirm__header {
  width: 135px;
  height: 90px;
  margin: 16px 0;
  background: #dedede no-repeat center center / cover; }

.articleConfirm__editor {
  min-height: 21px; }
  .articleConfirm__editor--link {
    display: block;
    width: -moz-fit-content;
    width: fit-content; }
  .articleConfirm__editor--link_blue {
    color: #1565c0;
    text-decoration: underline;
    transition: all 0.3s ease;
    opacity: 1;
    pointer-events: auto;
    cursor: pointer; }
  .articleConfirm__editor img {
    width: 135px;
    display: block;
    margin: 16px 0;
    background-color: #dedede; }
  .articleConfirm__editor--bold {
    font-weight: bold; }
  .articleConfirm__editor--link {
    text-decoration: underline;
    color: rgba(0, 0, 0, 0.87); }
  .articleConfirm__editor--font1 {
    font-size: 22px; }
  .articleConfirm__editor--font2 {
    font-size: 21px; }
  .articleConfirm__editor--font3 {
    font-size: 20px; }
  .articleConfirm__editor--font4 {
    font-size: 19px; }
  .articleConfirm__editor--font5 {
    font-size: 18px; }

.articleConfirm .linkinfo {
  font-size: 13px;
  line-height: 13px;
  margin-bottom: 7px;
  color: #1565c0; }

.propertyCSV__checkblock .checkbox--labeling {
  min-width: 165px; }

.propertyroomlistHeader {
  position: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12); }

.propertyroomList {
  overflow-y: auto;
  max-height: 500px; }

.propertyImages {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 0;
  height: 128px;
  justify-content: flex-start; }
  .propertyImages__item {
    width: 90px;
    height: 60px;
    margin-right: 8px;
    margin-bottom: 8px;
    display: flex;
    justify-content: flex-end;
    background: #bdbdbd no-repeat center center / cover;
    border: 1px solid #bdbdbd; }
    .propertyImages__item p {
      margin: auto; }
    .propertyImages__item:nth-child(2n+1) {
      margin-bottom: 0; }
    .propertyImages__item:first-child {
      width: 192px;
      height: 128px;
      background-image: url("/assets/img/image_dummy_2.png"); }
      .propertyImages__item:first-child .button--outlined {
        background-color: transparent; }
    .propertyImages__item img {
      width: 100%;
      display: block;
      background-color: #dedede; }
    .propertyImages__item--upload > button {
      width: 100%;
      height: 100%;
      font-size: 28px;
      background-color: #bdbdbd;
      border-radius: 0;
      border: none; }
      .propertyImages__item--upload > button svg {
        margin: 0; }
    .propertyImages__item--load {
      position: relative;
      display: flex;
      justify-content: flex-end;
      border: 1px solid #bdbdbd; }
      .propertyImages__item--load > button {
        position: absolute;
        top: -4px;
        right: -4px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        padding: 0;
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0.87); }
        .propertyImages__item--load > button svg {
          color: #fff;
          font-size: 16px;
          margin: 0; }
      .propertyImages__item--load img {
        width: 100%;
        display: block;
        background-color: #dedede; }
  .propertyImages > p {
    width: 90px;
    height: 60px;
    font-size: 14px;
    letter-spacing: 0.28px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end; }
  .propertyImages__message {
    margin-top: 16px; }

.pdfUploader {
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .pdfUploader--spread1 {
    width: 100%; }
    .pdfUploader--spread1 > button {
      max-width: calc(100% - 161px); }
  .pdfUploader--spread2 {
    width: 100%; }
  .pdfUploader > div {
    margin-left: 30px;
    display: flex;
    justify-content: space-between; }
    .pdfUploader > div > :nth-child(n) {
      margin-right: 16px; }
    .pdfUploader > div > :last-child {
      margin-right: 0; }

.validationPdfUploader {
  height: 100%;
  width: 100%;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*
  > button {
      max-width: calc(100% - 251px)
  }*/ }
  .validationPdfUploader .iconedText {
    width: -moz-fit-content;
    width: fit-content;
    width: calc(100% - 281px); }
    .validationPdfUploader .iconedText > p {
      margin: auto 0;
      margin-right: 5px; }
  .validationPdfUploader__button {
    margin-left: 30px;
    display: flex;
    justify-content: space-between; }
    .validationPdfUploader__button > :nth-child(n) {
      margin-right: 16px; }
    .validationPdfUploader__button > :last-child {
      margin-right: 0; }

.unionList__pdfList {
  padding: 4px 0; }
  .unionList__pdfList > :nth-child(n) {
    margin-bottom: 16px; }
  .unionList__pdfList > :last-child {
    margin-bottom: 0; }

.unionList__btnDelete {
  margin-right: 16px; }

.paymentDetail .layout__block__contents {
  padding: 0; }

.paymentDetail .list {
  border: none; }

.paymentDetail .h1 span {
  margin-left: 12px;
  margin-right: auto; }

.paymentDetail .fixedHeader {
  position: sticky;
  position: -webkit-sticky;
  top: 70px;
  z-index: 1;
  background-color: #f0f0f0; }

.paymentDetail .paymentlistHeader {
  position: sticky;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  top: 115px; }

.paymentEdit .layout__header {
  justify-content: flex-end; }
  .paymentEdit .layout__header > button {
    margin-right: 0; }

.paymentEdit .layout__block__contents {
  padding: 0; }

.paymentEdit .list {
  border: none; }

.paymentEdit .h1 span {
  margin-left: 12px;
  margin-right: auto; }

.ownerList__setting {
  height: 14px;
  line-height: 1;
  white-space: nowrap; }
  .ownerList__setting--red {
    color: #ef5350; }

.ownerList__comment {
  margin-top: 8px;
  font-size: 10px;
  line-height: 1;
  width: 129px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ownerList .time {
  white-space: nowrap; }

.propertylistHeader {
  position: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  opacity: 0.99; }

.propertyownedList {
  overflow-y: auto;
  max-height: 150px; }

.propertyowneraddList {
  overflow-y: auto;
  max-height: 210px; }

.testOwnerForm__title {
  margin-bottom: 16px; }
  .testOwnerForm__title > .label {
    margin-bottom: 8px; }

.testOwnerForm__contents {
  margin: 16px 0; }

.testOwnerForm h2 {
  border-top: 2px solid #e1e1e1;
  color: #757575;
  font-size: 16px;
  font-weight: bold;
  padding: 16px 0; }

.testOwnerForm .layout.layout--flex:last-child {
  margin-top: 16px; }

.testOwnerForm .layout.layout--flex > button {
  margin-right: 24px; }
  .testOwnerForm .layout.layout--flex > button:last-child {
    margin-right: 0; }

.testOwnerForm .layout__confirm__contents {
  width: 100%; }

.testOwnerForm .margin {
  margin-top: 16px; }

.testOwnerIssueForm__title {
  margin-bottom: 16px; }
  .testOwnerIssueForm__title > .label {
    margin-bottom: 8px; }

.testOwnerIssueForm__contents {
  margin: 16px 0; }

.testOwnerIssueForm h2 {
  border-top: 2px solid #e1e1e1;
  color: #757575;
  font-size: 16px;
  font-weight: bold;
  padding: 16px 0; }

.testOwnerIssueForm .layout.layout--flex:last-child {
  margin-top: 16px; }

.testOwnerIssueForm .layout.layout--flex > button {
  margin-right: 24px; }
  .testOwnerIssueForm .layout.layout--flex > button:last-child {
    margin-right: 0; }

.testOwnerIssueForm .layout__confirm__contents {
  width: 100%; }

.testOwnerIssueForm .margin {
  margin-top: 16px; }


.infoPreview__main {
  width: 100%;
  height: 200px;
  background-color: #ccc;
  overflow: hidden; }
  .infoPreview__main img {
    width: 100%;
    display: block;
    background-color: #dedede; }

.infoPreview__header {
  word-wrap: break-word;
  padding: 24px 16px 10px; }
  .infoPreview__header > h1 {
    font-size: 20px;
    margin-bottom: 24px; }
  .infoPreview__header__info {
    display: flex;
    justify-content: flex-end;
    color: rgba(0, 0, 0, 0.54);
    font-size: 13px; }
    .infoPreview__header__info__category {
      width: auto;
      height: 24px;
      padding: 0 12px;
      line-height: 24px;
      font-size: 14px;
      background-color: #f1f1f1;
      color: #848484;
      border-radius: 12px; }

.infoPreview__contents {
  border-top: 1px solid #f1f1f1;
  padding: 24px 0; }
  .infoPreview__contents__pdf, .infoPreview__contents__text {
    padding-left: 16px;
    padding-right: 16px; }
  .infoPreview__contents__img {
    margin: 24px 0; }
    .infoPreview__contents__img img {
      width: 100%;
      display: block;
      background-color: #dedede; }
    .infoPreview__contents__img--dummy {
      width: 135px;
      height: 90px;
      background-color: #757575;
      text-align: center;
      padding-top: 35px; }
  .infoPreview__contents__text {
    margin-top: 20px;
    word-wrap: break-word;
    width: 100%;
    min-height: 24px;
    line-height: 2;
    display: block; }
    .infoPreview__contents__text:first-child {
      margin-top: 0; }
    .infoPreview__contents__text--link {
      min-height: 24px;
      line-height: 1.4em;
      display: block;
      width: -moz-fit-content;
      width: fit-content; }
    .infoPreview__contents__text--link_blue {
      color: #1565c0;
      text-decoration: underline;
      transition: all 0.3s ease;
      opacity: 1;
      pointer-events: auto;
      cursor: pointer; }
    .infoPreview__contents__text--font1, .infoPreview__contents__text--font2, .infoPreview__contents__text--font3, .infoPreview__contents__text--font4, .infoPreview__contents__text--font5 {
      margin-top: 32px;
      line-height: 1; }
    .infoPreview__contents__text img {
      width: 135px;
      display: block;
      margin: 16px 0;
      background-color: #dedede; }
    .infoPreview__contents__text--bold {
      font-weight: bold; }
    .infoPreview__contents__text--link {
      text-decoration: underline;
      color: rgba(0, 0, 0, 0.87); }
    .infoPreview__contents__text--font1 {
      font-size: 22px; }
    .infoPreview__contents__text--font2 {
      font-size: 21px; }
    .infoPreview__contents__text--font3 {
      font-size: 20px; }
    .infoPreview__contents__text--font4 {
      font-size: 19px; }
    .infoPreview__contents__text--font5 {
      font-size: 18px; }
  .infoPreview__contents__button {
    line-height: 36px;
    margin: 24px 16px 0px 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 16px;
    background-color: #d7092f; }
  .infoPreview__contents__pdf .pdfButton {
    width: 100%;
    padding: 12px;
    margin-bottom: 8px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: flex-start;
    transition: all 0.3s ease;
    opacity: 1;
    cursor: pointer; }
    .infoPreview__contents__pdf .pdfButton:hover {
      opacity: 0.6; }
    .infoPreview__contents__pdf .pdfButton:last-child {
      margin-bottom: 16px; }
    .infoPreview__contents__pdf .pdfButton__icon {
      height: 40px;
      font-size: 33px;
      margin: auto 0;
      margin-left: 6px;
      margin-right: 18px; }
    .infoPreview__contents__pdf .pdfButton__info > p {
      max-width: 262px;
      word-break: break-all; }
    .infoPreview__contents__pdf .pdfButton__info__name {
      margin-top: 5px;
      margin-bottom: 5px;
      line-height: 16px;
      font-weight: bold; }
    .infoPreview__contents__pdf .pdfButton__info__size {
      height: 10px;
      line-height: 10px;
      font-size: 10px;
      color: rgba(0, 0, 0, 0.26); }

.infoSubPreview__header {
  position: fixed;
  width: 375px;
  height: 64px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  z-index: 1; }
  .infoSubPreview__header > div {
    height: -moz-fit-content;
    height: fit-content;
    min-width: 24px;
    margin: auto 16px; }
    .infoSubPreview__header > div > button {
      font-size: 24px;
      color: #000; }
  .infoSubPreview__header > p {
    flex-grow: 1;
    text-align: center;
    font-size: 15px;
    height: -moz-fit-content;
    height: fit-content;
    font-weight: bold;
    margin: auto 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.infoSubPreview__contents {
  padding-top: 79px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 15px; }

.mail_Form {
  margin-bottom: 16px; }

.infoForm h2 {
  border-top: 2px solid #e1e1e1;
  color: #757575;
  font-size: 16px;
  font-weight: bold;
  padding: 16px 0; }

.infoForm__title {
  margin-bottom: 16px; }
  .infoForm__title > .label {
    margin-bottom: 8px; }

.infoForm__publish {
  margin-bottom: 16px; }
  .infoForm__publish label {
    margin-top: 0; }
  .infoForm__publish--all {
    height: 36px;
    padding: 9px 0; }
  .infoForm__publish--csv {
    display: flex;
    justify-content: space-around; }
    .infoForm__publish--csv > :nth-child(n) {
      margin-right: 16px; }
    .infoForm__publish--csv > :last-child {
      margin-right: 0; }
    .infoForm__publish--csv p {
      line-height: 36px;
      flex-grow: 1; }

.infoForm .layout.layout--flex:last-child {
  margin-top: 16px; }

.infoForm .layout.layout--flex > button {
  margin-right: 24px; }
  .infoForm .layout.layout--flex > button:last-child {
    margin-right: 0; }

.infoForm .layout__confirm__contents {
  width: 100%; }

.infoForm__pdf {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .infoForm__pdf > button {
    max-width: calc(100% - 251px); }
  .infoForm__pdf > div {
    margin-left: 30px;
    display: flex;
    justify-content: space-between; }
    .infoForm__pdf > div > :nth-child(n) {
      margin-right: 16px; }
    .infoForm__pdf > div > :last-child {
      margin-right: 0; }

.infoForm .tTextarea > textarea {
  padding: 0 16px; }

.infoForm .margin {
  margin-top: 16px; }

.infoForm .checkbox--labeling {
  min-width: 165px; }

.infoConfirm .label {
  margin-bottom: 8px; }

.infoConfirm__pdf {
  margin: 16px 0; }

.infoConfirm__img img {
  width: 135px;
  display: block;
  margin: 16px 0;
  background-color: #dedede;
  border: 1px solid #dedede; }

.infoConfirm__button {
  line-height: 36px;
  margin: 16px 42px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 16px; }

.infoConfirm__editor--link {
  display: block;
  width: -moz-fit-content;
  width: fit-content; }

.infoConfirm__editor--link_blue {
  color: #1565c0;
  text-decoration: underline;
  transition: all 0.3s ease;
  opacity: 1;
  pointer-events: auto;
  cursor: pointer; }

.infoConfirm__editor img {
  width: 135px;
  display: block;
  margin: 16px 0;
  background-color: #dedede; }

.infoConfirm__editor--bold {
  font-weight: bold; }

.infoConfirm__editor--link {
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.87); }

.infoConfirm__editor--font1 {
  font-size: 22px; }

.infoConfirm__editor--font2 {
  font-size: 21px; }

.infoConfirm__editor--font3 {
  font-size: 20px; }

.infoConfirm__editor--font4 {
  font-size: 19px; }

.infoConfirm__editor--font5 {
  font-size: 18px; }

.infoConfirm .linkinfo {
  font-size: 13px;
  line-height: 13px;
  margin-bottom: 7px;
  color: #1565c0; }

.chatForm .layout.layout--flex:last-child {
  margin-top: 16px; }

.chatForm .layout.layout--flex > button {
  margin-right: 24px; }
  .chatForm .layout.layout--flex > button:last-child {
    margin-right: 0; }

.chatForm .btnSpace {
  margin-right: -20px; }

.draftBlock {
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.06);
  margin-bottom: 16px; }
  .draftBlock__header {
    padding: 0 16px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    letter-spacing: 0.28px;
    color: rgba(0, 0, 0, 0.54);
    background-color: rgba(0, 0, 0, 0.06);
    border-bottom: 2px solid rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: space-between; }
    .draftBlock__header button {
      margin: auto 0; }
    .draftBlock__header__app-link {
      display: flex;
      padding-top: 3px; }
  .draftBlock__container--text {
    padding: 24px; }
    .draftBlock__container--text textarea {
      resize: none;
      min-height: 112px;
      width: 100%;
      font-size: 14px;
      line-height: 2;
      letter-spacing: 0.28px;
      color: rgba(0, 0, 0, 0.87);
      border: none;
      padding: 0; }
  .draftBlock__container--data {
    display: flex;
    justify-content: space-between;
    padding: 24px; }
    .draftBlock__container--data > p {
      height: 36px;
      line-height: 36px; }
    .draftBlock__container--data > div {
      margin: auto 0; }
      .draftBlock__container--data > div img {
        width: 135px;
        background-color: #dedede;
        border: 1px solid #dedede; }
    .draftBlock__container--data > .tButton {
      margin: auto 0;
      width: 148px; }
    .draftBlock__container--data .tButton--link {
      max-width: 336px; }
  .draftBlock__container--loading {
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.28px; }

.messageList {
  display: flex;
  justify-content: flex-start; }
  .messageList__axis {
    margin-left: 20px;
    margin-right: 16px;
    min-width: 4px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.12); }
  .messageList__list {
    width: 100%;
    max-width: calc(100% - 40px); }
    .messageList__list__content {
      margin-bottom: 16px; }
      .messageList__list__content > .messageBlock {
        position: relative; }
        .messageList__list__content > .messageBlock::before, .messageList__list__content > .messageBlock::after {
          position: absolute;
          content: '';
          border-radius: 50%;
          top: 0;
          bottom: 0;
          margin: auto 0; }
        .messageList__list__content > .messageBlock::before {
          width: 20px;
          height: 20px;
          left: -29px;
          background-color: #ffffff;
          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12); }
        .messageList__list__content > .messageBlock::after {
          width: 14px;
          height: 14px;
          left: -26px;
          background-color: yellow; }
      .messageList__list__content--black > .messageBlock::after {
        background-color: rgba(0, 0, 0, 0.87); }
      .messageList__list__content--blue > .messageBlock::after {
        background-color: #1565c0; }
    .messageList__list > :last-child {
      margin-bottom: 0; }

.messageBlock__body {
  border-radius: 8px;
  border: solid 1px rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  overflow: hidden; }
  .messageBlock__body__header {
    padding: 28px 24px 12px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid rgba(0, 0, 0, 0.06); }
    .messageBlock__body__header__name {
      font-size: 14px;
      line-height: 1;
      letter-spacing: 0.28px;
      color: rgba(0, 0, 0, 0.87);
      margin-bottom: 6px; }
    .messageBlock__body__header__date {
      height: 12px;
      font-size: 12px;
      line-height: 1;
      letter-spacing: 0.24px;
      color: rgba(0, 0, 0, 0.54); }
    .messageBlock__body__header__button {
      margin: auto 0; }
  .messageBlock__body__container--text, .messageBlock__body__container--pdf {
    padding: 10px 24px 24px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.28px;
    color: rgba(0, 0, 0, 0.87); }
  .messageBlock__body__container--text > .tLinkText {
    text-decoration: underline; }
  .messageBlock__body__container--pdf {
    padding: 24px; }
  .messageBlock__body__container--image, .messageBlock__body__container--movie {
    height: 254px;
    box-sizing: content-box;
    display: flex; }
    .messageBlock__body__container--image img, .messageBlock__body__container--image video, .messageBlock__body__container--movie img, .messageBlock__body__container--movie video {
      max-height: 100%;
      max-width: 100%;
      display: block;
      margin: auto; }
  .messageBlock__body__container--image {
    background-color: #dedede; }
  .messageBlock__body__container--movie {
    background-color: black; }
  .messageBlock__body__container > p {
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.28px;
    color: rgba(0, 0, 0, 0.54); }
  .messageBlock__body__container--deleted {
    height: 254px;
    padding: 154px 60px 0;
    background: #e2e2e2 url("/assets/img/caution.png") 50% 60px/70px 70px no-repeat; }
  .messageBlock__body__container--loading {
    background-color: #dedede; }
    .messageBlock__body__container--loading > p {
      margin: auto; }
  .messageBlock__body__container__app-link {
    color: #1565c0; }
    .messageBlock__body__container__app-link > p {
      text-decoration: underline;
      transition: all 0.3s ease;
      opacity: 1;
      pointer-events: auto;
      cursor: pointer; }
    .messageBlock__body__container__app-link > a {
      display: block;
      font-size: 13px;
      line-height: 15px; }
  .messageBlock__body__deletedUser {
    display: flex;
    justify-content: space-between;
    align-items: center; }

.borrowingEdit .layout.layout--flex:last-child {
  margin-top: 16px; }

.borrowingEdit .layout.layout--flex > button {
  margin-right: 24px; }
  .borrowingEdit .layout.layout--flex > button:last-child {
    margin-right: 0; }

.borrowingEdit .btnSpace {
  margin-right: -20px; }

.consignmentEdit .layout.layout--flex:last-child {
  margin-top: 16px; }

.consignmentEdit .layout.layout--flex > button {
  margin-right: 24px; }
  .consignmentEdit .layout.layout--flex > button:last-child {
    margin-right: 0; }

.consignmentEdit .btnSpace {
  margin-right: -20px; }

.saleEdit .layout.layout--flex:last-child {
  margin-top: 16px; }

.saleEdit .layout.layout--flex > button {
  margin-right: 24px; }
  .saleEdit .layout.layout--flex > button:last-child {
    margin-right: 0; }

.auth_owner {
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  overflow: hidden; }

.tModalOverlay {
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0.6;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998; }
  .tModalOverlay--clear {
    z-index: 998;
    background-color: transparent; }

.tModal {
  width: 480px;
  height: auto;
  position: fixed;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9999;
  background-color: #fff; }
  .tModal__header {
    width: 100%;
    height: 44px;
    font-size: 18px;
    padding: 0 16px;
    line-height: 44px;
    border-bottom: 2px solid #e1e1e1;
    color: #747474;
    background-color: #f0f0f0; }
  .tModal__contents {
    font-size: 14px;
    line-height: 1.4em;
    color: #303030; }
    .tModal__contents .button {
      margin: 24px 4px 0 4px; }
    .tModal__contents .buttons {
      display: flex;
      justify-content: flex-end; }
      .tModal__contents .buttons > .tButton {
        margin-right: 16px; }
      .tModal__contents .buttons > :last-child {
        margin-right: 0; }

/*.teamTable{
  width:1530px;
  padding-right: 24px;
}*/

.tTable {
  width: 100%;
  max-height: calc(100vh - 92px); }
  .tTable__body {
    max-height: calc(100vh - 92px - 46px);
    overflow-y: scroll; }
    .tTable__body > :nth-child(2n+2) {
      background-color: rgba(0, 0, 0, 0.03); }
    .tTable__body::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 12px; }
    .tTable__body::-webkit-scrollbar-track {
      width: 12px;
      background-color: #F7F7F7; }
    .tTable__body::-webkit-scrollbar-thumb {
      border-radius: 6px;
      background-color: rgba(0, 0, 0, 0.26);
      border: 3px solid transparent;
      background-clip: padding-box; }
    .tTable__body--empty {
      height: calc(100vh - 92px - 46px);
      background-color: rgba(0, 0, 0, 0.12);
      display: flex; }
      .tTable__body--empty > p {
        margin: auto;
        color: rgba(0, 0, 0, 0.26); }
  .tTable__row {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .tTable__row--head .tTableColumn:first-child, .tTable__row--body .tTableColumn:first-child {
      min-width: 144px;
      padding-left: 16px; }
      .tTable__row--head .tTableColumn:first-child > p, .tTable__row--body .tTableColumn:first-child > p {
        min-width: 116px;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .tTable__row--head {
      line-height: 1.2;
      height: -moz-fit-content;
      height: fit-content;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.54);
      border-bottom: 2px solid rgba(0, 0, 0, 0.12);
      padding-right: 12px; }
      .tTable__row--head > .tTableColumn {
        height: 44px;
        min-height: 0;
        border-left-color: transparent; }
    .tTable__row--body {
      border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
      .tTable__row--body > .tTableColumn {
        height: 48px;
        border-left-color: rgba(0, 0, 0, 0.12); }
    .tTable__row .tTableColumn {
      width: calc((100% - 144px) / 10);
      display: flex;
      align-items: center;
      letter-spacing: 0.25px;
      padding: 0 4px;
      border-left-width: 2px;
      border-left-style: solid; }
      .tTable__row .tTableColumn > p {
        width: 100%;
        word-wrap: break-word;
        text-align: center; }
      .tTable__row .tTableColumn:first-child {
        border-left-color: transparent; }

.surveyBlock__editor--link {
  display: block; }

.surveyBlock__editor img {
  width: 135px;
  display: block;
  margin: 16px 0;
  background-color: #dedede; }

.surveyBlock__editor--bold {
  font-weight: bold; }

.surveyBlock__editor--link {
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.87); }

.surveyBlock__editor--app-link {
  text-decoration: underline;
  color: #1565c0;
  pointer-events: auto;
  transition: all 0.3s ease;
  opacity: 1;
  cursor: pointer; }

.surveyBlock__editor--link-info {
  color: #1565c0;
  font-size: 13px;
  line-height: 13px; }

.surveyBlock__editor--font1 {
  font-size: 22px; }

.surveyBlock__editor--font2 {
  font-size: 21px; }

.surveyBlock__editor--font3 {
  font-size: 20px; }

.surveyBlock__editor--font4 {
  font-size: 19px; }

.surveyBlock__editor--font5 {
  font-size: 18px; }

.surveyBlock__editor--align0 {
  text-align: left; }

.surveyBlock__editor--align1 {
  text-align: center; }

.surveyBlock__editor--align2 {
  text-align: right; }

.surveyBlock__body {
  border-radius: 8px;
  border: solid 1px rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  overflow: hidden; }
  .surveyBlock__body:target {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .surveyBlock__body .req {
    color: red;
    font-size: 26px;
    font-weight: normal;
    position: absolute;
    top: -8px; }
  .surveyBlock__body__header {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid rgba(0, 0, 0, 0.06); }
    .surveyBlock__body__header > div {
      display: flex; }
    .surveyBlock__body__header__name {
      font-size: 12px;
      font-weight: bold;
      line-height: 1;
      letter-spacing: 0.28px;
      color: #000000de;
      margin-right: 16px; }
    .surveyBlock__body__header__type {
      font-size: 14px;
      line-height: 1;
      letter-spacing: 0.28px;
      color: rgba(0, 0, 0, 0.87);
      margin-right: 16px; }
    .surveyBlock__body__header__title {
      font-size: 13px;
      line-height: 1;
      letter-spacing: 0.28px;
      color: rgba(0, 0, 0, 0.87); }
      .surveyBlock__body__header__title a {
        color: #1565c0;
        pointer-events: auto;
        transition: all 0.3s ease;
        opacity: 1;
        cursor: pointer; }
  .surveyBlock__body__container--input {
    position: relative;
    padding-top: 4px;
    width: 50%; }
    .surveyBlock__body__container--input > .button {
      height: auto; }
  .surveyBlock__body__container > p {
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.28px;
    color: rgba(0, 0, 0, 0.54); }
  .surveyBlock__body__container--padding {
    padding-bottom: 16px; }
  .surveyBlock__body__container--title {
    color: rgba(0, 0, 0, 0.54);
    min-width: 110px;
    font-size: 13px; }
  .surveyBlock__body__container--label {
    min-width: 160px;
    font-size: 13px;
    white-space: nowrap;
    text-align: right; }
    .surveyBlock__body__container--label a {
      color: #1565c0;
      pointer-events: auto;
      transition: all 0.3s ease;
      opacity: 1;
      cursor: pointer; }
  .surveyBlock__body__container--body {
    width: 100%;
    margin-right: 16px; }
    .surveyBlock__body__container--body .button {
      display: flex;
      width: 100%;
      height: auto;
      min-height: 36px;
      border: none; }
    .surveyBlock__body__container--body .button--rectangle {
      border-width: 1px;
      border-style: solid;
      border-radius: 2px;
      color: #fff;
      background-color: #6c757d;
      border-color: #6c757d;
      width: 70%; }
    .surveyBlock__body__container--body .button:focus {
      box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
      border-color: #4e555b;
      background-color: #545b62; }
  .surveyBlock__body__container--group {
    width: 100%;
    padding: 0px 34px;
    word-wrap: break-word; }
    .surveyBlock__body__container--group .button-group {
      width: 100%;
      display: flex;
      padding-top: 4px;
      position: relative; }
      .surveyBlock__body__container--group .button-group > div {
        display: flex; }
    .surveyBlock__body__container--group .radio-group,
    .surveyBlock__body__container--group .check-group {
      padding: 4px 10px 0px 0px; }
    .surveyBlock__body__container--group .radio-group::before {
      content: "";
      display: block;
      width: 12px;
      height: 12px;
      border: 2px solid #c1c6cb;
      border-radius: 50%; }
    .surveyBlock__body__container--group .radio-select::after {
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      background: rgba(0, 0, 0, 0.54);
      border-radius: 50%;
      position: absolute;
      left: 4px;
      right: 4px;
      top: 12px; }
    .surveyBlock__body__container--group .check-group::before {
      content: "";
      display: block;
      width: 12px;
      height: 12px;
      border: 2px solid #c1c6cb; }
  .surveyBlock__body__container--next-page {
    padding: 35px 16px 0px 16px;
    display: flex; }
  .surveyBlock__body__container_box {
    position: relative; }
    .surveyBlock__body__container_box--text, .surveyBlock__body__container_box--question, .surveyBlock__body__container_box--pdf {
      padding: 16px 16px 0px 16px;
      font-size: 14px;
      line-height: 2;
      letter-spacing: 0.28px;
      color: rgba(0, 0, 0, 0.87);
      position: relative;
      word-wrap: break-word; }
    .surveyBlock__body__container_box--question {
      font-weight: bold; }
    .surveyBlock__body__container_box--button {
      padding: 16px 16px 0px 16px;
      font-size: 14px;
      line-height: 2;
      letter-spacing: 0.28px;
      color: rgba(0, 0, 0, 0.87);
      display: flex;
      flex-direction: row;
      word-wrap: break-word; }
    .surveyBlock__body__container_box--image, .surveyBlock__body__container_box--movie {
      padding: 16px 16px 0px 16px;
      box-sizing: content-box;
      display: flex;
      max-height: 254px; }
      .surveyBlock__body__container_box--image img,
      .surveyBlock__body__container_box--image video, .surveyBlock__body__container_box--movie img,
      .surveyBlock__body__container_box--movie video {
        max-height: 100%;
        max-width: 100%;
        display: block;
        background-color: #dedede;
        border: 1px solid #dedede; }
    .surveyBlock__body__container_box--movie {
      background-color: black; }
    .surveyBlock__body__container_box > p {
      text-align: center;
      line-height: 1.5;
      letter-spacing: 0.28px;
      color: rgba(0, 0, 0, 0.54); }
    .surveyBlock__body__container_box--deleted {
      height: 254px;
      margin-top: 16px;
      padding: 154px 60px 0;
      background: #e2e2e2 url("/assets/img/caution.png") 50% 60px/70px 70px no-repeat; }
    .surveyBlock__body__container_box--loading {
      background-color: #dedede;
      margin-top: 16px;
      padding-bottom: 16px; }
      .surveyBlock__body__container_box--loading > p {
        margin: auto; }
    .surveyBlock__body__container_box--pdf .pdfButton {
      width: -moz-fit-content;
      width: fit-content;
      min-width: 50%;
      padding: 12px;
      border-radius: 4px;
      background-color: rgba(0, 0, 0, 0.06);
      display: flex;
      justify-content: flex-start;
      transition: all 0.3s ease;
      opacity: 1;
      cursor: pointer; }
      .surveyBlock__body__container_box--pdf .pdfButton:hover {
        opacity: 0.6; }
      .surveyBlock__body__container_box--pdf .pdfButton__icon {
        height: 40px;
        font-size: 33px;
        margin: auto 0;
        margin-left: 6px;
        margin-right: 18px;
        display: flex; }
      .surveyBlock__body__container_box--pdf .pdfButton__info {
        display: flex; }
        .surveyBlock__body__container_box--pdf .pdfButton__info > p {
          max-width: 262px;
          word-wrap: break-word;
          overflow-wrap: anywhere; }
        .surveyBlock__body__container_box--pdf .pdfButton__info__name {
          margin-top: 5px;
          margin-bottom: 5px;
          line-height: 16px;
          font-weight: bold;
          word-wrap: break-word;
          overflow-wrap: anywhere; }
        .surveyBlock__body__container_box--pdf .pdfButton__info__size {
          height: 10px;
          line-height: 10px;
          font-size: 10px;
          color: rgba(0, 0, 0, 0.26); }
    .surveyBlock__body__container_box--top {
      padding-top: 35px; }
    .surveyBlock__body__container_box--border-line {
      height: 2px;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.06);
      margin-top: 16px; }

.surveyList {
  display: flex;
  justify-content: flex-start; }
  .surveyList__axis {
    margin-left: 20px;
    margin-right: 16px;
    min-width: 4px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.12); }
  .surveyList__list {
    width: 100%;
    max-width: calc(100% - 40px); }
    .surveyList__list__content {
      margin-bottom: 16px; }
      .surveyList__list__content > .surveyBlock {
        position: relative; }
        .surveyList__list__content > .surveyBlock::before, .surveyList__list__content > .surveyBlock::after {
          position: absolute;
          content: "";
          border-radius: 50%;
          top: 0;
          bottom: 0;
          margin: auto 0; }
        .surveyList__list__content > .surveyBlock::before {
          width: 20px;
          height: 20px;
          left: -29px;
          background-color: #ffffff;
          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12); }
        .surveyList__list__content > .surveyBlock::after {
          width: 14px;
          height: 14px;
          left: -26px;
          background-color: yellow; }
      .surveyList__list__content--black > .surveyBlock::after {
        background-color: rgba(0, 0, 0, 0.87); }
      .surveyList__list__content--blue > .surveyBlock::after {
        background-color: #1565c0; }
    .surveyList__list > :last-child {
      margin-bottom: 0; }

.surveyConfirm .label {
  margin-bottom: 8px; }

.layout__block .publish-title {
  padding-bottom: 24px; }

.exclude-contract {
  margin-left: 42px; }

.mail-template {
  padding-bottom: 10px; }

.fileBlock {
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.06);
  margin-bottom: 16px; }
  .fileBlock__header {
    padding: 0 16px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    letter-spacing: 0.28px;
    color: rgba(0, 0, 0, 0.54);
    background-color: rgba(0, 0, 0, 0.06);
    border-bottom: 2px solid rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: space-between; }
    .fileBlock__header button {
      margin: auto 0; }
  .fileBlock__container--data {
    display: flex;
    justify-content: space-between;
    padding: 24px; }
    .fileBlock__container--data > p {
      height: 36px;
      line-height: 36px; }
    .fileBlock__container--data > div {
      margin: auto 0; }
      .fileBlock__container--data > div img {
        width: 135px;
        background-color: #dedede;
        border: 1px solid #dedede; }
    .fileBlock__container--data > .tButton {
      margin: auto 0;
      width: 148px; }
    .fileBlock__container--data .tButton--link {
      max-width: 336px; }
  .fileBlock__container--loading {
    text-align: center;
    line-height: 1.5;
    letter-spacing: 0.28px; }

.surveyeditor {
  width: 100%;
  margin-bottom: 16px;
  border: 1px solid rgba(0, 0, 0, 0.06); }
  .surveyeditor:last-child {
    margin-bottom: 0; }
  .surveyeditor__header {
    width: 100%;
    height: 44px;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    padding: 0px 0px 0px 16px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.06); }
    .surveyeditor__header > a {
      color: #1565c0;
      pointer-events: auto;
      transition: all 0.3s ease;
      opacity: 1;
      cursor: pointer;
      margin-right: 24px; }
    .surveyeditor__header > .label {
      margin-right: 24px; }
    .surveyeditor__header > button {
      color: #757575;
      width: 28px;
      height: 28px;
      line-height: 28px;
      border-radius: 0;
      margin-left: 8px; }
      .surveyeditor__header > button:last-child {
        margin-left: auto;
        margin-right: 5px; }
  .surveyeditor__contents {
    padding: 24px; }
    .surveyeditor__contents > .next-page {
      display: flex;
      justify-content: space-between; }
      .surveyeditor__contents > .next-page > .contents {
        width: 100%; }
        .surveyeditor__contents > .next-page > .contents > .tPullDown {
          width: 30%; }
          .surveyeditor__contents > .next-page > .contents > .tPullDown > .tPullDown__top {
            padding: 0 12px; }
      .surveyeditor__contents > .next-page > .label-link a {
        color: #1565c0;
        pointer-events: auto;
        transition: all 0.3s ease;
        opacity: 1;
        cursor: pointer;
        font-size: 12px;
        white-space: nowrap; }
    .surveyeditor__contents__border {
      border: 1px solid #ced4da; }
    .surveyeditor__contents__block {
      padding-top: 32px;
      width: 100%; }
      .surveyeditor__contents__block__container {
        display: flex;
        width: 100%;
        margin-bottom: 16px; }
        .surveyeditor__contents__block__container:last-child {
          margin-bottom: 0px; }
        .surveyeditor__contents__block__container > .label-editor {
          width: calc(100% - 60px);
          margin-right: 24px;
          border: 1px solid #ced4da; }
          .surveyeditor__contents__block__container > .label-editor > .header {
            width: 100%;
            height: 34px;
            background-color: #e9ecef;
            display: flex;
            align-items: center;
            padding: 0px 16px 0px 16px;
            border-bottom: 1px solid #ced4da; }
            .surveyeditor__contents__block__container > .label-editor > .header > button {
              color: #757575;
              width: 28px;
              height: 28px;
              line-height: 28px;
              border-radius: 0;
              margin-left: 8px;
              min-width: auto; }
            .surveyeditor__contents__block__container > .label-editor > .header .button svg {
              font-size: 15px; }
            .surveyeditor__contents__block__container > .label-editor > .header > input {
              width: auto;
              height: 28px;
              line-height: 26px; }
            .surveyeditor__contents__block__container > .label-editor > .header > .tPullDown {
              height: 28px;
              line-height: 28px; }
              .surveyeditor__contents__block__container > .label-editor > .header > .tPullDown > .tPullDown__top {
                height: 28px;
                line-height: 28px;
                font-size: 12px; }
              .surveyeditor__contents__block__container > .label-editor > .header > .tPullDown > .tPullDown__modal {
                top: 28px;
                font-size: 12px; }
                .surveyeditor__contents__block__container > .label-editor > .header > .tPullDown > .tPullDown__modal > .tPullDown__line {
                  height: 28px;
                  line-height: 28px;
                  font-size: 12px; }
              .surveyeditor__contents__block__container > .label-editor > .header > .tPullDown--large {
                margin-left: 10px;
                margin-right: 8px; }
            .surveyeditor__contents__block__container > .label-editor > .header .separator {
              width: 1px;
              height: 28px;
              line-height: 28px;
              margin-left: 8px;
              background-color: rgba(0, 0, 0, 0.06); }
        .surveyeditor__contents__block__container > .button--fab {
          min-width: 36px; }
        .surveyeditor__contents__block__container > .tPullDown {
          width: 200px;
          margin-right: 24px; }
          .surveyeditor__contents__block__container > .tPullDown > .tPullDown__top {
            padding: 0 12px; }
        .surveyeditor__contents__block__container .button-group {
          display: flex;
          width: 100%;
          margin-right: 24px; }
          .surveyeditor__contents__block__container .button-group > .input-group {
            display: flex;
            align-items: center;
            padding: 0.375rem 0.75rem;
            font-size: 12px;
            line-height: 1.5;
            color: #c1c6cb;
            white-space: nowrap;
            background-color: #e9ecef;
            border: 1px solid #ced4da;
            border-right-width: 0;
            border-top-left-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem; }
          .surveyeditor__contents__block__container .button-group > .input-group-right {
            display: flex;
            align-items: center;
            padding: 0.375rem 0.75rem;
            font-size: 12px;
            line-height: 1.5;
            text-align: center;
            white-space: nowrap;
            background-color: #e9ecef;
            border: 1px solid #ced4da;
            border-left-width: 0;
            border-top-right-radius: 0.25rem;
            border-bottom-right-radius: 0.25rem; }
            .surveyeditor__contents__block__container .button-group > .input-group-right a {
              color: #1565c0;
              pointer-events: auto;
              transition: all 0.3s ease;
              opacity: 1;
              cursor: pointer; }
          .surveyeditor__contents__block__container .button-group > .input-radio {
            display: flex;
            align-items: center;
            padding: 0.375rem 0.75rem;
            font-size: 12px;
            line-height: 1.5;
            color: #c1c6cb;
            text-align: center;
            white-space: nowrap;
            background-color: #e9ecef;
            border: 1px solid #ced4da;
            border-right-width: 0; }
            .surveyeditor__contents__block__container .button-group > .input-radio input[type="radio"] {
              cursor: pointer; }
          .surveyeditor__contents__block__container .button-group > .input-check {
            display: flex;
            align-items: center;
            padding: 0.375rem 0.75rem;
            font-size: 12px;
            line-height: 1.5;
            color: #c1c6cb;
            text-align: center;
            white-space: nowrap;
            background-color: #e9ecef;
            border: 1px solid #ced4da;
            border-right-width: 0; }
            .surveyeditor__contents__block__container .button-group > .input-check > span {
              content: "";
              display: block;
              width: 12px;
              height: 12px;
              border: 2px solid #c1c6cb; }
        .surveyeditor__contents__block__container > .box {
          display: block;
          width: 100%; }
          .surveyeditor__contents__block__container > .box .group-label {
            font-size: 12px;
            font-weight: normal;
            color: #808080; }
          .surveyeditor__contents__block__container > .box > .input-group-box {
            display: flex;
            width: 100%;
            border-width: 0 0 1px 1px; }
            .surveyeditor__contents__block__container > .box > .input-group-box > .treeview {
              padding-top: 12px;
              border: 1px dotted black;
              border-width: 0 0 1px 1px;
              padding-left: 24px; }
            .surveyeditor__contents__block__container > .box > .input-group-box > .treeview-content {
              padding-top: 12px;
              padding-right: 109px;
              width: 100%;
              display: flex; }
              .surveyeditor__contents__block__container > .box > .input-group-box > .treeview-content > .button--fab {
                min-width: 25px;
                line-height: 25px;
                height: 25px;
                width: 25px; }
              .surveyeditor__contents__block__container > .box > .input-group-box > .treeview-content > .button--fab svg {
                font-size: 12px; }
        .surveyeditor__contents__block__container > .border-label {
          display: flex;
          white-space: nowrap;
          align-items: center;
          width: 100%;
          margin-right: 24px;
          min-height: 36px; }
          .surveyeditor__contents__block__container > .border-label > .border-hr {
            display: flex;
            width: 100%;
            align-items: center;
            min-height: 36px; }
            .surveyeditor__contents__block__container > .border-label > .border-hr > div {
              background-color: rgba(0, 0, 0, 0.06);
              width: 100%;
              height: 2px; }
    .surveyeditor__contents__textarea {
      resize: none;
      width: 100%;
      height: 100%;
      min-height: 36px;
      display: block;
      border: none;
      background-color: #fff;
      padding: 0 16px;
      font-size: 14px;
      margin-right: 24px; }
      .surveyeditor__contents__textarea img {
        width: 135px;
        display: block;
        margin: 16px 0;
        background-color: #dedede; }
      .surveyeditor__contents__textarea--bold {
        font-weight: bold; }
      .surveyeditor__contents__textarea--link {
        text-decoration: underline;
        color: rgba(0, 0, 0, 0.87); }
      .surveyeditor__contents__textarea--app-link {
        text-decoration: underline;
        color: #1565c0;
        pointer-events: auto;
        transition: all 0.3s ease;
        opacity: 1;
        cursor: pointer; }
      .surveyeditor__contents__textarea--link-info {
        color: #1565c0;
        font-size: 13px;
        line-height: 13px; }
      .surveyeditor__contents__textarea--font1 {
        font-size: 22px; }
      .surveyeditor__contents__textarea--font2 {
        font-size: 21px; }
      .surveyeditor__contents__textarea--font3 {
        font-size: 20px; }
      .surveyeditor__contents__textarea--font4 {
        font-size: 19px; }
      .surveyeditor__contents__textarea--font5 {
        font-size: 18px; }
      .surveyeditor__contents__textarea--align0 {
        text-align: left; }
      .surveyeditor__contents__textarea--align1 {
        text-align: center; }
      .surveyeditor__contents__textarea--align2 {
        text-align: right; }
  .surveyeditor__footer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 24px 24px 8px 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.06); }
    .surveyeditor__footer button {
      margin: 0px 16px 16px 0px; }
    .surveyeditor__footer__container {
      display: flex;
      margin-bottom: 16px; }
      .surveyeditor__footer__container:last-child {
        margin-bottom: 0; }
  .surveyeditor .fileBlock {
    margin-right: 24px;
    margin-bottom: 0px; }
  .surveyeditor .tCheckBox .checkbox--labeling {
    min-width: 0px;
    white-space: nowrap;
    margin-right: 24px; }

.surveyForm__title {
  margin-bottom: 16px; }
  .surveyForm__title > .label {
    margin-bottom: 8px; }
  .surveyForm__title textarea {
    padding: 0 16px; }

.surveyForm__contents {
  margin: 16px 0; }

.surveyForm__publish {
  margin-bottom: 16px; }
  .surveyForm__publish label {
    margin-top: 0; }
  .surveyForm__publish--all {
    height: 100%;
    padding: 9px 0; }
    .surveyForm__publish--all > :nth-child(1) {
      display: block;
      margin-bottom: 20px; }
    .surveyForm__publish--all .checkbox--labeling {
      min-width: 165px; }
  .surveyForm__publish--csv {
    display: flex;
    justify-content: space-around; }
    .surveyForm__publish--csv > :nth-child(n) {
      margin-right: 16px; }
    .surveyForm__publish--csv > :last-child {
      margin-right: 0; }
    .surveyForm__publish--csv p {
      line-height: 36px;
      flex-grow: 1; }

.surveyForm .layout__contents > .title {
  padding-bottom: 24px; }

.surveyForm h2 {
  border-top: 2px solid #e1e1e1;
  color: #757575;
  font-size: 16px;
  font-weight: bold;
  padding: 16px 0; }

.surveyForm .layout.layout--flex > button {
  margin-right: 24px; }
  .surveyForm .layout.layout--flex > button:last-child {
    margin-right: 0; }

.surveyForm .layout__confirm__contents {
  width: 100%; }

.surveyForm__pdf {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around; }
  .surveyForm__pdf > :nth-child(n) {
    margin-right: 16px; }
  .surveyForm__pdf > :last-child {
    margin-right: 0; }
  .surveyForm__pdf .tButton--link {
    flex-grow: 1;
    max-width: calc(100% - 251px); }

.surveyAnswer .margin-seperate {
  margin-bottom: 16px; }

.surveyAnswer .top {
  margin-top: 16px; }

.surveyAnswer .download {
  width: 36px;
  margin-left: 8px; }

.surveyAnswer .container {
  width: 100%; }

.surveyAnswer .line {
  height: 2px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.06); }

.surveyAnswer .question {
  font-weight: bold; }

.surveyAnswer .answer {
  font-weight: normal;
  margin-left: 16px;
  margin-top: 8px; }

.surveyAnswer .arrow {
  margin-right: 4px; }

.surveyAnswer__editor--link {
  display: block; }

.surveyAnswer__editor img {
  width: 135px;
  display: block;
  margin: 16px 0;
  background-color: #dedede; }

.surveyAnswer__editor--bold {
  font-weight: bold; }

.surveyAnswer__editor--link {
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.87); }

.surveyAnswer__editor--app-link {
  text-decoration: underline;
  color: #1565c0;
  pointer-events: auto;
  transition: all 0.3s ease;
  opacity: 1;
  cursor: pointer; }

.surveyAnswer__editor--link-info {
  color: #1565c0;
  font-size: 13px;
  line-height: 13px; }

.surveyAnswer__editor--font1 {
  font-size: 22px; }

.surveyAnswer__editor--font2 {
  font-size: 21px; }

.surveyAnswer__editor--font3 {
  font-size: 20px; }

.surveyAnswer__editor--font4 {
  font-size: 19px; }

.surveyAnswer__editor--font5 {
  font-size: 18px; }

.surveyAnswer__editor--align0 {
  text-align: left; }

.surveyAnswer__editor--align1 {
  text-align: center; }

.surveyAnswer__editor--align2 {
  text-align: right; }

.surveyAnswer--answer {
  margin-left: 16px;
  margin-top: 12px;
  display: flex; }
  .surveyAnswer--answer .container {
    border-radius: 4px; }
    .surveyAnswer--answer .container img,
    .surveyAnswer--answer .container video {
      margin: auto; }
    .surveyAnswer--answer .container--img {
      background-color: #dedede; }
    .surveyAnswer--answer .container--video {
      background-color: #000; }

.surveyAnswer--image, .surveyAnswer--movie {
  max-height: 254px;
  box-sizing: content-box;
  display: flex; }
  .surveyAnswer--image img, .surveyAnswer--movie img {
    max-height: 100%;
    max-width: 100%;
    display: block;
    background-color: #dedede;
    border: 1px solid #dedede; }
  .surveyAnswer--image video, .surveyAnswer--movie video {
    max-height: 100%;
    max-width: 100%;
    display: block; }

.surveyAnswer--deleted > p {
  height: 254px;
  width: 100%;
  padding: 154px 60px 0;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.28px;
  color: rgba(0, 0, 0, 0.54);
  background: #e2e2e2 url("/assets/img/caution.png") 50% 60px/70px 70px no-repeat; }

.surveyAnswer--loading > p {
  width: 100%;
  text-align: center;
  background-color: #dedede;
  line-height: 1.5;
  letter-spacing: 0.28px;
  color: rgba(0, 0, 0, 0.54); }

.surveyAnswer--pdf, .surveyAnswer--file {
  display: flex; }
  .surveyAnswer--pdf .pdfButton, .surveyAnswer--file .pdfButton {
    cursor: pointer; }
  .surveyAnswer--pdf .pdfButton,
  .surveyAnswer--pdf .fileButton, .surveyAnswer--file .pdfButton,
  .surveyAnswer--file .fileButton {
    width: 100%;
    padding: 12px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: flex-start;
    transition: all 0.3s ease;
    opacity: 1; }
    .surveyAnswer--pdf .pdfButton:hover,
    .surveyAnswer--pdf .fileButton:hover, .surveyAnswer--file .pdfButton:hover,
    .surveyAnswer--file .fileButton:hover {
      opacity: 0.6; }
    .surveyAnswer--pdf .pdfButton__icon,
    .surveyAnswer--pdf .fileButton__icon, .surveyAnswer--file .pdfButton__icon,
    .surveyAnswer--file .fileButton__icon {
      height: 40px;
      font-size: 33px;
      margin: auto 0;
      margin-left: 6px;
      margin-right: 18px;
      display: flex; }
    .surveyAnswer--pdf .pdfButton__info,
    .surveyAnswer--pdf .fileButton__info, .surveyAnswer--file .pdfButton__info,
    .surveyAnswer--file .fileButton__info {
      display: flex; }
      .surveyAnswer--pdf .pdfButton__info > p,
      .surveyAnswer--pdf .fileButton__info > p, .surveyAnswer--file .pdfButton__info > p,
      .surveyAnswer--file .fileButton__info > p {
        max-width: 262px;
        word-wrap: break-word;
        overflow-wrap: anywhere; }
      .surveyAnswer--pdf .pdfButton__info__name,
      .surveyAnswer--pdf .fileButton__info__name, .surveyAnswer--file .pdfButton__info__name,
      .surveyAnswer--file .fileButton__info__name {
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 16px;
        font-weight: bold;
        word-wrap: break-word;
        overflow-wrap: anywhere; }
      .surveyAnswer--pdf .pdfButton__info__size,
      .surveyAnswer--pdf .fileButton__info__size, .surveyAnswer--file .pdfButton__info__size,
      .surveyAnswer--file .fileButton__info__size {
        height: 10px;
        line-height: 10px;
        font-size: 10px;
        color: rgba(0, 0, 0, 0.26); }

.chatEdit .layout.layout--flex:last-child {
  margin-top: 16px; }

.chatEdit .layout.layout--flex > button {
  margin-right: 24px; }
  .chatEdit .layout.layout--flex > button:last-child {
    margin-right: 0; }

.documentDetail .tText__value, .documentEdit .tText__value {
  word-wrap: break-word; }
  .documentDetail .tText__value .container, .documentEdit .tText__value .container {
    display: flex; }
    .documentDetail .tText__value .container__title, .documentEdit .tText__value .container__title {
      white-space: nowrap; }
    .documentDetail .tText__value .container p, .documentEdit .tText__value .container p {
      word-wrap: break-word;
      overflow-wrap: anywhere; }
  .documentDetail .tText__value p, .documentEdit .tText__value p {
    line-height: 24px; }

.chatbulkConfirm .label {
  margin-bottom: 8px; }

.layout__block .publish-title {
  padding-bottom: 24px; }

.exclude-contract {
  margin-left: 42px; }

.mail-template {
  padding-bottom: 10px; }

.chatbulkForm__title {
  margin-bottom: 16px; }
  .chatbulkForm__title > .label {
    margin-bottom: 8px; }
  .chatbulkForm__title textarea {
    padding: 0 16px; }

.chatbulkForm__contents {
  margin: 16px 0; }

.chatbulkForm__publish {
  margin-bottom: 16px; }
  .chatbulkForm__publish label {
    margin-top: 0; }
  .chatbulkForm__publish--all {
    height: 100%;
    padding: 9px 0; }
    .chatbulkForm__publish--all > :nth-child(1) {
      display: block;
      margin-bottom: 20px; }
    .chatbulkForm__publish--all .checkbox--labeling {
      min-width: 165px; }
  .chatbulkForm__publish--csv {
    display: flex;
    justify-content: space-around; }
    .chatbulkForm__publish--csv > :nth-child(n) {
      margin-right: 16px; }
    .chatbulkForm__publish--csv > :last-child {
      margin-right: 0; }
    .chatbulkForm__publish--csv p {
      line-height: 36px;
      flex-grow: 1; }

.chatbulkForm .layout__contents > .title {
  padding-bottom: 24px; }

.chatbulkForm h2 {
  border-top: 2px solid #e1e1e1;
  color: #757575;
  font-size: 16px;
  font-weight: bold;
  padding: 16px 0; }

.chatbulkForm .layout.layout--flex > button {
  margin-right: 24px;
  margin-bottom: 20px; }
  .chatbulkForm .layout.layout--flex > button:last-child {
    margin-right: 0; }

.chatbulkForm .layout__confirm__contents {
  width: 100%; }

.chatbulkForm__pdf {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around; }
  .chatbulkForm__pdf > :nth-child(n) {
    margin-right: 16px; }
  .chatbulkForm__pdf > :last-child {
    margin-right: 0; }
  .chatbulkForm__pdf .tButton--link {
    flex-grow: 1;
    max-width: calc(100% - 251px); }

.modalLotteryCategory .modal {
  width: 480px;
  height: auto;
  position: fixed;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9999;
  background-color: #fff; }
  .modalLotteryCategory .modal__contents {
    padding: 24px;
    font-size: 14px;
    line-height: 1.4em;
    color: #303030;
    word-break: break-all; }
    .modalLotteryCategory .modal__contents .button {
      margin: 0px 0 0 16px; }

.lotteryForm__title {
  margin-bottom: 16px; }
  .lotteryForm__title > .label {
    margin-bottom: 8px; }

.lotteryForm__contents {
  margin: 16px 0; }

.lotteryForm h2 {
  border-top: 2px solid #e1e1e1;
  color: #757575;
  font-size: 16px;
  font-weight: bold;
  padding: 16px 0; }

.lotteryForm .layout.layout--flex:last-child {
  margin-top: 16px; }

.lotteryForm .layout.layout--flex > button {
  margin-right: 24px; }
  .lotteryForm .layout.layout--flex > button:last-child {
    margin-right: 0; }

.lotteryForm .layout__confirm__contents {
  width: 100%; }

.lotteryForm .margin {
  margin-top: 16px; }

.lotteryForm .modalLotteryCategory .modal__contents .imageUploader__side .layout.layout--flex:last-child {
  margin-top: 16px; }

.lotteryForm .modalLotteryCategory .modal__contents .imageUploader__side .layout.layout--flex > button {
  margin-right: 0; }
  .lotteryForm .modalLotteryCategory .modal__contents .imageUploader__side .layout.layout--flex > button:last-child {
    margin-right: 0; }

.lotteryForm__publish {
  margin-bottom: 16px; }
  .lotteryForm__publish label {
    margin-top: 0; }
  .lotteryForm__publish--all {
    height: 36px;
    padding: 9px 0; }
  .lotteryForm__publish--csv {
    display: flex;
    justify-content: space-around; }
    .lotteryForm__publish--csv > :nth-child(n) {
      margin-right: 16px; }
    .lotteryForm__publish--csv > :last-child {
      margin-right: 0; }
    .lotteryForm__publish--csv p {
      line-height: 36px;
      flex-grow: 1; }

.lotteryConfirm .label {
  margin-bottom: 8px; }

.lotteryConfirm__img img {
  width: 135px;
  display: block;
  margin: 16px 0;
  background-color: #dedede;
  border: 1px solid #dedede; }

.lotteryConfirm__button {
  line-height: 36px;
  margin: 16px 42px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 16px; }

.lotteryConfirm__header {
  width: 135px;
  height: 90px;
  margin: 16px 0;
  background: #dedede no-repeat center center / cover; }

.lotteryConfirm .margin {
  margin-bottom: 16px; }

.lottery__header {
  width: 90px;
  height: 60px;
  margin: 16px 0;
  background: #dedede no-repeat center center / cover; }

.tButton__icon--named {
  margin-top: 8px; }

.modalCarousel .modal {
  width: 480px;
  height: auto;
  position: fixed;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9999;
  background-color: #fff; }
  .modalCarousel .modal__contents {
    padding: 24px;
    font-size: 14px;
    line-height: 1.4em;
    color: #303030;
    word-break: break-all; }
    .modalCarousel .modal__contents .button {
      margin: 0px 0 0 16px; }
  .modalCarousel .modal__input {
    margin-bottom: 16px; }
    .modalCarousel .modal__input > .label {
      margin-bottom: 0px; }

.carousel__header {
  width: 90px;
  height: 60px;
  margin: 16px 0;
  background: #dedede no-repeat center center / cover; }

.tButton__icon--named {
  margin-top: 8px; }

@charset "UTF-8";
html, body {
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  margin: 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87); }

* {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, sans-serif, 'Noto Sans Japanese', 'メイリオ', Meiryo, sans-serif;
  margin: 0;
  box-sizing: border-box;
  outline: none;
  word-wrap: break-word; }

a {
  text-decoration: none; }

ul {
  list-style: none;
  padding: 0; }

li {
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

input,
select {
  outline: none; }

button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

html, body, div, a, span, input, header, footer, nav, ul, li, img, article, Block {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0); }

#app {
  width: 100%;
  min-width: 1200px;
  height: 100%;
  overflow-y: auto; }

.flex {
  display: flex;
  width: 100%; }
  .flex .tButton__text {
    line-height: 21px; }
  .flex--a_center, .flex--aCenter, .flex--center {
    align-items: center; }
  .flex--jCenter {
    justify-content: center; }
  .flex--between {
    justify-content: space-between; }
  .flex--end {
    justify-content: flex-end; }
  .flex--fit {
    width: -moz-fit-content;
    width: fit-content; }
  .flex--vertical {
    flex-direction: column; }
  .flex--column {
    display: flex;
    width: 100%; }
  .flex--nowrap {
    white-space: nowrap;
    font-size: 12px; }

.time {
  white-space: nowrap;
  line-height: 18px; }
  .time--small {
    margin-top: 4px;
    font-size: 12px;
    line-height: 12px; }
  .time--break {
    margin-top: 4px; }

.sign {
  display: inline-block;
  width: 12px;
  line-height: 14px;
  height: 14px; }

.building > p {
  line-height: 18px; }

.building__name {
  overflow: hidden;
  max-height: 36px;
  line-height: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.building__info {
  display: flex;
  justify-content: space-between; }

.constant {
  display: block;
  min-width: 100px; }

.globalLeftContainer {
  width: 274px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  transform: none;
  background-color: #f0f0f0; }

.globalRightContainer {
  padding: 16px 16px 16px calc(274px + 16px); }

.mt24 {
  margin-top: 24px; }

.mr12 {
  margin-right: 12px; }

.mr24 {
  margin-right: 24px; }

.mr44 {
  margin-right: 44px; }

.mr80 {
  margin-right: 80px; }

.mra {
  margin-right: auto; }

.fcRed {
  color: #ef5350; }

.ellipsis {
  overflow: hidden; }
  .ellipsis--single {
    white-space: nowrap;
    text-overflow: ellipsis; }

.header__dev_bg {
  background-color: #00D084 !important; }