@charset "UTF-8";
.logo_wrapper[data-v-a712c742] {
    margin-left: 10px;
}
.circle[data-v-a712c742] {
    fill: #dc2525;
}
.arrow[data-v-a712c742] {
    fill: #3e3a39;
}
@-webkit-keyframes rotate-a712c742 {
0% {
      -webkit-transform: rotate(0deg);
}
15% {
      -webkit-transform: rotate(0deg);
}
25% {
      -webkit-transform: rotate(-30deg);
}
75% {
      -webkit-transform: rotate(390deg);
}
85% {
      -webkit-transform: rotate(360deg);
}
100% {
      -webkit-transform: rotate(360deg);
}
}
@keyframes rotate-a712c742 {
0% {
      -webkit-transform: rotate(0deg);
}
15% {
      -webkit-transform: rotate(0deg);
}
25% {
      -webkit-transform: rotate(-30deg);
}
75% {
      -webkit-transform: rotate(390deg);
}
85% {
      -webkit-transform: rotate(360deg);
}
100% {
      -webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes stab-a712c742 {
0% {
      -webkit-transform: translate(0px, 0px);
      opacity: 1;
}
10% {
      -webkit-transform: translate(0px, 0px);
      opacity: 1;
}
20% {
      -webkit-transform: translate(0px, 0px);
      opacity: 0;
}
85% {
      -webkit-transform: translate(50px, -50px);
      opacity: 0;
}
88% {
      -webkit-transform: translate(-20px, 20px);
      opacity: 1;
}
95% {
      -webkit-transform: translate(0px, 0px);
      opacity: 1;
}
100% {
      -webkit-transform: translate(0px, 0px);
      opacity: 1;
}
}
@keyframes stab-a712c742 {
0% {
      -webkit-transform: translate(0px, 0px);
      opacity: 1;
}
10% {
      -webkit-transform: translate(0px, 0px);
      opacity: 1;
}
20% {
      -webkit-transform: translate(0px, 0px);
      opacity: 0;
}
85% {
      -webkit-transform: translate(50px, -50px);
      opacity: 0;
}
88% {
      -webkit-transform: translate(-20px, 20px);
      opacity: 1;
}
95% {
      -webkit-transform: translate(0px, 0px);
      opacity: 1;
}
100% {
      -webkit-transform: translate(0px, 0px);
      opacity: 1;
}
}
.circle[data-v-a712c742] {
    -webkit-animation: rotate-a712c742 1s ease-in-out infinite;
    animation: rotate-a712c742 1s ease-in-out infinite;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    transform-origin: 344px 680px;
}
.arrow[data-v-a712c742] {
    -webkit-animation: stab-a712c742 1s ease-in-out infinite;
    animation: stab-a712c742 1s ease-in-out infinite;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    transform-origin: 344px 680px;
}
h2.titlebar.bar[data-v-60404225] {
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  font-weight: 600;
}
h2.titlebar.bar.shift[data-v-60404225] {
  background-color: #4395d4;
}
h2.titlebar.bar.attendance[data-v-60404225] {
  background-color: #4eb187;
}
h2.titlebar.bar.payment[data-v-60404225] {
  background-color: #d1aa00;
}
h2.titlebar.bar.aggregation[data-v-60404225] {
  background-color: #ee751b;
}
h2.titlebar.bar.document[data-v-60404225] {
  background-color: #e389b7;
}
h2.titlebar.bar.notification[data-v-60404225] {
  background-color: #eb9142;
}
h2.titlebar.bar.other[data-v-60404225] {
  background-color: #6cb1b7;
}
h2.titlebar.text[data-v-60404225] {
  font-size: 22px;
  font-weight: 600;
  text-align: left;
}
@media screen and (max-width: 499px) {
h2.titlebar.bar[data-v-60404225] {
    font-size: 15px;
    line-height: 30px;
}
h2.titlebar.text[data-v-60404225] {
    font-size: 18px;
}
}svg[data-v-81dd85a7] {
  --color: #5c5c5c;
  --border: none;
  --border-color: initial;
  --bg-color: none;
  --bg-opacity: 1;
  fill: var(--color);
  vertical-align: middle;
  stroke: var(--border-color);
  stroke-width: var(--border);
}.tab_component[data-v-a851d9e5] {
  --tab-width: 130px;
}
.tab_component .tab_item[data-v-a851d9e5] {
  display: inline-block;
  width: var(--tab-width);
  height: 30px;
  line-height: 32px;
  font-size: 15px;
  font-weight: 600;
  color: gray;
  text-align: center;
  background-color: rgb(220, 220, 220);
  margin-right: 3px;
  border-radius: 8px 8px 0px 0px;
  cursor: pointer;
}
.tab_component .tab_item[data-v-a851d9e5]:hover {
  background-color: rgb(230, 230, 230);
}
.tab_component .tab_item[data-v-a851d9e5]:last-child {
  margin-right: 0;
}
.tab_component .tab_item.active[data-v-a851d9e5] {
  color: #fff;
  cursor: default;
}
.tab_component .tab_item.active.shift[data-v-a851d9e5] {
  background-color: #4395d4;
}
.tab_component .tab_item.active.attendance[data-v-a851d9e5] {
  background-color: #4eb187;
}
.tab_component .tab_item.active.payment[data-v-a851d9e5] {
  background-color: #d1aa00;
}
.tab_component .tab_item.active.aggregation[data-v-a851d9e5] {
  background-color: #ee751b;
}
.tab_component .tab_item.active.document[data-v-a851d9e5] {
  background-color: #e389b7;
}
.tab_component .tab_item.active.other[data-v-a851d9e5] {
  background-color: #6cb1b7;
}
.exclamation_icon_wrap[data-v-a851d9e5] {
  display: inline-block;
  vertical-align: 2px;
}
.exclamation_icon_wrap svg[data-v-a851d9e5] {
  width: 15px;
  height: 15px;
}
@media screen and (max-width: 499px) {
.tab_component[data-v-a851d9e5] {
    --tab-sp-width: 85px;
}
.tab_component .tab_item[data-v-a851d9e5] {
    width: var(--tab-sp-width);
    height: 25px;
    line-height: 25px;
    font-size: 12px;
}
.exclamation_icon_wrap[data-v-a851d9e5] {
    vertical-align: 1px;
}
.exclamation_icon_wrap svg[data-v-a851d9e5] {
    width: 12px;
    height: 12px;
}
}.ant-modal {
  max-width: calc(100vw - 30px) !important;
}
.ant-modal-header {
  margin-bottom: 16px !important;
}
.ant-modal-title {
  text-align: center !important;
  font-weight: 600 !important;
  font-size: 20px !important;
}
.ant_dropdown_wrap {
  display: inline-block;
  position: relative;
}
.modal_title {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.submit_wrap {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap {
  display: inline-block;
  width: 250px;
}
.ant-modal-close {
  top: 8px !important;
  right: 8px !important;
  inset-inline-end: none !important;
}
@media screen and (max-width: 499px) {
.ant-modal-header {
    padding: 0px 18px !important;
}
.ant-modal-content {
    padding: 20px 10px 15px !important;
}
.ant-modal-title {
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}
.ant-modal-close {
    top: 6px !important;
    right: 6px !important;
}
}.ant_button_wrap {
  width: 100%;
  display: inline-block;
}
.ant_button_wrap + .ant_button_wrap {
  margin-left: 3px;
}
.ant_button_wrap.square {
  width: 32px;
}
.ant_button_wrap .ant-btn {
  line-height: 30px;
  vertical-align: middle !important;
  padding: 0 7px !important;
  text-align: center;
}
.ant_button_wrap .ant-btn .button_content .text_wrap {
  line-height: 30px;
}
.ant_button_wrap .ant-btn.cancel {
  background-color: white !important;
}
.ant_button_wrap .ant-btn.info {
  background-color: white !important;
}
.ant_button_wrap .ant-btn.transparent, .ant_button_wrap .ant-btn.text, .ant_button_wrap .ant-btn.bordered {
  box-shadow: none !important;
}
.ant_button_wrap .ant-btn.text {
  height: 20px !important;
}
.ant_button_wrap .ant-btn.text .button_content {
  border-bottom: 1px solid #4f92c2 !important;
}
.ant_button_wrap .ant-btn.text .button_content .text_wrap {
  color: #4f92c2 !important;
  font-weight: bold;
}
.ant_button_wrap .ant-btn.text .button_content .text_wrap.with_icon {
  margin-left: 2px;
}
.ant_button_wrap .ant-btn.info .button_content .text_wrap {
  color: rgb(79, 146, 194) !important;
  font-weight: bold;
}
.ant_button_wrap .ant-btn.transround .button_content {
  border-radius: 50%;
}
.ant_button_wrap .ant-btn.bordered .button_content {
  font-size: 13px;
  padding: 4px 9px;
  padding-right: 10px;
  border-radius: 13px;
  border: 1px solid rgb(79, 146, 194);
  transition: background 0.3s, color 0.3s, border-color 0.3s;
}
.ant_button_wrap .ant-btn.bordered .button_content .text_wrap {
  color: #4f92c2 !important;
  font-weight: bold;
  vertical-align: middle !important;
}
.ant_button_wrap .ant-btn.bordered .button_content .text_wrap.with_icon {
  margin-left: 2px;
}
.ant_button_wrap .ant-btn.bordered:hover:not(.disabled) .button_content {
  background: #4f92c2;
  border-color: #4f92c2 !important;
}
.ant_button_wrap .ant-btn.bordered:hover:not(.disabled) .button_content .text_wrap {
  color: #fff !important;
}
.ant_button_wrap .ant-btn.bordered:hover:not(.disabled) svg {
  fill: white;
  stroke: white;
}
.ant_button_wrap .ant-btn.disabled.bordered .button_content {
  background-color: #d9d9d9 !important;
  border: none;
}
.ant_button_wrap .ant-btn.disabled.bordered .button_content .text_wrap {
  color: white !important;
}
.ant_button_wrap .ant-btn.disabled.bordered .button_content svg {
  fill: white;
  stroke: white;
}
.ant_button_wrap .ant-btn.disabled.text .button_content {
  border-bottom: 1px solid gray !important;
}
.ant_button_wrap .ant-btn.disabled.text .button_content .text_wrap {
  color: gray !important;
}
.ant_button_wrap .ant-btn.disabled.text .button_content svg {
  fill: gray;
  stroke: gray;
}
.ant_button_wrap .ant-btn .icon_wrap {
  width: 13px;
  display: inline-block;
  vertical-align: middle;
}
.ant_button_wrap .ant-btn .icon_wrap svg {
  vertical-align: middle;
  width: 13px;
  height: 13px;
}
.ant_button_wrap .ant-btn.cancel {
  border: 1px solid black !important;
}
.ant_button_wrap .ant-btn.info {
  border: 1px solid rgb(79, 146, 194) !important;
}
.ant_button_wrap.large .button_content .text_wrap {
  font-size: 14px;
  font-weight: 600;
}
.ant_button_wrap.large .button_content .text_wrap.with_icon {
  margin-left: 3px;
}
.ant_button_wrap.xlarge .ant-btn-lg {
  padding: 0 30px;
  font-size: 20px;
  height: 50px;
  font-weight: 600;
}
.ant_button_wrap.xlarge .button_content .icon_wrap {
  width: 24px;
  display: inline-block;
}
.ant_button_wrap.xlarge .button_content .icon_wrap svg {
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
.ant_button_wrap.xlarge .button_content .text_wrap {
  font-size: 18px;
  font-weight: 600;
}
.ant_button_wrap.xlarge .button_content .text_wrap.with_icon {
  margin-left: 6px;
}
.ant_button_wrap.small {
  vertical-align: 5px;
}
.ant_button_wrap.small .ant-btn-sm {
  padding: 0 15px;
  font-size: 12px;
}
.ant_button_wrap.small .button_content .icon_wrap {
  width: 14px;
}
.ant_button_wrap.small .button_content .icon_wrap svg {
  width: 14px;
  height: 14px;
}
.ant_button_wrap.small .button_content .text_wrap {
  font-size: 12px;
  line-height: 21.5px;
}
.ant_button_wrap.small .button_content .text_wrap.with_icon {
  margin-left: 3px;
}
.ant_button_wrap .button_content .icon_wrap {
  width: 16px;
  display: inline-block;
}
.ant_button_wrap .button_content .icon_wrap svg {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.ant_button_wrap .button_content .text_wrap {
  display: inline-block;
  vertical-align: middle;
}
.ant_button_wrap .button_content .text_wrap.with_icon {
  margin-left: 5px;
}
.ant_button_wrap .ant-btn-primary {
  --button-color: black;
  background-color: var(--button-color) !important;
  border-color: var(--button-color) !important;
}
.ant_button_wrap .ant-btn-primary.disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5 !important;
  border-color: #d9d9d9 !important;
}
.ant_button_wrap .ant-btn-primary.transparent, .ant_button_wrap .ant-btn-primary.text, .ant_button_wrap .ant-btn-primary.bordered {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.ant_button_wrap .ant-btn-primary.transparent:hover, .ant_button_wrap .ant-btn-primary.transparent:focus, .ant_button_wrap .ant-btn-primary.text:hover, .ant_button_wrap .ant-btn-primary.text:focus, .ant_button_wrap .ant-btn-primary.bordered:hover, .ant_button_wrap .ant-btn-primary.bordered:focus {
  background-color: transparent !important;
  border-color: transparent !important;
}
.ant_button_wrap .ant-btn-primary.transround {
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.6) !important;
  border: none !important;
}
.ant_button_wrap .ant-btn-primary:hover:not(.disabled):not(.text):not(.bordered), .ant_button_wrap .ant-btn-primary:focus:not(.disabled):not(.text):not(.bordered) {
  background-color: var(--button-color) !important;
  border-color: var(--button-color) !important;
}
.ant_button_wrap .ant-btn-primary:hover:not(.disabled):not(.text):not(.bordered):after, .ant_button_wrap .ant-btn-primary:focus:not(.disabled):not(.text):not(.bordered):after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  background-color: white !important;
}
.ant_button_wrap.text, .ant_button_wrap.bordered {
  width: initial;
}
.ant_button_wrap.text .button_content .text_wrap, .ant_button_wrap.bordered .button_content .text_wrap {
  line-height: 15px;
}
.blink .icon_wrap,
.blink .text_wrap {
  -webkit-animation: blink 1s ease-in infinite alternate;
  -moz-animation: blink 1s ease-in infinite alternate;
  animation: blink 1s ease-in infinite alternate;
}
@-webkit-keyframes blink {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@-moz-keyframes blink {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@keyframes blink {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@media screen and (max-width: 499px) {
.ant_button_wrap .ant-btn {
    height: 27px !important;
    font-size: 11px !important;
    padding: 0 5.5px !important;
}
.ant_button_wrap .ant-btn .button_content .icon_wrap {
    width: 14px;
}
.ant_button_wrap .ant-btn .button_content .icon_wrap svg {
    width: 14px;
    height: 14px;
}
.ant_button_wrap.square {
    width: 27px;
}
.ant_button_wrap .button_content .text_wrap {
    line-height: 25px !important;
}
.ant_button_wrap.text .button_content .text_wrap, .ant_button_wrap.bordered .button_content .text_wrap {
    font-size: 11px !important;
    line-height: 14px !important;
}
.ant_button_wrap.large .button_content .text_wrap {
    font-size: 13px;
    font-weight: 600;
}
.ant_button_wrap.large .button_content .text_wrap.with_icon {
    margin-left: 3px;
}
.ant_button_wrap.xlarge .ant-btn-lg {
    padding: 0 20px !important;
    font-size: 18px !important;
    height: 40px !important;
}
.ant_button_wrap.xlarge .button_content .icon_wrap {
    width: 24px;
    display: inline-block;
}
.ant_button_wrap.xlarge .button_content .icon_wrap svg {
    vertical-align: middle;
    width: 24px;
    height: 24px;
}
.ant_button_wrap.xlarge .button_content .text_wrap {
    font-size: 16px !important;
}
.ant_button_wrap.xlarge .button_content .text_wrap.with_icon {
    margin-left: 4px !important;
}
}.select_component {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  text-align: left;
}
.select_component span {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.select_component .ant-select-selection-selected-value {
  font-size: 14px !important;
}
.ant-select-dropdown {
  animation-duration: 0.1s;
}
.ant-select-selection-item,
.ant-select-selection-placeholder {
  font-size: 14px !important;
}
.ant-select-selection-item span,
.ant-select-selection-placeholder span {
  font-size: 14px !important;
  vertical-align: middle !important;
}
.ant-select-selection-item {
  line-height: 28px !important;
}
.ant-select-selection-placeholder {
  line-height: 30px !important;
}
.ant-select-lg .ant-select-selection-selected-value {
  line-height: 39px;
}
.ant-select-dropdown-menu-item.button_option:hover {
  background-color: initial;
}
@media screen and (max-width: 499px) {
.ant-select-selector {
    height: 27px !important;
    padding: 0px !important;
}
.ant-select-selection-item,
  .ant-select-selection-placeholder {
    margin-left: 8px !important;
    font-size: 13px !important;
}
.ant-select-selection-item span,
  .ant-select-selection-placeholder span {
    font-size: 13px !important;
}
.ant-select-selection-item {
    line-height: 23px !important;
}
.ant-select-selection-placeholder {
    line-height: 25px !important;
}
.ant-select-lg .ant-select-selection-selected-value {
    line-height: 39px;
}
.ant-select-selection-selected-value {
    line-height: 25px !important;
}
.ant-select-dropdown-menu-item {
    font-size: 11px !important;
}
.ant-select-dropdown-menu-item.button_option:hover {
    background-color: initial;
}
}.null_value[data-v-162fbdb5] {
  color: #c4c4c4;
}.date_component {
  display: inline-block;
}
.date_component .ant-input {
  padding: 0px !important;
}
.date_component span.label {
  line-height: 32px;
}
.date_component .ant-select-selection-selected-value {
  font-size: 14px !important;
}
.date_component .ant-select-dropdown {
  animation-duration: 0.1s;
}
.date_component .ant-select-lg .ant-select-selection-selected-value {
  line-height: 39px;
}
.date_component .ant-select-selection-selected-value {
  line-height: 30px;
}
.date_component .ant-select-dropdown-menu-item.button_option:hover {
  background-color: initial;
}
.date_component .invalid .ant-select-selection {
  border-color: #d10c1d;
}
.date_component .invalid.time_input {
  border-color: #d10c1d;
}
.date_component .invalid_date {
  margin-left: 5px;
  color: #d10c1d;
  font-weight: 600;
}.create_title[data-v-6e539d25] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.yearmonth_changer_wrap[data-v-6e539d25] {
  text-align: center;
}
.exec_button_wrap[data-v-6e539d25] {
  margin-top: 20px;
  text-align: center;
}
.after_text[data-v-6e539d25] {
  vertical-align: middle;
}.ant-tooltip-inner {
  min-height: initial !important;
  pointer-events: none !important;
}.month_changer_item[data-v-eb9243f4],
.month_changer_text[data-v-eb9243f4] {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.month_changer_item .icon_wrap[data-v-eb9243f4],
.month_changer_text .icon_wrap[data-v-eb9243f4] {
  width: 20px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  margin-right: 5px;
}
.month_changer_item .icon_wrap svg[data-v-eb9243f4],
.month_changer_text .icon_wrap svg[data-v-eb9243f4] {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.month_changer_text.is_modal[data-v-eb9243f4] {
  cursor: pointer;
}
.month_changer_text.is_modal[data-v-eb9243f4]:hover {
  opacity: 0.8;
}
.month_changer_item[data-v-eb9243f4] {
  width: 30px;
  height: 30px;
}
.month_changer_item[data-v-eb9243f4]:hover {
  opacity: 0.8;
}
.month_changer_icon[data-v-eb9243f4] {
  line-height: 30px;
}
.month_changer_icon svg[data-v-eb9243f4] {
  vertical-align: top;
  margin-top: 9px;
  width: 12px;
  height: 12px;
}
.month_changer_icon.left svg[data-v-eb9243f4] {
  margin-right: 1px;
}
.month_changer_icon.right svg[data-v-eb9243f4] {
  margin-left: 1px;
}
.month_changer_text[data-v-eb9243f4] {
  line-height: 30px;
  font-size: 18px;
  font-weight: 600;
  color: white;
  background-color: white;
  width: 100%;
}
.month_changer_text.is_pagenation[data-v-eb9243f4] {
  width: calc(100% - 76px);
}
.month_changer_text.disabled[data-v-eb9243f4] {
  background-color: #9b9a9b;
}
.month_changer_text.shift[data-v-eb9243f4] {
  color: #4395d4;
  border: 2px solid #4395d4;
}
.month_changer_text.attendance[data-v-eb9243f4] {
  color: #4eb187;
  border: 2px solid #4eb187;
}
.month_changer_text.payment[data-v-eb9243f4] {
  color: #d1aa00;
  border: 2px solid #d1aa00;
}
.month_changer_text.aggregation[data-v-eb9243f4] {
  color: #ee751b;
  border: 2px solid #ee751b;
}
.month_changer_text.document[data-v-eb9243f4] {
  color: #e389b7;
  border: 2px solid #e389b7;
}
.month_changer_item[data-v-eb9243f4] {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background-color: rgb(200, 200, 200);
  cursor: pointer;
}
.month_changer_item[data-v-eb9243f4]:first-child {
  margin-right: 8px;
}
.month_changer_item[data-v-eb9243f4]:last-child {
  margin-left: 8px;
}
.month_changer_item[data-v-eb9243f4]:hover {
  background-color: rgb(220, 220, 220);
}
.month_changer_item.shift[data-v-eb9243f4] {
  background-color: #4395d4;
}
.month_changer_item.attendance[data-v-eb9243f4] {
  background-color: #4eb187;
}
.month_changer_item.payment[data-v-eb9243f4] {
  background-color: #d1aa00;
}
.month_changer_item.aggregation[data-v-eb9243f4] {
  background-color: #ee751b;
}
.month_changer_item.document[data-v-eb9243f4] {
  background-color: #e389b7;
}
.blank_arrow_wrap[data-v-eb9243f4] {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.down_arrow_wrap[data-v-eb9243f4] {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.down_arrow_wrap svg[data-v-eb9243f4] {
  width: 13px;
  height: 13px;
}
@media screen and (max-width: 499px) {
.month_changer_text[data-v-eb9243f4] {
    line-height: 23px;
    font-size: 15px;
}
.month_changer_text .icon_wrap[data-v-eb9243f4] {
    width: 20px;
    display: inline-block;
    margin-right: 2px;
    margin-top: 3px;
}
.month_changer_text .icon_wrap svg[data-v-eb9243f4] {
    width: 17px;
    height: 17px;
}
.month_changer_text.is_pagenation[data-v-eb9243f4] {
    width: calc(100% - 60px);
}
.month_changer_icon[data-v-eb9243f4] {
    line-height: 25px;
}
.month_changer_icon svg[data-v-eb9243f4] {
    margin-top: 7.5px;
    width: 10px;
    height: 10px;
}
.month_changer_item[data-v-eb9243f4] {
    width: 25px;
    height: 25px;
}
.month_changer_item[data-v-eb9243f4]:first-child {
    margin-right: 5px;
}
.month_changer_item[data-v-eb9243f4]:last-child {
    margin-left: 5px;
}
}.ant_dropdown_wrap {
  display: inline-block;
  position: relative;
}
.dropdown_icon {
  position: absolute;
  right: 10px;
  top: 5px;
  line-height: 20px;
  pointer-events: none;
}
.dropdown_icon svg {
  width: 10px;
  height: 10px;
}
.dropdown_button_wrap {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}
.dropdown_button_wrap:first-of-type {
  border-top: none;
}
.dropdown_button_wrap:last-of-type {
  border-bottom: none;
}
.ant-select-item-option-content {
  line-height: 22px !important;
}
.overlay_wrap {
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 1000;
  display: none;
  background-color: white;
  padding-top: 2px;
}
.ant_dropdown_button_wrap:hover .overlay_wrap {
  display: block;
}
.overlay_wrap.open {
  display: block;
}
@media screen and (max-width: 499px) {
.dropdown_icon {
    line-height: 15px;
}
.overlay_wrap {
    top: 27px;
    padding-top: 2px;
}
}
/* 調整用トークン */
:root {
  --tree-line-color: #d9d9d9;
  --tree-indent-w: 24px; /* Ant Design のデフォのインデント幅（必要なら調整） */
  --tree-rail-offset: 12px; /* 縦線のX位置（インデント単位の右寄り） */
  --tree-overshoot: 6px; /* 縦線を少し下に延ばして接続を滑らかに */
}
.arrow_tree_select_dropdown .ant-select-tree-node-content-wrapper {
  font-size: 14px !important;
  padding: 5px 12px !important;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode {
  align-items: stretch;
}
.arrow_tree_select_dropdown .ant-select-tree-indent {
  display: inline-flex;
  align-self: stretch;
}
.arrow_tree_select_dropdown .ant-select-tree-indent-unit {
  position: relative;
  align-self: stretch;
}
.arrow_tree_select_dropdown .ant-select-tree-switcher {
  position: relative;
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.arrow_tree_select_dropdown .ant-select-tree-node-content-wrapper {
  display: inline-flex;
  align-items: center;
}
.arrow_tree_select_dropdown .ant-select-tree-switcher-line-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  background-color: #fff;
  box-shadow: 0 0 0 2px #fff;
}
.arrow_tree_select_dropdown .ant-select-tree-indent-unit:before,
.arrow_tree_select_dropdown .ant-select-tree-switcher-leaf-line:before,
.arrow_tree_select_dropdown .ant-select-tree-switcher-leaf-line:after {
  display: none;
}
.arrow_tree_select_dropdown .ant-select-tree-switcher_open:before {
  display: block;
  position: absolute;
  top: calc(50% + 8px);
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-1-vertical-normal) .ant-select-tree-indent-unit:nth-child(1):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-1-vertical-short_under) .ant-select-tree-indent-unit:nth-child(1):before {
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-1-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(1):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 50%;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-1-horizontal-normal) .ant-select-tree-indent-unit:nth-child(1):after {
  display: block;
  position: absolute;
  width: 34px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-1-horizontal-short) .ant-select-tree-indent-unit:nth-child(1):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-2-vertical-normal) .ant-select-tree-indent-unit:nth-child(2):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-2-vertical-short_under) .ant-select-tree-indent-unit:nth-child(2):before {
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-2-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(2):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 50%;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-2-horizontal-normal) .ant-select-tree-indent-unit:nth-child(2):after {
  display: block;
  position: absolute;
  width: 34px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-2-horizontal-short) .ant-select-tree-indent-unit:nth-child(2):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-3-vertical-normal) .ant-select-tree-indent-unit:nth-child(3):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-3-vertical-short_under) .ant-select-tree-indent-unit:nth-child(3):before {
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-3-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(3):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 50%;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-3-horizontal-normal) .ant-select-tree-indent-unit:nth-child(3):after {
  display: block;
  position: absolute;
  width: 34px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-3-horizontal-short) .ant-select-tree-indent-unit:nth-child(3):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-4-vertical-normal) .ant-select-tree-indent-unit:nth-child(4):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-4-vertical-short_under) .ant-select-tree-indent-unit:nth-child(4):before {
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-4-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(4):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 50%;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-4-horizontal-normal) .ant-select-tree-indent-unit:nth-child(4):after {
  display: block;
  position: absolute;
  width: 34px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-4-horizontal-short) .ant-select-tree-indent-unit:nth-child(4):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-5-vertical-normal) .ant-select-tree-indent-unit:nth-child(5):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-5-vertical-short_under) .ant-select-tree-indent-unit:nth-child(5):before {
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-5-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(5):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 50%;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-5-horizontal-normal) .ant-select-tree-indent-unit:nth-child(5):after {
  display: block;
  position: absolute;
  width: 34px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-5-horizontal-short) .ant-select-tree-indent-unit:nth-child(5):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-6-vertical-normal) .ant-select-tree-indent-unit:nth-child(6):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-6-vertical-short_under) .ant-select-tree-indent-unit:nth-child(6):before {
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-6-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(6):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 50%;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-6-horizontal-normal) .ant-select-tree-indent-unit:nth-child(6):after {
  display: block;
  position: absolute;
  width: 34px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-6-horizontal-short) .ant-select-tree-indent-unit:nth-child(6):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-7-vertical-normal) .ant-select-tree-indent-unit:nth-child(7):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-7-vertical-short_under) .ant-select-tree-indent-unit:nth-child(7):before {
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-7-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(7):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 50%;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-7-horizontal-normal) .ant-select-tree-indent-unit:nth-child(7):after {
  display: block;
  position: absolute;
  width: 34px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-7-horizontal-short) .ant-select-tree-indent-unit:nth-child(7):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-8-vertical-normal) .ant-select-tree-indent-unit:nth-child(8):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-8-vertical-short_under) .ant-select-tree-indent-unit:nth-child(8):before {
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-8-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(8):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 50%;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-8-horizontal-normal) .ant-select-tree-indent-unit:nth-child(8):after {
  display: block;
  position: absolute;
  width: 34px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-8-horizontal-short) .ant-select-tree-indent-unit:nth-child(8):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-9-vertical-normal) .ant-select-tree-indent-unit:nth-child(9):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-9-vertical-short_under) .ant-select-tree-indent-unit:nth-child(9):before {
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-9-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(9):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 50%;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-9-horizontal-normal) .ant-select-tree-indent-unit:nth-child(9):after {
  display: block;
  position: absolute;
  width: 34px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-9-horizontal-short) .ant-select-tree-indent-unit:nth-child(9):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-10-vertical-normal) .ant-select-tree-indent-unit:nth-child(10):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-10-vertical-short_under) .ant-select-tree-indent-unit:nth-child(10):before {
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0px;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-10-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(10):before {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 50%;
  height: auto;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-10-horizontal-normal) .ant-select-tree-indent-unit:nth-child(10):after {
  display: block;
  position: absolute;
  width: 34px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-10-horizontal-short) .ant-select-tree-indent-unit:nth-child(10):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 50%;
  top: 0px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
.arrow_tree_select_dropdown .ant-select-tree-treenode {
  width: 100%;
  padding: 0px !important;
}
.tree_select_component {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  text-align: left;
}
.tree_select_component span {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.tree_select_component .ant-select-selection-selected-value {
  font-size: 14px !important;
}
.tree_select_component .ant-select-dropdown {
  animation-duration: 0.1s;
}
.tree_select_component .ant-select-selection-item,
.tree_select_component .ant-select-selection-placeholder {
  font-size: 14px !important;
  vertical-align: middle !important;
}
.tree_select_component .ant-select-selection-item {
  line-height: 30px !important;
}
.tree_select_component .ant-select-selection-placeholder {
  line-height: 30px !important;
}
.tree_select_component .ant-select-lg .ant-select-selection-selected-value {
  line-height: 39px;
}
.tree_select_component .ant-select-dropdown-menu-item.button_option:hover {
  background-color: initial;
}
.arrow_tree_select_dropdown.no_hierarchy .ant-select-tree-switcher {
  display: none !important;
}
@media screen and (max-width: 499px) {
.arrow_tree_select_dropdown .ant-select-tree-node-content-wrapper {
    font-size: 13px !important;
}
.arrow_tree_select_dropdown .ant-select-tree-switcher_open:before {
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-1-vertical-normal) .ant-select-tree-indent-unit:nth-child(1):before {
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-1-vertical-short_under) .ant-select-tree-indent-unit:nth-child(1):before {
    top: 50%;
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-1-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(1):before {
    top: 0px;
    bottom: 50%;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-1-horizontal-normal) .ant-select-tree-indent-unit:nth-child(1):after {
    width: 40px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-1-horizontal-short) .ant-select-tree-indent-unit:nth-child(1):after {
    width: 9.6px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-2-vertical-normal) .ant-select-tree-indent-unit:nth-child(2):before {
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-2-vertical-short_under) .ant-select-tree-indent-unit:nth-child(2):before {
    top: 50%;
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-2-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(2):before {
    top: 0px;
    bottom: 50%;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-2-horizontal-normal) .ant-select-tree-indent-unit:nth-child(2):after {
    width: 40px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-2-horizontal-short) .ant-select-tree-indent-unit:nth-child(2):after {
    width: 9.6px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-3-vertical-normal) .ant-select-tree-indent-unit:nth-child(3):before {
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-3-vertical-short_under) .ant-select-tree-indent-unit:nth-child(3):before {
    top: 50%;
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-3-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(3):before {
    top: 0px;
    bottom: 50%;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-3-horizontal-normal) .ant-select-tree-indent-unit:nth-child(3):after {
    width: 40px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-3-horizontal-short) .ant-select-tree-indent-unit:nth-child(3):after {
    width: 9.6px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-4-vertical-normal) .ant-select-tree-indent-unit:nth-child(4):before {
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-4-vertical-short_under) .ant-select-tree-indent-unit:nth-child(4):before {
    top: 50%;
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-4-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(4):before {
    top: 0px;
    bottom: 50%;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-4-horizontal-normal) .ant-select-tree-indent-unit:nth-child(4):after {
    width: 40px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-4-horizontal-short) .ant-select-tree-indent-unit:nth-child(4):after {
    width: 9.6px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-5-vertical-normal) .ant-select-tree-indent-unit:nth-child(5):before {
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-5-vertical-short_under) .ant-select-tree-indent-unit:nth-child(5):before {
    top: 50%;
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-5-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(5):before {
    top: 0px;
    bottom: 50%;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-5-horizontal-normal) .ant-select-tree-indent-unit:nth-child(5):after {
    width: 40px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-5-horizontal-short) .ant-select-tree-indent-unit:nth-child(5):after {
    width: 9.6px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-6-vertical-normal) .ant-select-tree-indent-unit:nth-child(6):before {
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-6-vertical-short_under) .ant-select-tree-indent-unit:nth-child(6):before {
    top: 50%;
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-6-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(6):before {
    top: 0px;
    bottom: 50%;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-6-horizontal-normal) .ant-select-tree-indent-unit:nth-child(6):after {
    width: 40px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-6-horizontal-short) .ant-select-tree-indent-unit:nth-child(6):after {
    width: 9.6px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-7-vertical-normal) .ant-select-tree-indent-unit:nth-child(7):before {
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-7-vertical-short_under) .ant-select-tree-indent-unit:nth-child(7):before {
    top: 50%;
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-7-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(7):before {
    top: 0px;
    bottom: 50%;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-7-horizontal-normal) .ant-select-tree-indent-unit:nth-child(7):after {
    width: 40px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-7-horizontal-short) .ant-select-tree-indent-unit:nth-child(7):after {
    width: 9.6px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-8-vertical-normal) .ant-select-tree-indent-unit:nth-child(8):before {
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-8-vertical-short_under) .ant-select-tree-indent-unit:nth-child(8):before {
    top: 50%;
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-8-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(8):before {
    top: 0px;
    bottom: 50%;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-8-horizontal-normal) .ant-select-tree-indent-unit:nth-child(8):after {
    width: 40px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-8-horizontal-short) .ant-select-tree-indent-unit:nth-child(8):after {
    width: 9.6px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-9-vertical-normal) .ant-select-tree-indent-unit:nth-child(9):before {
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-9-vertical-short_under) .ant-select-tree-indent-unit:nth-child(9):before {
    top: 50%;
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-9-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(9):before {
    top: 0px;
    bottom: 50%;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-9-horizontal-normal) .ant-select-tree-indent-unit:nth-child(9):after {
    width: 40px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-9-horizontal-short) .ant-select-tree-indent-unit:nth-child(9):after {
    width: 9.6px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-10-vertical-normal) .ant-select-tree-indent-unit:nth-child(10):before {
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-10-vertical-short_under) .ant-select-tree-indent-unit:nth-child(10):before {
    top: 50%;
    bottom: 0px;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-10-vertical-short_upper) .ant-select-tree-indent-unit:nth-child(10):before {
    top: 0px;
    bottom: 50%;
    height: auto;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-10-horizontal-normal) .ant-select-tree-indent-unit:nth-child(10):after {
    width: 40px;
    height: 50%;
}
.arrow_tree_select_dropdown .ant-select-tree-treenode:has(.col-10-horizontal-short) .ant-select-tree-indent-unit:nth-child(10):after {
    width: 9.6px;
    height: 50%;
}
.tree_select_component .ant-select-selector {
    height: 27px !important;
    padding: 0px !important;
}
.tree_select_component .ant-select-selection-item,
  .tree_select_component .ant-select-selection-placeholder {
    margin-left: 8px !important;
    font-size: 13px !important;
}
.tree_select_component .ant-select-selection-item span,
  .tree_select_component .ant-select-selection-placeholder span {
    font-size: 13px !important;
}
.tree_select_component .ant-select-selection-item {
    line-height: 23px !important;
}
.tree_select_component .ant-select-selection-placeholder {
    line-height: 25px !important;
}
.tree_select_component .ant-select-lg .ant-select-selection-selected-value {
    line-height: 39px;
}
.tree_select_component .ant-select-selection-selected-value {
    line-height: 25px !important;
}
.tree_select_component .ant-select-dropdown-menu-item {
    font-size: 11px !important;
}
.tree_select_component .ant-select-dropdown-menu-item.button_option:hover {
    background-color: initial;
}
}.null_value[data-v-54af1139] {
  color: #c4c4c4;
}
.branch_selector_component[data-v-d7706f7a] {
  display: flex;
}
.branch_selector_text[data-v-d7706f7a] {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  line-height: 32px;
  white-space: nowrap; /* 改行を防ぐ */
  flex: 0 0 auto; /* 固定幅 */
}
.branch_selector_wrap[data-v-d7706f7a] {
  display: inline-block;
  width: calc(100% - 40px);
  max-width: 267px;
  vertical-align: middle;
  height: 32px;
  line-height: 30px;
  flex: 1; /* 残りのスペースを最大限使用 */
  margin-right: 5px;
}
.branch_selector_blank[data-v-d7706f7a] {
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
}
@media screen and (max-width: 499px) {
.branch_selector_text[data-v-d7706f7a] {
    height: 27px;
    line-height: 27px;
}
.branch_selector_wrap[data-v-d7706f7a] {
    height: 27px;
    line-height: 25px;
}
.branch_selector_blank[data-v-d7706f7a] {
    height: 27px;
    line-height: 27px;
}
}.spin_wrap[data-v-1037bcd7] {
  --height: initial;
  --size: 25px;
  height: var(--height);
  padding-top: calc((var(--height) - var(--size)) / 2);
  width: 100%;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}.calendar_component[data-v-899e4d53] {
  margin-top: 15px;
}
.calendar_component table[data-v-899e4d53] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.calendar_component table th[data-v-899e4d53] {
  width: 14.2857142857%;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  font-weight: 600;
  color: black;
  text-align: center;
  border: 0.5px solid lightgray;
}
.calendar_component table td[data-v-899e4d53] {
  width: 14.2857142857%;
  max-width: 0;
  height: 100px;
  position: relative;
  background-color: white;
  text-align: center;
  border: 0.5px solid lightgray;
  font-weight: 600;
  vertical-align: top;
  padding: 3px;
  cursor: pointer;
}
.calendar_component table td .text[data-v-899e4d53] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgb(240, 240, 240);
  margin: 0 auto;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  color: black;
}
.calendar_component table td .text.first_day[data-v-899e4d53] {
  font-size: 11px;
}
.calendar_component table td.today .text[data-v-899e4d53] {
  color: white;
}
.calendar_component table td.active[data-v-899e4d53] {
  padding: 0.5px;
}
.calendar_component table td.out_of_range .text[data-v-899e4d53] {
  color: lightgray;
}
.calendar_component table td.error_date .text[data-v-899e4d53] {
  background-color: #ed5454;
  color: white;
}
table.shift th[data-v-899e4d53] {
  background-color: #f2f8fc;
}
table.shift td[data-v-899e4d53]:hover {
  background-color: #e6f3fc;
}
table.shift td.today .text[data-v-899e4d53] {
  background-color: #4395d4;
}
table.shift td.active[data-v-899e4d53] {
  border: 3px solid #4395d4;
  background-color: #d9eeff;
}
table.shift td.error_date .text[data-v-899e4d53] {
  background-color: #ed5454;
  color: white;
}
table.attendance th[data-v-899e4d53] {
  background-color: #f2fcf8;
}
table.attendance td[data-v-899e4d53]:hover {
  background-color: #e6fcf3;
}
table.attendance td.today .text[data-v-899e4d53] {
  background-color: #4eb187;
}
table.attendance td.active[data-v-899e4d53] {
  border: 3px solid #4eb187;
  background-color: #d9ffef;
}.event_wrap[data-v-f11554d7] {
  width: 100%;
  padding: 4px;
  border-radius: 4px;
  margin-top: 3px;
}
.event[data-v-f11554d7] {
  color: white;
  font-size: 10px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.publish_mark[data-v-f11554d7] {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 1;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  line-height: 14px;
}
.publish_mark[data-v-f11554d7] svg {
  width: 14px;
  height: 14px;
  vertical-align: top;
}
[data-v-f11554d7] .calendar_component table.shift td.active {
  border: 0.5px solid lightgray;
  outline: 3px solid #4395d4;
  outline-offset: -3px;
  padding: 3px;
}.date_component {
  display: inline-block;
}
.date_component .ant-input {
  line-height: 32px !important;
  padding: 0px !important;
  text-align: center;
}
.date_component span.label {
  line-height: 32px;
  vertical-align: middle;
}
.date_component .ant-select-selection-selected-value {
  font-size: 14px !important;
}
.date_component .ant-select-selection-selected-value span {
  font-size: 14px !important;
}
.date_component .ant-select-dropdown {
  animation-duration: 0.1s;
}
.date_component .ant-select-lg .ant-select-selection-selected-value {
  line-height: 39px;
}
.date_component .ant-select-selection-selected-value {
  line-height: 30px;
}
.date_component .ant-select-dropdown-menu-item.button_option:hover {
  background-color: initial;
}
.date_component .invalid .ant-select-selection {
  border-color: #d10c1d;
}
.date_component .invalid.date_input {
  border-color: #d10c1d;
}
.date_component .date_input {
  width: 32px;
  height: 32px;
  text-align: center;
  vertical-align: middle;
}
.date_component .invalid_date {
  margin-left: 5px;
  color: #d10c1d;
  font-weight: 600;
}
@media screen and (max-width: 499px) {
.date_component .ant-select-lg .ant-select-selection-selected-value {
    line-height: 39px;
}
.date_component .ant-select-selection-selected-value {
    font-size: 13px !important;
    line-height: 25px;
}
.date_component .ant-select-selection-selected-value span {
    font-size: 13px !important;
}
.date_component .ant-input {
    line-height: 27px !important;
}
.date_component span.label {
    line-height: 27px;
}
.date_component .date_input {
    width: 27px;
}
}.publish_bulk_title[data-v-94f88830] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.publish_bulk_body[data-v-94f88830] {
  padding: 10px;
}
.publish_bulk_description[data-v-94f88830] {
  margin-top: 4px;
  color: #555;
  font-size: 13px;
  line-height: 1.6;
}
.publish_bulk_row[data-v-94f88830] {
  display: grid;
  grid-template-columns: 90px 1fr;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}
.publish_bulk_period[data-v-94f88830] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.publish_bulk_period[data-v-94f88830] .date_component {
  display: inline-flex;
  align-items: center;
  min-width: 170px;
}
.publish_bulk_period_separator[data-v-94f88830] {
  flex: 0 0 auto;
}
.publish_bulk_actions[data-v-94f88830] {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}.tab_wrap[data-v-3330bd92] {
  margin-top: 15px;
}
.calendar_wrap[data-v-3330bd92] {
  border-top: 2px solid #4395d4;
  background-color: rgb(243, 249, 252);
  padding: 15px;
}
.control_wrap[data-v-3330bd92] {
  margin-top: 15px;
  border-top: dashed 2px lightgray;
}
.monthly_wrap[data-v-3330bd92],
.manipulator_wrap[data-v-3330bd92] {
  display: inline-block;
}
.monthly_wrap[data-v-3330bd92] {
  margin-top: 15px;
  width: calc(100% - 160px);
  vertical-align: top;
}
.manipulator_wrap[data-v-3330bd92] {
  margin-top: 15px;
  width: 160px;
  text-align: right;
}
@media screen and (max-width: 1023px) {
.tab_wrap[data-v-3330bd92] {
    display: none;
}
}.day_changer_component[data-v-313f80b2] {
  text-align: center;
}
.day_changer_item[data-v-313f80b2],
.day_changer_text[data-v-313f80b2] {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.day_changer_item[data-v-313f80b2] {
  position: relative;
}
.day_changer_item[data-v-313f80b2]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  background-color: white;
}
.day_changer_icon[data-v-313f80b2] {
  line-height: 27px;
}
.day_changer_icon svg[data-v-313f80b2] {
  vertical-align: top;
  margin-top: 9px;
  width: 12px;
  height: 12px;
}
.day_changer_icon.left svg[data-v-313f80b2] {
  margin-right: 1px;
}
.day_changer_icon.right svg[data-v-313f80b2] {
  margin-left: 1px;
}
.day_changer_text[data-v-313f80b2] {
  line-height: 30px;
  font-size: 30px;
  font-weight: 600;
  color: black;
  background-color: white;
  max-width: 220px;
  width: 100%;
}
.day_changer_text .day_text[data-v-313f80b2] {
  color: gray;
  font-size: 22px;
  margin-left: 5px;
}
.day_changer_text .day_text.saturday[data-v-313f80b2] {
  color: blue;
}
.day_changer_text .day_text.sunday[data-v-313f80b2] {
  color: red;
}
.day_changer_item[data-v-313f80b2] {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background-color: rgb(200, 200, 200);
}
.day_changer_item[data-v-313f80b2]:first-child {
  margin-right: 8px;
}
.day_changer_item[data-v-313f80b2]:last-child {
  margin-left: 8px;
}
.day_changer_item[data-v-313f80b2]:hover {
  background-color: rgb(220, 220, 220);
}
.day_changer_item.shift[data-v-313f80b2] {
  background-color: #4395d4;
}
.day_changer_item.attendance[data-v-313f80b2] {
  background-color: #4eb187;
}
.day_changer_item.payment[data-v-313f80b2] {
  background-color: #d1aa00;
}
.day_changer_item.aggregation[data-v-313f80b2] {
  background-color: #ee751b;
}
.day_changer_item.document[data-v-313f80b2] {
  background-color: #e389b7;
}
.day_changer_item.notification[data-v-313f80b2] {
  background-color: #eb9142;
}
@media screen and (max-width: 499px) {
.day_changer_text[data-v-313f80b2] {
    line-height: 23px;
    font-size: 24px;
}
.day_changer_text .icon_wrap[data-v-313f80b2] {
    width: 20px;
    display: inline-block;
    margin-right: 2px;
}
.day_changer_text .icon_wrap svg[data-v-313f80b2] {
    width: 17px;
    height: 17px;
}
.day_changer_text.is_pagenation[data-v-313f80b2] {
    width: calc(100% - 60px);
}
.day_changer_icon[data-v-313f80b2] {
    line-height: 25px;
}
.day_changer_icon svg[data-v-313f80b2] {
    margin-top: 7.5px;
    width: 10px;
    height: 10px;
}
.day_changer_item[data-v-313f80b2] {
    width: 25px;
    height: 25px;
}
.day_changer_item[data-v-313f80b2]:first-child {
    margin-right: 5px;
}
.day_changer_item[data-v-313f80b2]:last-child {
    margin-left: 5px;
}
}.input_component {
  display: inline-block;
  vertical-align: middle;
}
input.ant-input + span {
  line-height: 32px;
}
span:has(+ input.ant-input) {
  line-height: 32px;
}
@media (max-width: 499px) {
input.ant-input {
    height: 27px !important;
    padding: 4px 4px !important;
    font-size: 13px !important;
    line-height: 27px !important;
}
input.ant-input + span {
    line-height: 27px !important;
    font-size: 13px;
}
span:has(+ input.ant-input) {
    line-height: 27px !important;
    font-size: 13px;
}
}.table_component {
  --border: rgb(171, 171, 171);
  --color: rgba(0, 0, 0, 0.65);
  --placeholder: lightgray;
  --background: gray;
  --background-hover: rgb(166, 166, 166);
}
.table_component.shift {
  --border: #4395d4;
  --background: #4395d4;
  --background-hover: #56aeec;
}
.table_component.able {
  --border: #4395d4;
  --color: #4395d4;
  --placeholder: #64b2ee;
  --background: #4395d4;
  --background-hover: #56aeec;
}
.table_component.attendance {
  --border: #4eb187;
  --background: #4eb187;
  --background-hover: #5ecf9a;
}
.table_component.payment {
  --border: #d1aa00;
  --background: #d1aa00;
  --background-hover: #e0c000;
}
.table_component.aggregation {
  --border: #ee751b;
  --background: #ee751b;
  --background-hover: #f58f3a;
}
.table_component.document {
  --border: #e389b7;
  --background: #e389b7;
  --background-hover: #e89fcf;
}
.table_component.notification {
  --border: #eb9142;
  --background: #eb9142;
  --background-hover: #efa35f;
}
.table_component .control_wrap {
  margin-bottom: 10px;
}
.table_component .table_wrap {
  --scroll-height: 80vh;
  max-height: var(--scroll-height);
  overflow-x: auto !important;
  margin-right: 0px;
}
.table_component .table_wrap.scrolling {
  margin-right: -8px;
}
.table_component .table_wrap table {
  border-collapse: separate;
  background-color: white;
  border-spacing: 0;
}
.table_component .table_wrap table.fixed {
  table-layout: fixed;
}
.table_component .table_wrap table thead.sticky_row {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  color: #fff;
  z-index: 3;
}
.table_component .table_wrap table thead.sticky_col.col1 tr:first-of-type th:nth-of-type(1) {
  position: sticky;
  left: 0;
  z-index: 10;
  border-right: 1px solid var(--border);
}
.table_component .table_wrap table thead.sticky_col.col1 tr:first-of-type th:nth-of-type(1) + th {
  border-left: none;
}
.table_component .table_wrap table thead.sticky_col.col2 tr:first-of-type th:nth-of-type(2) {
  position: sticky;
  left: 0;
  z-index: 10;
  border-right: 1px solid var(--border);
}
.table_component .table_wrap table thead.sticky_col.col2 tr:first-of-type th:nth-of-type(2) + th {
  border-left: none;
}
.table_component .table_wrap table thead.sticky_col.col3 tr:first-of-type th:nth-of-type(3) {
  position: sticky;
  left: 0;
  z-index: 10;
  border-right: 1px solid var(--border);
}
.table_component .table_wrap table thead.sticky_col.col3 tr:first-of-type th:nth-of-type(3) + th {
  border-left: none;
}
.table_component .table_wrap table thead.sticky_col.col4 tr:first-of-type th:nth-of-type(4) {
  position: sticky;
  left: 0;
  z-index: 10;
  border-right: 1px solid var(--border);
}
.table_component .table_wrap table thead.sticky_col.col4 tr:first-of-type th:nth-of-type(4) + th {
  border-left: none;
}
.table_component .table_wrap table thead tr {
  background-color: white;
}
.table_component .table_wrap table thead th {
  color: var(--color);
  padding: 6px 8px;
  background-color: white;
  border: 1px solid var(--border);
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: inherit;
  border-right: 0px;
}
.table_component .table_wrap table thead th th:last-child {
  border-right: 1px solid var(--border);
}
.table_component .table_wrap table thead.control th:nth-last-child(2) {
  border-right: 1px solid var(--border);
}
.table_component .table_wrap table thead tr:not(:first-child) th {
  border-top: none;
}
.table_component .table_wrap table thead tr th:first-of-type {
  border-left: 1px solid var(--border);
}
.table_component .table_wrap table thead tr th:last-of-type {
  border-right: 1px solid var(--border);
}
.table_component .table_wrap table thead tr:first-of-type th {
  border-top: 1px solid var(--border);
}
.table_component .table_wrap table thead tr:last-of-type th {
  border-bottom: 1px solid var(--border);
}
.table_component .table_wrap table thead.control tr:first-child th:last-child {
  border: none;
  border-left: 0.5px solid var(--border);
  border-right: none !important;
}
.table_component .table_wrap table thead.first_color tr:first-child th:first-child {
  background-color: var(--background) !important;
  color: #fff;
}
.table_component .table_wrap table tbody.sticky_col.col1 tr:not(.not_first) td:nth-of-type(1), .table_component .table_wrap table tfoot.sticky_col.col1 tr:not(.not_first) td:nth-of-type(1) {
  position: sticky;
  left: 0;
  z-index: 1;
}
.table_component .table_wrap table tbody.sticky_col.col2 tr:not(.not_first) td:nth-of-type(2), .table_component .table_wrap table tfoot.sticky_col.col2 tr:not(.not_first) td:nth-of-type(2) {
  position: sticky;
  left: 0;
  z-index: 1;
}
.table_component .table_wrap table tbody.sticky_col.col3 tr:not(.not_first) td:nth-of-type(3), .table_component .table_wrap table tfoot.sticky_col.col3 tr:not(.not_first) td:nth-of-type(3) {
  position: sticky;
  left: 0;
  z-index: 1;
}
.table_component .table_wrap table tbody.sticky_col.col4 tr:not(.not_first) td:nth-of-type(4), .table_component .table_wrap table tfoot.sticky_col.col4 tr:not(.not_first) td:nth-of-type(4) {
  position: sticky;
  left: 0;
  z-index: 1;
}
.table_component .table_wrap table tbody tr, .table_component .table_wrap table tfoot tr {
  background-color: white;
}
.table_component .table_wrap table tbody td, .table_component .table_wrap table tfoot td {
  color: var(--color);
  padding: 6px 8px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #e8e8e8;
  border-right: none;
  border-left: none;
  background-color: inherit;
  font-size: 13px;
  border-bottom: 0px;
}
.table_component .table_wrap table tbody td *, .table_component .table_wrap table tfoot td * {
  font-size: 13px;
}
.table_component .table_wrap table tbody tr:first-of-type, .table_component .table_wrap table tfoot tr:first-of-type {
  border-top: none;
}
.table_component .table_wrap table tbody tr:last-of-type td, .table_component .table_wrap table tfoot tr:last-of-type td {
  border-bottom: none;
}
.table_component .table_wrap table tfoot td {
  background-color: #efefef;
}
.table_component .ant-pagination {
  width: 100%;
  text-align: right;
}
.table_component .ant-pagination-total-text {
  float: left;
}
.table_component .ant-table-placeholder {
  color: var(--placeholder);
  margin-top: 0px;
  border: none;
  padding-bottom: 15px;
}
.nodata {
  display: block;
  width: 100%;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-radius: d0 0 4px 4px;
}
table:has(tbody > tr) + .nodata {
  display: none;
}
.left_control,
.right_control {
  display: inline-block;
  vertical-align: top;
}
.right_control {
  width: 160px;
  text-align: right;
}
.left_control {
  width: calc(100% - 160px);
}
.search_wrap {
  display: inline-block;
  vertical-align: top;
  width: 200px;
}
.search_control_wrap {
  display: inline-block;
  margin-left: 8px;
  vertical-align: top;
}
.branch_control_wrap {
  margin-top: 10px;
}
.branch_control_wrap span {
  line-height: 30px;
}
.pagination_wrap,
.simple_pagination_wrap {
  width: 100%;
}
.pagination_wrap {
  display: inline-block;
}
.simple_pagination_wrap {
  display: none;
}
@media screen and (max-width: 599px) {
.search_wrap {
    display: block;
    margin-top: 10px;
    width: 150px;
}
.search_control_wrap {
    display: block;
    margin-left: 0;
    margin-top: 8px;
}
}
@media screen and (max-width: 499px) {
.branch_control_wrap span {
    line-height: 25px;
}
.table_component .table_wrap.scrolling {
    margin-right: 0px;
}
.table_component .table_wrap table thead th {
    padding: 3px 4px;
    border: 1px solid var(--border);
    font-size: 11px;
    line-height: 16px;
}
.table_component .table_wrap table tbody td {
    padding: 3px 4px;
    line-height: 27px;
    font-size: 11px;
}
.table_component .table_wrap table tbody td * {
    font-size: 11px;
}
.pagination_wrap {
    display: none;
}
.simple_pagination_wrap {
    display: inline-block;
}
}.time_component {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  vertical-align: middle;
  white-space: nowrap;
  width: 58px;
  min-width: 58px;
}
.time_component.overnight {
  width: 71px;
  min-width: 71px;
}
.time_component .ant-input {
  padding: 0px !important;
  text-align: center;
  flex: 0 0 auto;
}
.formspan {
  flex: 0 0 auto;
  line-height: 32px;
}
.time_input {
  flex: 0 0 auto;
  height: 30px;
  line-height: 30px;
}
.time_component + span {
  line-height: 32px;
}
@media screen and (max-width: 499px) {
.time_input {
    height: 25px;
    line-height: 25px;
}
.formspan {
    line-height: 27px;
}
span:has(+ input.ant-input) {
    line-height: 27px !important;
    font-size: 13px;
}
.time_component + span {
    line-height: 27px;
}
}.sort_mark_wrap .anticon {
  display: block;
  height: 8px;
}
.sort_mark_wrap svg {
  fill: #bfbfbf;
  width: 12px;
}
.sort_mark_wrap.asc .asc {
  fill: black;
}
.sort_mark_wrap.desc .desc {
  fill: black;
}
@media screen and (max-width: 499px) {
.sort_mark_wrap .anticon {
    height: 5px;
}
.sort_mark_wrap svg {
    width: 9px;
}
}th[data-v-514fb46e] {
  text-align: center;
  font-size: 13px;
}
th[data-v-514fb46e] * {
  font-size: 13px;
}
th.sort_header[data-v-514fb46e] {
  cursor: pointer;
}
th.toggle[data-v-514fb46e] {
  cursor: pointer;
}
th.toggle[data-v-514fb46e]:hover {
  opacity: 0.7;
}
.sort_icon_wrap[data-v-514fb46e] {
  display: inline-block;
  vertical-align: -6px;
  margin-left: 5px;
}
.toggle_icon_wrap[data-v-514fb46e] {
  width: 20px;
  display: inline-block;
}
.toggle_icon_wrap svg[data-v-514fb46e] {
  vertical-align: -5px;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 499px) {
th[data-v-514fb46e] {
    font-size: 11px;
}
th[data-v-514fb46e] * {
    font-size: 11px;
}
.sort_icon_wrap[data-v-514fb46e] {
    vertical-align: -4px;
    margin-left: 1px;
}
.toggle_icon_wrap[data-v-514fb46e] {
    width: 14px;
}
.toggle_icon_wrap svg[data-v-514fb46e] {
    vertical-align: -3px;
    width: 14px;
    height: 14px;
}
}.info_component[data-v-4411e761] {
  display: inline-block;
  margin-left: 5px;
}
.info_component.small_info[data-v-4411e761] {
  display: block;
  margin-left: 0px;
}
.info_component[data-v-4411e761]:first-child {
  margin-left: 0px;
}
.detaillink[data-v-4411e761] {
  display: inline-block;
  font-size: 11px;
  line-height: 15px;
}
.small_info[data-v-4411e761] {
  font-size: 11px;
  white-space: pre-wrap;
  line-height: 15px !important;
  margin-top: 0px;
  font-weight: initial;
  color: #5f5f5f;
}
.small_info span[data-v-4411e761] {
  line-height: 15px;
}
.small_info[data-v-4411e761] * {
  font-size: 11px;
}
.small_info .info_component[data-v-4411e761] {
  line-height: 11px;
}
.small_info .detaillink[data-v-4411e761] {
  display: inline-block;
  line-height: 11px;
}
.small_info .small_content + .detaillink[data-v-4411e761] {
  margin-left: 10px;
}.control_button_wrap[data-v-f18bf44e] {
  display: inline-block;
  width: 150px;
  margin-left: 3px;
}
.control_button_wrap[data-v-f18bf44e]:first-child {
  margin-left: 0;
}
.shift_wrap[data-v-f18bf44e] {
  border: rgb(230, 230, 230) 3px solid;
  padding: 10px 15px;
  margin-top: 15px;
}
.shift_title[data-v-f18bf44e] {
  font-size: 18px;
  font-weight: 600;
}
.shift_title span[data-v-f18bf44e] {
  vertical-align: middle;
}
.publish_status_wrap[data-v-f18bf44e] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 12px;
  vertical-align: middle;
}
.publish_status_tag[data-v-f18bf44e] {
  display: inline-block;
  min-width: 56px;
  height: 24px;
  line-height: 22px;
  border-radius: 3px;
  border: 1px solid;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  padding: 0 8px;
  cursor: pointer;
}
.publish_status_tag.published[data-v-f18bf44e] {
  border-color: #2f9e5f;
  background-color: #eef8f2;
  color: #247a49;
}
.publish_status_tag.unpublished[data-v-f18bf44e] {
  border-color: #8a8a8a;
  background-color: #f3f3f3;
  color: #606060;
}
.publish_status_tag[data-v-f18bf44e]:disabled {
  cursor: wait;
  opacity: 0.65;
}
.shift_table_wrap[data-v-f18bf44e] {
  margin-top: 15px;
}
.shift_time_col[data-v-f18bf44e],
.employee_name_col[data-v-f18bf44e],
.branch_name_col[data-v-f18bf44e] {
  font-size: 14px;
  height: 25px;
  line-height: 25px;
}
.shift_time_col.edit[data-v-f18bf44e],
.employee_name_col.edit[data-v-f18bf44e],
.branch_name_col.edit[data-v-f18bf44e] {
  height: 32px;
  line-height: 32px;
}
.shift_time_col[data-v-f18bf44e] {
  text-align: center;
  min-width: 58px;
  white-space: nowrap;
}
.shift_time_col.overnight[data-v-f18bf44e] {
  min-width: 71px;
}
.shift_time_col.edit[data-v-f18bf44e] {
  min-width: 58px;
  white-space: nowrap;
}
.shift_time_col.edit.overnight[data-v-f18bf44e] {
  min-width: 71px;
}
.total_title_col[data-v-f18bf44e] {
  text-align: left;
}
.total_time_col[data-v-f18bf44e] {
  text-align: center;
}
.person_icon_wrap[data-v-f18bf44e] {
  width: 34px;
  display: inline-block;
}
.person_icon_wrap svg[data-v-f18bf44e] {
  vertical-align: -12px;
  width: 34px;
  height: 34px;
}
.control_wrap[data-v-f18bf44e] {
  display: inline-block;
  margin-left: 15px;
}
table th.name[data-v-f18bf44e] {
  width: 130px;
  min-width: 130px;
}
table th.branch[data-v-f18bf44e] {
  width: 110px;
  min-width: 110px;
}
table th.shift_start[data-v-f18bf44e] {
  width: 58px;
  min-width: 58px;
}
table th.shift_end[data-v-f18bf44e] {
  width: 58px;
  min-width: 58px;
}
table th.punch_in[data-v-f18bf44e] {
  width: 71px;
  min-width: 71px;
}
table th.punch_out[data-v-f18bf44e] {
  width: 71px;
  min-width: 71px;
}
table th.break_start[data-v-f18bf44e] {
  width: 71px;
  min-width: 71px;
}
table th.break_end[data-v-f18bf44e] {
  width: 71px;
  min-width: 71px;
}
table th.plan_break_start[data-v-f18bf44e], table th.plan_break_end[data-v-f18bf44e] {
  width: 58px;
  min-width: 58px;
}
table th.actual_break_start[data-v-f18bf44e], table th.actual_break_end[data-v-f18bf44e] {
  width: 71px;
  min-width: 71px;
}
table th.shift_group[data-v-f18bf44e] {
  width: 116px;
  min-width: 116px;
}
table th.shift_group.separated[data-v-f18bf44e] {
  width: 265px;
  min-width: 265px;
}
table th.punch_group[data-v-f18bf44e] {
  width: 142px;
  min-width: 142px;
}
table th.punch_group.separated[data-v-f18bf44e] {
  width: 320px;
  min-width: 320px;
}
table th.button[data-v-f18bf44e] {
  width: 84px;
}
table td[data-v-f18bf44e] {
  position: relative;
}
.shift_table_wrap.separated_break_table table thead.control tr:nth-child(2) th[data-v-f18bf44e]:nth-last-child(2) {
  border-right: 0 !important;
}
.shift_table_wrap.separated_break_table table thead.control tr:first-child th[data-v-f18bf44e]:last-child {
  border: none !important;
  border-left: 0.5px solid var(--border) !important;
  border-right: none !important;
}
.shift_table_wrap.separated_break_table table th.button[data-v-f18bf44e] {
  width: 84px;
}
.realtime_attendance[data-v-f18bf44e] {
  display: inline-block;
  font-size: 9px !important;
  height: 25px;
  line-height: 8.5px;
  vertical-align: top;
  border: 1px solid #4395d4;
  padding: 3px 2px;
  border-radius: 4px;
  color: #4395d4;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 499px) {
.shift_title[data-v-f18bf44e] {
    font-size: 14px;
}
.shift_title span[data-v-f18bf44e] {
    vertical-align: top;
    line-height: 27px;
}
.shift_wrap[data-v-f18bf44e] {
    padding: 8px;
}
.shift_table_wrap[data-v-f18bf44e] {
    margin-top: 10px;
}
.shift_time_col.edit[data-v-f18bf44e],
  .employee_name_col.edit[data-v-f18bf44e] {
    height: 27px;
    line-height: 27px;
}
table th.name[data-v-f18bf44e] {
    width: 90px;
    min-width: 90px;
}
table th.branch[data-v-f18bf44e] {
    width: 90px;
    min-width: 90px;
}
table th.shift_start[data-v-f18bf44e] {
    width: 58px;
    min-width: 58px;
}
table th.shift_end[data-v-f18bf44e] {
    width: 58px;
    min-width: 58px;
}
table th.punch_in[data-v-f18bf44e] {
    width: 71px;
    min-width: 71px;
}
table th.punch_out[data-v-f18bf44e] {
    width: 71px;
    min-width: 71px;
}
table th.break_start[data-v-f18bf44e] {
    width: 71px;
    min-width: 71px;
}
table th.break_end[data-v-f18bf44e] {
    width: 71px;
    min-width: 71px;
}
table th.plan_break_start[data-v-f18bf44e], table th.plan_break_end[data-v-f18bf44e] {
    width: 58px;
    min-width: 58px;
}
table th.actual_break_start[data-v-f18bf44e], table th.actual_break_end[data-v-f18bf44e] {
    width: 71px;
    min-width: 71px;
}
table th.shift_group[data-v-f18bf44e] {
    width: 116px;
    min-width: 116px;
}
table th.shift_group.separated[data-v-f18bf44e] {
    width: 265px;
    min-width: 265px;
}
table th.punch_group[data-v-f18bf44e] {
    width: 142px;
    min-width: 142px;
}
table th.punch_group.separated[data-v-f18bf44e] {
    width: 320px;
    min-width: 320px;
}
table th.button[data-v-f18bf44e] {
    width: 66px;
}
.shift_table_wrap.separated_break_table table th.button[data-v-f18bf44e] {
    width: 66px;
}
}.ant-collapse-header {
  padding: 0 !important;
}
.ant-collapse-content-box {
  padding: 0 !important;
}
.ant-collapse-expand-icon {
  height: 32px !important;
}.able_wrap[data-v-ef589c22] {
  border: rgb(230, 230, 230) 3px solid;
  padding: 10px 15px;
  margin-top: 15px;
}
.able_title[data-v-ef589c22] {
  font-size: 18px;
  font-weight: 600;
  color: #4395d4;
  line-height: 32px;
}
.able_table_wrap[data-v-ef589c22] {
  margin-top: 15px;
}
.operation_button_wrap[data-v-ef589c22] {
  display: inline-block;
  width: 155px;
}
.operation_button_wrap[data-v-ef589c22]:first-child {
  margin-left: 0;
}
.able_time_col[data-v-ef589c22],
.employee_name_col[data-v-ef589c22],
.able_comment_col[data-v-ef589c22] {
  font-size: 14px;
  height: 25px;
  line-height: 25px;
}
.able_time_col[data-v-ef589c22] {
  text-align: center;
  min-width: 58px;
  white-space: nowrap;
}
.person_icon_wrap[data-v-ef589c22] {
  width: 34px;
  display: inline-block;
}
.person_icon_wrap svg[data-v-ef589c22] {
  vertical-align: -10px;
  width: 34px;
  height: 34px;
}
table th.name[data-v-ef589c22] {
  width: 130px;
  min-width: 130px;
}
table th.shift_start[data-v-ef589c22] {
  width: 58px;
  min-width: 58px;
  max-width: 58px;
}
table th.shift_end[data-v-ef589c22] {
  width: 58px;
  min-width: 58px;
  max-width: 58px;
}
table th.comment[data-v-ef589c22] {
  width: 284px;
}
table th.button[data-v-ef589c22] {
  width: 84px;
}
.able_table_wrap.separated_break_table table th.shift_start[data-v-ef589c22], .able_table_wrap.separated_break_table table th.shift_end[data-v-ef589c22] {
  width: 66.25px;
  min-width: 66.25px;
  max-width: none;
}
.able_table_wrap.separated_break_table table th.comment[data-v-ef589c22] {
  width: 452.5px;
}
.visible_ables[data-v-ef589c22] {
  display: block;
  font-size: 10px;
  text-align: right;
  cursor: pointer !important;
  margin-top: 5px;
  font-weight: bold;
}
@media screen and (max-width: 499px) {
.able_title[data-v-ef589c22] {
    font-size: 14px;
}
.able_wrap[data-v-ef589c22] {
    padding: 8px;
}
table th.name[data-v-ef589c22] {
    width: 90px;
    min-width: 90px;
}
table th.shift_start[data-v-ef589c22] {
    width: 58px;
    min-width: 58px;
    max-width: 58px;
}
table th.shift_end[data-v-ef589c22] {
    width: 58px;
    min-width: 58px;
    max-width: 58px;
}
table th.button[data-v-ef589c22] {
    width: 66px;
}
table th.comment[data-v-ef589c22] {
    width: 308px;
}
.able_table_wrap.separated_break_table table th.shift_start[data-v-ef589c22], .able_table_wrap.separated_break_table table th.shift_end[data-v-ef589c22] {
    width: 66.25px;
    min-width: 66.25px;
    max-width: none;
}
.able_table_wrap.separated_break_table table th.comment[data-v-ef589c22] {
    width: 452.5px;
}
}.control_button_wrap[data-v-f86847c9] {
  display: inline-block;
  width: 150px;
  margin-left: 3px;
}
.control_button_wrap[data-v-f86847c9]:first-child {
  margin-left: 0;
}
.event_wrap[data-v-f86847c9] {
  border: rgb(230, 230, 230) 3px solid;
  padding: 10px 15px;
  margin-top: 15px;
}
.event_title[data-v-f86847c9] {
  font-size: 18px;
  font-weight: 600;
}
.event_title span[data-v-f86847c9] {
  vertical-align: middle;
}
.no_event[data-v-f86847c9] {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
}
.add_event_block[data-v-f86847c9] {
  margin-top: 10px;
}
.event_block[data-v-f86847c9] {
  padding: 14px;
  border: 2px solid rgb(230, 230, 230);
  border-radius: 5px;
  margin-top: 10px;
  position: relative;
}
.event_block .event_name[data-v-f86847c9] {
  font-size: 15px;
  font-weight: 600;
}
.event_block .event_name .event_time[data-v-f86847c9] {
  line-height: 15px;
  margin-left: 10px;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
}
.event_block .event_biko[data-v-f86847c9] {
  margin-top: 5px;
  font-size: 12px;
  color: rgb(100, 100, 100);
  line-height: 15px;
}
.event_block .event_button_wrap[data-v-f86847c9] {
  position: absolute;
  top: 0;
  right: 0;
}
.event_block .event_button_wrap .edit_button_wrap[data-v-f86847c9] {
  display: inline-block;
  width: 30px;
}
.event_block .event_button_wrap .delete_button_wrap[data-v-f86847c9] {
  display: inline-block;
  margin-left: 3px;
  width: 30px;
  margin-right: 3px;
}
.schedule_icon_wrap[data-v-f86847c9] {
  width: 34px;
  display: inline-block;
}
.schedule_icon_wrap svg[data-v-f86847c9] {
  vertical-align: -12px;
  width: 30px;
  height: 30px;
  margin: 2px;
}
.control_wrap[data-v-f86847c9] {
  display: inline-block;
  margin-left: 15px;
}
@media screen and (max-width: 499px) {
.event_wrap[data-v-f86847c9] {
    padding: 8px;
}
.event_wrap[data-v-f86847c9] {
    margin-top: 10px;
}
.event_title[data-v-f86847c9] {
    font-size: 14px;
}
.event_title span[data-v-f86847c9] {
    vertical-align: top;
    line-height: 27px;
}
.event_block[data-v-f86847c9] {
    padding: 8px;
    margin-top: 5px;
}
.event_block .event_name[data-v-f86847c9] {
    font-size: 12px;
}
.event_block .event_name .event_time[data-v-f86847c9] {
    line-height: 13px;
    margin-left: 5px;
    font-size: 10px;
}
.event_block .event_biko[data-v-f86847c9] {
    margin-top: 3px;
    font-size: 10px;
    line-height: 12px;
}
}.shift_wrap[data-v-908af2a0] {
  margin-top: 15px;
}.calendar_block[data-v-4b5654a5],
.detail_block[data-v-4b5654a5] {
  vertical-align: top;
  display: inline-block;
}
.calendar_block[data-v-4b5654a5] {
  width: 39%;
  margin-right: 1%;
}
.detail_block[data-v-4b5654a5] {
  width: 59%;
  margin-left: 1%;
}
.shift_page.separated_break_page .calendar_block[data-v-4b5654a5] {
  width: 31%;
  margin-right: 1%;
}
.shift_page.separated_break_page .detail_block[data-v-4b5654a5] {
  width: 67%;
  margin-left: 1%;
}
.calendar_wrap[data-v-4b5654a5] {
  margin-top: 15px;
}
.detail_wrap[data-v-4b5654a5] {
  margin-top: 30px;
}
.detail_modal_wrap[data-v-4b5654a5] {
  display: none;
}
@media screen and (max-width: 959px) {
.calendar_block[data-v-4b5654a5] {
    width: 100%;
}
.shift_page.separated_break_page .calendar_block[data-v-4b5654a5] {
    width: 100%;
}
.detail_block[data-v-4b5654a5] {
    display: none;
}
.detail_modal_wrap[data-v-4b5654a5] {
    display: block;
}
}.week_changer_item[data-v-fbd3e7ff],
.week_changer_text[data-v-fbd3e7ff] {
  display: inline-block;
  text-align: center;
}
.week_changer_item[data-v-fbd3e7ff] {
  position: relative;
}
.week_changer_item[data-v-fbd3e7ff]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  background-color: white;
}
.week_changer_icon[data-v-fbd3e7ff] {
  line-height: 27px;
}
.week_changer_icon svg[data-v-fbd3e7ff] {
  width: 12px;
  height: 12px;
}
.week_changer_text[data-v-fbd3e7ff] {
  line-height: 30px;
  font-size: 18px;
  font-weight: 600;
  color: white;
  background-color: white;
  width: calc(100% - 76px);
}
.week_changer_text.shift[data-v-fbd3e7ff] {
  color: #4395d4;
  border: 2px solid #4395d4;
}
.week_changer_item[data-v-fbd3e7ff] {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: 2px;
  border-radius: 50%;
  background-color: rgb(200, 200, 200);
  vertical-align: top;
  cursor: pointer;
}
.week_changer_item[data-v-fbd3e7ff]:first-child {
  margin-right: 8px;
}
.week_changer_item[data-v-fbd3e7ff]:last-child {
  margin-left: 8px;
}
.week_changer_item[data-v-fbd3e7ff]:hover {
  background-color: rgb(220, 220, 220);
}
.week_changer_item.shift[data-v-fbd3e7ff] {
  background-color: #4395d4;
}.draggable_hovering {
  filter: drop-shadow(8px 0px 5px gray);
}
.smooth-dnd-ghost {
  filter: drop-shadow(0px 0px 10px gray);
}.dd_wrap {
  width: 100%;
  height: 100%;
}
.smooth-dnd-draggable-wrapper {
  overflow: visible !important;
}
.dragging_element_wrap {
  position: absolute;
  pointer-events: none;
  cursor: grabbing !important;
  filter: drop-shadow(0px 3px 5px rgb(70, 70, 70));
  transform-origin: top left;
}
.dd-wrap:not(.dragging):not(.disable) .dd-origin {
  transition: transform 0.3s ease;
  cursor: grab;
  touch-action: none;
}
.dd-wrap:not(.dragging):not(.disable) .dd-origin:hover {
  transform: translateY(-2px);
  filter: drop-shadow(0px 3px 5px rgb(70, 70, 70));
}
.dd-wrap .dd-origin {
  transition: initial;
  cursor: default;
  touch-action: none;
}
.dd-wrap .dd-origin:hover {
  transform: initial;
  filter: none;
}
.dd-wrap.dragging {
  touch-action: none;
}
.dd-wrap.dragging * {
  touch-action: none;
}.copying_border_top {
  border-top: 3px dashed rgb(38, 86, 201) !important;
  padding-top: 0px !important;
}
.copying_border_bottom {
  border-bottom: 3px dashed rgb(38, 86, 201) !important;
  padding-bottom: 0px !important;
}
.copying_border_left {
  border-left: 3px dashed rgb(38, 86, 201) !important;
  padding-left: 0px !important;
}
.copying_border_right {
  border-right: 3px dashed rgb(38, 86, 201) !important;
  padding-right: 0px !important;
}
.cutting_border_top {
  border-top: 3px dashed rgb(38, 86, 201) !important;
  padding-top: 0px !important;
}
.cutting_border_bottom {
  border-bottom: 3px dashed rgb(38, 86, 201) !important;
  padding-bottom: 0px !important;
}
.cutting_border_left {
  border-left: 3px dashed rgb(38, 86, 201) !important;
  padding-left: 0px !important;
}
.cutting_border_right {
  border-right: 3px dashed rgb(38, 86, 201) !important;
  padding-right: 0px !important;
}
.selecting_border_top {
  border-top: 3px solid rgb(38, 86, 201) !important;
  padding-top: 0px !important;
}
.selecting_border_bottom {
  border-bottom: 3px solid rgb(38, 86, 201) !important;
  padding-bottom: 0px !important;
}
.selecting_border_left {
  border-left: 3px solid rgb(38, 86, 201) !important;
  padding-left: 0px !important;
}
.selecting_border_right {
  border-right: 3px solid rgb(38, 86, 201) !important;
  padding-right: 0px !important;
}
.selecting_border_bottom_right {
  position: relative;
}
.selecting_border_bottom_right:after {
  content: "";
  border: 1px solid white;
  background-color: rgb(38, 86, 201);
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 4px;
  bottom: -6px;
  right: -6px;
}
.moving_border_top {
  border-top: 3px solid rgb(38, 86, 201) !important;
  padding-top: 0px !important;
}
.moving_border_bottom {
  border-bottom: 3px solid rgb(38, 86, 201) !important;
  padding-bottom: 0px !important;
}
.moving_border_left {
  border-left: 3px solid rgb(38, 86, 201) !important;
  padding-left: 0px !important;
}
.moving_border_right {
  border-right: 3px solid rgb(38, 86, 201) !important;
  padding-right: 0px !important;
}
.autofilling_border_top {
  border-top: 3px dashed gray !important;
  padding-top: 0px !important;
}
.autofilling_border_bottom {
  border-bottom: 3px dashed gray !important;
  padding-bottom: 0px !important;
}
.autofilling_border_left {
  border-left: 3px dashed gray !important;
  padding-left: 0px !important;
}
.autofilling_border_right {
  border-right: 3px dashed gray !important;
  padding-right: 0px !important;
}
.dragging_border_top {
  border-top: 3px solid rgb(94, 134, 228) !important;
  padding-top: 0px !important;
}
.dragging_border_bottom {
  border-bottom: 3px solid rgb(94, 134, 228) !important;
  padding-bottom: 0px !important;
}
.dragging_border_left {
  border-left: 3px solid rgb(94, 134, 228) !important;
  padding-left: 0px !important;
}
.dragging_border_right {
  border-right: 3px solid rgb(94, 134, 228) !important;
  padding-right: 0px !important;
}
#ss-click {
  display: none;
  position: absolute;
  padding: 15px;
  border-radius: 5px;
  background-color: #fff;
  filter: drop-shadow(0px 3px 5px rgb(38, 86, 201));
}.adjust_component {
  display: inline-block;
}
.adjust_wrap {
  width: 100%;
  text-align: left;
  overflow: hidden;
}
.adjust_target {
  transform-origin: top left;
}
.smooth-dnd-ghost {
  transform-origin: top left;
}.ellipsis_wrap {
  display: inline-block;
  width: 100%;
  position: relative;
}
.ellipsis_content_hidden_wrap {
  user-select: none;
  display: inline-block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ellipsis_content_wrap {
  width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}.shift_list_table_wrap table[data-v-b4fb1c9e] {
  border-collapse: separate;
  border-spacing: 0px;
}
.shift_list_table_wrap th[data-v-b4fb1c9e],
.shift_list_table_wrap td[data-v-b4fb1c9e] {
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
  height: 34px;
  width: 136px;
  min-width: 136px;
  max-width: 136px;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding: 2px;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.shift_list_table_wrap thead[data-v-b4fb1c9e] {
  display: block;
}
.shift_list_table_wrap table.header_table thead tr th[data-v-b4fb1c9e] {
  border: none;
  text-align: center;
}
.shift_list_table_wrap .sticky_name_table th[data-v-b4fb1c9e]:first-child,
.shift_list_table_wrap .sticky_name_table th.name[data-v-b4fb1c9e],
.shift_list_table_wrap .sticky_name_table td.name[data-v-b4fb1c9e] {
  position: sticky;
  left: 0;
  z-index: 3;
}
.shift_list_table_wrap .sticky_name_table th[data-v-b4fb1c9e]:first-child,
.shift_list_table_wrap .sticky_name_table th.name[data-v-b4fb1c9e] {
  background-color: #f2f8fc;
}
.shift_list_table_wrap .sticky_name_table td.name[data-v-b4fb1c9e] {
  background-color: white;
}
.shift_list_table_wrap .sticky_name_table tfoot td.name[data-v-b4fb1c9e] {
  background-color: #f0f0f0;
}
.shift_list_table_wrap th[data-v-b4fb1c9e] {
  font-weight: 600;
  font-size: 13px;
  padding: 1px;
}
.shift_list_table_wrap th[data-v-b4fb1c9e]:first-child {
  min-width: 136px;
  max-width: 136px;
  width: 136px;
}
.shift_list_table_wrap th.name[data-v-b4fb1c9e] {
  min-width: 136px;
  max-width: 136px;
  width: 136px;
  padding: 6px 8px;
  text-align: left;
}
.shift_list_table_wrap th.branch[data-v-b4fb1c9e] {
  min-width: 120px;
  padding: 6px 8px;
}
.shift_list_table_wrap th.date[data-v-b4fb1c9e] {
  padding-bottom: 3px;
}
.shift_list_table_wrap th.date.today_date[data-v-b4fb1c9e] {
  position: relative;
  overflow: visible;
  background-color: #e2f3ff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  box-shadow: inset 0 1px 0 rgba(67, 149, 212, 0.28);
}
.shift_list_table_wrap th.date.today_date[data-v-b4fb1c9e]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  background-color: #4395d4;
  border-radius: 2px;
  z-index: 2;
}
.shift_list_table_wrap th.date a[data-v-b4fb1c9e] {
  color: initial;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
}
.shift_list_table_wrap th.date a.saturday[data-v-b4fb1c9e] {
  color: blue;
}
.shift_list_table_wrap th.date a.sunday[data-v-b4fb1c9e] {
  color: red;
}
.shift_list_table_wrap th.date a[data-v-b4fb1c9e]:hover {
  color: #1890ff;
}
.shift_list_table_wrap th.date .date_label[data-v-b4fb1c9e] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.shift_list_table_wrap th.date .date_icon[data-v-b4fb1c9e] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12px;
}
.shift_list_table_wrap th.date .date_text[data-v-b4fb1c9e] {
  line-height: 13px;
}
.shift_list_table_wrap th.date[data-v-b4fb1c9e] svg {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
}
.shift_list_table_wrap th.blank[data-v-b4fb1c9e] {
  width: 8px;
  min-width: 8px;
  max-width: 8px;
  background-color: transparent;
  border: none;
}
.shift_list_table_wrap .chart_button_wrap[data-v-b4fb1c9e] {
  width: 132px;
}
.shift_list_table_wrap td[data-v-b4fb1c9e] {
  background: white;
  line-height: 34px;
  text-align: left;
}
.shift_list_table_wrap td.name[data-v-b4fb1c9e] {
  min-width: 136px;
  max-width: 136px;
  width: 136px;
  padding: 0px 2px;
  cursor: ns-resize;
}
.shift_list_table_wrap td.name p span[data-v-b4fb1c9e] {
  display: inline-block;
  vertical-align: middle;
  width: 110px;
}
.shift_list_table_wrap td.branch[data-v-b4fb1c9e] {
  min-width: 120px;
  padding: 0px 2px;
}
.shift_list_table_wrap td.shift_col[data-v-b4fb1c9e] {
  cursor: cell;
  vertical-align: top;
}
.shift_list_table_wrap td.shift_col.disabled[data-v-b4fb1c9e] {
  background-color: rgb(100, 100, 100);
  color: rgb(100, 100, 100);
  cursor: default;
}
.shift_list_table_wrap td.blank[data-v-b4fb1c9e] {
  width: 8px;
  min-width: 8px;
  max-width: 8px;
  background-color: transparent;
  border: none;
}
.shift_list_table_wrap td.employee_col[data-v-b4fb1c9e],
.shift_list_table_wrap td.branch_col[data-v-b4fb1c9e] {
  line-height: 34px;
  height: 34px;
}
.shift_list_table_wrap td.name[data-v-b4fb1c9e] {
  font-weight: 600;
  font-size: 13px;
  padding: 0px 2px;
}
.shift_list_table_wrap td.guide_col[data-v-b4fb1c9e] {
  padding: 5px;
  padding-top: 15px;
  background-color: transparent;
  border: none;
}
.shift_list_table_wrap td.guide_col p[data-v-b4fb1c9e] {
  padding: 10px;
  display: inline-block;
  margin-left: 10px;
}
.shift_list_table_wrap tfoot td[data-v-b4fb1c9e] {
  background-color: #f0f0f0;
}
.shift_list_table_wrap tfoot td.name[data-v-b4fb1c9e] {
  text-align: center;
}
.shift_list_table_wrap tfoot td.person_num[data-v-b4fb1c9e] {
  text-align: center;
  font-size: 11px;
}
.drag_icon_wrap[data-v-b4fb1c9e] {
  width: 16px;
  display: inline-block;
}
.drag_icon_wrap svg[data-v-b4fb1c9e] {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
}
.menu_button_wrap[data-v-b4fb1c9e] {
  width: 130px;
  margin-bottom: 5px;
}
.menu_button_wrap[data-v-b4fb1c9e]:last-child {
  margin-bottom: 0px;
}
.dragging.dd-shift .dd-dest[data-type=dd-shift][data-v-b4fb1c9e]:hover {
  border: 1px solid red;
  filter: drop-shadow(0px 0px 10px rgb(255, 0, 0));
}
.draggable_hovering th[data-v-b4fb1c9e],
.draggable_hovering td[data-v-b4fb1c9e] {
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
}
.draggable_hovering td[data-v-b4fb1c9e] {
  line-height: 34px;
  width: 136px;
  height: 34px;
  min-width: 136px;
  min-height: 34px;
  max-width: 136px;
  max-height: 34px;
  background: white;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.draggable_hovering td.name[data-v-b4fb1c9e] {
  min-width: 136px;
  max-width: 136px;
  width: 136px;
  padding: 0px 2px;
  cursor: ns-resize;
}
.draggable_hovering td.name p span[data-v-b4fb1c9e] {
  display: inline-block;
  vertical-align: middle;
  width: 110px;
}
.draggable_hovering td.branch[data-v-b4fb1c9e] {
  min-width: 120px;
  padding: 0px 2px;
}
.draggable_hovering td.shift_col[data-v-b4fb1c9e] {
  cursor: cell;
  vertical-align: top;
}
.draggable_hovering td.shift_col.disabled[data-v-b4fb1c9e] {
  background-color: rgb(100, 100, 100);
  color: rgb(100, 100, 100);
  cursor: default;
}
.draggable_hovering td.blank[data-v-b4fb1c9e] {
  width: 8px;
  min-width: 8px;
  max-width: 8px;
  background-color: transparent;
  border: none;
}
.draggable_hovering td.name[data-v-b4fb1c9e] {
  font-weight: 600;
  font-size: 13px;
  padding: 0px 2px;
}
.drag_icon_wrap[data-v-b4fb1c9e] {
  width: 16px;
  display: inline-block;
}
.drag_icon_wrap svg[data-v-b4fb1c9e] {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
}
.shift_tooltip > span[data-v-b4fb1c9e]:first-child {
  margin-right: 23px;
}
.week_detail_col[data-v-b4fb1c9e] {
  padding: 5px;
}
.week_detail_col .pattern_detail + div[data-v-b4fb1c9e] {
  margin-top: 3px;
}
.week_detail_col .shift_detail + div[data-v-b4fb1c9e],
.week_detail_col .punch_detail + div[data-v-b4fb1c9e],
.week_detail_col .break_detail + div[data-v-b4fb1c9e] {
  margin-top: 2px;
}
.week_detail_col .shift_detail[data-v-b4fb1c9e],
.week_detail_col .punch_detail[data-v-b4fb1c9e],
.week_detail_col .break_detail[data-v-b4fb1c9e],
.week_detail_col .able_detail[data-v-b4fb1c9e] {
  font-size: 10px;
}
.week_detail_col .shift_detail .subject[data-v-b4fb1c9e],
.week_detail_col .punch_detail .subject[data-v-b4fb1c9e],
.week_detail_col .break_detail .subject[data-v-b4fb1c9e],
.week_detail_col .able_detail .subject[data-v-b4fb1c9e] {
  font-size: 10px;
  font-weight: 600;
  margin-bottom: 1px;
}
.week_detail_col .shift_detail p[data-v-b4fb1c9e],
.week_detail_col .punch_detail p[data-v-b4fb1c9e],
.week_detail_col .break_detail p[data-v-b4fb1c9e],
.week_detail_col .able_detail p[data-v-b4fb1c9e] {
  font-size: 10px;
}
.pattern_detail[data-v-b4fb1c9e] {
  font-size: 12px;
  font-weight: 600;
}
.able_tooltip[data-v-b4fb1c9e] {
  font-size: 13px;
}
.able_tooltip .subject[data-v-b4fb1c9e] {
  font-size: 10px;
  font-weight: 600;
}
.shift_col_content[data-v-b4fb1c9e] {
  width: 24px;
  height: 24px;
}
table.disable td[data-v-b4fb1c9e] {
  cursor: default !important;
}.shift_list_table_wrap table[data-v-f85889bb] {
  border-collapse: separate;
  border-spacing: 0px;
}
.shift_list_table_wrap th[data-v-f85889bb],
.shift_list_table_wrap td[data-v-f85889bb] {
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
  height: 34px;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  max-width: 34px;
  max-height: 34px;
  padding: 2px;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.shift_list_table_wrap thead[data-v-f85889bb] {
  display: block;
}
.shift_list_table_wrap table.header_table thead tr th[data-v-f85889bb] {
  border: none;
  text-align: center;
}
.shift_list_table_wrap th[data-v-f85889bb] {
  font-weight: 600;
  font-size: 13px;
  padding: 1px;
}
.shift_list_table_wrap th[data-v-f85889bb]:first-child {
  min-width: 100px;
  max-width: 100px;
  width: 100px;
}
.shift_list_table_wrap th.name[data-v-f85889bb] {
  min-width: 100px;
  max-width: 100px;
  width: 100px;
  padding: 6px 8px;
  text-align: left;
}
.shift_list_table_wrap th.branch[data-v-f85889bb] {
  min-width: 120px;
  padding: 6px 8px;
}
.shift_list_table_wrap th.date[data-v-f85889bb] {
  padding-bottom: 3px;
}
.shift_list_table_wrap th.date.today_date[data-v-f85889bb] {
  position: relative;
  overflow: visible;
  background-color: #e2f3ff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  box-shadow: inset 0 1px 0 rgba(67, 149, 212, 0.28);
}
.shift_list_table_wrap th.date.today_date[data-v-f85889bb]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  background-color: #4395d4;
  border-radius: 2px;
  z-index: 2;
}
.shift_list_table_wrap th.date a[data-v-f85889bb] {
  color: initial;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
}
.shift_list_table_wrap th.date a.saturday[data-v-f85889bb] {
  color: blue;
}
.shift_list_table_wrap th.date a.sunday[data-v-f85889bb] {
  color: red;
}
.shift_list_table_wrap th.date a[data-v-f85889bb]:hover {
  color: #1890ff;
}
.shift_list_table_wrap th.date .date_label[data-v-f85889bb] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.shift_list_table_wrap th.date .date_icon[data-v-f85889bb] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12px;
}
.shift_list_table_wrap th.date .date_text[data-v-f85889bb] {
  line-height: 13px;
}
.shift_list_table_wrap th.date[data-v-f85889bb] svg {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
}
.shift_list_table_wrap th.blank[data-v-f85889bb] {
  width: 8px;
  min-width: 8px;
  max-width: 8px;
  background-color: transparent;
  border: none;
}
.shift_list_table_wrap .chart_button_wrap[data-v-f85889bb] {
  width: 30px;
}
.shift_list_table_wrap td[data-v-f85889bb] {
  background: white;
  line-height: 34px;
}
.shift_list_table_wrap td.name[data-v-f85889bb] {
  min-width: 100px;
  max-width: 100px;
  width: 100px;
  padding: 0px 2px;
  cursor: ns-resize;
  text-align: left;
}
.shift_list_table_wrap td.name p span[data-v-f85889bb] {
  display: inline-block;
  vertical-align: middle;
  width: 75px;
}
.shift_list_table_wrap td.branch[data-v-f85889bb] {
  min-width: 120px;
  padding: 0px 2px;
}
.shift_list_table_wrap td.shift_col[data-v-f85889bb] {
  cursor: cell;
}
.shift_list_table_wrap td.blank[data-v-f85889bb] {
  width: 8px;
  min-width: 8px;
  max-width: 8px;
  background-color: transparent;
  border: none;
}
.shift_list_table_wrap td.name[data-v-f85889bb] {
  font-weight: 600;
  font-size: 13px;
  padding: 0px 2px;
}
.shift_list_table_wrap td.guide_col[data-v-f85889bb] {
  padding: 5px;
  padding-top: 15px;
  background-color: transparent;
  border: none;
}
.shift_list_table_wrap td.guide_col p[data-v-f85889bb] {
  padding: 10px;
  display: inline-block;
  margin-left: 10px;
}
.shift_list_table_wrap tfoot td[data-v-f85889bb] {
  background-color: #f0f0f0;
}
.shift_list_table_wrap tfoot td.name[data-v-f85889bb] {
  text-align: center;
}
.shift_list_table_wrap tfoot td.person_num[data-v-f85889bb] {
  text-align: center;
  font-size: 11px;
}
table.disable td[data-v-f85889bb] {
  cursor: default !important;
}
.drag_icon_wrap[data-v-f85889bb] {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}
.drag_icon_wrap svg[data-v-f85889bb] {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
}
.menu_button_wrap[data-v-f85889bb] {
  width: 130px;
  margin-bottom: 5px;
}
.menu_button_wrap[data-v-f85889bb]:last-child {
  margin-bottom: 0px;
}
.dragging.dd-shift .dd-dest[data-type=dd-shift][data-v-f85889bb]:hover {
  border: 1px solid red;
  filter: drop-shadow(0px 0px 10px rgb(255, 0, 0));
}
.draggable_hovering th[data-v-f85889bb],
.draggable_hovering td[data-v-f85889bb] {
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
}
.draggable_hovering td[data-v-f85889bb] {
  line-height: 34px;
  height: 34px;
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  max-width: 34px;
  max-height: 34px;
  background: white;
  padding: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.draggable_hovering td.name[data-v-f85889bb] {
  min-width: 100px;
  max-width: 100px;
  width: 100px;
  padding: 0px 2px;
  cursor: ns-resize;
}
.draggable_hovering td.name p span[data-v-f85889bb] {
  display: inline-block;
  vertical-align: middle;
  width: 75px;
}
.draggable_hovering td.branch[data-v-f85889bb] {
  min-width: 120px;
  padding: 0px 2px;
}
.draggable_hovering td.shift_col[data-v-f85889bb] {
  cursor: cell;
}
.draggable_hovering td.blank[data-v-f85889bb] {
  width: 8px;
  min-width: 8px;
  max-width: 8px;
  background-color: transparent;
  border: none;
}
.draggable_hovering td.employee_col[data-v-f85889bb],
.draggable_hovering td.branch_col[data-v-f85889bb] {
  line-height: 33px;
  height: 33px;
}
.draggable_hovering td.employee_col[data-v-f85889bb] {
  width: 100px;
}
.draggable_hovering td.branch_col[data-v-f85889bb] {
  width: 120px;
}
.draggable_hovering td[data-v-f85889bb]:first-child,
.draggable_hovering td[data-v-f85889bb]:nth-child(2) {
  font-weight: 600;
  font-size: 13px;
  padding: 0px 2px;
}
.drag_icon_wrap[data-v-f85889bb] {
  width: 16px;
  display: inline-block;
}
.drag_icon_wrap svg[data-v-f85889bb] {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
}
.able_circle[data-v-f85889bb] {
  text-align: center;
  font-size: 20px;
}
.able_circle.no_shift[data-v-f85889bb] {
  color: black;
}
.shift_tooltip[data-v-f85889bb],
.punch_tooltip[data-v-f85889bb],
.break_tooltip[data-v-f85889bb],
.able_tooltip[data-v-f85889bb] {
  font-size: 13px;
}
.shift_tooltip .subject[data-v-f85889bb],
.punch_tooltip .subject[data-v-f85889bb],
.break_tooltip .subject[data-v-f85889bb],
.able_tooltip .subject[data-v-f85889bb] {
  font-size: 10px;
  font-weight: 600;
}
.shift_tooltip + div[data-v-f85889bb],
.punch_tooltip + div[data-v-f85889bb],
.break_tooltip + div[data-v-f85889bb] {
  margin-top: 4px;
}
.shift_col_content[data-v-f85889bb] {
  width: 24px;
  height: 24px;
}.shift_pattern_table_wrap[data-v-2588efb0] {
  background-color: white;
  padding: 5px;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
.shift_pattern_block[data-v-2588efb0] {
  width: 100%;
  padding: 10px 8px;
  background-color: white;
  border: 2px solid rgb(200, 200, 200);
  border-radius: 5px;
  margin-bottom: 10px;
}
.shift_pattern_block[data-v-2588efb0]:last-child {
  margin-bottom: 0;
}
.shift_pattern_button_wrap[data-v-2588efb0] {
  margin-bottom: 10px;
}
.shift_pattern_col_block[data-v-2588efb0] {
  line-height: 34px;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  background: white;
  display: inline-block;
  vertical-align: top;
}
.shift_pattern_name[data-v-2588efb0] {
  display: inline-block;
  line-height: 16.5px;
  vertical-align: top;
  margin-left: 5px;
  font-weight: 600;
  width: calc(100% - 40px);
  font-size: 11px;
}.able_tooltip > span:first-child {
  margin-right: 10px;
}.radio_group_wrap {
  display: inline-block;
}
.radio_group_wrap input[type=radio] + span::before {
  border: none;
}.toggle_component[data-v-5e37ed14] {
  display: inline-block;
}
.state[data-v-5e37ed14], .after_state[data-v-5e37ed14] {
  margin-left: 5px;
}
.before_state[data-v-5e37ed14] {
  margin-right: 5px;
}
.after_state[data-v-5e37ed14], .before_state[data-v-5e37ed14] {
  display: inline-block;
}.ant-switch.always_valid {
  background-color: #4096ff !important;
}
.ant-switch.always_valid.shift {
  background-color: #4395d4 !important;
}
.ant-switch.always_valid.attendance {
  background-color: #4eb187 !important;
}
.ant-switch.always_valid.payment {
  background-color: #d1aa00 !important;
}
.ant-switch.always_valid.aggregation {
  background-color: #ee751b !important;
}
.ant-switch.always_valid.document {
  background-color: #e389b7 !important;
}
.ant-switch.ant-switch-checked.shift {
  background-color: #4395d4 !important;
}
.ant-switch.ant-switch-checked.attendance {
  background-color: #4eb187 !important;
}
.ant-switch.ant-switch-checked.payment {
  background-color: #d1aa00 !important;
}
.ant-switch.ant-switch-checked.aggregation {
  background-color: #ee751b !important;
}
.ant-switch.ant-switch-checked.document {
  background-color: #e389b7 !important;
}
.before_state svg, .after_state svg {
  width: 22px;
  height: 22px;
}.tab_wrap[data-v-3d11cd3b] {
  margin-top: 15px;
}
.list_wrap[data-v-3d11cd3b] {
  border-top: 2px solid #4395d4;
  background-color: rgb(243, 249, 252);
  padding: 15px;
}
.movie_guide[data-v-3d11cd3b] {
  font-weight: 600;
  margin-top: 10px;
  font-size: 13px;
  white-space: pre-wrap;
  line-height: 17px;
}
.control_wrap[data-v-3d11cd3b] {
  margin-top: 10px;
  border-top: dashed 2px lightgray;
}
.monthly_wrap[data-v-3d11cd3b],
.manipulator_wrap[data-v-3d11cd3b] {
  vertical-align: top;
  display: inline-block;
}
.month_changer_wrap[data-v-3d11cd3b] {
  max-width: 700px;
  margin: 0 auto;
}
.half_month_span_wrap[data-v-3d11cd3b] {
  max-width: 700px;
  margin: 8px auto 0;
  text-align: center;
}
.monthly_wrap[data-v-3d11cd3b] {
  margin-top: 15px;
  width: calc(100% - 330px);
}
.manipulator_wrap[data-v-3d11cd3b] {
  margin-top: 15px;
  width: 330px;
}
.manipulator_radio_group_wrap[data-v-3d11cd3b] {
  display: inline-block;
  width: 171px;
  margin-right: 9px;
}
.manipulator_dropdown_wrap[data-v-3d11cd3b] {
  width: 150px;
  display: inline-block;
}
.control_button_wrap[data-v-3d11cd3b] {
  width: 150px;
  margin-top: 3px;
}
.control_button_wrap[data-v-3d11cd3b]:first-child {
  margin-top: 0;
}
.list_content_wrap[data-v-3d11cd3b] {
  margin-top: 15px;
}
.pattern_wrap[data-v-3d11cd3b] {
  display: inline-block;
  width: 160px;
  margin-top: 30.5px;
  vertical-align: top;
}
.table_wrap[data-v-3d11cd3b] {
  display: inline-block;
  width: calc(100% - 160px);
  padding-left: 5px;
}
.punch_toggle_wrap[data-v-3d11cd3b] {
  width: 100%;
  text-align: right;
  margin-top: 10px;
}.shift_wrap[data-v-08a47b8c] {
  margin-top: 15px;
}.list_block * {
  user-select: none;
}.calendar_block[data-v-693abcea] {
  vertical-align: top;
  display: inline-block;
  width: 100%;
}
.list_wrap[data-v-693abcea] {
  margin-top: 15px;
}.shift_view_page[data-v-827430c3] {
  padding-bottom: 24px;
}
.control_wrap[data-v-827430c3] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin: 16px 0;
}
.branch_selector_wrap[data-v-827430c3] {
  min-width: 220px;
}
.view_note[data-v-827430c3] {
  margin-bottom: 8px;
  color: #666;
  font-size: 12px;
}
.print_surface[data-v-827430c3] {
  width: 100%;
  overflow-x: auto;
  background: #fff;
}
.view_table[data-v-827430c3] {
  border-collapse: collapse;
  min-width: 1120px;
  width: 100%;
  table-layout: fixed;
}
.view_table th[data-v-827430c3],
.view_table td[data-v-827430c3] {
  border: 1px solid #d8dde3;
  vertical-align: top;
}
.view_table th[data-v-827430c3] {
  background: #f5f7fa;
  color: #333;
  font-weight: 600;
}
.view_table th.employee_name[data-v-827430c3] {
  width: 132px;
}
.view_table td[data-v-827430c3] {
  height: 72px;
  padding: 3px;
  background: #fff;
}
.view_table .holiday[data-v-827430c3] {
  background: #fbfbfb;
}
.day_num[data-v-827430c3] {
  font-size: 13px;
  line-height: 18px;
}
.day_week[data-v-827430c3] {
  font-size: 10px;
  color: #67717f;
  line-height: 14px;
}
.name[data-v-827430c3] {
  padding: 6px;
  font-size: 13px;
  line-height: 18px;
  word-break: break-word;
}
.shift_item[data-v-827430c3],
.able_item[data-v-827430c3] {
  border: 1px solid;
  border-radius: 3px;
  padding: 2px 3px;
  margin-bottom: 3px;
  font-size: 10px;
  line-height: 14px;
  word-break: break-word;
}
.able_item[data-v-827430c3] {
  opacity: 0.75;
}
.branch_name[data-v-827430c3] {
  font-weight: 600;
}
@media print {
.tab_wrap[data-v-827430c3],
  .control_wrap[data-v-827430c3],
  .view_note[data-v-827430c3] {
    display: none;
}
.print_surface[data-v-827430c3] {
    overflow: visible;
}
.view_table[data-v-827430c3] {
    min-width: 0;
    font-size: 9px;
}
}.apply_wrap[data-v-abbf2672] {
  margin-top: 15px;
  text-align: center;
}
.apply_button_wrap[data-v-abbf2672] {
  display: inline-block;
  width: 250px;
}
.need_table_wrap[data-v-abbf2672] {
  padding: 0 12px;
}
.apply_img_wrap[data-v-abbf2672] {
  margin-top: 10px;
}
.apply_img_wrap img[data-v-abbf2672] {
  width: 70px;
  margin: 0 auto;
}
.day_text.sun[data-v-abbf2672] {
  color: red;
}
.day_text.sat[data-v-abbf2672] {
  color: blue;
}
table th.date[data-v-abbf2672] {
  width: 256px;
}
table th.pattern[data-v-abbf2672] {
  width: 150px;
}
table th.need_time[data-v-abbf2672] {
  width: 144px;
}
table th.person_num[data-v-abbf2672] {
  width: 75px;
}
@media screen and (max-width: 499px) {
table th.date[data-v-abbf2672] {
    width: 80px;
}
table th.pattern[data-v-abbf2672] {
    width: 120px;
}
table th.need_time[data-v-abbf2672] {
    width: 134px;
}
table th.person_num[data-v-abbf2672] {
    width: 65px;
}
}textarea[data-v-cdc14b39] {
  line-height: 20px !important;
}.ant-checkbox {
  display: inline-block !important;
  vertical-align: middle !important;
}
.ant-checkbox + span {
  padding-right: 10px !important;
  padding-left: 5px !important;
  vertical-align: middle !important;
  line-height: 30px !important;
}
.ant-checkbox-wrapper {
  line-height: initial !important;
  vertical-align: middle !important;
}
.ant-checkbox-inner {
  border: 1px solid #808080 !important;
}.checkbox_component[data-v-6f8e5afa] {
  display: inline-block;
  vertical-align: middle;
}.control_table_wrap[data-v-c1ae5e7f] {
  margin-top: 10px;
}
.button_wrap[data-v-c1ae5e7f] {
  margin-top: 10px;
  height: 32px;
}
.pattern_button_wrap[data-v-c1ae5e7f] {
  float: right;
  width: 150px;
}
table th.day[data-v-c1ae5e7f] {
  width: 32px;
}
table th.pattern[data-v-c1ae5e7f] {
  width: 150px;
}
table th.need_time[data-v-c1ae5e7f] {
  width: 144px;
}
table th.person_num[data-v-c1ae5e7f] {
  width: 75px;
}
@media screen and (max-width: 499px) {
.pattern_button_wrap[data-v-c1ae5e7f] {
    width: 140px;
}
table th.day[data-v-c1ae5e7f] {
    width: 27px;
}
table th.pattern[data-v-c1ae5e7f] {
    width: 120px;
}
table th.need_time[data-v-c1ae5e7f] {
    width: 134px;
}
table th.person_num[data-v-c1ae5e7f] {
    width: 65px;
}
}.button_wrap[data-v-b9e49f80] {
  margin-top: 10px;
  height: 32px;
}
.pattern_button_wrap[data-v-b9e49f80] {
  float: right;
  width: 150px;
}
.apply_wrap[data-v-b9e49f80] {
  margin-top: 15px;
  text-align: center;
}
.apply_button_wrap[data-v-b9e49f80] {
  display: inline-block;
  width: 250px;
}
.apply_img_wrap[data-v-b9e49f80] {
  margin-top: 10px;
}
.apply_img_wrap img[data-v-b9e49f80] {
  width: 70px;
  margin: 0 auto;
}
.need_wrap[data-v-b9e49f80] {
  max-width: 660px;
  margin: 0 auto;
}
.add_need_title[data-v-b9e49f80] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.control_wrap[data-v-b9e49f80] {
  max-width: 660px;
  margin: 0 auto;
  padding: 10px;
  border: 2px dashed #4395d4;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
}
.span_mode_wrap[data-v-b9e49f80] {
  margin-top: 8px;
  text-align: center;
}
.half_month_span_radio[data-v-b9e49f80] {
  margin-left: 8px;
}
.submit_wrap[data-v-b9e49f80] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-b9e49f80] {
  display: inline-block;
  width: 250px;
}
.comment_wrap[data-v-b9e49f80] {
  margin-top: 20px;
  font-size: 17px;
  font-weight: 600;
}
.comment_icon_wrap[data-v-b9e49f80] {
  width: 22px;
  display: inline-block;
  margin-right: 3px;
}
.comment_icon_wrap svg[data-v-b9e49f80] {
  vertical-align: -4px;
  width: 22px;
  height: 22px;
}
.comment_textarea_wrap[data-v-b9e49f80] {
  margin-top: 2px;
}.shiftgroup_selector_component[data-v-fd244473] {
  display: inline-block;
  width: 100%;
}.button_wrap[data-v-8dcf0542] {
  margin-top: 10px;
  height: 32px;
}
.pattern_button_wrap[data-v-8dcf0542] {
  float: right;
  width: 150px;
}
.shiftgroup_selector_wrap[data-v-8dcf0542] {
  float: left;
}
.shiftgroup_selector[data-v-8dcf0542] {
  vertical-align: middle;
  display: inline-block;
  width: 100px;
}
.control_table_wrap[data-v-8dcf0542] {
  margin-top: 10px;
}
table th.day[data-v-8dcf0542] {
  width: 32px;
}
table th.pattern[data-v-8dcf0542] {
  width: 150px;
}
table th.shift_shift[data-v-8dcf0542] {
  width: 145px;
}
table th.shift_break[data-v-8dcf0542] {
  width: 145px;
}
@media screen and (max-width: 499px) {
.pattern_button_wrap[data-v-8dcf0542] {
    width: 140px;
}
table th.day[data-v-8dcf0542] {
    width: 27px;
}
table th.pattern[data-v-8dcf0542] {
    width: 120px;
}
table th.shift_shift[data-v-8dcf0542] {
    width: 134px;
}
table th.shift_break[data-v-8dcf0542] {
    width: 134px;
}
}.apply_wrap[data-v-54555b97] {
  margin-top: 15px;
  text-align: center;
}
.apply_button_wrap[data-v-54555b97] {
  display: inline-block;
  width: 250px;
}
.shifts_table_wrap[data-v-54555b97] {
  padding: 0 12px;
}
.apply_img_wrap[data-v-54555b97] {
  margin-top: 10px;
}
.apply_img_wrap img[data-v-54555b97] {
  width: 70px;
  margin: 0 auto;
}
table th.date[data-v-54555b97] {
  width: 256px;
}
table th.pattern[data-v-54555b97] {
  width: 150px;
}
table th.shift_shift[data-v-54555b97] {
  width: 145px;
}
table th.shift_break[data-v-54555b97] {
  width: 145px;
}
table .attendance_locked_col[data-v-54555b97] {
  font-size: 15px;
  text-align: center;
}
@media screen and (max-width: 499px) {
table th.date[data-v-54555b97] {
    width: 80px;
}
table th.pattern[data-v-54555b97] {
    width: 120px;
}
table th.shift_shift[data-v-54555b97] {
    width: 134px;
}
table th.shift_break[data-v-54555b97] {
    width: 134px;
}
}.shift_flow_attention[data-v-a710267f] {
  font-size: 14px;
  font-weight: 600;
  margin: 5px 0 15px;
  color: #5b5b5b;
}
.control_wrap[data-v-a710267f] {
  padding: 10px;
  margin: 0 auto;
  max-width: 730px;
  border: 2px dashed #4395d4;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
}
.shift_wrap[data-v-a710267f] {
  max-width: 730px;
  margin: 0 auto;
}
.submit_wrap[data-v-a710267f] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-a710267f] {
  display: inline-block;
  width: 250px;
}
.exec_button_wrap[data-v-a710267f] {
  text-align: center;
}.shift_flow_component .shift_flow_wrap {
  padding: 10px 15px;
  border: 2px gray solid;
  margin: 10px auto;
  border-radius: 10px;
  background-color: white;
}
.shift_flow_component .apply_img_wrap {
  margin: 10px auto;
  text-align: center;
}
.shift_flow_component .apply_img_wrap img {
  width: 55px;
  margin: 0 auto;
}
.shift_flow_component .shift_flow_title {
  text-align: center;
  font-size: 15px;
  line-height: 30px;
  color: black;
  font-weight: 600;
  margin-bottom: 5px;
}
@media screen and (max-width: 499px) {
.shift_flow_component .shift_flow_wrap {
    padding: 5px 8px;
}
.shift_flow_component .apply_img_wrap img {
    width: 35px;
}
.shift_flow_component .shift_flow_title {
    font-size: 12px;
    line-height: 25px;
}
}.all_check[data-v-c96c09c2] {
  margin-right: 3px;
}.radio_wrap {
  display: inline-block;
}
.radio_wrap input[type=radio] + span::before {
  border: none;
}
.radio_wrap .ant-radio-wrapper {
  margin-right: 0px !important;
  line-height: initial !important;
  vertical-align: middle !important;
}div[data-v-02fdb456] {
  display: inline-block;
  vertical-align: middle;
}
.all_check[data-v-02fdb456] {
  margin-right: 3px;
}.employee_detail_search_component[data-v-f3d44511] {
  margin-top: 10px;
  padding: 12px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background-color: #fafafa;
}
.title_wrap[data-v-f3d44511] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.title_wrap .title[data-v-f3d44511] {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
.title_wrap .clear_button_wrap[data-v-f3d44511] {
  width: 130px;
}
.add_condition_button_wrap[data-v-f3d44511] {
  margin-top: 10px;
}
.condition_wrap[data-v-f3d44511] {
  margin-top: 10px;
}
.condition_wrap .condition_select_wrap[data-v-f3d44511] {
  display: inline-block;
  width: 220px;
  margin-right: 5px;
  vertical-align: top;
}
.condition_wrap .condition_label[data-v-f3d44511] {
  display: inline-block;
  line-height: 32px;
  vertical-align: top;
}
.condition_wrap .condition_value_wrap[data-v-f3d44511] {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}
.condition_wrap .condition_value_select_wrap[data-v-f3d44511] {
  display: inline-block;
  width: 180px;
  vertical-align: top;
}
.condition_wrap .filter_condition_value_select_wrap[data-v-f3d44511] {
  display: inline-block;
  width: 140px;
  margin-left: 5px;
  vertical-align: top;
}
.condition_wrap .delete_condition_button_wrap[data-v-f3d44511] {
  display: inline-block;
  width: 32px;
  margin-left: 10px;
  vertical-align: top;
}
@media screen and (max-width: 899px) {
.condition_wrap .condition_select_wrap[data-v-f3d44511] {
    width: 170px;
}
.condition_wrap .condition_value_select_wrap[data-v-f3d44511] {
    width: 150px;
}
.condition_wrap .filter_condition_value_select_wrap[data-v-f3d44511] {
    width: 120px;
}
}
@media screen and (max-width: 499px) {
.employee_detail_search_component[data-v-f3d44511] {
    padding: 10px;
}
.title_wrap[data-v-f3d44511] {
    display: block;
}
.title_wrap .title[data-v-f3d44511] {
    margin-bottom: 8px;
}
.title_wrap .clear_button_wrap[data-v-f3d44511] {
    width: 120px;
}
.condition_wrap .condition_select_wrap[data-v-f3d44511],
  .condition_wrap .condition_value_select_wrap[data-v-f3d44511],
  .condition_wrap .filter_condition_value_select_wrap[data-v-f3d44511] {
    width: 100%;
    margin: 8px 0 0;
}
.condition_wrap .condition_label[data-v-f3d44511] {
    margin-top: 8px;
}
.condition_wrap .condition_value_wrap[data-v-f3d44511] {
    display: block;
    margin-left: 0;
}
.condition_wrap .delete_condition_button_wrap[data-v-f3d44511] {
    display: block;
    margin: 8px 0 0;
}
}.detail_search_button_wrap[data-v-d10fadad] {
  width: 175px;
}
.detail_search_wrap[data-v-d10fadad] {
  margin-bottom: 10px;
}
table th.check[data-v-d10fadad] {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}
table th.code[data-v-d10fadad] {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}
table th.name[data-v-d10fadad] {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
table th.hiring_type[data-v-d10fadad] {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
table th.branch_id[data-v-d10fadad] {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
table th.status[data-v-d10fadad] {
  width: 200px;
  max-width: 200px;
  min-width: 200px;
}
@media screen and (max-width: 499px) {
table th.check[data-v-d10fadad] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
table th.code[data-v-d10fadad] {
    width: 70px;
    max-width: 70px;
    min-width: 70px;
}
table th.name[data-v-d10fadad] {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
}
table th.hiring_type[data-v-d10fadad] {
    width: 110px;
    max-width: 110px;
    min-width: 110px;
}
table th.branch_id[data-v-d10fadad] {
    width: 125px;
    max-width: 125px;
    min-width: 125px;
}
table th.status[data-v-d10fadad] {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
}.sub_item_content .item_title {
  padding-left: 15px;
}
.sub_item_content .item_component {
  margin-bottom: 15px;
}
@media screen and (max-width: 499px) {
.sub_item_content .item_title {
    padding-left: 0;
}
}
.sub_item_component[data-v-3c5c1fd5] {
  width: 100%;
  vertical-align: top;
  margin-bottom: 25px;
}
.sub_item_component[data-v-3c5c1fd5]:last-child {
  margin-bottom: 0;
}
.sub_item_component .sub_item_title[data-v-3c5c1fd5] {
  display: block;
  width: 100%;
  text-align: left;
  line-height: 30px;
}
.sub_item_component .sub_item_title label[data-v-3c5c1fd5] {
  color: #595d61;
  padding-bottom: 2px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 14px;
  text-align: left;
}
.sub_item_component .sub_item_title label.need[data-v-3c5c1fd5]:after {
  display: none;
}
.sub_item_component .sub_item_title label.need[data-v-3c5c1fd5]:after {
  display: inline;
  content: "※";
  color: white;
  background-color: #d10c1d;
  padding: 2px;
  font-weight: bold;
  border-radius: 3px;
  margin-left: 3px;
  font-size: 12px;
  vertical-align: 1px;
}
.sub_item_component .sub_item_title label.need.english[data-v-3c5c1fd5]:after {
  content: "※";
  color: red;
  background-color: transparent;
}
.sub_item_component .sub_item_content[data-v-3c5c1fd5] {
  display: block;
  position: relative;
  text-align: left;
  width: 100%;
  line-height: 30px;
  font-size: 14px;
}.ant-modal-confirm-content {
  white-space: pre-wrap;
}
.item_info_content {
  line-height: 25px;
  font-size: 14px;
}
.item_info_img {
  width: 100%;
}
.item_content .row {
  margin-bottom: 10px;
  line-height: 30px !important;
  font-size: 14px;
}
.item_content .row:last-of-type {
  margin-bottom: 0px;
}
.item_content .row .inner_span {
  line-height: 30px;
  vertical-align: bottom;
}
.item_content p {
  line-height: 30px;
}
@media screen and (max-width: 499px) {
.item_content .row {
    font-size: 13px;
}
}
.item_component[data-v-946c6bb4] {
  width: 100%;
  vertical-align: top;
  margin-bottom: 25px;
}
.item_component[data-v-946c6bb4]:last-child {
  margin-bottom: 0;
}
.item_component .item_title[data-v-946c6bb4] {
  display: inline-block;
  min-width: var(--title-width);
  width: var(--title-width);
  text-align: left;
  vertical-align: top;
  line-height: 30px;
}
.item_component .item_title label[data-v-946c6bb4] {
  color: #90959a;
  padding-bottom: 2px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 14px;
  text-align: left;
}
.item_component .item_title label.need[data-v-946c6bb4]:after {
  display: none;
}
.item_component .item_title label.need[data-v-946c6bb4]:after {
  display: inline;
  content: "※";
  white-space: nowrap;
  color: white;
  background-color: #d10c1d;
  padding: 2px;
  font-weight: bold;
  border-radius: 3px;
  margin-left: 3px;
  font-size: 12px;
  vertical-align: 1px;
}
.item_component .item_title label.need.english[data-v-946c6bb4]:after {
  content: "※";
  color: #d10c1d;
  background-color: transparent;
}
.item_component .item_title.only_root label[data-v-946c6bb4] {
  color: #CA3A31;
}
.item_component .item_content[data-v-946c6bb4] {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: left;
  width: calc(100% - var(--title-width));
  line-height: 30px;
  font-size: 14px;
}
.item_component .item_content p[data-v-946c6bb4] {
  line-height: 30px;
}
.item_component .small_info[data-v-946c6bb4] {
  font-size: 11px;
  white-space: pre-wrap;
  line-height: 15px !important;
  margin-top: 0px;
  font-weight: initial;
  color: #5f5f5f;
}
.item_component .small_info span[data-v-946c6bb4] {
  line-height: 15px;
}
.item_component .small_info[data-v-946c6bb4] * {
  font-size: 11px;
}
.item_component .small_info .info_component[data-v-946c6bb4] {
  line-height: 11px;
}
.item_component .small_info .detaillink[data-v-946c6bb4] {
  display: inline-block;
  line-height: 11px;
}
.item_component .small_info .small_content + .detaillink[data-v-946c6bb4] {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
.item_component[data-v-946c6bb4] {
    margin-bottom: 15px;
}
.item_component .title_wrap[data-v-946c6bb4] {
    display: block;
    width: 100%;
}
.item_component .item_title[data-v-946c6bb4] {
    display: inline-block;
    min-width: var(--title-width);
    width: initial;
    line-height: 20px;
}
.item_component .item_content[data-v-946c6bb4] {
    padding-left: 10px;
    display: block;
    width: 100%;
}
}.flag_view_component[data-v-ccbf4990] {
  display: inline-block;
  line-height: 32px;
}
.week + .week[data-v-ccbf4990] {
  margin-left: 10px;
}.block_title[data-v-10bd0229] {
  font-weight: 600;
}
.week_schedule[data-v-10bd0229] {
  vertical-align: top;
}
.week_list[data-v-10bd0229] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.week_row[data-v-10bd0229] {
  min-height: 32px;
}
.time_col[data-v-10bd0229] {
  height: 32px;
  line-height: 32px;
}
.week_row .day_label[data-v-10bd0229] {
  width: 56px;
  line-height: 32px;
}
.week_row .weekday[data-v-10bd0229] {
  font-weight: 600;
}
table th.order[data-v-10bd0229],
table td.order[data-v-10bd0229],
.draggable_hovering th.order[data-v-10bd0229],
.draggable_hovering td.order[data-v-10bd0229] {
  vertical-align: top;
  text-align: center;
  width: 75px;
  max-width: 75px;
  min-width: 75px;
}
table th.block[data-v-10bd0229],
table td.block[data-v-10bd0229],
.draggable_hovering th.block[data-v-10bd0229],
.draggable_hovering td.block[data-v-10bd0229] {
  width: 130px;
  max-width: 330px;
  min-width: 130px;
}
table th.shift[data-v-10bd0229],
table td.shift[data-v-10bd0229],
.draggable_hovering th.shift[data-v-10bd0229],
.draggable_hovering td.shift[data-v-10bd0229] {
  width: 110px;
  max-width: 160px;
  min-width: 110px;
}
table th.punch[data-v-10bd0229],
table td.punch[data-v-10bd0229],
.draggable_hovering th.punch[data-v-10bd0229],
.draggable_hovering td.punch[data-v-10bd0229] {
  width: 110px;
  max-width: 160px;
  min-width: 110px;
}
table th.break[data-v-10bd0229],
table td.break[data-v-10bd0229],
.draggable_hovering th.break[data-v-10bd0229],
.draggable_hovering td.break[data-v-10bd0229] {
  width: 110px;
  max-width: 160px;
  min-width: 110px;
}
table td.block[data-v-10bd0229],
.draggable_hovering td.block[data-v-10bd0229] {
  text-align: left;
}.shift_template_row .flag_view_component {
  line-height: 20px;
  height: 20px;
}.shift_template_editor[data-v-baee6b7f] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.condition_layout[data-v-baee6b7f] {
  display: flex;
  gap: 16px;
  align-items: stretch;
}
.condition_content[data-v-baee6b7f] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.priority_indicator[data-v-baee6b7f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 64px;
  padding: 40px 0 10px;
}
.indicator_bar[data-v-baee6b7f] {
  width: 12px;
  flex: 1;
  min-height: 40px;
  border-radius: 999px;
  position: relative;
  background: linear-gradient(180deg, #ff4d4f 0%, #1890ff 100%);
  overflow: hidden;
}
.indicator_bar span[data-v-baee6b7f] {
  position: absolute;
  inset: 0;
}
.low_label[data-v-baee6b7f] {
  color: #1890ff;
  font-weight: 600;
}
.high_label[data-v-baee6b7f] {
  color: #ff4d4f;
  font-weight: 600;
}
.empty[data-v-baee6b7f] {
  text-align: center;
  color: #888;
  padding: 24px 16px;
}
.add_modal[data-v-baee6b7f] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.add_buttons[data-v-baee6b7f] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.branch_selector_holder[data-v-baee6b7f] {
  max-width: 320px;
}
table th.order[data-v-baee6b7f],
table td.order[data-v-baee6b7f],
.draggable_hovering th.order[data-v-baee6b7f],
.draggable_hovering td.order[data-v-baee6b7f] {
  vertical-align: top;
  text-align: center;
  width: 75px;
  max-width: 75px;
  min-width: 75px;
}
table th.block[data-v-baee6b7f],
table td.block[data-v-baee6b7f],
.draggable_hovering th.block[data-v-baee6b7f],
.draggable_hovering td.block[data-v-baee6b7f] {
  width: 130px;
  max-width: 330px;
  min-width: 130px;
}
table th.shift[data-v-baee6b7f],
table td.shift[data-v-baee6b7f],
.draggable_hovering th.shift[data-v-baee6b7f],
.draggable_hovering td.shift[data-v-baee6b7f] {
  width: 110px;
  max-width: 160px;
  min-width: 110px;
}
table th.punch[data-v-baee6b7f],
table td.punch[data-v-baee6b7f],
.draggable_hovering th.punch[data-v-baee6b7f],
.draggable_hovering td.punch[data-v-baee6b7f] {
  width: 110px;
  max-width: 160px;
  min-width: 110px;
}
table th.break[data-v-baee6b7f],
table td.break[data-v-baee6b7f],
.draggable_hovering th.break[data-v-baee6b7f],
.draggable_hovering td.break[data-v-baee6b7f] {
  width: 110px;
  max-width: 160px;
  min-width: 110px;
}
table td.block[data-v-baee6b7f],
.draggable_hovering td.block[data-v-baee6b7f] {
  text-align: left;
}
@media screen and (max-width: 499px) {
table th.order[data-v-baee6b7f],
  table td.order[data-v-baee6b7f],
  .draggable_hovering th.order[data-v-baee6b7f],
  .draggable_hovering td.order[data-v-baee6b7f] {
    width: 75px;
    max-width: 75px;
    min-width: 75px;
}
table th.block[data-v-baee6b7f],
  table td.block[data-v-baee6b7f],
  .draggable_hovering th.block[data-v-baee6b7f],
  .draggable_hovering td.block[data-v-baee6b7f] {
    width: 80px;
    max-width: 80px;
    min-width: 80px;
}
table th.shift[data-v-baee6b7f],
  table td.shift[data-v-baee6b7f],
  .draggable_hovering th.shift[data-v-baee6b7f],
  .draggable_hovering td.shift[data-v-baee6b7f] {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
}
table th.punch[data-v-baee6b7f],
  table td.punch[data-v-baee6b7f],
  .draggable_hovering th.punch[data-v-baee6b7f],
  .draggable_hovering td.punch[data-v-baee6b7f] {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
}
table th.break[data-v-baee6b7f],
  table td.break[data-v-baee6b7f],
  .draggable_hovering th.break[data-v-baee6b7f],
  .draggable_hovering td.break[data-v-baee6b7f] {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
}
}.shift_flow_attention[data-v-db63ea75] {
  font-size: 14px;
  font-weight: 600;
  margin: 5px 0 15px;
  color: #5b5b5b;
}
.apply_wrap[data-v-db63ea75] {
  margin-top: 15px;
  text-align: center;
}
.apply_button_wrap[data-v-db63ea75] {
  display: inline-block;
  width: 250px;
}
.select_shift_template_wrap[data-v-db63ea75],
.date_block_wrap[data-v-db63ea75],
.exec_button_wrap[data-v-db63ea75],
.shift_template_viewer_wrap[data-v-db63ea75] {
  text-align: center;
}
.shift_template_viewer_wrap[data-v-db63ea75] {
  margin-top: 10px;
}
.shifts_table_wrap[data-v-db63ea75] {
  padding: 0 12px;
}
.apply_img_wrap[data-v-db63ea75] {
  margin-top: 10px;
}
.apply_img_wrap img[data-v-db63ea75] {
  width: 70px;
  margin: 0 auto;
}
table th.date[data-v-db63ea75] {
  width: 256px;
}
table th.pattern[data-v-db63ea75] {
  width: 150px;
}
table th.shift_shift[data-v-db63ea75] {
  width: 145px;
}
table th.shift_break[data-v-db63ea75] {
  width: 145px;
}
table .attendance_locked_col[data-v-db63ea75] {
  font-size: 15px;
  text-align: center;
}
@media screen and (max-width: 499px) {
table th.date[data-v-db63ea75] {
    width: 80px;
}
table th.pattern[data-v-db63ea75] {
    width: 120px;
}
table th.shift_shift[data-v-db63ea75] {
    width: 134px;
}
table th.shift_break[data-v-db63ea75] {
    width: 134px;
}
}.shift_flow_attention[data-v-507bfefe] {
  font-size: 14px;
  font-weight: 600;
  margin: 5px 0 15px;
  color: #5b5b5b;
}
.apply_wrap[data-v-507bfefe] {
  margin-top: 15px;
  text-align: center;
}
.apply_button_wrap[data-v-507bfefe] {
  display: inline-block;
  width: 250px;
}
.select_shift_template_wrap[data-v-507bfefe], .date_block_wrap[data-v-507bfefe], .exec_button_wrap[data-v-507bfefe] {
  text-align: center;
}
.shifts_table_wrap[data-v-507bfefe] {
  padding: 0 12px;
}
.apply_img_wrap[data-v-507bfefe] {
  margin-top: 10px;
}
.apply_img_wrap img[data-v-507bfefe] {
  width: 70px;
  margin: 0 auto;
}
table th.date[data-v-507bfefe] {
  width: 256px;
}
table th.pattern[data-v-507bfefe] {
  width: 150px;
}
table th.shift_shift[data-v-507bfefe] {
  width: 145px;
}
table th.shift_break[data-v-507bfefe] {
  width: 145px;
}
table .attendance_locked_col[data-v-507bfefe] {
  font-size: 15px;
  text-align: center;
}
@media screen and (max-width: 499px) {
table th.date[data-v-507bfefe] {
    width: 80px;
}
table th.pattern[data-v-507bfefe] {
    width: 120px;
}
table th.shift_shift[data-v-507bfefe] {
    width: 134px;
}
table th.shift_break[data-v-507bfefe] {
    width: 134px;
}
}.add_shift_title[data-v-1e33fa5b] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.tab_content_wrap[data-v-1e33fa5b] {
  border-top: 2px solid #4395d4;
  background-color: rgb(243, 249, 252);
  padding: 15px;
}.ant_button_wrap {
  width: 100%;
  display: inline-block;
}
.ant_button_wrap .ant-btn {
  padding: 0 6.5px;
  text-align: center;
}
.ant_button_wrap.xlarge .ant-btn-lg {
  padding: 0 30px;
  font-size: 20px;
  height: 50px;
  font-weight: 600;
}
.ant_button_wrap.xlarge .icon_wrap {
  width: 24px;
  display: inline-block;
}
.ant_button_wrap.xlarge .icon_wrap svg {
  vertical-align: -5px;
  width: 24px;
  height: 24px;
}
.ant_button_wrap.xlarge .text_wrap {
  font-size: 16px;
  font-weight: 600;
}
.ant_button_wrap.xlarge .text_wrap.with_icon {
  margin-left: 6px;
}
.ant_button_wrap .icon_wrap {
  width: 16px;
  display: inline-block;
}
.ant_button_wrap .icon_wrap svg {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
}
.ant_button_wrap .text_wrap {
  display: inline-block;
}
.ant_button_wrap .text_wrap.with_icon {
  margin-left: 8px;
}
.ant_button_wrap .ant-btn-primary {
  --button-color: black;
  background-color: var(--button-color) !important;
  border-color: var(--button-color) !important;
}
.ant_button_wrap .ant-btn-primary.disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}.detail[data-v-2a0771b5] {
  margin-top: 5px;
}.upload_wrap[data-v-9a35f5dc] {
  text-align: center;
}
.upload_button_wrap[data-v-9a35f5dc] {
  width: 180px;
  display: inline-block;
}
.upload_content_wrap[data-v-9a35f5dc] {
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 600;
}.ant_button_wrap {
  width: 100%;
  display: inline-block;
}.button_wrap[data-v-e6297df6] {
  margin-top: 10px;
  height: 32px;
}
.form_button_wrap[data-v-e6297df6] {
  float: right;
  width: 150px;
}.add_shift_title[data-v-191b2a8a] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.control_wrap[data-v-191b2a8a] {
  padding: 10px;
  border: 2px dashed #4395d4;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
}
.monthly_wrap[data-v-191b2a8a] {
  padding: 10px;
  margin-top: 10px;
}
.submit_wrap[data-v-191b2a8a] {
  margin-top: 25px;
  text-align: center;
}
.apply_button_wrap[data-v-191b2a8a],
.submit_button_wrap[data-v-191b2a8a] {
  display: inline-block;
  width: 250px;
}.monthly_wrap[data-v-1024e668] {
  padding: 10px;
  margin-top: 10px;
}
.attention_wrap[data-v-1024e668] {
  margin-top: 10px;
}
.attention_wrap p[data-v-1024e668] {
  font-size: 15px;
  line-height: 18px;
}
.caution_wrap[data-v-1024e668] {
  margin-top: 10px;
}
.caution_wrap p[data-v-1024e668] {
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  color: red;
}
.submit_wrap[data-v-1024e668] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-1024e668] {
  display: inline-block;
  width: 250px;
}.delete_shifts_title[data-v-612becaa] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.monthly_wrap[data-v-612becaa] {
  padding: 10px;
  margin-top: 10px;
}.add_shift_title[data-v-7fa2b374] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.control_wrap[data-v-7fa2b374] {
  padding: 10px;
  border: 2px dashed #4395d4;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
}
.monthly_wrap[data-v-7fa2b374] {
  padding: 10px;
  margin-top: 10px;
}
.submit_wrap[data-v-7fa2b374] {
  margin-top: 25px;
  text-align: center;
}
.apply_button_wrap[data-v-7fa2b374],
.submit_button_wrap[data-v-7fa2b374] {
  display: inline-block;
  width: 250px;
}
.shift_table_button[data-v-7fa2b374] {
  margin: 10px 0;
}
.shift_table_button[data-v-7fa2b374]:first-child {
  margin-top: 0;
}
.shift_table_button[data-v-7fa2b374]:last-child {
  margin-bottom: 0;
}
.checkbox_group_wrap {
  display: inline-block;
  vertical-align: middle;
}
.checkbox_group_wrap .ant-radio-wrapper {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;
}
.checkbox_group_wrap input[type=radio] + span::before {
  border: none;
}
.checkbox_group_wrap .ant-radio-group {
  vertical-align: middle !important;
}
.checkbox_group_wrap .ant-radio-wrapper {
  margin-right: 0px !important;
  line-height: initial !important;
  vertical-align: middle !important;
}
.checkbox_group_wrap .ant-radio-wrapper span {
  line-height: initial !important;
  vertical-align: middle !important;
}.add_shift_title[data-v-9febbc1e] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.control_wrap[data-v-9febbc1e] {
  padding: 10px;
  border: 2px dashed #4395d4;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
}
.monthly_wrap[data-v-9febbc1e] {
  padding: 10px;
  margin-top: 10px;
}
.submit_wrap[data-v-9febbc1e] {
  margin-top: 25px;
  text-align: center;
}
.apply_button_wrap[data-v-9febbc1e],
.submit_button_wrap[data-v-9febbc1e] {
  display: inline-block;
  width: 250px;
}
.shift_table_button[data-v-9febbc1e] {
  margin: 10px 0;
  text-align: center;
}
.shift_table_button[data-v-9febbc1e]:first-child {
  margin-top: 0;
}
.shift_table_button[data-v-9febbc1e]:last-child {
  margin-bottom: 0;
}.detail_search_button_wrap[data-v-c44f153e] {
  width: 175px;
}
.detail_search_wrap[data-v-c44f153e] {
  margin-bottom: 10px;
}
.add_shift_title[data-v-c44f153e] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
table th.code[data-v-c44f153e] {
  width: 110px;
}
table th.name[data-v-c44f153e] {
  width: 140px;
}
table th.hiring_type[data-v-c44f153e] {
  width: 140px;
}
table th.branch_id[data-v-c44f153e] {
  width: 170px;
}
table th.payment[data-v-c44f153e] {
  width: 100px;
}
table th.carfare[data-v-c44f153e] {
  width: 115px;
}
table th.sum[data-v-c44f153e] {
  width: 115px;
}
@media screen and (max-width: 499px) {
table th.code[data-v-c44f153e] {
    width: 55px;
}
table th.name[data-v-c44f153e] {
    width: 100px;
}
table th.hiring_type[data-v-c44f153e] {
    width: 110px;
}
table th.branch_id[data-v-c44f153e] {
    width: 100px;
}
table th.payment[data-v-c44f153e] {
    width: 90px;
}
table th.carfare[data-v-c44f153e] {
    width: 90px;
}
table th.sum[data-v-c44f153e] {
    width: 90px;
}
}.button_wrap[data-v-205eb5cb] {
  margin-top: 10px;
  height: 32px;
}
.form_button_wrap[data-v-205eb5cb] {
  float: right;
  width: 150px;
}.add_shift_title[data-v-573b6020] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.control_wrap[data-v-573b6020] {
  padding: 10px;
  border: 2px dashed #4395d4;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
}
.monthly_wrap[data-v-573b6020] {
  padding: 10px;
  margin-top: 10px;
}.detail_search_button_wrap[data-v-c7b5f5c1] {
  width: 175px;
}
.csv_button_wrap[data-v-c7b5f5c1] {
  margin-top: 10px;
  width: 180px;
}
.csv_button_wrap[data-v-c7b5f5c1] button {
  width: 180px;
}
[data-v-c7b5f5c1] .right_control {
  width: 180px;
}
[data-v-c7b5f5c1] .left_control {
  width: calc(100% - 180px);
}
.detail_search_wrap[data-v-c7b5f5c1] {
  margin-bottom: 10px;
}
.add_shift_title[data-v-c7b5f5c1] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
table th.code[data-v-c7b5f5c1] {
  width: 120px;
}
table th.name[data-v-c7b5f5c1] {
  width: 150px;
}
table th.hiring_type[data-v-c7b5f5c1] {
  width: 150px;
}
table th.branch_id[data-v-c7b5f5c1] {
  width: 150px;
}
table th.payment[data-v-c7b5f5c1] {
  width: 115px;
}
table th.carfare[data-v-c7b5f5c1] {
  width: 115px;
}
table th.sum[data-v-c7b5f5c1] {
  width: 115px;
}
@media screen and (max-width: 499px) {
table th.code[data-v-c7b5f5c1] {
    width: 55px;
}
table th.name[data-v-c7b5f5c1] {
    width: 100px;
}
table th.hiring_type[data-v-c7b5f5c1] {
    width: 110px;
}
table th.branch_id[data-v-c7b5f5c1] {
    width: 100px;
}
table th.payment[data-v-c7b5f5c1] {
    width: 90px;
}
table th.carfare[data-v-c7b5f5c1] {
    width: 90px;
}
table th.sum[data-v-c7b5f5c1] {
    width: 90px;
}
}
@media screen and (max-width: 499px) {
.csv_button_wrap[data-v-c7b5f5c1] {
    width: 180px;
}
}.button_wrap[data-v-53facf11] {
  margin-top: 10px;
  height: 32px;
}
.form_button_wrap[data-v-53facf11] {
  float: right;
  width: 150px;
}.add_shift_title[data-v-4771056c] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.control_wrap[data-v-4771056c] {
  padding: 10px;
}
.monthly_wrap[data-v-4771056c] {
  padding: 10px;
  margin-top: 10px;
}.color_block[data-v-20966d1c] {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid gray;
}.vc-swatches[data-v-68c61656] {
  height: 100%;
  overflow-y: auto;
  box-shadow: none !important;
}
.flag_component {
  display: inline-block;
}
.ant-checkbox-wrapper {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;
}.add_event_content_wrap[data-v-ff2758d1] {
  text-align: center;
}
.add_event_content_wrap .form_wrap[data-v-ff2758d1] {
  display: inline-block;
  text-align: left;
}.edit_event_content_wrap[data-v-e41f0b24] {
  text-align: center;
}
.edit_event_content_wrap .form_wrap[data-v-e41f0b24] {
  display: inline-block;
  text-align: left;
}.edit_event_content_wrap[data-v-84154a97] {
  text-align: center;
}
.edit_event_content_wrap .form_wrap[data-v-84154a97] {
  display: inline-block;
  text-align: left;
}.operation_button_wrap[data-v-d5f646bd] {
  display: inline-block;
  width: 32px;
  margin-left: 3px;
}
.operation_button_wrap[data-v-d5f646bd]:first-child {
  margin-left: 0;
}
.color_col[data-v-d5f646bd] {
  text-align: center;
  line-height: 0;
}
table th.name[data-v-d5f646bd] {
  width: 150px;
}
table th.repeat_type[data-v-d5f646bd] {
  width: 130px;
}
table th.started_on[data-v-d5f646bd] {
  width: 130px;
}
table th.ended_on[data-v-d5f646bd] {
  width: 130px;
}
table th.color[data-v-d5f646bd] {
  width: 44px;
}
table th.button[data-v-d5f646bd] {
  width: 84px;
}
@media screen and (max-width: 499px) {
table th.name[data-v-d5f646bd] {
    width: 100px;
}
table th.repeat_type[data-v-d5f646bd] {
    width: 100px;
}
table th.started_on[data-v-d5f646bd] {
    width: 100px;
}
table th.ended_on[data-v-d5f646bd] {
    width: 100px;
}
table th.color[data-v-d5f646bd] {
    width: 44px;
}
table th.button[data-v-d5f646bd] {
    width: 65px;
}
}.add_repeat_event_title[data-v-38e83826] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.repeat_event_wrap[data-v-38e83826] {
  margin-top: 10px;
}.balloon.right-balloon[data-v-b9f031ba] {
  --color: #ff8e9d;
  --size: 20px;
  position: relative;
  display: inline-block;
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  text-align: center;
  color: #fff;
  background: var(--color);
  border-radius: 50%;
  box-sizing: border-box;
  margin-right: 5px;
}
.balloon.right-balloon[data-v-b9f031ba]:before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(-1 * var(--size) / 3);
  margin-top: calc(-1 * var(--size) / 6);
  border: calc(var(--size) / 6) solid transparent;
  border-left: calc(var(--size) / 4) solid var(--color);
  z-index: 0;
}.image_component[data-v-b0b14b6b] {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.image_component img[data-v-b0b14b6b] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.image_component img.radius[data-v-b0b14b6b] {
  border-radius: 50%;
}
.image_component .silhouette[data-v-b0b14b6b] {
  width: 100%;
  height: 100%;
  background-color: #a7a7a7;
}
.image_component .silhouette svg[data-v-b0b14b6b] {
  height: 100%;
  width: 100%;
}.chart_toggle_wrap[data-v-c63093d2] {
  margin-bottom: 10px;
  text-align: right;
}
.no_data_text[data-v-c63093d2] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.chart_wrap[data-v-c63093d2] {
  width: 100%;
}
.chart_table_wrap[data-v-c63093d2] {
  width: 100%;
  overflow-y: visible;
  overflow-x: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  margin-top: 15px;
  z-index: 1;
}
.chart_table[data-v-c63093d2] {
  width: 100%;
  min-width: 600px;
  margin-bottom: 35px;
  table-layout: fixed;
}
.time_head[data-v-c63093d2] {
  min-width: 150px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 3;
  position: absolute;
}
.time_time[data-v-c63093d2] {
  min-width: 60px;
  height: 15px;
}
.time_head[data-v-c63093d2],
.time_time[data-v-c63093d2] {
  border-right: 1px solid lightgray;
  font-size: 13px;
  line-height: 25px;
  overflow: visible;
  position: relative;
}
.time_head[data-v-c63093d2]:last-child,
.time_time[data-v-c63093d2]:last-child {
  border-right: none;
}
.chart_head[data-v-c63093d2] {
  width: 160px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  min-width: 150px;
  border-right: none;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 3;
  line-height: 20px;
  padding-left: 15px;
}
.chart_head span[data-v-c63093d2] {
  margin-left: 5px;
}
.need_head[data-v-c63093d2] {
  color: #4ea3db;
}
.error_head[data-v-c63093d2] {
  color: #fff;
  background-color: #fa5858;
}
.chart_time[data-v-c63093d2] {
  text-align: center;
  font-weight: 600;
  font-size: 12px;
}
.error_head[data-v-c63093d2] {
  color: rgb(232, 29, 45);
}
.chart_head[data-v-c63093d2],
.chart_time[data-v-c63093d2] {
  height: 50px;
}
.chart_head.valid .time_bar[data-v-c63093d2],
.chart_time.valid .time_bar[data-v-c63093d2] {
  display: inline-block;
  width: 100%;
  height: 26px;
  vertical-align: middle;
  color: white;
  font-size: 15px;
  line-height: 26px;
}
.chart_head.valid .time_bar span[data-v-c63093d2],
.chart_time.valid .time_bar span[data-v-c63093d2] {
  margin-left: 3px;
}
.chart_time.valid + .chart_time.valid .time_bar[data-v-c63093d2] {
  border-left: 1px dashed white;
}
.error_head[data-v-c63093d2],
.error_time[data-v-c63093d2] {
  background-color: rgb(255, 226, 227);
}
.error_time.valid .time_bar[data-v-c63093d2] {
  background-color: rgb(232, 29, 45);
}
.need_time.valid .time_bar[data-v-c63093d2] {
  background-color: rgb(97, 176, 217);
}
.shift_time.valid .time_bar[data-v-c63093d2] {
  background: repeating-linear-gradient(-65deg, rgb(93, 178, 183), rgb(93, 178, 183) 3px, rgb(160, 209, 212) 3px, rgb(160, 209, 212) 4px);
}
.shift_time.valid.other_branch .time_bar[data-v-c63093d2] {
  background: gray;
}
.chart_shift[data-v-c63093d2],
.chart_need[data-v-c63093d2],
.chart_error[data-v-c63093d2] {
  border-top: 1px solid lightgray;
}
.chart_error[data-v-c63093d2] {
  border-bottom: 1px solid lightgray;
}
.none_head[data-v-c63093d2] {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
.time_text[data-v-c63093d2] {
  position: absolute;
  top: 15px;
  left: -8px;
  width: 18px;
  text-align: center;
}
.balloon_icon_wrap[data-v-c63093d2] {
  width: 25px;
  display: inline-block;
  vertical-align: 1.5px;
}
.balloon_icon_wrap svg[data-v-c63093d2] {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
  stroke: rgb(50, 50, 50);
  stroke-width: 2px;
}
.icon_wrap[data-v-c63093d2] {
  width: 16px;
  display: inline-block;
}
.icon_wrap svg[data-v-c63093d2] {
  vertical-align: -2.7px;
  width: 16px;
  height: 16px;
  stroke: rgb(50, 50, 50);
  stroke-width: 2px;
}
.pc_balloon_wrap[data-v-c63093d2] {
  display: inline-block;
}
.sp_balloon_wrap[data-v-c63093d2] {
  display: none;
}
.chart_head.shift_head[data-v-c63093d2] {
  background-color: white;
}
.time_head_bg[data-v-c63093d2] {
  background-color: white;
  height: 50px;
  width: 145px;
  position: absolute;
  top: 0px;
  left: 0;
}
.shift_num[data-v-c63093d2] {
  text-align: right;
  font-size: 12px;
  font-weight: bold;
}
@media screen and (max-width: 499px) {
.pc_balloon_wrap[data-v-c63093d2] {
    display: none;
}
.sp_balloon_wrap[data-v-c63093d2] {
    display: inline-block;
}
.balloon_icon_wrap[data-v-c63093d2] {
    width: 15px;
    vertical-align: 1px;
}
.balloon_icon_wrap svg[data-v-c63093d2] {
    vertical-align: -1px;
    width: 10px;
    height: 10px;
    stroke-width: 2px;
}
.chart_head.shift_head[data-v-c63093d2] {
    height: 40px;
    width: 120px;
    min-width: 120px;
    padding-left: 5px;
    font-size: 12px;
}
.chart_head[data-v-c63093d2],
  .chart_time[data-v-c63093d2] {
    height: 40px;
}
.chart_head.valid .time_bar span[data-v-c63093d2],
  .chart_time.valid .time_bar span[data-v-c63093d2] {
    margin-left: 1px;
}
.time_head[data-v-c63093d2] {
    position: sticky;
}
.time_head_bg[data-v-c63093d2] {
    height: 40px;
    width: 115px;
}
}.chart_title[data-v-a1fff958] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.day_changer_text[data-v-a1fff958] {
  line-height: 30px;
  font-size: 30px;
  font-weight: 600;
  color: black;
  background-color: white;
  max-width: 220px;
  width: 100%;
}
.day_changer_text .day_text[data-v-a1fff958] {
  color: gray;
  font-size: 22px;
  margin-left: 10px;
  margin-right: 10px;
}
.shift_chart[data-v-a1fff958] {
  margin-left: 5px;
}.operation_button_wrap[data-v-290de783] {
  display: inline-block;
  width: 32px;
  margin-left: 3px;
}
.operation_button_wrap[data-v-290de783]:first-child {
  margin-left: 0;
}
.person_num_col[data-v-290de783] {
  line-height: 32px;
}
table th.name[data-v-290de783],
table td.name[data-v-290de783] {
  width: 150px;
}
table th.need_pattern_time[data-v-290de783],
table td.need_pattern_time[data-v-290de783] {
  width: 145px;
}
table th.person_num[data-v-290de783],
table td.person_num[data-v-290de783] {
  width: 86px;
}
table th.button[data-v-290de783],
table td.button[data-v-290de783] {
  width: 84px;
}
@media screen and (max-width: 499px) {
.person_num_col[data-v-290de783] {
    line-height: 27px;
}
table th.name[data-v-290de783],
  table td.name[data-v-290de783] {
    width: 100px;
}
table th.need_pattern_time[data-v-290de783],
  table td.need_pattern_time[data-v-290de783] {
    width: 133px;
}
table th.person_num[data-v-290de783],
  table td.person_num[data-v-290de783] {
    width: 70px;
}
table th.button[data-v-290de783],
  table td.button[data-v-290de783] {
    width: 65px;
}
}.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 150px;
}
.draggable_hovering th.need_pattern_time,
.draggable_hovering td.need_pattern_time {
  width: 145px;
}
.draggable_hovering th.person_num,
.draggable_hovering td.person_num {
  width: 86px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 84px;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 100px;
}
.draggable_hovering th.need_pattern_time,
  .draggable_hovering td.need_pattern_time {
    width: 133px;
}
.draggable_hovering th.person_num,
  .draggable_hovering td.person_num {
    width: 70px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 65px;
}
}.add_need_title[data-v-a4bcd7d1] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.pattern_button_wrap[data-v-a4bcd7d1] {
  display: inline-block;
  width: 200px;
}
.need_pattern_wrap[data-v-a4bcd7d1] {
  margin-top: 10px;
}
.need_pattern_time_col[data-v-a4bcd7d1] {
  line-height: 32px;
}.draggable_hovering {
  background-color: white;
}
.sortable_table_component,
.draggable_hovering {
  --border: rgb(171, 171, 171);
  --color: rgba(0, 0, 0, 0.65);
  --placeholder: lightgray;
  --background: gray;
  --background-hover: rgb(166, 166, 166);
}
.sortable_table_component table,
.draggable_hovering table {
  width: 100%;
}
.sortable_table_component thead,
.draggable_hovering thead {
  display: block;
}
.sortable_table_component.shift,
.draggable_hovering.shift {
  --border: #4395d4;
  --background: #4395d4;
  --background-hover: #56aeec;
}
.sortable_table_component.able,
.draggable_hovering.able {
  --border: #4395d4;
  --color: #4395d4;
  --placeholder: #64b2ee;
  --background: #4395d4;
  --background-hover: #56aeec;
}
.sortable_table_component td,
.draggable_hovering td {
  overflow: hidden;
  white-space: nowrap;
  background-color: white;
}
.sortable_table_component td .row,
.draggable_hovering td .row {
  margin-top: 5px;
  line-height: 20px;
}
.sortable_table_component td .row:first-of-type,
.draggable_hovering td .row:first-of-type {
  margin-top: 0px;
}
.sortable_table_component tr,
.draggable_hovering tr {
  display: block !important;
}
.sortable_table_component table th:last-child,
.draggable_hovering table th:last-child {
  border: none;
  border-left: 1px solid var(--border);
}
.sortable_table_component table th,
.draggable_hovering table th {
  font-size: 14px;
}
.sortable_table_component table th,
.sortable_table_component table td,
.draggable_hovering table th,
.draggable_hovering table td {
  color: var(--color);
}
.sortable_table_component table .button_row th,
.sortable_table_component table .placeholder_row th,
.draggable_hovering table .button_row th,
.draggable_hovering table .placeholder_row th {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e8e8e8;
}
.sortable_table_component .table_placeholder,
.draggable_hovering .table_placeholder {
  color: var(--placeholder);
  margin-top: 0;
  position: relative;
  z-index: 1;
  padding: 10px 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
  background: #fff;
}
.sortable_table_component .sortable_table_component,
.draggable_hovering .sortable_table_component {
  overflow-x: auto !important;
}
.sortable_table_component th,
.sortable_table_component td,
.draggable_hovering th,
.draggable_hovering td {
  padding: 6px 8px;
  box-sizing: border-box;
  vertical-align: middle;
}
.sortable_table_component tr,
.draggable_hovering tr {
  background-color: white;
}
.sortable_table_component td,
.draggable_hovering td {
  border-bottom: 1px solid #e8e8e8;
  transition: background 0.3s;
}
.sortable_table_component th,
.draggable_hovering th {
  border: 1px solid var(--border);
  background-color: white;
  border-right: none;
  line-height: 20px;
}
.sortable_table_component th:last-child,
.draggable_hovering th:last-child {
  border-right: 1px solid var(--border);
}
.sortable_table_component th:first-child,
.draggable_hovering th:first-child {
  background-color: var(--background) !important;
  color: white !important;
}
.sortable_table_component td,
.draggable_hovering td {
  white-space: nowrap;
}
@media screen and (max-width: 499px) {
.draggable_hovering td {
    padding: 3px 4px;
    line-height: 27px;
    font-size: 11px;
}
}.drag_handle[data-v-036bd18e] > * {
  display: inline-block;
}
.drag_handle[data-v-036bd18e]:not(.disable) {
  cursor: ns-resize;
}
.drag_icon_wrap[data-v-036bd18e] {
  width: 16px;
  display: inline-block;
}
.drag_icon_wrap svg[data-v-036bd18e] {
  vertical-align: -3px;
  width: 16px;
  height: 16px;
}
.is_drag[data-v-036bd18e] {
  width: calc(100% - 16px);
}
.no_drag[data-v-036bd18e] {
  width: 100%;
}.operation_button_wrap[data-v-77a4aa59] {
  display: inline-block;
  width: 32px;
  margin-left: 3px;
}
.operation_button_wrap[data-v-77a4aa59]:first-child {
  margin-left: 0;
}
.shift_pattern_time_col[data-v-77a4aa59] {
  font-size: 14px;
  height: 25px;
  line-height: 25px;
}
.shift_pattern_time_col.edit[data-v-77a4aa59] {
  height: 32px;
  line-height: 32px;
}
.color_col[data-v-77a4aa59] {
  text-align: center;
  line-height: 0;
}
table th.name[data-v-77a4aa59],
table td.name[data-v-77a4aa59] {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
table th.shift_pattern_shift[data-v-77a4aa59],
table td.shift_pattern_shift[data-v-77a4aa59] {
  width: 145px;
  max-width: 145px;
  min-width: 145px;
}
table th.shift_pattern_punch[data-v-77a4aa59],
table td.shift_pattern_punch[data-v-77a4aa59] {
  width: 145px;
  max-width: 145px;
  min-width: 145px;
}
table th.shift_pattern_break[data-v-77a4aa59],
table td.shift_pattern_break[data-v-77a4aa59] {
  width: 145px;
  max-width: 145px;
  min-width: 145px;
}
table th.color[data-v-77a4aa59],
table td.color[data-v-77a4aa59] {
  width: 46px;
  max-width: 46px;
  min-width: 46px;
}
table th.button[data-v-77a4aa59],
table td.button[data-v-77a4aa59] {
  width: 84px;
  max-width: 84px;
  min-width: 84px;
}
@media screen and (max-width: 499px) {
.shift_pattern_time_col[data-v-77a4aa59] {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
}
.shift_pattern_time_col.edit[data-v-77a4aa59] {
    height: 27px;
    line-height: 27px;
}
table th.name[data-v-77a4aa59],
  table td.name[data-v-77a4aa59] {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}
table th.shift_pattern_shift[data-v-77a4aa59],
  table td.shift_pattern_shift[data-v-77a4aa59] {
    width: 133px;
    max-width: 133px;
    min-width: 133px;
}
table th.shift_pattern_punch[data-v-77a4aa59],
  table td.shift_pattern_punch[data-v-77a4aa59] {
    width: 133px;
    max-width: 133px;
    min-width: 133px;
}
table th.shift_pattern_break[data-v-77a4aa59],
  table td.shift_pattern_break[data-v-77a4aa59] {
    width: 133px;
    max-width: 133px;
    min-width: 133px;
}
table th.color[data-v-77a4aa59],
  table td.color[data-v-77a4aa59] {
    width: 46px;
    max-width: 46px;
    min-width: 46px;
}
table th.button[data-v-77a4aa59],
  table td.button[data-v-77a4aa59] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
}.draggable_hovering {
  z-index: 1500 !important;
}
.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
.draggable_hovering th.shift_pattern_shift,
.draggable_hovering td.shift_pattern_shift {
  width: 145px;
  max-width: 145px;
  min-width: 145px;
}
.draggable_hovering th.shift_pattern_punch,
.draggable_hovering td.shift_pattern_punch {
  width: 145px;
  max-width: 145px;
  min-width: 145px;
}
.draggable_hovering th.shift_pattern_break,
.draggable_hovering td.shift_pattern_break {
  width: 145px;
  max-width: 145px;
  min-width: 145px;
}
.draggable_hovering th.color,
.draggable_hovering td.color {
  width: 46px;
  max-width: 46px;
  min-width: 46px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 84px;
  max-width: 84px;
  min-width: 84px;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}
.draggable_hovering th.shift_pattern_shift,
  .draggable_hovering td.shift_pattern_shift {
    width: 133px;
    max-width: 133px;
    min-width: 133px;
}
.draggable_hovering th.shift_pattern_punch,
  .draggable_hovering td.shift_pattern_punch {
    width: 133px;
    max-width: 133px;
    min-width: 133px;
}
.draggable_hovering th.shift_pattern_break,
  .draggable_hovering td.shift_pattern_break {
    width: 133px;
    max-width: 133px;
    min-width: 133px;
}
.draggable_hovering th.color,
  .draggable_hovering td.color {
    width: 46px;
    max-width: 46px;
    min-width: 46px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
}.add_shift_title[data-v-62d2c432] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.pattern_button_wrap[data-v-62d2c432] {
  display: inline-block;
  width: 150px;
}
.info_wrap[data-v-62d2c432] {
  font-size: 20px;
  vertical-align: top;
}.month_day_component {
  display: inline-block;
}
.month_day_component .ant-input {
  line-height: 32px !important;
  padding: 0px !important;
  text-align: center;
}
.month_day_component span.label {
  line-height: 32px;
}.add_repeat_event_content_wrap[data-v-6114f25f] {
  text-align: center;
}
.add_repeat_event_content_wrap .form_wrap[data-v-6114f25f] {
  display: inline-block;
  text-align: left;
}.edit_repeat_event_content_wrap[data-v-1cad6600] {
  text-align: center;
}
.edit_repeat_event_content_wrap .form_wrap[data-v-1cad6600] {
  display: inline-block;
  text-align: left;
}.root_component[data-v-393e0c93] {
  max-width: 1440px;
  padding: 30px 35px 80px;
  margin: 0 auto;
  min-height: calc(100vh - 240px);
}
.root_component.slim[data-v-393e0c93] {
  min-height: calc(100vh - 50px);
}
.root_component.slip[data-v-393e0c93] {
  background-color: #777;
  width: 100%;
  overflow-x: hidden;
  padding: 0;
  max-width: initial;
}
@media screen and (max-width: 959px) {
.root_component[data-v-393e0c93] {
    padding: 25px 30px 60px;
    margin: 50px 0 65px;
}
}
@media screen and (max-width: 499px) {
.root_component[data-v-393e0c93] {
    padding: 5px 5px 20px;
}
}.bread_component[data-v-c1c7825e] {
  display: inline-block;
  margin-top: 3px;
  text-align: left;
  margin-bottom: 15px;
}
.before_content[data-v-c1c7825e] {
  margin-bottom: 6px;
}
.before_content span[data-v-c1c7825e] {
  font-size: 12px;
}
.before_content .separator[data-v-c1c7825e] {
  vertical-align: top;
  margin: 0 2px;
}
.blank_before_content[data-v-c1c7825e] {
  height: 7.5px;
  margin-bottom: 6px;
}
.active_content span[data-v-c1c7825e] {
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 499px) {
.active_content span[data-v-c1c7825e] {
    font-size: 18px;
}
}.ant-menu-submenu-title {
  height: 35.5px !important;
  line-height: 35.5px !important;
  background-color: transparent !important;
  border-radius: 0 18px 18px 0;
}
.ant-menu-submenu-title a {
  color: black !important;
}
.ant-menu-submenu-open .ant-menu-submenu-title a,
.ant-menu-submenu-active .ant-menu-submenu-title a,
.ant-menu-submenu-selected .ant-menu-submenu-title a {
  color: #1a73e8 !important;
}
.ant-menu-submenu-open .ant-menu-submenu-title,
.ant-menu-submenu-selected .ant-menu-submenu-title {
  background-color: #e8f0fe !important;
  border-left: none;
  padding-left: 0;
}
.ant-menu-inline {
  border-right: 0 !important;
}
.ant-menu-item {
  background-color: transparent !important;
  border-radius: 0 18px 18px 0 !important;
  border-left: none;
  padding-left: 0;
  height: 35.5px !important;
  line-height: 35.5px !important;
  display: block !important;
}
.ant-menu-item:after {
  display: none !important;
}
.ant-menu-item a {
  color: black !important;
}
.ant-menu-item.ant-menu-item-active a, .ant-menu-item.ant-menu-item-selected a {
  color: #1a73e8 !important;
}
.ant-menu-item.ant-menu-item-selected {
  background-color: #e8f0fe !important;
}
.ant-menu-sub {
  padding-left: 20px !important;
}
.ant-menu-sub li {
  height: 35.5px !important;
  padding: 8px 0 !important;
  line-height: 19.5px !important;
  margin: 0 !important;
  background-color: transparent !important;
}
.ant-menu-sub li:hover {
  background-color: transparent !important;
}
.ant-menu-sub li:after {
  display: none !important;
}
.ant-menu-sub li:before {
  content: " ";
  position: absolute;
  width: 2px;
  background-color: #e8eaed;
  top: 0;
  left: 0;
  height: 100%;
}
.ant-menu-sub li:first-child:before {
  margin-top: 8px;
  top: 0;
  bottom: initial;
}
.ant-menu-sub li:last-child:before {
  margin-bottom: 8px;
  top: initial;
  bottom: 0;
}
.ant-menu-sub li.ant-menu-item-selected {
  background-color: transparent !important;
}
.ant-menu-sub li a {
  text-indent: 1em !important;
  padding-left: 0 !important;
  border-left: 2px solid #e8eaed !important;
  position: absolute;
  color: black !important;
}
.ant-menu-sub li.ant-menu-item-selected a {
  text-indent: 1em !important;
  border-left: 2px solid #1a73e8 !important;
  padding-left: 0 !important;
  color: #1a73e8 !important;
  background-color: transparent !important;
}
.ant-menu-sub li.ant-menu-item-active a {
  color: #1a73e8 !important;
}
.menu_wrap {
  display: inline-block;
  vertical-align: top;
}
.menu_wrap.sticky {
  position: sticky;
  top: 30px;
}
.menu_content_wrap {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 210px);
  padding-left: 30px;
}
.submenu_pc_wrap {
  display: block;
}
.submenu_sp_wrap {
  display: none;
}
.ant-menu-inline {
  background: none !important;
}
@media screen and (max-width: 949px) {
.menu_wrap {
    display: block;
    position: initial;
}
.menu_content_wrap {
    display: block;
    width: 100%;
    padding-left: 0;
}
.submenu_pc_wrap {
    display: none;
}
.submenu_sp_wrap {
    display: block;
    max-width: 250px;
    margin-bottom: 15px;
}
}.kana_component[data-v-9ff252ab] {
  display: inline-block;
  position: relative;
  width: 100%;
}
.kana[data-v-9ff252ab] {
  position: absolute;
  top: -15px;
  font-size: 10px;
}
.name_sp[data-v-9ff252ab] {
  display: none;
}
@media screen and (max-width: 769px) {
.name[data-v-9ff252ab], .kana[data-v-9ff252ab] {
    display: none;
}
.name_sp[data-v-9ff252ab] {
    display: inline;
}
}.ant-space-item {
  font-size: revert;
}.title_wrap[data-v-e976fd3f] {
  display: flex;
  align-items: center;
}
.history_button[data-v-e976fd3f] {
  margin-left: auto;
}.title_wrap[data-v-a80b1e74] {
  display: flex;
  align-items: center;
}
.history_button[data-v-a80b1e74] {
  margin-left: auto;
}.select_component {
  display: inline-block;
  width: 100%;
}
.ant-select-dropdown {
  animation-duration: 0.1s;
}
.ant-select-lg .ant-select-selection-selected-value {
  line-height: 39px;
}
.ant-select-selection-selected-value {
  line-height: 30px;
}
.ant-select-dropdown-menu-item.button_option:hover {
  background-color: initial;
}
.null_value {
  color: #c4c4c4;
}.bank_code[data-v-d170ed0b],
.click_candidate[data-v-d170ed0b] {
  margin-left: 10px;
  line-height: 30px;
}
.click_candidate[data-v-d170ed0b] {
  color: #d10c1d;
  font-weight: 600;
}.branch_code[data-v-13e31e37],
.click_candidate[data-v-13e31e37] {
  margin-left: 10px;
  line-height: 30px;
}
.click_candidate[data-v-13e31e37],
.insert_bank_name[data-v-13e31e37] {
  color: #d10c1d;
  font-weight: 600;
}.title_wrap[data-v-daa5737a] {
  display: flex;
  align-items: center;
}
.history_button[data-v-daa5737a] {
  margin-left: auto;
}.taxoffice_code[data-v-618ab108],
.click_candidate[data-v-618ab108] {
  margin-left: 10px;
  line-height: 30px;
}
.click_candidate[data-v-618ab108] {
  color: #d10c1d;
  font-weight: 600;
}.title_wrap[data-v-58dee329] {
  display: flex;
  align-items: center;
}
.history_button[data-v-58dee329] {
  margin-left: auto;
}
[data-v-6397b4b2] .ant-tree-switcher-noop .anticon.anticon-file.ant-tree-switcher-line-icon svg {
  display: none !important;
}

/* 調整用トークン */
[data-v-6397b4b2]:root {
  --tree-line-color: #d9d9d9;
  --tree-indent-w: 24px; /* Ant Design のデフォのインデント幅（必要なら調整） */
  --tree-rail-offset: 12px; /* 縦線のX位置（インデント単位の右寄り） */
  --tree-overshoot: 6px; /* 縦線を少し下に延ばして接続を滑らかに */
}
[data-v-6397b4b2] .ant-tree-indent-unit:before,[data-v-6397b4b2] .ant-tree-switcher-leaf-line:before,[data-v-6397b4b2] .ant-tree-switcher-leaf-line:after {
  display: none;
}
[data-v-6397b4b2] .ant-tree-switcher_open:before {
  display: block;
  position: absolute;
  top: 25px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-1-vertical-normal) .ant-tree-indent-unit:nth-child(1):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 50px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-1-vertical-short_under) .ant-tree-indent-unit:nth-child(1):before {
  display: block;
  position: absolute;
  top: 25px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-1-vertical-short_upper) .ant-tree-indent-unit:nth-child(1):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-1-horizontal-normal) .ant-tree-indent-unit:nth-child(1):after {
  display: block;
  position: absolute;
  width: 40px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-1-horizontal-short) .ant-tree-indent-unit:nth-child(1):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-2-vertical-normal) .ant-tree-indent-unit:nth-child(2):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 50px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-2-vertical-short_under) .ant-tree-indent-unit:nth-child(2):before {
  display: block;
  position: absolute;
  top: 25px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-2-vertical-short_upper) .ant-tree-indent-unit:nth-child(2):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-2-horizontal-normal) .ant-tree-indent-unit:nth-child(2):after {
  display: block;
  position: absolute;
  width: 40px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-2-horizontal-short) .ant-tree-indent-unit:nth-child(2):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-3-vertical-normal) .ant-tree-indent-unit:nth-child(3):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 50px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-3-vertical-short_under) .ant-tree-indent-unit:nth-child(3):before {
  display: block;
  position: absolute;
  top: 25px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-3-vertical-short_upper) .ant-tree-indent-unit:nth-child(3):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-3-horizontal-normal) .ant-tree-indent-unit:nth-child(3):after {
  display: block;
  position: absolute;
  width: 40px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-3-horizontal-short) .ant-tree-indent-unit:nth-child(3):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-4-vertical-normal) .ant-tree-indent-unit:nth-child(4):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 50px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-4-vertical-short_under) .ant-tree-indent-unit:nth-child(4):before {
  display: block;
  position: absolute;
  top: 25px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-4-vertical-short_upper) .ant-tree-indent-unit:nth-child(4):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-4-horizontal-normal) .ant-tree-indent-unit:nth-child(4):after {
  display: block;
  position: absolute;
  width: 40px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-4-horizontal-short) .ant-tree-indent-unit:nth-child(4):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-5-vertical-normal) .ant-tree-indent-unit:nth-child(5):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 50px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-5-vertical-short_under) .ant-tree-indent-unit:nth-child(5):before {
  display: block;
  position: absolute;
  top: 25px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-5-vertical-short_upper) .ant-tree-indent-unit:nth-child(5):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-5-horizontal-normal) .ant-tree-indent-unit:nth-child(5):after {
  display: block;
  position: absolute;
  width: 40px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-5-horizontal-short) .ant-tree-indent-unit:nth-child(5):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-6-vertical-normal) .ant-tree-indent-unit:nth-child(6):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 50px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-6-vertical-short_under) .ant-tree-indent-unit:nth-child(6):before {
  display: block;
  position: absolute;
  top: 25px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-6-vertical-short_upper) .ant-tree-indent-unit:nth-child(6):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-6-horizontal-normal) .ant-tree-indent-unit:nth-child(6):after {
  display: block;
  position: absolute;
  width: 40px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-6-horizontal-short) .ant-tree-indent-unit:nth-child(6):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-7-vertical-normal) .ant-tree-indent-unit:nth-child(7):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 50px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-7-vertical-short_under) .ant-tree-indent-unit:nth-child(7):before {
  display: block;
  position: absolute;
  top: 25px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-7-vertical-short_upper) .ant-tree-indent-unit:nth-child(7):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-7-horizontal-normal) .ant-tree-indent-unit:nth-child(7):after {
  display: block;
  position: absolute;
  width: 40px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-7-horizontal-short) .ant-tree-indent-unit:nth-child(7):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-8-vertical-normal) .ant-tree-indent-unit:nth-child(8):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 50px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-8-vertical-short_under) .ant-tree-indent-unit:nth-child(8):before {
  display: block;
  position: absolute;
  top: 25px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-8-vertical-short_upper) .ant-tree-indent-unit:nth-child(8):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-8-horizontal-normal) .ant-tree-indent-unit:nth-child(8):after {
  display: block;
  position: absolute;
  width: 40px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-8-horizontal-short) .ant-tree-indent-unit:nth-child(8):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-9-vertical-normal) .ant-tree-indent-unit:nth-child(9):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 50px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-9-vertical-short_under) .ant-tree-indent-unit:nth-child(9):before {
  display: block;
  position: absolute;
  top: 25px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-9-vertical-short_upper) .ant-tree-indent-unit:nth-child(9):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-9-horizontal-normal) .ant-tree-indent-unit:nth-child(9):after {
  display: block;
  position: absolute;
  width: 40px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-9-horizontal-short) .ant-tree-indent-unit:nth-child(9):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-10-vertical-normal) .ant-tree-indent-unit:nth-child(10):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 50px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-10-vertical-short_under) .ant-tree-indent-unit:nth-child(10):before {
  display: block;
  position: absolute;
  top: 25px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-10-vertical-short_upper) .ant-tree-indent-unit:nth-child(10):before {
  display: block;
  position: absolute;
  top: 0px;
  height: 25px;
  inset-inline-end: 12px;
  border-inline-end: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-10-horizontal-normal) .ant-tree-indent-unit:nth-child(10):after {
  display: block;
  position: absolute;
  width: 40px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-10-horizontal-short) .ant-tree-indent-unit:nth-child(10):after {
  display: block;
  position: absolute;
  width: 9.6px;
  height: 25px;
  left: 12px;
  border-bottom: 1px solid #d9d9d9;
  content: "";
}
[data-v-6397b4b2] .ant-tree-switcher {
  align-self: initial !important;
}
[data-v-6397b4b2] .ant-tree-treenode {
  align-items: center !important;
}
[data-v-6397b4b2] .ant-tree-treenode.dragging:after {
  border: none !important;
}
.table_component.show_drag_tooltip[data-v-6397b4b2] .ant-tree-drop-indicator {
  background-color: red !important;
  border-color: red !important;
}
.table_component.show_drag_tooltip[data-v-6397b4b2] .ant-tree-drop-indicator::after {
  border-color: red !important;
}
.table_component.show_drag_tooltip[data-v-6397b4b2] .ant-tree-drop-indicator::before {
  background-color: red !important;
  border-color: red !important;
}
.table_component[data-v-6397b4b2] {
  --border: rgb(171, 171, 171);
  --color: rgba(0, 0, 0, 0.65);
  --placeholder: lightgray;
  --background: gray;
  --background-hover: rgb(166, 166, 166);
}
.table_component.disabled[data-v-6397b4b2] * {
  cursor: default !important;
}
.table_component.shift[data-v-6397b4b2] {
  --border: #4395d4;
  --background: #4395d4;
  --background-hover: #56aeec;
}
.table_component.able[data-v-6397b4b2] {
  --border: #4395d4;
  --color: #4395d4;
  --placeholder: #64b2ee;
  --background: #4395d4;
  --background-hover: #56aeec;
}
.table_component.attendance[data-v-6397b4b2] {
  --border: #4eb187;
  --background: #4eb187;
  --background-hover: #5ecf9a;
}
.table_component.payment[data-v-6397b4b2] {
  --border: #d1aa00;
  --background: #d1aa00;
  --background-hover: #e0c000;
}
.table_component.aggregation[data-v-6397b4b2] {
  --border: #ee751b;
  --background: #ee751b;
  --background-hover: #f58f3a;
}
.table_component.document[data-v-6397b4b2] {
  --border: #e389b7;
  --background: #e389b7;
  --background-hover: #e89fcf;
}
.table_component.notification[data-v-6397b4b2] {
  --border: #eb9142;
  --background: #eb9142;
  --background-hover: #efa35f;
}
.table_component .table_wrap[data-v-6397b4b2] {
  --scroll-height: 80vh;
  max-height: var(--scroll-height);
  overflow-x: auto !important;
  margin-right: 0px;
}
.table_component .table_wrap.scrolling[data-v-6397b4b2] {
  margin-right: -8px;
}
.table_component .table_wrap table[data-v-6397b4b2] {
  border-collapse: separate;
  background-color: white;
  border-spacing: 0;
  --first-column-width: 0px;
}
.table_component .table_wrap table.fixed[data-v-6397b4b2] {
  table-layout: fixed;
}
.table_component .table_wrap table thead.sticky_row[data-v-6397b4b2] {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  color: #fff;
  z-index: 3;
}
.table_component .table_wrap table thead.sticky_col.col1 tr:first-of-type th[data-v-6397b4b2]:nth-of-type(1) {
  position: sticky;
  left: 0;
  z-index: 10;
}
.table_component .table_wrap table thead.sticky_col.col2 tr:first-of-type th[data-v-6397b4b2]:nth-of-type(2) {
  position: sticky;
  left: 0;
  z-index: 10;
}
.table_component .table_wrap table thead.sticky_col.col3 tr:first-of-type th[data-v-6397b4b2]:nth-of-type(3) {
  position: sticky;
  left: 0;
  z-index: 10;
}
.table_component .table_wrap table thead.sticky_col.col4 tr:first-of-type th[data-v-6397b4b2]:nth-of-type(4) {
  position: sticky;
  left: 0;
  z-index: 10;
}
.table_component .table_wrap table thead tr[data-v-6397b4b2] {
  background-color: white;
}
.table_component .table_wrap table thead th[data-v-6397b4b2] {
  color: var(--color);
  padding: 6px 8px;
  background-color: white;
  border: 1px solid var(--border);
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: inherit;
  border-right: 0px;
}
.table_component .table_wrap table thead th th[data-v-6397b4b2]:last-child {
  border-right: 1px solid var(--border);
}
.table_component .table_wrap table thead.control th[data-v-6397b4b2]:nth-last-child(2) {
  border-right: 1px solid var(--border);
}
.table_component .table_wrap table thead tr:not(:first-child) th[data-v-6397b4b2] {
  border-top: none;
}
.table_component .table_wrap table thead tr th[data-v-6397b4b2]:first-of-type {
  border-left: 1px solid var(--border);
}
.table_component .table_wrap table thead tr th[data-v-6397b4b2]:last-of-type {
  border-right: 1px solid var(--border);
}
.table_component .table_wrap table thead tr:first-of-type th[data-v-6397b4b2] {
  border-top: 1px solid var(--border);
}
.table_component .table_wrap table thead tr:last-of-type th[data-v-6397b4b2] {
  border-bottom: 1px solid var(--border);
}
.table_component .table_wrap table thead.control tr:first-child th[data-v-6397b4b2]:last-child {
  border: none;
  border-left: 0.5px solid var(--border);
  border-right: none !important;
}
.table_component .table_wrap table thead.first_color tr:first-child th[data-v-6397b4b2]:first-child {
  background-color: var(--background) !important;
  color: #fff;
}
.table_component .table_wrap table .tree_row_wrap[data-v-6397b4b2] {
  --padding-index: 0;
  --padding-width: 24px;
}
.table_component .table_wrap table .tree_row_wrap[data-v-6397b4b2] tr td:first-child {
  width: calc(-28px + var(--first-column-width) - var(--padding-index) * var(--padding-width)) !important;
  min-width: calc(-28px + var(--first-column-width) - var(--padding-index) * var(--padding-width)) !important;
  max-width: calc(-28px + var(--first-column-width) - var(--padding-index) * var(--padding-width)) !important;
}
.table_component .table_wrap table tbody.sticky_col.col1 tr:not(.not_first) td[data-v-6397b4b2]:nth-of-type(1), .table_component .table_wrap table tfoot.sticky_col.col1 tr:not(.not_first) td[data-v-6397b4b2]:nth-of-type(1) {
  position: sticky;
  left: 0;
  z-index: 1;
}
.table_component .table_wrap table tbody.sticky_col.col2 tr:not(.not_first) td[data-v-6397b4b2]:nth-of-type(2), .table_component .table_wrap table tfoot.sticky_col.col2 tr:not(.not_first) td[data-v-6397b4b2]:nth-of-type(2) {
  position: sticky;
  left: 0;
  z-index: 1;
}
.table_component .table_wrap table tbody.sticky_col.col3 tr:not(.not_first) td[data-v-6397b4b2]:nth-of-type(3), .table_component .table_wrap table tfoot.sticky_col.col3 tr:not(.not_first) td[data-v-6397b4b2]:nth-of-type(3) {
  position: sticky;
  left: 0;
  z-index: 1;
}
.table_component .table_wrap table tbody.sticky_col.col4 tr:not(.not_first) td[data-v-6397b4b2]:nth-of-type(4), .table_component .table_wrap table tfoot.sticky_col.col4 tr:not(.not_first) td[data-v-6397b4b2]:nth-of-type(4) {
  position: sticky;
  left: 0;
  z-index: 1;
}
.table_component .table_wrap table tbody tr[data-v-6397b4b2], .table_component .table_wrap table tfoot tr[data-v-6397b4b2] {
  background-color: white;
}
.table_component .table_wrap table tbody td[data-v-6397b4b2], .table_component .table_wrap table tfoot td[data-v-6397b4b2] {
  color: var(--color);
  padding: 6px 8px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #f0f0f0;
  border-right: none;
  border-left: none;
  background-color: inherit;
  font-size: 13px;
  border-bottom: 0px;
}
.table_component .table_wrap table tbody td[data-v-6397b4b2] *, .table_component .table_wrap table tfoot td[data-v-6397b4b2] * {
  font-size: 13px;
}
.table_component .table_wrap table tbody tr[data-v-6397b4b2]:first-of-type, .table_component .table_wrap table tfoot tr[data-v-6397b4b2]:first-of-type {
  border-top: none;
}
.table_component .table_wrap table tbody tr:last-of-type td[data-v-6397b4b2], .table_component .table_wrap table tfoot tr:last-of-type td[data-v-6397b4b2] {
  border-bottom: none;
}
.table_component .table_wrap table tfoot td[data-v-6397b4b2] {
  background-color: #efefef;
}
.table_component .ant-pagination[data-v-6397b4b2] {
  width: 100%;
  text-align: right;
}
.table_component .ant-pagination-total-text[data-v-6397b4b2] {
  float: left;
}
.table_component .ant-table-placeholder[data-v-6397b4b2] {
  color: var(--placeholder);
  margin-top: 0px;
  border: none;
  padding-bottom: 15px;
}
.nodata[data-v-6397b4b2] {
  display: block;
  width: 100%;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-radius: d0 0 4px 4px;
}
table:has(tbody > tr) + .nodata[data-v-6397b4b2] {
  display: none;
}
.left_control[data-v-6397b4b2],
.right_control[data-v-6397b4b2] {
  display: inline-block;
  vertical-align: top;
}
.right_control[data-v-6397b4b2] {
  width: 160px;
  text-align: right;
}
.left_control[data-v-6397b4b2] {
  --table-width: 100%;
  width: calc(var(--table-width) - 160px);
}
.search_wrap[data-v-6397b4b2] {
  display: inline-block;
  vertical-align: top;
  width: 200px;
}
.branch_control_wrap[data-v-6397b4b2] {
  margin-top: 10px;
}
.branch_control_wrap span[data-v-6397b4b2] {
  line-height: 30px;
}
.pagination_wrap[data-v-6397b4b2],
.simple_pagination_wrap[data-v-6397b4b2] {
  width: 100%;
}
.pagination_wrap[data-v-6397b4b2] {
  display: inline-block;
}
.simple_pagination_wrap[data-v-6397b4b2] {
  display: none;
}
.table_component.no_border td[data-v-6397b4b2] {
  border: none !important;
}
.table_component.no_padding[data-v-6397b4b2] .ant-tree-show-line .ant-tree-indent:has(+ .ant-tree-switcher-noop) .ant-tree-indent-unit:last-child:after,
.table_component.no_padding[data-v-6397b4b2] .ant-tree-show-line .ant-tree-indent:has(+ .ant-tree-switcher_open) .ant-tree-indent-unit:last-child:after {
  height: 19px;
}
.table_component.no_padding[data-v-6397b4b2] .ant-tree-show-line .ant-tree-treenode-leaf-last .ant-tree-indent-unit:last-child:before {
  height: 19px !important;
}
.table_component.no_padding .branch_control_wrap span[data-v-6397b4b2] {
  line-height: 25px;
}
.table_component.no_padding .table_wrap.scrolling[data-v-6397b4b2] {
  margin-right: 0px;
}
.table_component.no_padding .table_wrap table thead th[data-v-6397b4b2] {
  padding: 3px 4px;
  border: 1px solid var(--border);
  line-height: 16px;
}
.table_component.no_padding .table_wrap table tbody td[data-v-6397b4b2] {
  padding: 3px 4px;
  line-height: 27px;
}
.table_component.no_padding .pagination_wrap[data-v-6397b4b2] {
  display: none;
}
.table_component.no_padding .simple_pagination_wrap[data-v-6397b4b2] {
  display: inline-block;
}
@media screen and (max-width: 599px) {
.search_wrap[data-v-6397b4b2] {
    display: block;
    margin-top: 10px;
    width: 150px;
}
}
@media screen and (max-width: 499px) {
[data-v-6397b4b2] .ant-tree-switcher_open:before {
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-1-vertical-normal) .ant-tree-indent-unit:nth-child(1):before {
    height: 40px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-1-vertical-short_under) .ant-tree-indent-unit:nth-child(1):before {
    top: 19px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-1-vertical-short_upper) .ant-tree-indent-unit:nth-child(1):before {
    top: 0px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-1-horizontal-normal) .ant-tree-indent-unit:nth-child(1):after {
    width: 40px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-1-horizontal-short) .ant-tree-indent-unit:nth-child(1):after {
    width: 9.6px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-2-vertical-normal) .ant-tree-indent-unit:nth-child(2):before {
    height: 40px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-2-vertical-short_under) .ant-tree-indent-unit:nth-child(2):before {
    top: 19px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-2-vertical-short_upper) .ant-tree-indent-unit:nth-child(2):before {
    top: 0px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-2-horizontal-normal) .ant-tree-indent-unit:nth-child(2):after {
    width: 40px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-2-horizontal-short) .ant-tree-indent-unit:nth-child(2):after {
    width: 9.6px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-3-vertical-normal) .ant-tree-indent-unit:nth-child(3):before {
    height: 40px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-3-vertical-short_under) .ant-tree-indent-unit:nth-child(3):before {
    top: 19px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-3-vertical-short_upper) .ant-tree-indent-unit:nth-child(3):before {
    top: 0px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-3-horizontal-normal) .ant-tree-indent-unit:nth-child(3):after {
    width: 40px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-3-horizontal-short) .ant-tree-indent-unit:nth-child(3):after {
    width: 9.6px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-4-vertical-normal) .ant-tree-indent-unit:nth-child(4):before {
    height: 40px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-4-vertical-short_under) .ant-tree-indent-unit:nth-child(4):before {
    top: 19px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-4-vertical-short_upper) .ant-tree-indent-unit:nth-child(4):before {
    top: 0px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-4-horizontal-normal) .ant-tree-indent-unit:nth-child(4):after {
    width: 40px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-4-horizontal-short) .ant-tree-indent-unit:nth-child(4):after {
    width: 9.6px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-5-vertical-normal) .ant-tree-indent-unit:nth-child(5):before {
    height: 40px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-5-vertical-short_under) .ant-tree-indent-unit:nth-child(5):before {
    top: 19px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-5-vertical-short_upper) .ant-tree-indent-unit:nth-child(5):before {
    top: 0px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-5-horizontal-normal) .ant-tree-indent-unit:nth-child(5):after {
    width: 40px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-5-horizontal-short) .ant-tree-indent-unit:nth-child(5):after {
    width: 9.6px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-6-vertical-normal) .ant-tree-indent-unit:nth-child(6):before {
    height: 40px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-6-vertical-short_under) .ant-tree-indent-unit:nth-child(6):before {
    top: 19px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-6-vertical-short_upper) .ant-tree-indent-unit:nth-child(6):before {
    top: 0px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-6-horizontal-normal) .ant-tree-indent-unit:nth-child(6):after {
    width: 40px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-6-horizontal-short) .ant-tree-indent-unit:nth-child(6):after {
    width: 9.6px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-7-vertical-normal) .ant-tree-indent-unit:nth-child(7):before {
    height: 40px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-7-vertical-short_under) .ant-tree-indent-unit:nth-child(7):before {
    top: 19px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-7-vertical-short_upper) .ant-tree-indent-unit:nth-child(7):before {
    top: 0px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-7-horizontal-normal) .ant-tree-indent-unit:nth-child(7):after {
    width: 40px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-7-horizontal-short) .ant-tree-indent-unit:nth-child(7):after {
    width: 9.6px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-8-vertical-normal) .ant-tree-indent-unit:nth-child(8):before {
    height: 40px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-8-vertical-short_under) .ant-tree-indent-unit:nth-child(8):before {
    top: 19px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-8-vertical-short_upper) .ant-tree-indent-unit:nth-child(8):before {
    top: 0px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-8-horizontal-normal) .ant-tree-indent-unit:nth-child(8):after {
    width: 40px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-8-horizontal-short) .ant-tree-indent-unit:nth-child(8):after {
    width: 9.6px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-9-vertical-normal) .ant-tree-indent-unit:nth-child(9):before {
    height: 40px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-9-vertical-short_under) .ant-tree-indent-unit:nth-child(9):before {
    top: 19px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-9-vertical-short_upper) .ant-tree-indent-unit:nth-child(9):before {
    top: 0px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-9-horizontal-normal) .ant-tree-indent-unit:nth-child(9):after {
    width: 40px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-9-horizontal-short) .ant-tree-indent-unit:nth-child(9):after {
    width: 9.6px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-10-vertical-normal) .ant-tree-indent-unit:nth-child(10):before {
    height: 40px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-10-vertical-short_under) .ant-tree-indent-unit:nth-child(10):before {
    top: 19px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-10-vertical-short_upper) .ant-tree-indent-unit:nth-child(10):before {
    top: 0px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-10-horizontal-normal) .ant-tree-indent-unit:nth-child(10):after {
    width: 40px;
    height: 19px;
}
[data-v-6397b4b2] .ant-tree-treenode:has(.col-10-horizontal-short) .ant-tree-indent-unit:nth-child(10):after {
    width: 9.6px;
    height: 19px;
}
.branch_control_wrap span[data-v-6397b4b2] {
    line-height: 25px;
}
.table_component .table_wrap.scrolling[data-v-6397b4b2] {
    margin-right: 0px;
}
.table_component .table_wrap table thead th[data-v-6397b4b2] {
    padding: 3px 4px;
    border: 1px solid var(--border);
    font-size: 11px;
    line-height: 16px;
}
.table_component .table_wrap table tbody td[data-v-6397b4b2] {
    padding: 3px 4px;
    line-height: 27px;
    font-size: 11px;
}
.table_component .table_wrap table tbody td[data-v-6397b4b2] * {
    font-size: 11px;
}
.pagination_wrap[data-v-6397b4b2] {
    display: none;
}
.simple_pagination_wrap[data-v-6397b4b2] {
    display: inline-block;
}
}
.drag_tooltip[data-v-6397b4b2] {
  position: fixed;
  background-color: rgb(255, 37, 37);
  color: white;
  padding: 8px 18px;
  border-radius: 5px;
  font-size: 13px;
  pointer-events: none;
  z-index: 9999;
  white-space: nowrap;
  font-weight: bold;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}.tree-node-wrapper[data-v-c7f60a48] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin: 20px 10px;
}
.node-container[data-v-c7f60a48] {
  position: relative;
  z-index: 2;
}
.branch-node[data-v-c7f60a48] {
  cursor: pointer;
  transition: all 0.2s ease;
}
.branch-node[data-v-c7f60a48]:hover {
  transform: translateY(-2px);
}
.branch-node:hover .branch-card[data-v-c7f60a48] {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-color: #1890ff;
}
.branch-card[data-v-c7f60a48] {
  width: 180px;
  padding: 16px 12px;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border: 2px solid #e8e8e8;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  text-align: center;
  transition: all 0.2s ease;
}
.branch-card .branch_name[data-v-c7f60a48] {
  display: block;
  font-weight: 600;
  font-size: 15px;
  color: #262626;
  margin-bottom: 6px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.branch-card .branch_name[data-v-c7f60a48]:hover {
  color: #1890ff;
}
.branch-card .branch_code[data-v-c7f60a48] {
  margin: 4px 0;
  font-size: 11px;
  color: #8c8c8c;
  font-weight: 400;
}
.branch-card .employee_num[data-v-c7f60a48] {
  margin: 6px 0 0 0;
  font-weight: 600;
  font-size: 12px;
  color: #1890ff;
}
.children-container[data-v-c7f60a48] {
  position: relative;
  display: flex;
  margin-top: 40px;
  align-items: flex-start;
  justify-content: center;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  --gap-half: 20px;
}
.children-container .tree-node-wrapper[data-v-c7f60a48] {
  margin: 0;
}
.children-container.single-child[data-v-c7f60a48] {
  flex-direction: column;
  align-items: center;
}
.children-container.two-children[data-v-c7f60a48] {
  gap: 60px;
  --gap-half: 30px;
}
.children-container.multiple-children[data-v-c7f60a48] {
  gap: 40px;
  flex-wrap: nowrap;
  justify-content: center;
  --gap-half: 20px;
}
.connector[data-v-c7f60a48] {
  position: absolute;
  background: #1890ff;
}
.conn-parent-vertical[data-v-c7f60a48] {
  top: -20px;
  left: 50%;
  width: 2px;
  height: 20px;
  transform: translateX(-50%);
}
.conn-down[data-v-c7f60a48] {
  bottom: -20px;
  left: 50%;
  width: 2px;
  height: 20px;
  transform: translateX(-50%);
}
.conn-half-left[data-v-c7f60a48],
.conn-half-right[data-v-c7f60a48] {
  position: absolute;
  top: -20px;
  height: 2px;
}
.conn-half-left[data-v-c7f60a48] {
  right: 50%;
  width: calc(50% + var(--gap-half));
}
.conn-half-right[data-v-c7f60a48] {
  left: 50%;
  width: calc(50% + var(--gap-half));
}
.child-slot[data-v-c7f60a48] {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 180px;
  justify-content: center;
  flex: 0 0 auto;
}
.conn-child-vertical[data-v-c7f60a48] {
  top: -20px;
  left: 50%;
  width: 2px;
  height: 20px;
  transform: translateX(-50%);
}.tree-wrapper[data-v-7c1a3efc] {
  width: 100%;
  height: 70vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  cursor: grab;
  position: relative;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.pan-layer[data-v-7c1a3efc] {
  position: absolute;
  top: 50%;
  left: 50%;
  will-change: transform;
  width: max-content;
  height: max-content;
}
.tree-container[data-v-7c1a3efc] {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding: 20px;
  min-width: fit-content;
  justify-content: center;
}
.zoom-controls[data-v-7c1a3efc] {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  gap: 6px;
  z-index: 10;
}
.zoom-controls button[data-v-7c1a3efc] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 4px 8px;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}table th.check_name[data-v-174e68a6], table td.check_name[data-v-174e68a6] {
  width: 400px;
}
table th.check_name .name_text[data-v-174e68a6], table td.check_name .name_text[data-v-174e68a6] {
  vertical-align: middle;
  margin-left: 8px;
}
table th.check_name .main_name_text[data-v-174e68a6], table td.check_name .main_name_text[data-v-174e68a6] {
  vertical-align: middle;
}
table th.code[data-v-174e68a6], table td.code[data-v-174e68a6] {
  width: 150px;
  min-width: 150px;
}.title_wrap[data-v-e6e3a354] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 8px;
}
.submit_wrap[data-v-e6e3a354] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-e6e3a354] {
  display: inline-block;
  width: 250px;
}.title_wrap[data-v-29f40350] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.title_left[data-v-29f40350] {
  display: flex;
  align-items: center;
}
.history_button_wrap[data-v-29f40350] {
  width: 160px;
}
.operation_button_wrap[data-v-29f40350] {
  display: inline-block;
  width: 32px;
  margin-left: 3px;
}
.operation_button_wrap[data-v-29f40350]:first-child {
  margin-left: 0;
}
.view_tree_button[data-v-29f40350] {
  display: inline-block;
  width: 150px;
  margin-top: 10px;
}
table th.name[data-v-29f40350],
table td.name[data-v-29f40350],
.draggable_hovering th.name[data-v-29f40350],
.draggable_hovering td.name[data-v-29f40350] {
  width: var(--branch-name-column-width);
  max-width: var(--branch-name-column-width);
  min-width: var(--branch-name-column-width);
}
table th.code[data-v-29f40350],
table td.code[data-v-29f40350],
.draggable_hovering th.code[data-v-29f40350],
.draggable_hovering td.code[data-v-29f40350] {
  width: var(--branch-code-column-width);
  max-width: var(--branch-code-column-width);
  min-width: var(--branch-code-column-width);
}
table th.button[data-v-29f40350],
table td.button[data-v-29f40350],
.draggable_hovering th.button[data-v-29f40350],
.draggable_hovering td.button[data-v-29f40350] {
  width: var(--branch-button-column-width);
  max-width: var(--branch-button-column-width);
  min-width: var(--branch-button-column-width);
}
table th.branch_num_count[data-v-29f40350],
table td.branch_num_count[data-v-29f40350],
.draggable_hovering th.branch_num_count[data-v-29f40350],
.draggable_hovering td.branch_num_count[data-v-29f40350] {
  width: var(--branch-count-column-width);
  max-width: var(--branch-count-column-width);
  min-width: var(--branch-count-column-width);
}
@media screen and (max-width: 499px) {
.title_wrap[data-v-29f40350] {
    flex-direction: column;
    align-items: flex-start;
}
.history_button_wrap[data-v-29f40350] {
    width: 145px;
}
.operation_button_wrap[data-v-29f40350] {
    width: 27px;
}
.movie_guide[data-v-29f40350] {
    font-size: 12px;
}
}.title_wrap[data-v-33dbb7cf] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.history_button[data-v-33dbb7cf] {
  margin-left: auto;
}
@media screen and (max-width: 499px) {
.title_wrap[data-v-33dbb7cf] {
    flex-direction: column;
    align-items: flex-start;
}
.history_button[data-v-33dbb7cf] {
    margin-left: auto;
}
}.googlemap {
  --map-width: 500px;
  --map-height: 300px;
  --map-original_width: 900px;
  --map-original_height: 700px;
  --radius: 150px;
  position: relative;
  width: 500px;
  height: 300px;
  overflow: hidden;
  pointer-events: none;
}
.googlemap iframe {
  margin-top: calc((var(--map-height) - var(--map-original_height)) / 2);
  margin-left: calc((var(--map-width) - var(--map-original_width)) / 2);
}
.googlemap .range_circle {
  border: 2px solid blue;
  background-color: rgb(200, 200, 255);
  opacity: 0.5;
  width: var(--radius);
  height: var(--radius);
  border-radius: 50%;
  position: absolute;
  left: calc(var(--map-width) / 2 - var(--radius) / 2);
  top: calc(var(--map-height) / 2 - var(--radius) / 2);
}.googlemap {
  --map-width: 500px;
  --map-height: 300px;
  --map-original_width: 900px;
  --map-original_height: 700px;
  --radius: 150px;
  position: relative;
  width: 500px;
  height: 300px;
  overflow: hidden;
  pointer-events: none;
}
.googlemap iframe {
  margin-top: calc((var(--map-height) - var(--map-original_height)) / 2);
  margin-left: calc((var(--map-width) - var(--map-original_width)) / 2);
}
.googlemap .range_circle {
  border: 2px solid blue;
  background-color: rgb(200, 200, 255);
  opacity: 0.5;
  width: var(--radius);
  height: var(--radius);
  border-radius: 50%;
  position: absolute;
  left: calc(var(--map-width) / 2 - var(--radius) / 2);
  top: calc(var(--map-height) / 2 - var(--radius) / 2);
}.title_wrap[data-v-32aca3c4] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.title_history_button_wrap[data-v-32aca3c4] {
  margin-left: auto;
}
.history_control_wrap[data-v-32aca3c4] {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.history_button_wrap[data-v-32aca3c4],
.history_now_button_wrap[data-v-32aca3c4] {
  width: 210px;
}
.history_notice[data-v-32aca3c4] {
  margin-bottom: 12px;
  border: 1px solid #f5d07a;
  background: #fff6db;
  border-radius: 6px;
  padding: 8px 10px;
}
.history_notice p[data-v-32aca3c4] {
  margin: 0;
  color: #8a5a00;
  font-size: 13px;
  font-weight: 600;
}
.history_mode[data-v-32aca3c4] {
  padding: 0 8px 8px;
  border-radius: 8px;
  background: #fffcf2;
}
.menu_wrap[data-v-32aca3c4] {
  width: 100%;
}
@media screen and (max-width: 499px) {
.history_button_wrap[data-v-32aca3c4],
  .history_now_button_wrap[data-v-32aca3c4] {
    width: 170px;
}
.company_wrap[data-v-32aca3c4] {
    padding: 0px 10px;
}
}.description_wrap[data-v-6b4ae81b] {
  margin-bottom: 10px;
}
.description_wrap p[data-v-6b4ae81b] {
  font-size: 13px;
  color: #6b7280;
}
.filters_wrap[data-v-6b4ae81b] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 15px;
  align-items: flex-end;
}
.filters_wrap[data-v-6b4ae81b] .item_component {
  margin-bottom: 0;
}
.filter_item[data-v-6b4ae81b] {
  width: 270px;
  max-width: 100%;
}
@media screen and (max-width: 499px) {
.filter_item[data-v-6b4ae81b] {
    width: 100%;
}
}p.popup_title[data-v-6058e15f] {
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid black;
  margin-top: 20px;
}
p.popup_title[data-v-6058e15f]:first-child {
  margin-top: 0;
}
p.popup_title span.attention[data-v-6058e15f] {
  color: red;
}
ul[data-v-6058e15f] {
  margin-top: 10px;
  margin-left: 16px;
  font-size: 16px;
}
ul li[data-v-6058e15f] {
  list-style-type: square;
  line-height: 20px;
  font-size: 15px;
  margin-top: 10px;
}
ul li[data-v-6058e15f]:first-of-type {
  margin-top: 0px;
}p.popup_title[data-v-ba39e5b6] {
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid black;
  margin-top: 20px;
}
p.popup_title[data-v-ba39e5b6]:first-child {
  margin-top: 0;
}
p.popup_title span.attention[data-v-ba39e5b6] {
  color: red;
}
ul[data-v-ba39e5b6] {
  margin-top: 10px;
  margin-left: 16px;
  font-size: 16px;
}
ul li[data-v-ba39e5b6] {
  list-style-type: square;
  line-height: 20px;
  font-size: 15px;
  margin-top: 10px;
}
ul li[data-v-ba39e5b6]:first-of-type {
  margin-top: 0px;
}
ul li p.detail[data-v-ba39e5b6] {
  font-size: 13px;
}p.popup_title[data-v-ffd5a9e9] {
  font-size: 14px;
}
table[data-v-ffd5a9e9] {
  margin-top: 20px;
  width: 100%;
  table-layout: fixed;
}
table th[data-v-ffd5a9e9] {
  font-weight: 600;
  font-size: 16px;
  padding: 4px 8px;
}
table th.number[data-v-ffd5a9e9] {
  width: 30px;
}
table th.disability[data-v-ffd5a9e9], table th.special_disability[data-v-ffd5a9e9] {
  width: calc((100% - 30px) / 2);
}
table td[data-v-ffd5a9e9] {
  font-size: 14px;
  padding: 4px 8px;
  border: gray 1px solid;
}
table td[data-v-ffd5a9e9]:first-of-type {
  text-align: center;
}
@media screen and (max-width: 499px) {
table th[data-v-ffd5a9e9] {
    font-size: 14px;
    padding: 2px 4px;
}
table th.number[data-v-ffd5a9e9] {
    width: 25px;
}
table th.disability[data-v-ffd5a9e9], table th.special_disability[data-v-ffd5a9e9] {
    width: calc((100% - 25px) / 2);
}
table td[data-v-ffd5a9e9] {
    font-size: 12px;
    padding: 2px 4px;
}
}.croppa-container {
  border: solid 1px black;
}
.vue-advanced-cropper__stretcher {
  pointer-events: none;
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.stencil-preview {
  border: dashed 1px rgba(255, 255, 255, 0.25);
}.cropper_component[data-v-de51f04e] {
  border: solid 1px #eee;
  width: 100%;
}
.thumbnail_component[data-v-de51f04e] {
  height: 100%;
  width: 100%;
}
.img_wrap[data-v-de51f04e] {
  height: 100%;
  width: 100%;
  position: relative;
  border: 1px solid black;
}
.camera_button_wrap[data-v-de51f04e] {
  width: 30px;
  position: absolute;
  bottom: 3px;
  right: 3px;
}
.submit_wrap[data-v-de51f04e] {
  margin-top: 10px;
  text-align: center;
}
.croppa_block[data-v-de51f04e] {
  text-align: center;
  margin: 15px auto 0;
}
.cropper_attention_wrap[data-v-de51f04e] {
  margin: 0 auto;
  margin-bottom: 10px;
  width: 350px;
}
.croppa_wrap[data-v-de51f04e] {
  position: relative;
  display: inline-block;
}
.submit_button_wrap[data-v-de51f04e] {
  display: inline-block;
  width: 250px;
}
.image_remove_button[data-v-de51f04e] {
  width: 32px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.rotate_button_wrap[data-v-de51f04e] {
  margin-top: 10px;
  height: 32px;
}
.right_button[data-v-de51f04e],
.left_button[data-v-de51f04e] {
  width: 32px;
}
.right_button[data-v-de51f04e] {
  float: right;
}
.left_button[data-v-de51f04e] {
  float: left;
}
@media screen and (max-width: 499px) {
.camera_button_wrap[data-v-de51f04e] {
    width: 27px;
}
}.date_free_wrap[data-v-70d077bb] {
  overflow-x: auto;
  max-width: 100%;
}
.date_free_wrap table[data-v-70d077bb] {
  width: 400px;
  min-width: 400px;
}
.date_free_wrap table td[data-v-70d077bb] {
  border: 1px solid #dbdbdb;
  padding: 5px 8px;
  line-height: 20px;
}
.date_free_wrap table td.day[data-v-70d077bb] {
  min-width: 200px;
}
.date_free_wrap table td.content[data-v-70d077bb] {
  min-width: 200px;
}
@media screen and (max-width: 499px) {
.date_free_wrap table[data-v-70d077bb] {
    width: 100%;
    min-width: 100%;
}
.date_free_wrap table td[data-v-70d077bb] {
    padding: 3px 4px;
    line-height: 20px;
}
.date_free_wrap table td.day[data-v-70d077bb] {
    min-width: 120px;
}
.date_free_wrap table td.content[data-v-70d077bb] {
    min-width: initial;
}
}.free_free_wrap[data-v-05a8a1ae] {
  overflow-x: auto;
  max-width: 100%;
}
.free_free_wrap table[data-v-05a8a1ae] {
  width: 400px;
  min-width: 400px;
}
.free_free_wrap table td[data-v-05a8a1ae] {
  border: 1px solid #dbdbdb;
  padding: 5px 8px;
  line-height: 20px;
}
.free_free_wrap table td.freehead[data-v-05a8a1ae] {
  min-width: 200px;
}
.free_free_wrap table td.content[data-v-05a8a1ae] {
  min-width: 200px;
}
@media screen and (max-width: 499px) {
.free_free_wrap table[data-v-05a8a1ae] {
    width: 100%;
    min-width: 100%;
}
.free_free_wrap table td[data-v-05a8a1ae] {
    padding: 3px 4px;
}
.free_free_wrap table td.freehead[data-v-05a8a1ae] {
    min-width: 50%;
    width: 50%;
}
.free_free_wrap table td.content[data-v-05a8a1ae] {
    min-width: 50%;
    width: 50%;
}
}.free_wrap[data-v-3581e4e3] {
  line-height: 20px;
}.free_wrap[data-v-fd5369ee] {
  line-height: 20px;
}.date_only_wrap[data-v-5728ec5d] {
  line-height: 20px;
}.content_col[data-v-39cfcdf7] {
  display: inline-block;
  vertical-align: middle;
  min-width: 200px;
}
.image_wrap[data-v-39cfcdf7] {
  width: 343px;
  height: 216px;
}.ant-alert {
  display: inline-block;
}
.ant-alert .ant-alert-message {
  font-size: 13px;
}
.ant-alert .ant-alert-icon {
  vertical-align: middle;
}
.ant-alert .ant-alert-content {
  display: inline-block !important;
  max-width: calc(100% - 22px);
  vertical-align: middle;
}.alert_wrap[data-v-e26f293f] {
  padding: 10px 0;
}.branchly_shift_template_wrap[data-v-bc7dfb93] {
  margin-top: 20px;
}
.branchly_shift_template_wrap[data-v-bc7dfb93]:first-of-type {
  margin-top: 0;
}.timespan[data-v-a015e51a] {
  display: inline-block;
  text-align: center;
  font-size: 14px;
}
.day_row[data-v-a015e51a] {
  margin-top: 10px;
  width: 423px;
  padding: 10px;
  border: 1px solid #9b9a9b;
  border-radius: 4px;
}
.day_row[data-v-a015e51a]:first-of-type {
  margin-top: 0px;
}
.time_row[data-v-a015e51a] {
  line-height: 32px;
}.branch_row[data-v-137cf97a] {
  margin-top: 10px;
  padding: 10px;
  background-color: white;
  border: 1px solid #9b9a9b;
  border-radius: 4px;
  width: 443px;
}
.branch_row[data-v-137cf97a]:first-of-type {
  margin-top: 0px;
}
.day_row_wrap[data-v-137cf97a] {
  margin-top: 10px;
  font-size: 14px;
  width: 423px;
}
.add_hourly_wage_button_wrap[data-v-137cf97a] {
  margin-top: 10px;
}
.delete_hourly_wage_button_wrap[data-v-137cf97a] {
  float: right;
  margin-left: 3px;
  width: 30px;
  margin-right: 3px;
}
.main_hourly_wage[data-v-137cf97a] {
  line-height: 20px;
  font-weight: 600;
  font-size: 14px;
}.timespan[data-v-e020608a] {
  display: inline-block;
  text-align: center;
  font-size: 14px;
}
.day_row[data-v-e020608a] {
  margin-top: 10px;
  width: 423px;
  padding: 10px;
  border: 1px solid #9b9a9b;
  border-radius: 4px;
}
.day_row[data-v-e020608a]:first-of-type {
  margin-top: 0px;
}
.time_row[data-v-e020608a] {
  line-height: 32px;
}.branch_row[data-v-fee95ef8] {
  margin-top: 10px;
  padding: 10px;
  background-color: white;
  border: 1px solid #9b9a9b;
  border-radius: 4px;
  width: 443px;
}
.branch_row[data-v-fee95ef8]:first-of-type {
  margin-top: 0px;
}
.day_row_wrap[data-v-fee95ef8] {
  margin-top: 10px;
  font-size: 14px;
  width: 423px;
}
.add_carfare_button_wrap[data-v-fee95ef8] {
  margin-top: 10px;
}
.delete_carfare_button_wrap[data-v-fee95ef8] {
  float: right;
  margin-left: 3px;
  width: 30px;
  margin-right: 3px;
}
.main_carfare[data-v-fee95ef8] {
  line-height: 20px;
  font-weight: 600;
  font-size: 14px;
}.row[data-v-3eb363f4] {
  margin-top: 10px;
}
.row[data-v-3eb363f4]:first-of-type {
  margin-top: 0px;
}.resident_tax_table tr.yearmonth[data-v-14c84a36] {
  line-height: 15px;
}
.resident_tax_table tr.yearmonth td[data-v-14c84a36] {
  font-size: 13px;
}
.resident_tax_table tr.money td[data-v-14c84a36] {
  width: 125px;
  padding-bottom: 15px;
  line-height: 25px;
  font-size: 14px;
}
.resident_tax_table tr.money td:last-of-type td[data-v-14c84a36] {
  margin-bottom: 0;
}.title_wrap[data-v-3a49cdc0] {
  display: flex;
  align-items: center;
}
.history_button[data-v-3a49cdc0] {
  margin-left: auto;
}.title_wrap[data-v-cbeafa40] {
  display: flex;
  align-items: center;
}
.history_button[data-v-cbeafa40] {
  margin-left: auto;
}.summary_wrap[data-v-cf55ca39] {
  margin-bottom: 16px;
}
.summary_wrap[data-v-cf55ca39] .item_component {
  margin-bottom: 3px;
}
.employee_target_select[data-v-cf55ca39] {
  width: min(100%, 360px);
}
.content_separator[data-v-cf55ca39] {
  border-top: 1px solid #dbe4ee;
  margin: 18px 0 40px;
}
.multi_target_notice[data-v-cf55ca39] {
  margin: -20px 0 24px;
}
.multi_target_notice p[data-v-cf55ca39] {
  color: #4b5563;
  font-size: 12px;
}
.employee_detail_like_wrap[data-v-cf55ca39] .title_wrap {
  display: none;
}
.employee_detail_like_wrap[data-v-cf55ca39] .company_base_wrap {
  margin-top: 0;
}
.all_section[data-v-cf55ca39] {
  margin-top: 36px;
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
}
.all_section[data-v-cf55ca39]:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.all_section_title[data-v-cf55ca39] {
  margin: 0 0 12px;
  color: #1f2937;
  font-size: 15px;
  font-weight: 700;
}
[data-v-cf55ca39] .changed,[data-v-cf55ca39] .changed * {
  color: #c53030 !important;
  font-weight: 600;
}
.empty_wrap[data-v-cf55ca39] {
  padding: 12px 0;
}
.empty_wrap p[data-v-cf55ca39] {
  color: #6b7280;
}.mypage_shift_publish_popup p[data-v-4e8a7c7a] {
  margin: 0;
  line-height: 1.7;
}
.mypage_shift_publish_popup section[data-v-4e8a7c7a] {
  margin-top: 18px;
}
.mypage_shift_publish_popup h3[data-v-4e8a7c7a] {
  margin: 0 0 6px;
  color: #333;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}
.mypage_shift_publish_popup img[data-v-4e8a7c7a] {
  display: block;
  width: 100%;
  max-width: 640px;
  margin-top: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}.member_count[data-v-0c844522] {
  display: inline-block;
  width: 30px;
}
.attention_wrap[data-v-0c844522] {
  margin-bottom: 10px;
  font-size: 16px;
}
.member_button_wrap[data-v-0c844522] {
  display: inline-block;
  width: 120px;
}
table th.name[data-v-0c844522],
table td.name[data-v-0c844522],
.draggable_hovering th.name[data-v-0c844522],
.draggable_hovering td.name[data-v-0c844522] {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}
table th.branch_id[data-v-0c844522],
table td.branch_id[data-v-0c844522],
.draggable_hovering th.branch_id[data-v-0c844522],
.draggable_hovering td.branch_id[data-v-0c844522] {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
}
table th.employee_count[data-v-0c844522],
table td.employee_count[data-v-0c844522],
.draggable_hovering th.employee_count[data-v-0c844522],
.draggable_hovering td.employee_count[data-v-0c844522] {
  width: 170px;
  max-width: 170px;
  min-width: 170px;
}
table th.button[data-v-0c844522],
table td.button[data-v-0c844522],
.draggable_hovering th.button[data-v-0c844522],
.draggable_hovering td.button[data-v-0c844522] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
@media screen and (max-width: 499px) {
.operation_button_wrap[data-v-0c844522] {
    width: 27px;
}
.member_count[data-v-0c844522] {
    width: 25px;
}
.member_button_wrap[data-v-0c844522] {
    display: inline-block;
    width: 100px;
}
table th.name[data-v-0c844522],
  table td.name[data-v-0c844522],
  .draggable_hovering th.name[data-v-0c844522],
  .draggable_hovering td.name[data-v-0c844522] {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
table th.branch_id[data-v-0c844522],
  table td.branch_id[data-v-0c844522],
  .draggable_hovering th.branch_id[data-v-0c844522],
  .draggable_hovering td.branch_id[data-v-0c844522] {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
table th.employee_count[data-v-0c844522],
  table td.employee_count[data-v-0c844522],
  .draggable_hovering th.employee_count[data-v-0c844522],
  .draggable_hovering td.employee_count[data-v-0c844522] {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
table th.button[data-v-0c844522],
  table td.button[data-v-0c844522],
  .draggable_hovering th.button[data-v-0c844522],
  .draggable_hovering td.button[data-v-0c844522] {
    width: 68px;
    max-width: 68px;
    min-width: 68px;
}
}.member_count {
  display: inline-block;
  width: 30px;
}
.member_button_wrap {
  display: inline-block;
  width: 120px;
}
.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}
.draggable_hovering th.branch_id,
.draggable_hovering td.branch_id {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
}
.draggable_hovering th.employee_count,
.draggable_hovering td.employee_count {
  width: 170px;
  max-width: 170px;
  min-width: 170px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
@media screen and (max-width: 499px) {
.member_count {
    width: 25px;
}
.member_button_wrap {
    display: inline-block;
    width: 100px;
}
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
.draggable_hovering th.branch_id,
  .draggable_hovering td.branch_id {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
.draggable_hovering th.employee_count,
  .draggable_hovering td.employee_count {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 68px;
    max-width: 68px;
    min-width: 68px;
}
}.shift_template_table_wrap[data-v-0357b337] {
  margin-top: 10px;
}
table th.name[data-v-0357b337],
table td.name[data-v-0357b337],
.draggable_hovering th.name[data-v-0357b337],
.draggable_hovering td.name[data-v-0357b337] {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}
table th.branch_id[data-v-0357b337],
table td.branch_id[data-v-0357b337],
.draggable_hovering th.branch_id[data-v-0357b337],
.draggable_hovering td.branch_id[data-v-0357b337] {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
}
table th.button[data-v-0357b337],
table td.button[data-v-0357b337],
.draggable_hovering th.button[data-v-0357b337],
.draggable_hovering td.button[data-v-0357b337] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
@media screen and (max-width: 499px) {
.operation_button_wrap[data-v-0357b337] {
    width: 27px;
}
table th.name[data-v-0357b337],
  table td.name[data-v-0357b337],
  .draggable_hovering th.name[data-v-0357b337],
  .draggable_hovering td.name[data-v-0357b337] {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
table th.branch_id[data-v-0357b337],
  table td.branch_id[data-v-0357b337],
  .draggable_hovering th.branch_id[data-v-0357b337],
  .draggable_hovering td.branch_id[data-v-0357b337] {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
table th.button[data-v-0357b337],
  table td.button[data-v-0357b337],
  .draggable_hovering th.button[data-v-0357b337],
  .draggable_hovering td.button[data-v-0357b337] {
    width: 68px;
    max-width: 68px;
    min-width: 68px;
}
}.block_title[data-v-5b3fcf6f] {
  font-weight: 600;
}
.week_schedule[data-v-5b3fcf6f] {
  vertical-align: top;
}
.week_list[data-v-5b3fcf6f] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.week_row[data-v-5b3fcf6f] {
  min-height: 32px;
}
.time_col[data-v-5b3fcf6f] {
  height: 32px;
  line-height: 32px;
}
.week_row .day_label[data-v-5b3fcf6f] {
  width: 56px;
  line-height: 32px;
}
.week_row .weekday[data-v-5b3fcf6f] {
  font-weight: 600;
}
table th.order[data-v-5b3fcf6f],
table td.order[data-v-5b3fcf6f],
.draggable_hovering th.order[data-v-5b3fcf6f],
.draggable_hovering td.order[data-v-5b3fcf6f] {
  vertical-align: top;
  text-align: center;
  width: 75px;
  max-width: 75px;
  min-width: 75px;
}
table th.block[data-v-5b3fcf6f],
table td.block[data-v-5b3fcf6f],
.draggable_hovering th.block[data-v-5b3fcf6f],
.draggable_hovering td.block[data-v-5b3fcf6f] {
  width: 330px;
  max-width: 330px;
  min-width: 330px;
}
table th.shift[data-v-5b3fcf6f],
table td.shift[data-v-5b3fcf6f],
.draggable_hovering th.shift[data-v-5b3fcf6f],
.draggable_hovering td.shift[data-v-5b3fcf6f] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.punch[data-v-5b3fcf6f],
table td.punch[data-v-5b3fcf6f],
.draggable_hovering th.punch[data-v-5b3fcf6f],
.draggable_hovering td.punch[data-v-5b3fcf6f] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.break[data-v-5b3fcf6f],
table td.break[data-v-5b3fcf6f],
.draggable_hovering th.break[data-v-5b3fcf6f],
.draggable_hovering td.break[data-v-5b3fcf6f] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}.title_wrap[data-v-edc02031] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.content_wrap[data-v-edc02031] {
  padding: 30px 20px 10px;
}
.shift_template_preview_wrap[data-v-edc02031] {
  margin-top: 10px;
}
.submit_button_wrap[data-v-edc02031] {
  margin-top: 15px;
  width: 100%;
  text-align: center;
}.shift_template_editor[data-v-39a31f74] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.condition_layout[data-v-39a31f74] {
  display: flex;
  gap: 16px;
  align-items: stretch;
}
.condition_content[data-v-39a31f74] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.copy_button_wrap[data-v-39a31f74] {
  width: 100%;
  text-align: left;
}
.priority_indicator[data-v-39a31f74] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 64px;
  padding: 40px 0 10px;
}
.indicator_bar[data-v-39a31f74] {
  width: 12px;
  flex: 1;
  min-height: 40px;
  border-radius: 999px;
  position: relative;
  background: linear-gradient(180deg, #ff4d4f 0%, #1890ff 100%);
  overflow: hidden;
}
.indicator_bar span[data-v-39a31f74] {
  position: absolute;
  inset: 0;
}
.low_label[data-v-39a31f74] {
  color: #1890ff;
  font-weight: 600;
}
.high_label[data-v-39a31f74] {
  color: #ff4d4f;
  font-weight: 600;
}
.empty[data-v-39a31f74] {
  text-align: center;
  color: #888;
  padding: 24px 16px;
}
.add_modal[data-v-39a31f74] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.add_buttons[data-v-39a31f74] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.branch_selector_holder[data-v-39a31f74] {
  max-width: 320px;
}
table th.order[data-v-39a31f74],
table td.order[data-v-39a31f74],
.draggable_hovering th.order[data-v-39a31f74],
.draggable_hovering td.order[data-v-39a31f74] {
  vertical-align: top;
  text-align: center;
  width: 75px;
  max-width: 75px;
  min-width: 75px;
}
table th.block[data-v-39a31f74],
table td.block[data-v-39a31f74],
.draggable_hovering th.block[data-v-39a31f74],
.draggable_hovering td.block[data-v-39a31f74] {
  width: 330px;
  max-width: 330px;
  min-width: 330px;
}
table th.shift[data-v-39a31f74],
table td.shift[data-v-39a31f74],
.draggable_hovering th.shift[data-v-39a31f74],
.draggable_hovering td.shift[data-v-39a31f74] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.punch[data-v-39a31f74],
table td.punch[data-v-39a31f74],
.draggable_hovering th.punch[data-v-39a31f74],
.draggable_hovering td.punch[data-v-39a31f74] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.break[data-v-39a31f74],
table td.break[data-v-39a31f74],
.draggable_hovering th.break[data-v-39a31f74],
.draggable_hovering td.break[data-v-39a31f74] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
@media screen and (max-width: 499px) {
table th.order[data-v-39a31f74],
  table td.order[data-v-39a31f74],
  .draggable_hovering th.order[data-v-39a31f74],
  .draggable_hovering td.order[data-v-39a31f74] {
    text-align: center;
    width: 75px;
    max-width: 75px;
    min-width: 75px;
}
table th.block[data-v-39a31f74],
  table td.block[data-v-39a31f74],
  .draggable_hovering th.block[data-v-39a31f74],
  .draggable_hovering td.block[data-v-39a31f74] {
    width: 80px;
    max-width: 80px;
    min-width: 80px;
}
table th.shift[data-v-39a31f74],
  table td.shift[data-v-39a31f74],
  .draggable_hovering th.shift[data-v-39a31f74],
  .draggable_hovering td.shift[data-v-39a31f74] {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
}
table th.punch[data-v-39a31f74],
  table td.punch[data-v-39a31f74],
  .draggable_hovering th.punch[data-v-39a31f74],
  .draggable_hovering td.punch[data-v-39a31f74] {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
}
table th.break[data-v-39a31f74],
  table td.break[data-v-39a31f74],
  .draggable_hovering th.break[data-v-39a31f74],
  .draggable_hovering td.break[data-v-39a31f74] {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
}
}.detail_page[data-v-dee25fae] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.detail_header[data-v-dee25fae] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content_wrap[data-v-dee25fae] {
  background: transparent;
}
.footer_buttons[data-v-dee25fae] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}.detail_page[data-v-28835d5b] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.content_wrap[data-v-28835d5b] {
  background: transparent;
}
.footer_buttons[data-v-28835d5b] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}.minute_unit[data-v-b6833231] {
  margin: 0 5px;
}.minute_unit[data-v-160923c2] {
  margin: 0 5px;
}.ts_rule_editor[data-v-3247679d] {
  --editor-font-size: 13px;
  --editor-line-height: 20px;
  --editor-padding-y: 10px;
  --editor-padding-x: 12px;
  --editor-font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  width: min(100%, 760px);
  border: 1px solid #2b3648;
  border-radius: 8px;
  overflow: hidden;
  background: #0f172a;
}
.ts_rule_editor_toolbar[data-v-3247679d] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
  border-bottom: 1px solid #2b3648;
  background: #111827;
}
.ts_rule_editor_toolbar_group[data-v-3247679d] {
  min-width: 170px;
}
.ts_rule_editor_legend[data-v-3247679d] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  padding: 8px 10px;
  border-bottom: 1px solid #2b3648;
  background: #0b1220;
}
.ts_rule_editor_legend_item[data-v-3247679d] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #cbd5e1;
}
.ts_rule_editor_legend_dot[data-v-3247679d] {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  display: inline-block;
}
.ts_rule_editor_toolbar_select[data-v-3247679d] {
  width: 100%;
  height: 30px;
  border: 1px solid #334155;
  border-radius: 4px;
  background: #1f2937;
  color: #e2e8f0;
  font-size: 12px;
  padding: 0 8px;
}
.ts_rule_editor_body[data-v-3247679d] {
  display: flex;
  min-height: 240px;
}
.ts_rule_editor_line_numbers[data-v-3247679d] {
  width: 48px;
  flex: 0 0 48px;
  overflow: hidden;
  position: relative;
  border-right: 1px solid #2b3648;
  background: #111827;
  user-select: none;
}
.ts_rule_editor_line_numbers_inner[data-v-3247679d] {
  position: absolute;
  inset: 0;
  padding: var(--editor-padding-y) 8px;
  text-align: right;
  font-size: var(--editor-font-size);
  color: #64748b;
  line-height: var(--editor-line-height);
  font-family: var(--editor-font-family);
  will-change: transform;
}
.ts_rule_editor_line_number[data-v-3247679d] {
  display: block;
  height: var(--editor-line-height);
  line-height: var(--editor-line-height);
}
.ts_rule_editor_code_wrap[data-v-3247679d] {
  position: relative;
  flex: 1;
  min-height: 240px;
  overflow: hidden;
}
.ts_rule_editor_highlight[data-v-3247679d] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  min-width: 100%;
  width: max-content;
  margin: 0;
  overflow: visible;
  pointer-events: none;
  padding: var(--editor-padding-y) var(--editor-padding-x);
  font-size: var(--editor-font-size);
  line-height: var(--editor-line-height);
  font-family: var(--editor-font-family);
  white-space: pre;
  word-break: normal;
  background: #0f172a;
  color: #e2e8f0;
  will-change: transform;
}
.ts_rule_editor_hover_tooltip[data-v-3247679d] {
  position: absolute;
  z-index: 3;
  max-width: 360px;
  border: 1px solid #334155;
  border-radius: 4px;
  background: #0b1220;
  color: #e2e8f0;
  font-size: 12px;
  line-height: 1.5;
  padding: 6px 8px;
  white-space: pre-wrap;
  pointer-events: none;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.35);
}
.ts_rule_editor_textarea[data-v-3247679d] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  resize: none;
  border: none;
  outline: none;
  background: transparent;
  color: transparent;
  caret-color: #e2e8f0;
  padding: var(--editor-padding-y) var(--editor-padding-x);
  font-size: var(--editor-font-size);
  line-height: var(--editor-line-height);
  font-family: var(--editor-font-family);
  white-space: pre;
  overflow-x: auto;
  overflow-y: hidden;
  tab-size: 2;
}
.ts_rule_editor_textarea[data-v-3247679d]::selection {
  background: rgba(125, 211, 252, 0.35);
}
.ts_rule_editor_error[data-v-3247679d] {
  border-top: 1px solid #4c1d2a;
  background: #2a1113;
  color: #fda4af;
  font-size: 12px;
  line-height: 1.5;
  white-space: pre-wrap;
  padding: 8px 10px;
}
.ts_rule_editor_highlight[data-v-3247679d] .hljs-keyword,
.ts_rule_editor_highlight[data-v-3247679d] .hljs-selector-tag,
.ts_rule_editor_highlight[data-v-3247679d] .hljs-literal,
.ts_rule_editor_highlight[data-v-3247679d] .hljs-name {
  color: #c792ea;
}
.ts_rule_editor_highlight[data-v-3247679d] .hljs-string,
.ts_rule_editor_highlight[data-v-3247679d] .hljs-doctag {
  color: #c3e88d;
}
.ts_rule_editor_highlight[data-v-3247679d] .hljs-title,
.ts_rule_editor_highlight[data-v-3247679d] .hljs-section,
.ts_rule_editor_highlight[data-v-3247679d] .hljs-selector-id {
  color: #82aaff;
}
.ts_rule_editor_highlight[data-v-3247679d] .hljs-comment,
.ts_rule_editor_highlight[data-v-3247679d] .hljs-quote {
  color: #64748b;
}
.ts_rule_editor_highlight[data-v-3247679d] .hljs-number,
.ts_rule_editor_highlight[data-v-3247679d] .hljs-operator,
.ts_rule_editor_highlight[data-v-3247679d] .hljs-built_in,
.ts_rule_editor_highlight[data-v-3247679d] .hljs-type {
  color: #f78c6c;
}
.ts_rule_editor_highlight[data-v-3247679d] .rule-token-mutable,
.ts_rule_editor_highlight[data-v-3247679d] .rule-token-user_defined,
.ts_rule_editor_highlight[data-v-3247679d] .rule-token-constant {
  font-weight: 700;
}
.ts_rule_editor_highlight[data-v-3247679d] .rule-token-mutable {
  color: #22c55e;
}
.ts_rule_editor_highlight[data-v-3247679d] .rule-token-user_defined {
  color: #60a5fa;
}
.ts_rule_editor_highlight[data-v-3247679d] .rule-token-constant {
  color: #f59e0b;
}
.ts_rule_editor_legend_dot.rule-token-mutable[data-v-3247679d] {
  background: #22c55e;
}
.ts_rule_editor_legend_dot.rule-token-user_defined[data-v-3247679d] {
  background: #60a5fa;
}
.ts_rule_editor_legend_dot.rule-token-constant[data-v-3247679d] {
  background: #f59e0b;
}.title_wrap[data-v-20b8a384] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}
table th.branch_id[data-v-20b8a384] {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
table th.time[data-v-20b8a384] {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}.minute_unit[data-v-a7fe3e0a] {
  margin: 0 5px;
}
.paidhol_joining_rule_wrap[data-v-a7fe3e0a] {
  width: min(100%, 720px);
}
.paidhol_rule_editable_guide[data-v-a7fe3e0a] {
  margin-top: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  padding: 8px 10px;
}
.rule_editable_guide_title[data-v-a7fe3e0a] {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
}
.rule_editable_guide_table[data-v-a7fe3e0a] {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.rule_editable_guide_table th[data-v-a7fe3e0a],
.rule_editable_guide_table td[data-v-a7fe3e0a] {
  border: 1px solid #e5e7eb;
  padding: 4px 6px;
  text-align: left;
  vertical-align: top;
}
.rule_editable_guide_code[data-v-a7fe3e0a] {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  white-space: nowrap;
}
.validation_text[data-v-a7fe3e0a] {
  color: #d4380d;
  white-space: pre-wrap;
}
.rule_preview[data-v-a7fe3e0a] {
  white-space: pre-wrap;
}table th.name[data-v-a0d0076a],
table td.name[data-v-a0d0076a] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.base_work_type_id[data-v-a0d0076a],
table td.base_work_type_id[data-v-a0d0076a] {
  width: 190px;
  max-width: 190px;
  min-width: 190px;
}
table th.default[data-v-a0d0076a],
table td.default[data-v-a0d0076a] {
  width: 190px;
  max-width: 190px;
  min-width: 190px;
}
table th.button[data-v-a0d0076a],
table td.button[data-v-a0d0076a] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
table p.default[data-v-a0d0076a] {
  line-height: 32px;
}
table.default[data-v-a0d0076a] {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
table th.name[data-v-a0d0076a],
  table td.name[data-v-a0d0076a] {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
table th.base_work_type_id[data-v-a0d0076a],
  table td.base_work_type_id[data-v-a0d0076a] {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
}
table th.default[data-v-a0d0076a],
  table td.default[data-v-a0d0076a] {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
}
table th.button[data-v-a0d0076a],
  table td.button[data-v-a0d0076a] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
table p.default[data-v-a0d0076a] {
    line-height: 27px;
}
}.work_type_table_wrap[data-v-3b44e036] {
  width: 910px;
}
.show_hidden_button_wrap[data-v-3b44e036] {
  margin-bottom: 10px;
}
table th.name[data-v-3b44e036],
table td.name[data-v-3b44e036] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.base_work_type_id[data-v-3b44e036],
table td.base_work_type_id[data-v-3b44e036] {
  width: 190px;
  max-width: 190px;
  min-width: 190px;
}
table th.is_demand_holiday[data-v-3b44e036],
table td.is_demand_holiday[data-v-3b44e036] {
  width: 135px;
  max-width: 135px;
  min-width: 135px;
}
table th.related_work_types[data-v-3b44e036],
table td.related_work_types[data-v-3b44e036] {
  width: 350px;
  max-width: 350px;
  min-width: 350px;
}
table th.default[data-v-3b44e036],
table td.default[data-v-3b44e036] {
  width: 190px;
  max-width: 190px;
  min-width: 190px;
}
table th.button[data-v-3b44e036],
table td.button[data-v-3b44e036] {
  text-align: right;
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
table p.default[data-v-3b44e036] {
  line-height: 32px;
}
table.default[data-v-3b44e036] {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
table th.name[data-v-3b44e036],
  table td.name[data-v-3b44e036] {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
table th.base_work_type_id[data-v-3b44e036],
  table td.base_work_type_id[data-v-3b44e036] {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
}
table th.default[data-v-3b44e036],
  table td.default[data-v-3b44e036] {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
}
table th.button[data-v-3b44e036],
  table td.button[data-v-3b44e036] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
table p.default[data-v-3b44e036] {
    line-height: 27px;
}
}.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
.draggable_hovering th.base_work_type_id,
.draggable_hovering td.base_work_type_id {
  width: 190px;
  max-width: 190px;
  min-width: 190px;
}
.draggable_hovering th.default,
.draggable_hovering td.default {
  width: 190px;
  max-width: 190px;
  min-width: 190px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
.draggable_hovering p.default {
  line-height: 32px;
}
.draggable_hovering.default {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
.draggable_hovering th.base_work_type_id,
  .draggable_hovering td.base_work_type_id {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
}
.draggable_hovering th.default,
  .draggable_hovering td.default {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
.draggable_hovering p.default {
    line-height: 27px;
}
}.attention_component[data-v-16338fc6] {
  display: inline-block;
  text-align: left;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 600;
  color: #d10c1d;
  white-space: pre-wrap;
  line-height: 20px;
}.show_hidden_button_wrap[data-v-3ab1e9b0] {
  margin-bottom: 10px;
}
table th.name[data-v-3ab1e9b0],
table td.name[data-v-3ab1e9b0] {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}
table th.button[data-v-3ab1e9b0],
table td.button[data-v-3ab1e9b0] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
table p.default[data-v-3ab1e9b0] {
  line-height: 32px;
}
table.default[data-v-3ab1e9b0] {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
table th.name[data-v-3ab1e9b0],
  table td.name[data-v-3ab1e9b0] {
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}
table th.button[data-v-3ab1e9b0],
  table td.button[data-v-3ab1e9b0] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
table p.default[data-v-3ab1e9b0] {
    line-height: 27px;
}
}.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 320px;
  max-width: 320px;
  min-width: 320px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
.draggable_hovering p.default {
  line-height: 32px;
}
.draggable_hovering.default {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
.draggable_hovering p.default {
    line-height: 27px;
}
}.submit_wrap[data-v-f7408f22] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-f7408f22] {
  display: inline-block;
  width: 250px;
}.member_count[data-v-50d49328] {
  display: inline-block;
  width: 30px;
}
.attention_wrap[data-v-50d49328] {
  margin-bottom: 10px;
  font-size: 16px;
}
.member_button_wrap[data-v-50d49328] {
  display: inline-block;
  width: 120px;
}
table th.name[data-v-50d49328],
table td.name[data-v-50d49328],
.draggable_hovering th.name[data-v-50d49328],
.draggable_hovering td.name[data-v-50d49328] {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}
table th.branch_id[data-v-50d49328],
table td.branch_id[data-v-50d49328],
.draggable_hovering th.branch_id[data-v-50d49328],
.draggable_hovering td.branch_id[data-v-50d49328] {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
}
table th.employee_count[data-v-50d49328],
table td.employee_count[data-v-50d49328],
.draggable_hovering th.employee_count[data-v-50d49328],
.draggable_hovering td.employee_count[data-v-50d49328] {
  width: 170px;
  max-width: 170px;
  min-width: 170px;
}
table th.button[data-v-50d49328],
table td.button[data-v-50d49328],
.draggable_hovering th.button[data-v-50d49328],
.draggable_hovering td.button[data-v-50d49328] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
@media screen and (max-width: 499px) {
.operation_button_wrap[data-v-50d49328] {
    width: 27px;
}
.member_count[data-v-50d49328] {
    width: 25px;
}
.member_button_wrap[data-v-50d49328] {
    display: inline-block;
    width: 100px;
}
table th.name[data-v-50d49328],
  table td.name[data-v-50d49328],
  .draggable_hovering th.name[data-v-50d49328],
  .draggable_hovering td.name[data-v-50d49328] {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
table th.branch_id[data-v-50d49328],
  table td.branch_id[data-v-50d49328],
  .draggable_hovering th.branch_id[data-v-50d49328],
  .draggable_hovering td.branch_id[data-v-50d49328] {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
table th.employee_count[data-v-50d49328],
  table td.employee_count[data-v-50d49328],
  .draggable_hovering th.employee_count[data-v-50d49328],
  .draggable_hovering td.employee_count[data-v-50d49328] {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
table th.button[data-v-50d49328],
  table td.button[data-v-50d49328],
  .draggable_hovering th.button[data-v-50d49328],
  .draggable_hovering td.button[data-v-50d49328] {
    width: 68px;
    max-width: 68px;
    min-width: 68px;
}
}.member_count {
  display: inline-block;
  width: 30px;
}
.member_button_wrap {
  display: inline-block;
  width: 120px;
}
.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}
.draggable_hovering th.branch_id,
.draggable_hovering td.branch_id {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
}
.draggable_hovering th.employee_count,
.draggable_hovering td.employee_count {
  width: 170px;
  max-width: 170px;
  min-width: 170px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
@media screen and (max-width: 499px) {
.member_count {
    width: 25px;
}
.member_button_wrap {
    display: inline-block;
    width: 100px;
}
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
.draggable_hovering th.branch_id,
  .draggable_hovering td.branch_id {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
.draggable_hovering th.employee_count,
  .draggable_hovering td.employee_count {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 68px;
    max-width: 68px;
    min-width: 68px;
}
}.submit_wrap[data-v-5dbd3152] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-5dbd3152] {
  display: inline-block;
  width: 250px;
}table th.name[data-v-56368f2f],
table td.name[data-v-56368f2f] {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}
table th.button[data-v-56368f2f],
table td.button[data-v-56368f2f] {
  width: 120px;
  max-width: 120px;
  min-width: 120px;
}
@media screen and (max-width: 499px) {
table th.name[data-v-56368f2f],
  table td.name[data-v-56368f2f] {
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}
table th.button[data-v-56368f2f],
  table td.button[data-v-56368f2f] {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}
}.paymentgroup_selector_component[data-v-d347bff7] {
  display: inline-block;
  width: 100%;
}table th.name[data-v-3dd4fea3],
table td.name[data-v-3dd4fea3] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.paymentgroup_id[data-v-3dd4fea3],
table td.paymentgroup_id[data-v-3dd4fea3] {
  width: 176px;
  max-width: 176px;
  min-width: 176px;
}
table th.init_type[data-v-3dd4fea3],
table td.init_type[data-v-3dd4fea3] {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
table th.is_selection[data-v-3dd4fea3],
table td.is_selection[data-v-3dd4fea3] {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}
table th.button[data-v-3dd4fea3],
table td.button[data-v-3dd4fea3] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
table p.default[data-v-3dd4fea3] {
  line-height: 32px;
}
table.default[data-v-3dd4fea3] {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
table th.name[data-v-3dd4fea3],
  table td.name[data-v-3dd4fea3] {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
table th.paymentgroup_id[data-v-3dd4fea3],
  table td.paymentgroup_id[data-v-3dd4fea3] {
    width: 145px;
    max-width: 145px;
    min-width: 145px;
}
table th.init_type[data-v-3dd4fea3],
  table td.init_type[data-v-3dd4fea3] {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
}
table th.is_selection[data-v-3dd4fea3],
  table td.is_selection[data-v-3dd4fea3] {
    width: 50px;
    max-width: 50px;
    min-width: 50px;
}
table th.button[data-v-3dd4fea3],
  table td.button[data-v-3dd4fea3] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
table p.default[data-v-3dd4fea3] {
    line-height: 27px;
}
}.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
.draggable_hovering th.paymentgroup_id,
.draggable_hovering td.paymentgroup_id {
  width: 176px;
  max-width: 176px;
  min-width: 176px;
}
.draggable_hovering th.init_type,
.draggable_hovering td.init_type {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
.draggable_hovering th.is_selection,
.draggable_hovering td.is_selection {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
.draggable_hovering p.default {
  line-height: 32px;
}
.draggable_hovering.default {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
.draggable_hovering th.paymentgroup_id,
  .draggable_hovering td.paymentgroup_id {
    width: 145px;
    max-width: 145px;
    min-width: 145px;
}
.draggable_hovering th.init_type,
  .draggable_hovering td.init_type {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
}
.draggable_hovering th.is_selection,
  .draggable_hovering td.is_selection {
    width: 50px;
    max-width: 50px;
    min-width: 50px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
.draggable_hovering p.default {
    line-height: 27px;
}
}table th.name[data-v-c8bf99f0],
table td.name[data-v-c8bf99f0] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.paymentgroup_id[data-v-c8bf99f0],
table td.paymentgroup_id[data-v-c8bf99f0] {
  width: 176px;
  max-width: 176px;
  min-width: 176px;
}
table th.init_type[data-v-c8bf99f0],
table td.init_type[data-v-c8bf99f0] {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
table th.is_tax[data-v-c8bf99f0],
table td.is_tax[data-v-c8bf99f0] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.is_mutualaid[data-v-c8bf99f0],
table td.is_mutualaid[data-v-c8bf99f0] {
  width: 240px;
  max-width: 240px;
  min-width: 240px;
}
table th.button[data-v-c8bf99f0],
table td.button[data-v-c8bf99f0] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
table p.default[data-v-c8bf99f0] {
  line-height: 32px;
}
table.default[data-v-c8bf99f0] {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
table th.name[data-v-c8bf99f0],
  table td.name[data-v-c8bf99f0] {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
table th.paymentgroup_id[data-v-c8bf99f0],
  table td.paymentgroup_id[data-v-c8bf99f0] {
    width: 145px;
    max-width: 145px;
    min-width: 145px;
}
table th.init_type[data-v-c8bf99f0],
  table td.init_type[data-v-c8bf99f0] {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
}
table th.is_tax[data-v-c8bf99f0],
  table td.is_tax[data-v-c8bf99f0] {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}
table th.is_mutualaid[data-v-c8bf99f0],
  table td.is_mutualaid[data-v-c8bf99f0] {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
table th.button[data-v-c8bf99f0],
  table td.button[data-v-c8bf99f0] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
table p.default[data-v-c8bf99f0] {
    line-height: 27px;
}
}.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
.draggable_hovering th.paymentgroup_id,
.draggable_hovering td.paymentgroup_id {
  width: 176px;
  max-width: 176px;
  min-width: 176px;
}
.draggable_hovering th.init_type,
.draggable_hovering td.init_type {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
.draggable_hovering th.is_tax,
.draggable_hovering td.is_tax {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
.draggable_hovering th.is_mutualaid,
.draggable_hovering td.is_mutualaid {
  width: 240px;
  max-width: 240px;
  min-width: 240px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
.draggable_hovering p.default {
  line-height: 32px;
}
.draggable_hovering.default {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
.draggable_hovering th.paymentgroup_id,
  .draggable_hovering td.paymentgroup_id {
    width: 145px;
    max-width: 145px;
    min-width: 145px;
}
.draggable_hovering th.init_type,
  .draggable_hovering td.init_type {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
}
.draggable_hovering th.is_tax,
  .draggable_hovering td.is_tax {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}
.draggable_hovering th.is_mutualaid,
  .draggable_hovering td.is_mutualaid {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
.draggable_hovering p.default {
    line-height: 27px;
}
}table th.name[data-v-b9a270a9],
table td.name[data-v-b9a270a9] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.paymentgroup_id[data-v-b9a270a9],
table td.paymentgroup_id[data-v-b9a270a9] {
  width: 176px;
  max-width: 176px;
  min-width: 176px;
}
table th.init_type[data-v-b9a270a9],
table td.init_type[data-v-b9a270a9] {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
table th.blank[data-v-b9a270a9],
table td.blank[data-v-b9a270a9] {
  width: 400px;
  max-width: 400px;
  min-width: 400px;
}
table th.button[data-v-b9a270a9],
table td.button[data-v-b9a270a9] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
table p.default[data-v-b9a270a9] {
  line-height: 32px;
}
table.default[data-v-b9a270a9] {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
table th.name[data-v-b9a270a9],
  table td.name[data-v-b9a270a9] {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
table th.paymentgroup_id[data-v-b9a270a9],
  table td.paymentgroup_id[data-v-b9a270a9] {
    width: 145px;
    max-width: 145px;
    min-width: 145px;
}
table th.init_type[data-v-b9a270a9],
  table td.init_type[data-v-b9a270a9] {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
}
table th.blank[data-v-b9a270a9],
  table td.blank[data-v-b9a270a9] {
    width: 250px;
    max-width: 250px;
    min-width: 250px;
}
table th.button[data-v-b9a270a9],
  table td.button[data-v-b9a270a9] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
table p.default[data-v-b9a270a9] {
    line-height: 27px;
}
}.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
.draggable_hovering th.paymentgroup_id,
.draggable_hovering td.paymentgroup_id {
  width: 176px;
  max-width: 176px;
  min-width: 176px;
}
.draggable_hovering th.init_type,
.draggable_hovering td.init_type {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
.draggable_hovering th.blank,
.draggable_hovering td.blank {
  width: 400px;
  max-width: 400px;
  min-width: 400px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
.draggable_hovering p.default {
  line-height: 32px;
}
.draggable_hovering.default {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
.draggable_hovering th.paymentgroup_id,
  .draggable_hovering td.paymentgroup_id {
    width: 145px;
    max-width: 145px;
    min-width: 145px;
}
.draggable_hovering th.init_type,
  .draggable_hovering td.init_type {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
}
.draggable_hovering th.blank,
  .draggable_hovering td.blank {
    width: 250px;
    max-width: 250px;
    min-width: 250px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
.draggable_hovering p.default {
    line-height: 27px;
}
}table th.name[data-v-69d53f42],
table td.name[data-v-69d53f42] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.paymentgroup_id[data-v-69d53f42],
table td.paymentgroup_id[data-v-69d53f42] {
  width: 176px;
  max-width: 176px;
  min-width: 176px;
}
table th.init_type[data-v-69d53f42],
table td.init_type[data-v-69d53f42] {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
table th.is_selection[data-v-69d53f42],
table td.is_selection[data-v-69d53f42] {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}
table th.button[data-v-69d53f42],
table td.button[data-v-69d53f42] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
table p.default[data-v-69d53f42] {
  line-height: 32px;
}
table.default[data-v-69d53f42] {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
table th.name[data-v-69d53f42],
  table td.name[data-v-69d53f42] {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
table th.paymentgroup_id[data-v-69d53f42],
  table td.paymentgroup_id[data-v-69d53f42] {
    width: 145px;
    max-width: 145px;
    min-width: 145px;
}
table th.init_type[data-v-69d53f42],
  table td.init_type[data-v-69d53f42] {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
}
table th.is_selection[data-v-69d53f42],
  table td.is_selection[data-v-69d53f42] {
    width: 50px;
    max-width: 50px;
    min-width: 50px;
}
table th.button[data-v-69d53f42],
  table td.button[data-v-69d53f42] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
table p.default[data-v-69d53f42] {
    line-height: 27px;
}
}.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
.draggable_hovering th.paymentgroup_id,
.draggable_hovering td.paymentgroup_id {
  width: 176px;
  max-width: 176px;
  min-width: 176px;
}
.draggable_hovering th.init_type,
.draggable_hovering td.init_type {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
.draggable_hovering th.is_selection,
.draggable_hovering td.is_selection {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
.draggable_hovering p.default {
  line-height: 32px;
}
.draggable_hovering.default {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
.draggable_hovering th.paymentgroup_id,
  .draggable_hovering td.paymentgroup_id {
    width: 145px;
    max-width: 145px;
    min-width: 145px;
}
.draggable_hovering th.init_type,
  .draggable_hovering td.init_type {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
}
.draggable_hovering th.is_selection,
  .draggable_hovering td.is_selection {
    width: 50px;
    max-width: 50px;
    min-width: 50px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
.draggable_hovering p.default {
    line-height: 27px;
}
}table th.name[data-v-73341787],
table td.name[data-v-73341787] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.paymentgroup_id[data-v-73341787],
table td.paymentgroup_id[data-v-73341787] {
  width: 176px;
  max-width: 176px;
  min-width: 176px;
}
table th.init_type[data-v-73341787],
table td.init_type[data-v-73341787] {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
table th.is_tax[data-v-73341787],
table td.is_tax[data-v-73341787] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.is_mutualaid[data-v-73341787],
table td.is_mutualaid[data-v-73341787] {
  width: 240px;
  max-width: 240px;
  min-width: 240px;
}
table th.button[data-v-73341787],
table td.button[data-v-73341787] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
table p.default[data-v-73341787] {
  line-height: 32px;
}
table.default[data-v-73341787] {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
table th.name[data-v-73341787],
  table td.name[data-v-73341787] {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
table th.paymentgroup_id[data-v-73341787],
  table td.paymentgroup_id[data-v-73341787] {
    width: 145px;
    max-width: 145px;
    min-width: 145px;
}
table th.init_type[data-v-73341787],
  table td.init_type[data-v-73341787] {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
}
table th.is_tax[data-v-73341787],
  table td.is_tax[data-v-73341787] {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}
table th.is_mutualaid[data-v-73341787],
  table td.is_mutualaid[data-v-73341787] {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
table th.button[data-v-73341787],
  table td.button[data-v-73341787] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
table p.default[data-v-73341787] {
    line-height: 27px;
}
}.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
.draggable_hovering th.paymentgroup_id,
.draggable_hovering td.paymentgroup_id {
  width: 176px;
  max-width: 176px;
  min-width: 176px;
}
.draggable_hovering th.init_type,
.draggable_hovering td.init_type {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
.draggable_hovering th.is_tax,
.draggable_hovering td.is_tax {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
.draggable_hovering th.is_mutualaid,
.draggable_hovering td.is_mutualaid {
  width: 240px;
  max-width: 240px;
  min-width: 240px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
.draggable_hovering p.default {
  line-height: 32px;
}
.draggable_hovering.default {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
.draggable_hovering th.paymentgroup_id,
  .draggable_hovering td.paymentgroup_id {
    width: 145px;
    max-width: 145px;
    min-width: 145px;
}
.draggable_hovering th.init_type,
  .draggable_hovering td.init_type {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
}
.draggable_hovering th.is_tax,
  .draggable_hovering td.is_tax {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}
.draggable_hovering th.is_mutualaid,
  .draggable_hovering td.is_mutualaid {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
.draggable_hovering p.default {
    line-height: 27px;
}
}table th.name[data-v-2d9b054c],
table td.name[data-v-2d9b054c] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.paymentgroup_id[data-v-2d9b054c],
table td.paymentgroup_id[data-v-2d9b054c] {
  width: 176px;
  max-width: 176px;
  min-width: 176px;
}
table th.init_type[data-v-2d9b054c],
table td.init_type[data-v-2d9b054c] {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
table th.blank[data-v-2d9b054c],
table td.blank[data-v-2d9b054c] {
  width: 400px;
  max-width: 400px;
  min-width: 400px;
}
table th.button[data-v-2d9b054c],
table td.button[data-v-2d9b054c] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
table p.default[data-v-2d9b054c] {
  line-height: 32px;
}
table.default[data-v-2d9b054c] {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
table th.name[data-v-2d9b054c],
  table td.name[data-v-2d9b054c] {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
table th.paymentgroup_id[data-v-2d9b054c],
  table td.paymentgroup_id[data-v-2d9b054c] {
    width: 145px;
    max-width: 145px;
    min-width: 145px;
}
table th.init_type[data-v-2d9b054c],
  table td.init_type[data-v-2d9b054c] {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
}
table th.blank[data-v-2d9b054c],
  table td.blank[data-v-2d9b054c] {
    width: 250px;
    max-width: 250px;
    min-width: 250px;
}
table th.button[data-v-2d9b054c],
  table td.button[data-v-2d9b054c] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
table p.default[data-v-2d9b054c] {
    line-height: 27px;
}
}.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
.draggable_hovering th.paymentgroup_id,
.draggable_hovering td.paymentgroup_id {
  width: 176px;
  max-width: 176px;
  min-width: 176px;
}
.draggable_hovering th.init_type,
.draggable_hovering td.init_type {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
.draggable_hovering th.blank,
.draggable_hovering td.blank {
  width: 400px;
  max-width: 400px;
  min-width: 400px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
.draggable_hovering p.default {
  line-height: 32px;
}
.draggable_hovering.default {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
.draggable_hovering th.paymentgroup_id,
  .draggable_hovering td.paymentgroup_id {
    width: 145px;
    max-width: 145px;
    min-width: 145px;
}
.draggable_hovering th.init_type,
  .draggable_hovering td.init_type {
    width: 220px;
    max-width: 220px;
    min-width: 220px;
}
.draggable_hovering th.blank,
  .draggable_hovering td.blank {
    width: 250px;
    max-width: 250px;
    min-width: 250px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
.draggable_hovering p.default {
    line-height: 27px;
}
}.allowance_wrap[data-v-0e25c3d9] {
  margin-top: 40px;
}
.allowance_wrap.first[data-v-0e25c3d9] {
  margin-top: 10px;
}.option_edit_row[data-v-38fc4dc6] {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 6px;
  padding: 8px;
  border: 1px solid #dbe4ee;
  border-radius: 6px;
  background: #f8fbff;
}
.option_edit_block[data-v-38fc4dc6] {
  flex: 1 1 auto;
  min-width: 0;
}
.option_input_row[data-v-38fc4dc6] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.option_input_label[data-v-38fc4dc6] {
  display: inline-block;
  min-width: 56px;
}
.option_title_row[data-v-38fc4dc6] {
  display: flex;
  align-items: center;
  width: 100%;
}
.option_index_label[data-v-38fc4dc6] {
  font-weight: 700;
}
.option_delete_button[data-v-38fc4dc6] {
  align-self: flex-start;
  margin-left: auto;
  margin-top: -5px;
  margin-right: -2px;
}
.need_text[data-v-38fc4dc6] {
  display: inline-block;
  white-space: nowrap;
  color: white;
  background-color: #d10c1d;
  padding: 3px;
  font-weight: bold;
  border-radius: 3px;
  margin-left: 3px;
  font-size: 12px;
  width: 40px;
  height: 22px;
  line-height: 16px;
}
table th.name[data-v-38fc4dc6],
table td.name[data-v-38fc4dc6] {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
table th.code[data-v-38fc4dc6],
table td.code[data-v-38fc4dc6] {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
}
table th.type[data-v-38fc4dc6],
table td.type[data-v-38fc4dc6] {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
table th.is_join[data-v-38fc4dc6],
table td.is_join[data-v-38fc4dc6] {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
table th.is_employee[data-v-38fc4dc6],
table td.is_employee[data-v-38fc4dc6] {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
table th.is_branch[data-v-38fc4dc6],
table td.is_branch[data-v-38fc4dc6] {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
table th.is_need[data-v-38fc4dc6],
table td.is_need[data-v-38fc4dc6] {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  text-align: center;
}
table th.button[data-v-38fc4dc6],
table td.button[data-v-38fc4dc6] {
  width: 83px;
  min-width: 83px;
  max-width: 83px;
}
@media screen and (max-width: 499px) {
table th.name[data-v-38fc4dc6],
  table td.name[data-v-38fc4dc6] {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
}
table th.code[data-v-38fc4dc6],
  table td.code[data-v-38fc4dc6] {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
table th.type[data-v-38fc4dc6],
  table td.type[data-v-38fc4dc6] {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}
table th.is_join[data-v-38fc4dc6],
  table td.is_join[data-v-38fc4dc6] {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}
table th.is_employee[data-v-38fc4dc6],
  table td.is_employee[data-v-38fc4dc6] {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
table th.is_branch[data-v-38fc4dc6],
  table td.is_branch[data-v-38fc4dc6] {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
}
table th.is_need[data-v-38fc4dc6],
  table td.is_need[data-v-38fc4dc6] {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
}
table th.button[data-v-38fc4dc6],
  table td.button[data-v-38fc4dc6] {
    width: 65px;
    min-width: 65px;
    max-width: 65px;
}
}.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
.draggable_hovering th.code,
.draggable_hovering td.code {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
}
.draggable_hovering th.type,
.draggable_hovering td.type {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
.draggable_hovering th.is_join,
.draggable_hovering td.is_join {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
.draggable_hovering th.is_employee,
.draggable_hovering td.is_employee {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
.draggable_hovering th.is_branch,
.draggable_hovering td.is_branch {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
.draggable_hovering th.is_need,
.draggable_hovering td.is_need {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  text-align: center;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 83px;
  min-width: 83px;
  max-width: 83px;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
}
.draggable_hovering th.code,
  .draggable_hovering td.code {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
.draggable_hovering th.type,
  .draggable_hovering td.type {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}
.draggable_hovering th.is_join,
  .draggable_hovering td.is_join {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}
.draggable_hovering th.is_employee,
  .draggable_hovering td.is_employee {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
.draggable_hovering th.is_branch,
  .draggable_hovering td.is_branch {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
}
.draggable_hovering th.is_need,
  .draggable_hovering td.is_need {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 65px;
    min-width: 65px;
    max-width: 65px;
}
}.name[data-v-fddb5ae2] {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
}
.subject[data-v-fddb5ae2] {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}
@media (max-width: 769px) {
.name[data-v-fddb5ae2] {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
}
.subject[data-v-fddb5ae2] {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
}
}.admit_flow_component[data-v-1f466f63] {
  display: inline-block;
  width: 100%;
}
.admit_flow_wrap[data-v-1f466f63] {
  padding: 12px 12px 3px;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 6px;
  min-height: 50px;
  width: fit-content;
  max-width: 100%;
}
.admit_flow_flex[data-v-1f466f63] {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.company_manager_attention[data-v-1f466f63] {
  font-size: 11px;
  color: #4e5256;
}
.admit_flow_item[data-v-1f466f63] {
  display: flex;
  align-items: center;
}
.admit_flow_tag[data-v-1f466f63] {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 600;
  min-height: 32px;
  white-space: nowrap;
}
.admit_flow_arrow[data-v-1f466f63] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
  font-size: 16px;
  font-weight: bold;
  margin: 0 4px;
  min-width: 20px;
}
@media screen and (max-width: 499px) {
.admit_flow_wrap[data-v-1f466f63] {
    padding: 8px;
    gap: 6px;
}
.admit_flow_tag[data-v-1f466f63] {
    padding: 4px 8px;
    font-size: 13px;
    min-height: 28px;
}
.admit_flow_tag[data-v-1f466f63] .select_component {
    min-width: 100px;
}
.admit_flow_arrow[data-v-1f466f63] {
    font-size: 14px;
    margin: 0 2px;
}
}span.employee_count[data-v-79aa5550] {
  display: inline-block;
  width: 95px !important;
}
table th.name[data-v-79aa5550],
table td.name[data-v-79aa5550],
.draggable_hovering th.name[data-v-79aa5550],
.draggable_hovering td.name[data-v-79aa5550] {
  width: 200px;
  max-width: 200px;
  min-width: 200px;
}
table th.employee_count[data-v-79aa5550],
table td.employee_count[data-v-79aa5550],
.draggable_hovering th.employee_count[data-v-79aa5550],
.draggable_hovering td.employee_count[data-v-79aa5550] {
  width: 240px;
  max-width: 240px;
  min-width: 240px;
}
table th.button[data-v-79aa5550],
table td.button[data-v-79aa5550],
.draggable_hovering th.button[data-v-79aa5550],
.draggable_hovering td.button[data-v-79aa5550] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
@media screen and (max-width: 499px) {
table th.name[data-v-79aa5550],
  table td.name[data-v-79aa5550],
  .draggable_hovering th.name[data-v-79aa5550],
  .draggable_hovering td.name[data-v-79aa5550] {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
table th.employee_count[data-v-79aa5550],
  table td.employee_count[data-v-79aa5550],
  .draggable_hovering th.employee_count[data-v-79aa5550],
  .draggable_hovering td.employee_count[data-v-79aa5550] {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
}
table th.button[data-v-79aa5550],
  table td.button[data-v-79aa5550],
  .draggable_hovering th.button[data-v-79aa5550],
  .draggable_hovering td.button[data-v-79aa5550] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
}.alert_wrap[data-v-93cec194] {
  padding: 10px 0;
}.title_wrap[data-v-60ab7662] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}
table th.branch_id[data-v-60ab7662] {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
table th.format[data-v-60ab7662] {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}p.popup_title[data-v-d602e2c6] {
  font-size: 14px;
}
table[data-v-d602e2c6] {
  margin-top: 20px;
  width: 100%;
  table-layout: fixed;
}
table th[data-v-d602e2c6] {
  font-weight: 600;
  font-size: 16px;
  padding: 4px 8px;
}
table th.number[data-v-d602e2c6] {
  width: 30px;
}
table th.point[data-v-d602e2c6], table th.example[data-v-d602e2c6] {
  width: calc((100% - 30px) / 2);
}
table td[data-v-d602e2c6] {
  font-size: 14px;
  padding: 4px 8px;
  border: gray 1px solid;
}
table td[data-v-d602e2c6]:first-of-type {
  text-align: center;
}
@media screen and (max-width: 499px) {
table th[data-v-d602e2c6] {
    font-size: 14px;
    padding: 2px 4px;
}
table th.number[data-v-d602e2c6] {
    width: 25px;
}
table th.disability[data-v-d602e2c6], table th.special_disability[data-v-d602e2c6] {
    width: calc((100% - 25px) / 2);
}
table td[data-v-d602e2c6] {
    font-size: 12px;
    padding: 2px 4px;
}
}.submit_wrap[data-v-6cffe2e2] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-6cffe2e2] {
  display: inline-block;
  width: 250px;
}.submit_wrap[data-v-d2f4d686] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-d2f4d686] {
  display: inline-block;
  width: 250px;
}
.note[data-v-d2f4d686] {
  margin: 8px 0 12px;
  color: #666;
  font-size: 12px;
}.menu_wrap[data-v-96fa8f3b] {
  width: 100%;
}
@media screen and (max-width: 499px) {
.config_wrap[data-v-96fa8f3b] {
    padding: 0px 10px;
}
}.employee_tab_outsourcer {
  vertical-align: bottom;
  box-sizing: content-box;
  height: 28px !important;
  line-height: 28px !important;
  border: 2px solid rgb(220, 220, 220);
  color: rgb(220, 220, 220);
  border-bottom: none;
  background-color: #fff !important;
}
.employee_tab_outsourcer.active {
  color: #fff;
  cursor: default;
  background-color: #f9a15d !important;
  border-color: #f9a15d !important;
}
.employee_tab_outsourcer.active:hover {
  background-color: #f9a15d !important;
}
.employee_tab_outsourcer:hover {
  background-color: #f3f3f3 !important;
}
@media (max-width: 499px) {
.employee_tab_outsourcer {
    display: none;
    height: 23px !important;
    line-height: 23px !important;
}
}.detail_search_button_wrap[data-v-bb2049f8] {
  width: 175px;
}
.detail_search_wrap[data-v-bb2049f8] {
  margin-bottom: 10px;
}
.manipulation_button_wrap[data-v-bb2049f8] {
  margin-top: 10px;
  width: 160px;
}
.bulk_resend_login_url_attention[data-v-bb2049f8] {
  color: #555;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 12px;
}
.employee_select_submit_button[data-v-bb2049f8] {
  display: inline-block;
}
.employee_select_submit_button + .employee_select_submit_button[data-v-bb2049f8] {
  margin-left: 10px;
}
table th.code[data-v-bb2049f8] {
  width: 120px;
}
table th.name[data-v-bb2049f8] {
  width: 150px;
}
table th.hiring_type[data-v-bb2049f8] {
  width: 150px;
}
table th.branch_id[data-v-bb2049f8] {
  width: 150px;
}
table th.type[data-v-bb2049f8] {
  width: 110px;
}
table th.button[data-v-bb2049f8] {
  width: 166px;
}
@media screen and (max-width: 499px) {
table th.code[data-v-bb2049f8] {
    width: 55px;
}
table th.name[data-v-bb2049f8] {
    width: 100px;
}
table th.hiring_type[data-v-bb2049f8] {
    width: 110px;
}
table th.branch_id[data-v-bb2049f8] {
    width: 100px;
}
table th.type[data-v-bb2049f8] {
    width: 90px;
}
table th.button[data-v-bb2049f8] {
    width: 150px;
}
}.admit_flow_component[data-v-814a5281] {
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: #f0f0f0;
  padding: 8px;
  border-radius: 8px;
}
.admit_flow_wrap[data-v-814a5281] {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
}
.admit_flow_item[data-v-814a5281] {
  display: flex;
  align-items: center;
}
.admit_flow_arrow[data-v-814a5281] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
  font-size: 16px;
  font-weight: bold;
  min-width: 20px;
}
.admit_flow_tag[data-v-814a5281] {
  padding: 6px;
  border-radius: 16px;
  font-size: 14px;
  min-height: 26px;
  font-weight: 600;
  white-space: nowrap;
  min-width: 90px;
  background-color: white;
}
.admit_flow_tag .manager_name[data-v-814a5281], .admit_flow_tag .admitted_at[data-v-814a5281], .admit_flow_tag .status[data-v-814a5281], .admit_flow_tag .caption[data-v-814a5281] {
  color: #5c5c5c;
  margin-top: 5px;
}
.admit_flow_tag .manager_name[data-v-814a5281]:first-of-type, .admit_flow_tag .admitted_at[data-v-814a5281]:first-of-type, .admit_flow_tag .status[data-v-814a5281]:first-of-type, .admit_flow_tag .caption[data-v-814a5281]:first-of-type {
  margin-top: 0px;
}
.admit_flow_tag .tag_name[data-v-814a5281] {
  font-size: 14px;
  font-weight: 600;
}
.admit_flow_tag .tag_name[data-v-814a5281]:has(+ p) {
  margin-top: 5px;
}
.admit_flow_tag .manager_name[data-v-814a5281] {
  font-size: 10px;
  white-space: normal;
}
.admit_flow_tag .status[data-v-814a5281] {
  font-size: 10px;
  margin-top: 5px;
  font-weight: 600;
}
.admit_flow_tag .admitted_at[data-v-814a5281] {
  font-size: 9px;
}
.admit_flow_tag .approvable_managers[data-v-814a5281] {
  margin-top: 6px;
  padding-top: 5px;
  border-top: 1px solid #e5e7eb;
}
.admit_flow_tag .approvable_title[data-v-814a5281] {
  color: #6b7280;
  font-size: 9px;
  font-weight: 600;
}
.admit_flow_tag .approvable_manager_names[data-v-814a5281] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  margin-top: 3px;
}
.admit_flow_tag .approvable_manager[data-v-814a5281] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  max-width: 120px;
  color: #374151;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.25;
  white-space: normal;
  word-break: break-word;
}
.admit_flow_tag .approvable_manager.alternative[data-v-814a5281] {
  color: #a16207;
}
.admit_flow_tag .alternative_badge[data-v-814a5281] {
  flex: 0 0 auto;
  padding: 1px 3px;
  border-radius: 3px;
  background-color: #fef3c7;
  color: #92400e;
  font-size: 8px;
  line-height: 1.2;
}
.admit_flow_tag .view_all_managers[data-v-814a5281] {
  margin-top: 4px;
  padding: 0;
  border: none;
  background: transparent;
  color: #2563eb;
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
}
.admit_flow_tag .view_all_managers[data-v-814a5281]:hover {
  text-decoration: underline;
}
.admit_flow_tag .approvable_empty[data-v-814a5281] {
  color: #9ca3af;
  font-size: 10px;
  font-weight: 500;
  margin-top: 3px;
  white-space: normal;
}
.admit_flow_tag.pc[data-v-814a5281] {
  display: block;
}
.admit_flow_tag.undertab[data-v-814a5281] {
  display: none;
}
.admit_flow_tag.mobile[data-v-814a5281] {
  display: none;
}
.admit_flow_tag.submit[data-v-814a5281] {
  color: #585858;
  border: 2px solid #585858;
}
.admit_flow_tag.demanding[data-v-814a5281] {
  color: #ed9118;
  border: 2px dashed #ed9118;
}
.admit_flow_tag.yet[data-v-814a5281] {
  color: #797c7e;
  font-weight: 400;
}
.admit_flow_tag.admitted[data-v-814a5281] {
  color: #69AF8A;
  border: 2px solid #69AF8A;
}
.admit_flow_tag.denied[data-v-814a5281] {
  color: #CA3A31;
  border: 2px solid #CA3A31;
}
.tooltip_title .manager_name[data-v-814a5281], .tooltip_title .admitted_at[data-v-814a5281], .tooltip_title .status[data-v-814a5281], .tooltip_title .caption[data-v-814a5281] {
  color: #dedede;
  margin-top: 5px;
}
.tooltip_title .manager_name[data-v-814a5281]:first-of-type, .tooltip_title .admitted_at[data-v-814a5281]:first-of-type, .tooltip_title .status[data-v-814a5281]:first-of-type, .tooltip_title .caption[data-v-814a5281]:first-of-type {
  margin-top: 0px;
}
.tooltip_title .manager_name[data-v-814a5281] {
  font-size: 10px;
  white-space: normal;
}
.tooltip_title .status[data-v-814a5281] {
  font-size: 10px;
  margin-top: 5px;
  font-weight: 600;
}
.tooltip_title .admitted_at[data-v-814a5281] {
  font-size: 9px;
}
.tooltip_title .tooltip_approvable_managers[data-v-814a5281] {
  margin-top: 6px;
  padding-top: 5px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.tooltip_title .approvable_title[data-v-814a5281], .tooltip_title .approvable_manager[data-v-814a5281], .tooltip_title .approvable_empty[data-v-814a5281] {
  color: #dedede;
  font-size: 10px;
  line-height: 1.35;
}
.tooltip_title .approvable_manager[data-v-814a5281] {
  margin-top: 3px;
}
.tooltip_title .approvable_manager.alternative[data-v-814a5281] {
  color: #fde68a;
}
.tooltip_title .alternative_badge[data-v-814a5281] {
  margin-left: 4px;
  padding: 1px 3px;
  border-radius: 3px;
  background-color: #fef3c7;
  color: #92400e;
  font-size: 8px;
  line-height: 1.2;
}
.comment[data-v-814a5281] {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
}
.approvable_manager_table_wrap[data-v-814a5281] {
  width: 100%;
  overflow-x: auto;
}
.approvable_manager_table[data-v-814a5281] {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
}
.approvable_manager_table th[data-v-814a5281], .approvable_manager_table td[data-v-814a5281] {
  padding: 9px 10px;
  border: 1px solid #e5e7eb;
  font-size: 12px;
  text-align: left;
  vertical-align: top;
}
.approvable_manager_table th[data-v-814a5281] {
  background-color: #f9fafb;
  color: #374151;
  font-weight: 600;
}
.approvable_manager_table .kana[data-v-814a5281] {
  display: block;
  margin-top: 2px;
  color: #6b7280;
  font-size: 10px;
}
.approvable_manager_table .approval_type[data-v-814a5281] {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: #ecfdf5;
  color: #047857;
  font-size: 11px;
  font-weight: 600;
}
.approvable_manager_table .approval_type.alternative[data-v-814a5281] {
  background-color: #fef3c7;
  color: #92400e;
}
.approvable_manager_table .alternative_from[data-v-814a5281] {
  margin-top: 4px;
  color: #6b7280;
  font-size: 10px;
}
@media screen and (max-width: 850px) {
.admit_flow_wrap[data-v-814a5281] {
    padding: 0px;
    gap: 0px;
}
}
@media screen and (max-width: 750px) {
.admit_flow_tag[data-v-814a5281] {
    padding: 4px;
    border-radius: 14px;
    font-size: 11px;
    min-height: 23px;
    min-width: 68px;
}
.admit_flow_tag.pc[data-v-814a5281] {
    display: none;
}
.admit_flow_tag.undertab[data-v-814a5281] {
    display: block;
}
.admit_flow_tag .tag_name[data-v-814a5281] {
    font-size: 11px;
}
.admit_flow_tag .undertab_view_all[data-v-814a5281] {
    display: block;
    margin: 3px auto 0;
    font-size: 9px;
}
}
@media screen and (max-width: 600px) {
.admit_flow_wrap[data-v-814a5281] {
    flex-direction: column;
    gap: 1px;
}
.admit_flow_wrap .admit_flow_tag[data-v-814a5281] {
    border-radius: 11px;
    width: 90px;
}
.admit_flow_wrap .admit_flow_arrow[data-v-814a5281] {
    transform: rotate(90deg);
}
}.admit_flow_block[data-v-7ddf2e5b] {
  position: relative;
  margin-bottom: 15px;
}
.view_history[data-v-7ddf2e5b] {
  position: absolute;
  bottom: 10px;
  right: 12px;
  font-size: 11px;
}
.admit-flow-enter-active[data-v-7ddf2e5b] {
  transition: all 0.4s ease;
}
.admit-flow-leave-active[data-v-7ddf2e5b] {
  transition: all 0.3s ease;
  position: absolute;
  width: 100%;
}
.admit-flow-enter-from[data-v-7ddf2e5b] {
  opacity: 0;
  transform: translateY(-20px);
}
.admit-flow-leave-to[data-v-7ddf2e5b] {
  opacity: 0;
  transform: translateY(20px);
}
.admit-flow-move[data-v-7ddf2e5b] {
  transition: transform 0.5s ease;
}.create_title[data-v-34f17fcb] {
  text-align: center;
  line-height: 30px;
  width: 100%;
}
.title_content[data-v-34f17fcb] {
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size: 18px;
}
.status_wrap[data-v-34f17fcb] {
  position: absolute;
  top: 0;
  right: -100px;
  padding: 6px;
  border-radius: 16px;
  font-size: 14px;
  min-height: 26px;
  font-weight: 600;
  white-space: nowrap;
  width: 90px;
  text-align: center;
}
.status_wrap .now_status[data-v-34f17fcb] {
  font-size: 14px;
  font-weight: 600;
}
.status_wrap .now_status .yet[data-v-34f17fcb] {
  color: #ed9118;
}
.status_wrap .now_status .admitted[data-v-34f17fcb] {
  color: #12a157;
}
.status_wrap .now_status .denied[data-v-34f17fcb] {
  color: #d71717;
}
.status_wrap.yet[data-v-34f17fcb] {
  border: 2px dashed #ed9118;
}
.status_wrap.admitted[data-v-34f17fcb] {
  border: 2px solid #12a157;
}
.status_wrap.denied[data-v-34f17fcb] {
  border: 2px solid #d71717;
}
@media (max-width: 500px) {
.status_wrap[data-v-34f17fcb] {
    position: initial;
    margin: 0px auto 0px;
    padding: 3px 4px;
    min-height: 21px;
}
.status_wrap .now_status[data-v-34f17fcb] {
    font-size: 11px;
}
}.create_title[data-v-6613dae9] {
  text-align: center;
  line-height: 30px;
  width: 100%;
}
.title_content[data-v-6613dae9] {
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size: 18px;
}
.status_wrap[data-v-6613dae9] {
  position: absolute;
  top: 0;
  right: -100px;
  padding: 6px;
  border-radius: 16px;
  font-size: 14px;
  min-height: 26px;
  font-weight: 600;
  white-space: nowrap;
  width: 90px;
  text-align: center;
}
.status_wrap .now_status[data-v-6613dae9] {
  font-size: 14px;
  font-weight: 600;
}
.status_wrap .now_status .yet[data-v-6613dae9] {
  color: #ed9118;
}
.status_wrap .now_status .admitted[data-v-6613dae9] {
  color: #12a157;
}
.status_wrap .now_status .denied[data-v-6613dae9] {
  color: #d71717;
}
.status_wrap.yet[data-v-6613dae9] {
  border: 2px dashed #ed9118;
}
.status_wrap.admitted[data-v-6613dae9] {
  border: 2px solid #12a157;
}
.status_wrap.denied[data-v-6613dae9] {
  border: 2px solid #d71717;
}
@media (max-width: 500px) {
.status_wrap[data-v-6613dae9] {
    position: initial;
    margin: 0px auto 0px;
    padding: 3px 4px;
    min-height: 21px;
}
.status_wrap .now_status[data-v-6613dae9] {
    font-size: 11px;
}
}.create_title[data-v-9ae166e1] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}.create_title[data-v-c8185937] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}.create_title[data-v-418a0b6b] {
  text-align: center;
  line-height: 30px;
  width: 100%;
}
.title_content[data-v-418a0b6b] {
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size: 18px;
}
.status_wrap[data-v-418a0b6b] {
  position: absolute;
  top: 0;
  right: -100px;
  padding: 6px;
  border-radius: 16px;
  font-size: 14px;
  min-height: 26px;
  font-weight: 600;
  white-space: nowrap;
  width: 90px;
  text-align: center;
}
.status_wrap .now_status[data-v-418a0b6b] {
  font-size: 14px;
  font-weight: 600;
}
.status_wrap .now_status .yet[data-v-418a0b6b] {
  color: #ed9118;
}
.status_wrap .now_status .admitted[data-v-418a0b6b] {
  color: #12a157;
}
.status_wrap .now_status .denied[data-v-418a0b6b] {
  color: #d71717;
}
.status_wrap.yet[data-v-418a0b6b] {
  border: 2px dashed #ed9118;
}
.status_wrap.admitted[data-v-418a0b6b] {
  border: 2px solid #12a157;
}
.status_wrap.denied[data-v-418a0b6b] {
  border: 2px solid #d71717;
}
@media (max-width: 500px) {
.status_wrap[data-v-418a0b6b] {
    position: initial;
    margin: 0px auto 0px;
    padding: 3px 4px;
    min-height: 21px;
}
.status_wrap .now_status[data-v-418a0b6b] {
    font-size: 11px;
}
}.create_title[data-v-2dca7ac3] {
  text-align: center;
  line-height: 30px;
  width: 100%;
}
.title_content[data-v-2dca7ac3] {
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size: 18px;
}
.status_wrap[data-v-2dca7ac3] {
  position: absolute;
  top: 0;
  right: -100px;
  padding: 6px;
  border-radius: 16px;
  font-size: 14px;
  min-height: 26px;
  font-weight: 600;
  white-space: nowrap;
  width: 90px;
  text-align: center;
}
.status_wrap .now_status[data-v-2dca7ac3] {
  font-size: 14px;
  font-weight: 600;
}
.status_wrap .now_status .yet[data-v-2dca7ac3] {
  color: #ed9118;
}
.status_wrap .now_status .admitted[data-v-2dca7ac3] {
  color: #12a157;
}
.status_wrap .now_status .denied[data-v-2dca7ac3] {
  color: #d71717;
}
.status_wrap.yet[data-v-2dca7ac3] {
  border: 2px dashed #ed9118;
}
.status_wrap.admitted[data-v-2dca7ac3] {
  border: 2px solid #12a157;
}
.status_wrap.denied[data-v-2dca7ac3] {
  border: 2px solid #d71717;
}
@media (max-width: 500px) {
.status_wrap[data-v-2dca7ac3] {
    position: initial;
    margin: 0px auto 0px;
    padding: 3px 4px;
    min-height: 21px;
}
.status_wrap .now_status[data-v-2dca7ac3] {
    font-size: 11px;
}
}.create_title[data-v-344a4dff] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.span_attention[data-v-344a4dff] {
  margin-bottom: 15px;
  font-size: 13px;
}.filter_wrap[data-v-a19ac79d] {
  border: 2px dashed #9b9a9b;
  background-color: whitesmoke;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px 30px;
  max-width: 390px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.filter_text[data-v-a19ac79d] {
  font-size: 13px;
  line-height: 32px;
  margin: 0 5px;
}
.check_block[data-v-a19ac79d] {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
.filter_wrap[data-v-a19ac79d] {
    padding: 10px;
}
}
@media screen and (max-width: 499px) {
.filter_text[data-v-a19ac79d] {
    font-size: 12px;
    line-height: 27px;
}
}.detail_search_button_wrap[data-v-3e742128] {
  width: 175px;
}
.detail_search_wrap[data-v-3e742128] {
  margin-bottom: 10px;
}
.order_span_wrap[data-v-3e742128] {
  margin-top: 10px;
}
.admit_pending_alert_button_wrap[data-v-3e742128] {
  margin-top: 10px;
}
table th.check[data-v-3e742128] {
  width: 90px;
}
table th.date[data-v-3e742128] {
  width: 140px;
}
table th.code[data-v-3e742128] {
  width: 120px;
}
table th.name[data-v-3e742128] {
  width: 140px;
}
table th.hiring_type[data-v-3e742128] {
  width: 140px;
}
table th.branch_id[data-v-3e742128] {
  width: 150px;
}
table th.kind[data-v-3e742128] {
  width: 100px;
}
table th.comment[data-v-3e742128] {
  width: 240px;
}
table th.status[data-v-3e742128] {
  width: 120px;
}
table th.button1[data-v-3e742128] {
  width: 140px;
}
table th.button2[data-v-3e742128] {
  width: 48px;
}
@media screen and (max-width: 499px) {
table th.check[data-v-3e742128] {
    width: 70px;
}
table th.date[data-v-3e742128] {
    width: 110px;
}
table th.code[data-v-3e742128] {
    width: 90px;
}
table th.name[data-v-3e742128] {
    width: 110px;
}
table th.hiring_type[data-v-3e742128] {
    width: 110px;
}
table th.branch_id[data-v-3e742128] {
    width: 110px;
}
table th.kind[data-v-3e742128] {
    width: 95px;
}
table th.comment[data-v-3e742128] {
    width: 180px;
}
table th.status[data-v-3e742128] {
    width: 60px;
}
table th.button1[data-v-3e742128] {
    width: 110px;
}
table th.button2[data-v-3e742128] {
    width: 35px;
}
}.filter_wrap[data-v-e67f3a35] {
  border: 2px dashed #9b9a9b;
  background-color: whitesmoke;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px 30px;
  max-width: 265px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.filter_text[data-v-e67f3a35] {
  font-size: 13px;
  line-height: 32px;
  margin: 0 5px;
}
.check_block[data-v-e67f3a35] {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
.filter_wrap[data-v-e67f3a35] {
    padding: 10px;
}
}
@media screen and (max-width: 499px) {
.filter_text[data-v-e67f3a35] {
    font-size: 12px;
    line-height: 27px;
}
}.create_title[data-v-33de1455] {
  text-align: center;
  line-height: 30px;
  width: 100%;
}
.title_content[data-v-33de1455] {
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size: 18px;
}
.status_wrap[data-v-33de1455] {
  position: absolute;
  top: 0;
  right: -100px;
  padding: 6px;
  border-radius: 16px;
  font-size: 14px;
  min-height: 26px;
  font-weight: 600;
  white-space: nowrap;
  width: 90px;
  text-align: center;
}
.status_wrap .now_status[data-v-33de1455] {
  font-size: 14px;
  font-weight: 600;
}
.status_wrap .now_status .yet[data-v-33de1455] {
  color: #ed9118;
}
.status_wrap .now_status .admitted[data-v-33de1455] {
  color: #12a157;
}
.status_wrap .now_status .denied[data-v-33de1455] {
  color: #d71717;
}
.status_wrap.yet[data-v-33de1455] {
  border: 2px dashed #ed9118;
}
.status_wrap.admitted[data-v-33de1455] {
  border: 2px solid #12a157;
}
.status_wrap.denied[data-v-33de1455] {
  border: 2px solid #d71717;
}
@media (max-width: 500px) {
.status_wrap[data-v-33de1455] {
    position: initial;
    margin: 0px auto 0px;
    padding: 3px 4px;
    min-height: 21px;
}
.status_wrap .now_status[data-v-33de1455] {
    font-size: 11px;
}
}.detail_search_button_wrap[data-v-16702c66] {
  width: 175px;
}
.detail_search_wrap[data-v-16702c66] {
  margin-bottom: 10px;
}
.admit_pending_alert_button_wrap[data-v-16702c66] {
  margin-top: 10px;
}
table th.check[data-v-16702c66] {
  width: 90px;
}
table th.code[data-v-16702c66] {
  width: 120px;
}
table th.name[data-v-16702c66] {
  width: 150px;
}
table th.hiring_type[data-v-16702c66] {
  width: 150px;
}
table th.branch_id[data-v-16702c66] {
  width: 150px;
}
table th.type[data-v-16702c66] {
  width: 110px;
}
table th.status[data-v-16702c66] {
  width: 150px;
}
table th.button1[data-v-16702c66] {
  width: 150px;
}
table th.button2[data-v-16702c66] {
  width: 48px;
}
@media screen and (max-width: 499px) {
table th.check[data-v-16702c66] {
    width: 70px;
}
table th.code[data-v-16702c66] {
    width: 55px;
}
table th.name[data-v-16702c66] {
    width: 100px;
}
table th.hiring_type[data-v-16702c66] {
    width: 110px;
}
table th.branch_id[data-v-16702c66] {
    width: 100px;
}
table th.type[data-v-16702c66] {
    width: 90px;
}
table th.status[data-v-16702c66] {
    width: 110px;
}
table th.button1[data-v-16702c66] {
    width: 120px;
}
table th.button2[data-v-16702c66] {
    width: 35px;
}
}.detail_search_button_wrap[data-v-a62a3a08] {
  width: 175px;
}
.detail_search_wrap[data-v-a62a3a08] {
  margin-bottom: 10px;
}
.csv_button_wrap[data-v-a62a3a08] {
  margin-top: 10px;
}
table th.code[data-v-a62a3a08] {
  width: 150px;
}
table th.name[data-v-a62a3a08] {
  width: 200px;
}
table th.hiring_type[data-v-a62a3a08] {
  width: 200px;
}
table th.branch_id[data-v-a62a3a08] {
  width: 200px;
}
table th.retired_on[data-v-a62a3a08] {
  width: 150px;
}
table th.button1[data-v-a62a3a08] {
  width: 166px;
}
table th.button2[data-v-a62a3a08] {
  width: 166px;
}
@media screen and (max-width: 499px) {
table th.code[data-v-a62a3a08] {
    width: 55px;
}
table th.name[data-v-a62a3a08] {
    width: 100px;
}
table th.hiring_type[data-v-a62a3a08] {
    width: 110px;
}
table th.branch_id[data-v-a62a3a08] {
    width: 100px;
}
table th.retired_on[data-v-a62a3a08] {
    width: 110px;
}
table th.button1[data-v-a62a3a08] {
    width: 166px;
}
table th.button2[data-v-a62a3a08] {
    width: 166px;
}
}.add_employee_title[data-v-c596f051] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.control_wrap[data-v-c596f051] {
  padding: 10px;
  border: 2px dashed #4395d4;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
}
.add_employee_button[data-v-c596f051] {
  margin: 10px 0;
}
.add_employee_button[data-v-c596f051]:first-child {
  margin-top: 0;
}
.add_employee_button[data-v-c596f051]:last-child {
  margin-bottom: 0;
}.submit_wrap[data-v-a2069391] {
  margin-top: 25px;
  text-align: center;
}
.form_wrap[data-v-a2069391] {
  text-align: right;
  margin-bottom: 10px;
}
table th.last_name[data-v-a2069391] {
  width: 100px;
}
table th.first_name[data-v-a2069391] {
  width: 100px;
}
table th.mail[data-v-a2069391] {
  width: 180px;
}
table th.code[data-v-a2069391] {
  width: 100px;
}
table th.hiring_type[data-v-a2069391] {
  width: 180px;
}
table th.branch_id[data-v-a2069391] {
  width: 150px;
}
table th.type[data-v-a2069391] {
  width: 190px;
}
table th.button[data-v-a2069391] {
  width: 48px;
}
@media screen and (max-width: 499px) {
table th.last_name[data-v-a2069391] {
    width: 85px;
}
table th.first_name[data-v-a2069391] {
    width: 85px;
}
table th.mail[data-v-a2069391] {
    width: 160px;
}
table th.code[data-v-a2069391] {
    width: 100px;
}
table th.hiring_type[data-v-a2069391] {
    width: 150px;
}
table th.branch_id[data-v-a2069391] {
    width: 135px;
}
table th.type[data-v-a2069391] {
    width: 160px;
}
table th.button[data-v-a2069391] {
    width: 35px;
}
}.submit_wrap[data-v-872d4fa9] {
  margin-top: 25px;
  text-align: center;
}
.add_employee_attention_wrap[data-v-872d4fa9] {
  width: 100%;
  text-align: center;
}
.add_employee_attention[data-v-872d4fa9] {
  display: inline-block;
  margin: 0 auto 15px;
  font-size: 14px;
  text-align: left;
}
table th.last_name[data-v-872d4fa9] {
  width: 100px;
}
table th.first_name[data-v-872d4fa9] {
  width: 100px;
}
table th.mail[data-v-872d4fa9] {
  width: 180px;
}
table th.code[data-v-872d4fa9] {
  width: 100px;
}
table th.hiring_type[data-v-872d4fa9] {
  width: 180px;
}
table th.branch_id[data-v-872d4fa9] {
  width: 150px;
}
table th.type[data-v-872d4fa9] {
  width: 190px;
}
table th.button[data-v-872d4fa9] {
  width: 48px;
}
@media screen and (max-width: 499px) {
table th.last_name[data-v-872d4fa9] {
    width: 85px;
}
table th.first_name[data-v-872d4fa9] {
    width: 85px;
}
table th.mail[data-v-872d4fa9] {
    width: 160px;
}
table th.code[data-v-872d4fa9] {
    width: 100px;
}
table th.hiring_type[data-v-872d4fa9] {
    width: 150px;
}
table th.branch_id[data-v-872d4fa9] {
    width: 135px;
}
table th.type[data-v-872d4fa9] {
    width: 160px;
}
table th.button[data-v-872d4fa9] {
    width: 35px;
}
}.add_employee_title[data-v-f67018a1] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.add_employee_attention_wrap[data-v-f67018a1] {
  width: 100%;
  text-align: center;
}
.add_employee_attention[data-v-f67018a1] {
  display: inline-block;
  margin: 0 auto 15px;
  font-size: 14px;
  text-align: left;
}
.attention_link[data-v-f67018a1] {
  border: 0;
  padding: 0;
  color: #1677ff;
  background: transparent;
  cursor: pointer;
  text-decoration: underline;
}
.form_wrap[data-v-f67018a1] {
  margin-top: 15px;
  text-align: right;
  margin-bottom: 10px;
}
.upload_wrap[data-v-f67018a1] {
  text-align: center;
}
.submit_wrap[data-v-f67018a1] {
  margin-top: 25px;
  text-align: center;
}.add_employee_title[data-v-52ed6aca] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.form_wrap[data-v-52ed6aca] {
  text-align: right;
  margin-bottom: 10px;
}
.upload_wrap[data-v-52ed6aca] {
  text-align: center;
}
.submit_wrap[data-v-52ed6aca] {
  margin-top: 25px;
  text-align: center;
}.add_employee_title[data-v-4052527b] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.operation_wrap[data-v-4052527b] {
  display: flex;
  justify-content: center;
  gap: 16px;
  padding: 8px 0 6px;
}
.operation_button[data-v-4052527b] {
  width: 200px;
}.add_employee_title[data-v-55624012] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.csv_attention[data-v-55624012] {
  color: #d23f31;
  font-size: 13px;
  margin-bottom: 12px;
}
.format_button_grid[data-v-55624012] {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, 300px);
  justify-content: center;
}
.format_button[data-v-55624012] {
  width: 300px;
  margin: 0 auto;
}.add_employee_title[data-v-2ae5d1fd] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.form_wrap[data-v-2ae5d1fd] {
  text-align: right;
  margin-bottom: 10px;
}
.csv_attention[data-v-2ae5d1fd] {
  color: #d23f31;
  font-size: 13px;
  margin-bottom: 12px;
  font-weight: bold;
}
.attention_link[data-v-2ae5d1fd] {
  border: 0;
  padding: 0;
  color: #1677ff;
  background: transparent;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
}
.form_buttons[data-v-2ae5d1fd] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}
.upload_wrap[data-v-2ae5d1fd] {
  text-align: center;
}
.submit_wrap[data-v-2ae5d1fd] {
  margin-top: 25px;
  text-align: center;
}
.submit_button[data-v-2ae5d1fd] {
  display: inline-block;
}
.download_type_select_wrap[data-v-2ae5d1fd] {
  display: flex;
  justify-content: center;
  gap: 12px;
  padding: 8px 0;
}
.download_type_select_button[data-v-2ae5d1fd] {
  width: 140px;
}
.employee_select_submit_button[data-v-2ae5d1fd] {
  display: inline-block;
}
.employee_select_submit_button + .employee_select_submit_button[data-v-2ae5d1fd] {
  margin-left: 10px;
}.modal_title[data-v-2fe0caa2] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.submit_wrap[data-v-2fe0caa2] {
  margin-top: 25px;
  text-align: center;
}table th.name[data-v-860e88a4],
table td.name[data-v-860e88a4] {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
table th.base_work_type_id[data-v-860e88a4],
table td.base_work_type_id[data-v-860e88a4] {
  width: 190px;
  max-width: 190px;
  min-width: 190px;
}
table th.default[data-v-860e88a4],
table td.default[data-v-860e88a4] {
  width: 190px;
  max-width: 190px;
  min-width: 190px;
}
table th.button[data-v-860e88a4],
table td.button[data-v-860e88a4] {
  width: 130px;
  max-width: 130px;
  min-width: 130px;
}
table p.default[data-v-860e88a4] {
  line-height: 32px;
}
table.default[data-v-860e88a4] {
  background-color: #f5f5f5;
}
@media screen and (max-width: 499px) {
table th.name[data-v-860e88a4],
  table td.name[data-v-860e88a4] {
    width: 135px;
    max-width: 135px;
    min-width: 135px;
}
table th.base_work_type_id[data-v-860e88a4],
  table td.base_work_type_id[data-v-860e88a4] {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
}
table th.default[data-v-860e88a4],
  table td.default[data-v-860e88a4] {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
}
table th.button[data-v-860e88a4],
  table td.button[data-v-860e88a4] {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}
table p.default[data-v-860e88a4] {
    line-height: 27px;
}
}.detail_search_button_wrap[data-v-e3c088ce] {
  width: 175px;
}
.detail_search_wrap[data-v-e3c088ce] {
  margin-bottom: 10px;
}
table th.code[data-v-e3c088ce] {
  width: 150px;
}
table th.name[data-v-e3c088ce] {
  width: 200px;
}
table th.branch_id[data-v-e3c088ce] {
  width: 200px;
}
table th.button1[data-v-e3c088ce] {
  width: 166px;
}
table th.button2[data-v-e3c088ce] {
  width: 166px;
}
@media screen and (max-width: 499px) {
table th.code[data-v-e3c088ce] {
    width: 55px;
}
table th.name[data-v-e3c088ce] {
    width: 100px;
}
table th.branch_id[data-v-e3c088ce] {
    width: 100px;
}
table th.button1[data-v-e3c088ce] {
    width: 166px;
}
table th.button2[data-v-e3c088ce] {
    width: 166px;
}
}.branch_validator_component[data-v-377a43ac] {
  display: inline;
  vertical-align: middle;
}.title_wrap[data-v-943f7719] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.history_button_wrap[data-v-943f7719] {
  margin-left: auto;
}
.employee_table_wrap[data-v-943f7719] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-943f7719] {
  margin-top: 10px;
}
@media screen and (max-width: 499px) {
.title_wrap[data-v-943f7719] {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
}
.history_button_wrap[data-v-943f7719] {
    width: 145px;
}
.employee_wrap[data-v-943f7719] {
    padding: 0px 10px;
}
}.title_wrap[data-v-8d670377] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.history_button_wrap_in_title[data-v-8d670377] {
  display: flex;
  gap: 8px;
  margin-left: auto;
}.title_wrap[data-v-bf124301] {
  display: flex;
  align-items: center;
}
.history_button[data-v-bf124301] {
  margin-left: auto;
}.title_wrap[data-v-1735a018] {
  display: flex;
  align-items: center;
}
.history_button[data-v-1735a018] {
  margin-left: auto;
}
.bank_wrap p[data-v-1735a018] {
  font-size: 14px;
  line-height: 30px;
}.title_wrap[data-v-58ccaf0c] {
  display: flex;
  align-items: center;
}
.history_button[data-v-58ccaf0c] {
  margin-left: auto;
}table th.name[data-v-0bb493eb],
table td.name[data-v-0bb493eb] {
  width: 200px;
  max-width: 200px;
  min-width: 200px;
}
table th.dependant_relationship_id[data-v-0bb493eb],
table td.dependant_relationship_id[data-v-0bb493eb] {
  width: 110px;
  max-width: 110px;
  min-width: 110px;
}
table th.age[data-v-0bb493eb],
table td.age[data-v-0bb493eb] {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}
table th.dependant_status_id[data-v-0bb493eb],
table td.dependant_status_id[data-v-0bb493eb] {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
table th.button[data-v-0bb493eb],
table td.button[data-v-0bb493eb] {
  width: 48px;
  max-width: 48px;
  min-width: 48px;
}
@media screen and (max-width: 499px) {
table th.name[data-v-0bb493eb],
  table td.name[data-v-0bb493eb] {
    width: 130px;
    max-width: 130px;
    min-width: 130px;
}
table th.dependant_relationship_id[data-v-0bb493eb],
  table td.dependant_relationship_id[data-v-0bb493eb] {
    width: 80px;
    max-width: 80px;
    min-width: 80px;
}
table th.age[data-v-0bb493eb],
  table td.age[data-v-0bb493eb] {
    width: 80px;
    max-width: 80px;
    min-width: 80px;
}
table th.dependant_status_id[data-v-0bb493eb],
  table td.dependant_status_id[data-v-0bb493eb] {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
}
table th.button[data-v-0bb493eb],
  table td.button[data-v-0bb493eb] {
    width: 35px;
    max-width: 35px;
    min-width: 35px;
}
}.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 200px;
  max-width: 200px;
  min-width: 200px;
}
.draggable_hovering th.dependant_relationship_id,
.draggable_hovering td.dependant_relationship_id {
  width: 110px;
  max-width: 110px;
  min-width: 110px;
}
.draggable_hovering th.age,
.draggable_hovering td.age {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
}
.draggable_hovering th.dependant_status_id,
.draggable_hovering td.dependant_status_id {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 48px;
  max-width: 48px;
  min-width: 48px;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 130px;
    max-width: 130px;
    min-width: 130px;
}
.draggable_hovering th.dependant_relationship_id,
  .draggable_hovering td.dependant_relationship_id {
    width: 80px;
    max-width: 80px;
    min-width: 80px;
}
.draggable_hovering th.age,
  .draggable_hovering td.age {
    width: 80px;
    max-width: 80px;
    min-width: 80px;
}
.draggable_hovering th.dependant_status_id,
  .draggable_hovering td.dependant_status_id {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 35px;
    max-width: 35px;
    min-width: 35px;
}
}.title_wrap[data-v-77549f30] {
  display: flex;
  align-items: center;
}
.history_button[data-v-77549f30] {
  margin-left: auto;
}.timespan[data-v-602b7ef0] {
  width: 58px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  height: 32px;
  line-height: 30px;
  vertical-align: middle;
}
.day_row[data-v-602b7ef0] {
  margin-top: 10px;
  width: 423px;
  padding: 10px;
  border: 1px solid #9b9a9b;
  border-radius: 4px;
}
.day_row[data-v-602b7ef0]:first-of-type {
  margin-top: 0px;
}.branch_row[data-v-23aa8082] {
  margin-top: 10px;
  padding: 10px;
  background-color: white;
  border: 1px solid #9b9a9b;
  border-radius: 4px;
  width: 443px;
}
.branch_row[data-v-23aa8082]:first-of-type {
  margin-top: 0px;
}
.branch_selector_wrap[data-v-23aa8082] {
  display: inline-block;
  width: 200px;
}
.day_row_wrap[data-v-23aa8082] {
  margin-top: 10px;
  width: 423px;
}
.add_hourly_wage_button_wrap[data-v-23aa8082] {
  margin-top: 10px;
}
.delete_hourly_wage_button_wrap[data-v-23aa8082] {
  float: right;
  margin-left: 3px;
  width: 30px;
  margin-right: 3px;
}
.main_hourly_wage[data-v-23aa8082] {
  line-height: 20px;
  font-weight: 600;
  font-size: 14px;
}.timespan[data-v-bebcf000] {
  width: 58px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  border: 1px solid black;
  border-radius: 4px;
  height: 30px;
  line-height: 28px;
  vertical-align: middle;
}
.day_row[data-v-bebcf000] {
  margin-top: 10px;
  width: 423px;
  padding: 10px;
  border: 1px solid #9b9a9b;
  border-radius: 4px;
}
.day_row[data-v-bebcf000]:first-of-type {
  margin-top: 0px;
}.branch_row[data-v-f838cbe2] {
  margin-top: 10px;
  padding: 10px;
  background-color: white;
  border: 1px solid #9b9a9b;
  border-radius: 4px;
  width: 443px;
}
.branch_row[data-v-f838cbe2]:first-of-type {
  margin-top: 0px;
}
.branch_selector_wrap[data-v-f838cbe2] {
  display: inline-block;
  width: 200px;
}
.day_row_wrap[data-v-f838cbe2] {
  margin-top: 10px;
  width: 423px;
}
.add_carfare_button_wrap[data-v-f838cbe2] {
  margin-top: 10px;
}
.delete_carfare_button_wrap[data-v-f838cbe2] {
  float: right;
  margin-left: 3px;
  width: 30px;
  margin-right: 3px;
}.row[data-v-1e924cc2] {
  margin-top: 10px;
}
.row[data-v-1e924cc2]:first-of-type {
  margin-top: 0px;
}.title_wrap[data-v-ac416544] {
  display: flex;
  align-items: center;
}
.history_button[data-v-ac416544] {
  margin-left: auto;
}.resident_tax_table tr.yearmonth[data-v-507b5a6c] {
  line-height: 15px;
}
.resident_tax_table tr.yearmonth td[data-v-507b5a6c] {
  font-size: 13px;
}
.resident_tax_table tr.money td[data-v-507b5a6c] {
  width: 125px;
  padding-bottom: 10px;
}
.resident_tax_table tr.money td:last-of-type td[data-v-507b5a6c] {
  margin-bottom: 0;
}.title_wrap[data-v-ac86dc8b] {
  display: flex;
  align-items: center;
}
.history_button[data-v-ac86dc8b] {
  margin-left: auto;
}.employee_table_wrap table th.remain_paidhol[data-v-e46a1b45] {
  width: 200px;
}
.employee_table_wrap table th.joined_on[data-v-e46a1b45] {
  width: 200px;
}
.employee_table_wrap table th.week_prescribed_day[data-v-e46a1b45] {
  width: 150px;
}
.employee_table_wrap table th.week_prescribed_time[data-v-e46a1b45] {
  width: 150px;
}
.employee_table_wrap table th.button[data-v-e46a1b45] {
  width: 142px;
}
.paidhol_table_wrap[data-v-e46a1b45] {
  margin-top: 25px;
}
.paidhol_table_wrap table th.date[data-v-e46a1b45] {
  width: 200px;
}
.paidhol_table_wrap table th.expired_on[data-v-e46a1b45] {
  width: 200px;
}
.paidhol_table_wrap table th.value[data-v-e46a1b45] {
  width: 150px;
}
.paidhol_table_wrap table th.type[data-v-e46a1b45] {
  width: 150px;
}
.paidhol_table_wrap table th.button[data-v-e46a1b45] {
  width: 83px;
}
@media screen and (max-width: 499px) {
.employee_table_wrap[data-v-e46a1b45] {
    max-width: 590px;
}
.employee_table_wrap table th.remain_paidhol[data-v-e46a1b45] {
    width: 100px;
}
.employee_table_wrap table th.joined_on[data-v-e46a1b45] {
    width: 170px;
}
.employee_table_wrap table th.week_prescribed_day[data-v-e46a1b45] {
    width: 100px;
}
.employee_table_wrap table th.week_prescribed_time[data-v-e46a1b45] {
    width: 100px;
}
.employee_table_wrap table th.button[data-v-e46a1b45] {
    width: 120px;
}
.paidhol_table_wrap[data-v-e46a1b45] {
    max-width: 510px;
}
.paidhol_table_wrap table th.date[data-v-e46a1b45] {
    width: 170px;
}
.paidhol_table_wrap table th.expired_on[data-v-e46a1b45] {
    width: 100px;
}
.paidhol_table_wrap table th.value[data-v-e46a1b45] {
    width: 85px;
}
.paidhol_table_wrap table th.type[data-v-e46a1b45] {
    width: 90px;
}
.paidhol_table_wrap table th.button[data-v-e46a1b45] {
    width: 65px;
}
}.branchly_shift_template_wrap[data-v-4695120f] {
  margin-top: 20px;
}
.branchly_shift_template_wrap[data-v-4695120f]:first-of-type {
  margin-top: 0px;
}table th.check_name[data-v-28693f36], table td.check_name[data-v-28693f36] {
  width: 300px;
}
table th.check_name .name_text[data-v-28693f36], table td.check_name .name_text[data-v-28693f36] {
  vertical-align: middle;
}
table th.code[data-v-28693f36], table td.code[data-v-28693f36] {
  width: 150px;
  min-width: 150px;
}.submit_wrap[data-v-4b77c64c] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-4b77c64c] {
  display: inline-block;
  width: 250px;
}.submit_wrap[data-v-e36a50e5] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-e36a50e5] {
  display: inline-block;
  width: 250px;
}.submit_wrap[data-v-a61b579b] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-a61b579b] {
  display: inline-block;
  width: 250px;
}
table th.check[data-v-a61b579b] {
  width: 50px;
}
table th.name[data-v-a61b579b] {
  width: 150px;
}
table th.branch[data-v-a61b579b] {
  width: 150px;
}
@media screen and (max-width: 499px) {
table th.check[data-v-a61b579b] {
    width: 32px;
}
table th.name[data-v-a61b579b] {
    width: 100px;
}
table th.branch[data-v-a61b579b] {
    width: 100px;
}
}.submit_wrap[data-v-1a8ff359] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-1a8ff359] {
  display: inline-block;
  width: 250px;
}
table th.check[data-v-1a8ff359] {
  width: 60px;
}
table th.name[data-v-1a8ff359] {
  width: 150px;
}
table th.branch[data-v-1a8ff359] {
  width: 150px;
}
@media screen and (max-width: 499px) {
table th.check[data-v-1a8ff359] {
    width: 60px;
}
table th.name[data-v-1a8ff359] {
    width: 100px;
}
table th.branch[data-v-1a8ff359] {
    width: 100px;
}
}.title_wrap[data-v-cdcc43bf] {
  display: flex;
  align-items: center;
}
.history_button[data-v-cdcc43bf] {
  margin-left: auto;
}
.button_col[data-v-cdcc43bf] {
  position: absolute;
  left: 280px;
  top: 6px;
  z-index: 1;
}
p[data-v-cdcc43bf] {
  color: rgba(0, 0, 0, 0.65);
  font-size: 13px;
}
@media screen and (max-width: 499px) {
.button_col[data-v-cdcc43bf] {
    left: 220px;
}
p[data-v-cdcc43bf] {
    font-size: 11px;
}
}.date_free_wrap[data-v-5bdfb8cf] {
  overflow-x: auto;
  max-width: 100%;
}
.date_free_wrap table[data-v-5bdfb8cf] {
  width: 400px;
  min-width: 400px;
}
.date_free_wrap table td[data-v-5bdfb8cf] {
  padding: 6px 4px;
}
.date_free_wrap table td[data-v-5bdfb8cf]:first-of-type {
  padding-left: 0;
}
.date_free_wrap table td[data-v-5bdfb8cf]:last-of-type {
  padding-right: 0;
}
.date_free_wrap table td.day[data-v-5bdfb8cf] {
  min-width: 200px;
}
.date_free_wrap table td.content[data-v-5bdfb8cf] {
  min-width: 200px;
}
.date_free_wrap table tr:first-of-type td[data-v-5bdfb8cf] {
  padding-top: 0;
}
.date_free_wrap table tr:last-of-type td[data-v-5bdfb8cf] {
  padding-bottom: 0;
}
@media screen and (max-width: 499px) {
.date_free_wrap table[data-v-5bdfb8cf] {
    width: 100%;
    min-width: 100%;
}
.date_free_wrap table td[data-v-5bdfb8cf] {
    padding: 3px 2px;
}
.date_free_wrap table td.day[data-v-5bdfb8cf] {
    min-width: 175px;
}
.date_free_wrap table td.content[data-v-5bdfb8cf] {
    min-width: initial;
}
}.free_free_wrap[data-v-2688e723] {
  overflow-x: auto;
  max-width: 100%;
}
.free_free_wrap table[data-v-2688e723] {
  width: 400px;
  min-width: 400px;
}
.free_free_wrap table td[data-v-2688e723] {
  padding: 6px 4px;
}
.free_free_wrap table td[data-v-2688e723]:first-of-type {
  padding-left: 0;
}
.free_free_wrap table td[data-v-2688e723]:last-of-type {
  padding-right: 0;
}
.free_free_wrap table td.freehead[data-v-2688e723] {
  min-width: 200px;
}
.free_free_wrap table td.content[data-v-2688e723] {
  min-width: 200px;
}
.free_free_wrap table tr:first-of-type td[data-v-2688e723] {
  padding-top: 0;
}
.free_free_wrap table tr:last-of-type td[data-v-2688e723] {
  padding-bottom: 0;
}
@media screen and (max-width: 499px) {
.free_free_wrap table[data-v-2688e723] {
    width: 100%;
    min-width: 100%;
}
.free_free_wrap table td[data-v-2688e723] {
    padding: 3px 2px;
}
.free_free_wrap table td.freehead[data-v-2688e723] {
    min-width: 50%;
    width: 50%;
}
.free_free_wrap table td.content[data-v-2688e723] {
    min-width: 50%;
    width: 50%;
}
}.free_wrap[data-v-ebeb5580] {
  min-width: 350px;
}
@media screen and (max-width: 499px) {
.free_wrap[data-v-ebeb5580] {
    min-width: 100%;
}
}.free_wrap[data-v-5d9158a3] {
  min-width: 350px;
}
@media screen and (max-width: 499px) {
.free_wrap[data-v-5d9158a3] {
    min-width: 100%;
}
}.date_only_wrap[data-v-79b1a9d0] {
  min-width: 220px;
}
@media screen and (max-width: 499px) {
.date_only_wrap[data-v-79b1a9d0] {
    min-width: 100%;
}
}.checkbox_option_wrap[data-v-b86c1a86] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.checkbox_option[data-v-b86c1a86] {
  line-height: 24px;
}.title_wrap[data-v-88751f93] {
  display: flex;
  align-items: center;
}
.history_button[data-v-88751f93] {
  margin-left: auto;
}
.content_col[data-v-88751f93] {
  display: inline-block;
  vertical-align: middle;
  min-width: 200px;
}
.button_col[data-v-88751f93] {
  display: inline-block;
  vertical-align: middle;
  width: 67px;
  margin-left: 6px;
}
.operation_button_wrap[data-v-88751f93] {
  display: inline-block;
  width: 32px;
  margin-left: 3px;
}
.operation_button_wrap[data-v-88751f93]:first-child {
  margin-left: 0;
}
.image_wrap[data-v-88751f93] {
  width: 300px;
  height: 189px;
}
@media screen and (max-width: 499px) {
.content_col[data-v-88751f93] {
    width: calc(100% - 68px);
}
.button_col[data-v-88751f93] {
    width: 65px;
    margin-left: 3px;
}
}.alert_wrap[data-v-7c286a54] {
  padding: 10px 0;
}.card_wrap[data-v-6d502a0c] {
  position: relative;
  width: 100%;
  height: 110px;
}
.face_image_wrap[data-v-6d502a0c] {
  float: left;
  width: 110px;
  height: 110px;
}
.edit_button_wrap[data-v-6d502a0c] {
  display: inline-block;
  vertical-align: bottom;
}
.base_information[data-v-6d502a0c],
.sub_information[data-v-6d502a0c] {
  float: right;
  width: calc(100% - 110px);
  padding-left: 20px;
}
.base_information .col[data-v-6d502a0c],
.sub_information .col[data-v-6d502a0c] {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.base_information .col p[data-v-6d502a0c],
.sub_information .col p[data-v-6d502a0c] {
  margin-top: 15px;
}
.base_information .col p[data-v-6d502a0c]:first-child,
.sub_information .col p[data-v-6d502a0c]:first-child {
  margin-top: 0;
}
.base_information .col p span[data-v-6d502a0c],
.sub_information .col p span[data-v-6d502a0c] {
  vertical-align: middle;
}
.base_information .type_col[data-v-6d502a0c],
.sub_information .type_col[data-v-6d502a0c] {
  display: inline-block;
  vertical-align: top;
}
.base_information .badge[data-v-6d502a0c],
.sub_information .badge[data-v-6d502a0c] {
  background-color: #eee;
  border-radius: 3px;
  color: grey;
  text-align: center;
  display: inline-block;
  width: 50px;
  font-weight: 600;
  margin-right: 5px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}
.base_information .badge + span[data-v-6d502a0c],
.sub_information .badge + span[data-v-6d502a0c] {
  display: inline-block;
  width: calc(100% - 55px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.base_information .type_badge[data-v-6d502a0c],
.sub_information .type_badge[data-v-6d502a0c] {
  vertical-align: middle;
}
.base_information .type_badge span[data-v-6d502a0c],
.sub_information .type_badge span[data-v-6d502a0c] {
  display: inline-block;
  width: 50px;
  height: 25px;
  background-color: #9a9a9a;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
  line-height: 25px;
  color: #fff;
  vertical-align: middle;
}
.base_information .type_badge span.shift[data-v-6d502a0c],
.sub_information .type_badge span.shift[data-v-6d502a0c] {
  background-color: #4395d4;
}
.base_information .type_badge span.attendance[data-v-6d502a0c],
.sub_information .type_badge span.attendance[data-v-6d502a0c] {
  background-color: #4eb187;
}
.base_information .type_badge span.payment[data-v-6d502a0c],
.sub_information .type_badge span.payment[data-v-6d502a0c] {
  background-color: #d1aa00;
}
.base_information p.code[data-v-6d502a0c],
.sub_information p.code[data-v-6d502a0c] {
  font-size: 13px;
}
.base_information p.name[data-v-6d502a0c],
.sub_information p.name[data-v-6d502a0c] {
  padding: 0;
  padding-top: 5px;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  line-height: 26.5px;
}
.sub_information[data-v-6d502a0c] {
  margin-top: 9px;
}
.order_button_wrap[data-v-6d502a0c] {
  position: absolute;
  right: 0px;
  bottom: -20px;
}
.order_button_wrap .prev_button_wrap[data-v-6d502a0c] {
  margin-right: 3px;
}
.order_button_wrap .prev_button_wrap[data-v-6d502a0c],
.order_button_wrap .next_button_wrap[data-v-6d502a0c] {
  display: inline-block;
  width: 30px;
}
.mypc_button_wrap[data-v-6d502a0c] {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.mypc_button[data-v-6d502a0c] {
  border: gray 1px solid;
  border-radius: 5px;
  width: 130px;
  height: 30px;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
}
.mypc_button.registed[data-v-6d502a0c] {
  border-color: #1890ff;
  color: #1890ff;
}
@media screen and (max-width: 900px) {
.card_wrap[data-v-6d502a0c] {
    height: 150px;
}
.sub_information .type_col[data-v-6d502a0c] {
    display: block;
    margin-top: 15px;
}
}
@media screen and (max-width: 730px) {
.mypc_button_wrap[data-v-6d502a0c] {
    top: initial;
    bottom: 0;
    left: 0;
    right: initial;
    align-items: flex-start;
}
.mypc_button[data-v-6d502a0c] {
    width: 110px;
}
}
@media screen and (max-width: 630px) {
.card_wrap[data-v-6d502a0c] {
    height: 220px;
}
.edit_button_wrap[data-v-6d502a0c] {
    display: block;
}
.sub_information .col[data-v-6d502a0c] {
    display: block;
    margin-top: 10px;
}
.sub_information .col[data-v-6d502a0c]:first-of-type {
    margin-top: 0px;
}
.sub_information .col p[data-v-6d502a0c] {
    margin-top: 10px;
}
.sub_information .type_col[data-v-6d502a0c] {
    margin-top: 10px;
}
}
@media screen and (max-width: 499px) {
.card_wrap[data-v-6d502a0c] {
    height: 175px;
}
.base_information[data-v-6d502a0c] {
    float: none;
    width: 100%;
    padding: 0 0 5px;
}
.base_information p.name[data-v-6d502a0c] {
    padding-top: 0;
    font-size: 18px;
    line-height: 24px;
}
.sub_information[data-v-6d502a0c] {
    margin-top: 0;
    padding-left: 10px;
}
.sub_information .col[data-v-6d502a0c] {
    margin-top: 7px;
}
.sub_information .col[data-v-6d502a0c]:first-of-type {
    margin-top: 0px;
}
.sub_information .col p[data-v-6d502a0c] {
    margin-top: 7px;
}
.sub_information .type_col[data-v-6d502a0c] {
    margin-top: 7px;
}
.sub_information .badge[data-v-6d502a0c] {
    width: 40px;
    margin-right: 5px;
    font-size: 12px;
    line-height: 16px;
}
.sub_information .badge + span[data-v-6d502a0c] {
    font-size: 12px;
}
.sub_information .type_badge span[data-v-6d502a0c] {
    width: 40px;
    height: 20px;
    font-size: 10px;
    margin-right: 3px;
    line-height: 20px;
}
.order_button_wrap[data-v-6d502a0c] {
    bottom: initial;
    top: 40px;
}
}.title_wrap[data-v-bd5f23cf] {
  display: flex;
  align-items: center;
}
.history_button[data-v-bd5f23cf] {
  margin-left: auto;
}.title_wrap[data-v-3526b7ed] {
  display: flex;
  align-items: center;
}
.history_button[data-v-3526b7ed] {
  margin-left: auto;
}.history_notice[data-v-2c13a28e] {
  margin: 0 10px 10px;
  border: 1px solid #f5d07a;
  background: #fff6db;
  border-radius: 6px;
  padding: 8px 10px;
}
.history_notice p[data-v-2c13a28e] {
  margin: 0;
  color: #8a5a00;
  font-size: 13px;
  font-weight: 600;
}
.history_mode[data-v-2c13a28e] {
  padding-top: 6px;
  border-radius: 8px;
  background: #fffcf2;
}
.card_wrap[data-v-2c13a28e] {
  width: 100%;
  padding: 5px 10px 25px;
  border-bottom: 2px solid grey;
  margin-bottom: 10px;
}
.menu_wrap[data-v-2c13a28e] {
  width: 100%;
  padding: 0 10px;
}
.title_wrap[data-v-2c13a28e] {
  display: flex;
  align-items: center;
  padding: 0 10px 10px;
}
.title_wrap .title[data-v-2c13a28e] {
  font-size: 18px;
  font-weight: 600;
}
.company_history_button[data-v-2c13a28e] {
  margin-left: auto;
}
@media screen and (max-width: 499px) {
.history_button_wrap[data-v-2c13a28e],
  .history_now_button_wrap[data-v-2c13a28e] {
    width: 170px;
}
.card_wrap[data-v-2c13a28e] {
    padding-bottom: 10px;
}
}.submit_wrap[data-v-c3d5e1bc] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-c3d5e1bc] {
  display: inline-block;
  width: 250px;
}.bank_wrap p[data-v-9ddf2a90] {
  font-size: 14px;
  line-height: 30px;
}.submit_wrap[data-v-d564ad9e] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-d564ad9e] {
  display: inline-block;
  width: 250px;
}p.popup_title[data-v-ac0f9bcb] {
  font-size: 14px;
}
table[data-v-ac0f9bcb] {
  margin-top: 20px;
  width: 100%;
  table-layout: fixed;
}
table th[data-v-ac0f9bcb] {
  font-weight: 600;
  font-size: 16px;
  padding: 4px 4px;
}
table th.number[data-v-ac0f9bcb] {
  width: 30px;
}
table th.type[data-v-ac0f9bcb], table th.rate[data-v-ac0f9bcb] {
  width: calc((100% - 30px) / 2);
}
table td[data-v-ac0f9bcb] {
  font-size: 11px;
  padding: 4px 4px;
  border: gray 1px solid;
}
table td p[data-v-ac0f9bcb] {
  font-size: 11px;
}
table td[data-v-ac0f9bcb]:first-of-type {
  text-align: center;
}
@media screen and (max-width: 499px) {
table th[data-v-ac0f9bcb] {
    font-size: 14px;
    padding: 2px 4px;
}
table th.number[data-v-ac0f9bcb] {
    width: 25px;
}
table th.type[data-v-ac0f9bcb], table th.rate[data-v-ac0f9bcb] {
    width: calc((100% - 25px) / 2);
}
table td[data-v-ac0f9bcb] {
    font-size: 12px;
    padding: 2px 4px;
}
}.employee_remuneration_row[data-v-caeefcb6] {
  margin-top: 10px;
  padding: 10px;
  background-color: white;
  border: 1px solid #9b9a9b;
  border-radius: 4px;
  width: 443px;
}
.employee_remuneration_row[data-v-caeefcb6]:first-of-type {
  margin-top: 0px;
}
.delete_employee_remuneration_button_wrap[data-v-caeefcb6] {
  float: right;
  margin-left: 3px;
  width: 30px;
  margin-right: 3px;
}.employee_remuneration_row[data-v-01029747] {
  margin-top: 10px;
  padding: 10px;
  background-color: white;
  border: 1px solid #9b9a9b;
  border-radius: 4px;
  width: 443px;
}
.employee_remuneration_row[data-v-01029747]:first-of-type {
  margin-top: 0px;
}.content_col[data-v-ee4e2f71] {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.content_col p[data-v-ee4e2f71] {
  --padding-index: 0;
  --padding-width: 24px;
  padding-left: calc(0px + var(--padding-index) * var(--padding-width));
  margin: 0;
}
.button_col[data-v-ee4e2f71] {
  display: inline-block;
  vertical-align: top;
}.card_wrap[data-v-b18f6b97] {
  position: relative;
  width: 100%;
  height: 110px;
}
.face_image_wrap[data-v-b18f6b97] {
  float: left;
  width: 110px;
  height: 110px;
}
.edit_button_wrap[data-v-b18f6b97] {
  display: inline-block;
  vertical-align: bottom;
}
.base_information[data-v-b18f6b97],
.sub_information[data-v-b18f6b97] {
  float: right;
  width: calc(100% - 110px);
  padding-left: 20px;
}
.base_information .col[data-v-b18f6b97],
.sub_information .col[data-v-b18f6b97] {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.base_information .col p[data-v-b18f6b97],
.sub_information .col p[data-v-b18f6b97] {
  margin-top: 15px;
}
.base_information .col p[data-v-b18f6b97]:first-child,
.sub_information .col p[data-v-b18f6b97]:first-child {
  margin-top: 0;
}
.base_information .col p span[data-v-b18f6b97],
.sub_information .col p span[data-v-b18f6b97] {
  vertical-align: middle;
}
.base_information .type_col[data-v-b18f6b97],
.sub_information .type_col[data-v-b18f6b97] {
  display: inline-block;
  vertical-align: top;
}
.base_information .badge[data-v-b18f6b97],
.sub_information .badge[data-v-b18f6b97] {
  background-color: #eee;
  border-radius: 3px;
  color: grey;
  text-align: center;
  display: inline-block;
  width: 50px;
  font-weight: 600;
  margin-right: 5px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}
.base_information .badge + span[data-v-b18f6b97],
.sub_information .badge + span[data-v-b18f6b97] {
  display: inline-block;
  width: calc(100% - 55px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.base_information .type_badge[data-v-b18f6b97],
.sub_information .type_badge[data-v-b18f6b97] {
  vertical-align: middle;
}
.base_information .type_badge span[data-v-b18f6b97],
.sub_information .type_badge span[data-v-b18f6b97] {
  display: inline-block;
  width: 50px;
  height: 25px;
  background-color: #9a9a9a;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
  line-height: 25px;
  color: #fff;
  vertical-align: middle;
}
.base_information .type_badge span.shift[data-v-b18f6b97],
.sub_information .type_badge span.shift[data-v-b18f6b97] {
  background-color: #4395d4;
}
.base_information .type_badge span.attendance[data-v-b18f6b97],
.sub_information .type_badge span.attendance[data-v-b18f6b97] {
  background-color: #4eb187;
}
.base_information .type_badge span.payment[data-v-b18f6b97],
.sub_information .type_badge span.payment[data-v-b18f6b97] {
  background-color: #d1aa00;
}
.base_information p.code[data-v-b18f6b97],
.sub_information p.code[data-v-b18f6b97] {
  font-size: 13px;
}
.base_information p.name[data-v-b18f6b97],
.sub_information p.name[data-v-b18f6b97] {
  padding: 0;
  padding-top: 5px;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  line-height: 26.5px;
}
.sub_information[data-v-b18f6b97] {
  margin-top: 9px;
}
.order_button_wrap[data-v-b18f6b97] {
  position: absolute;
  right: 0px;
  bottom: -20px;
}
.order_button_wrap .prev_button_wrap[data-v-b18f6b97] {
  margin-right: 3px;
}
.order_button_wrap .prev_button_wrap[data-v-b18f6b97],
.order_button_wrap .next_button_wrap[data-v-b18f6b97] {
  display: inline-block;
  width: 30px;
}
.mypc_button[data-v-b18f6b97] {
  position: absolute;
  top: 0;
  right: 0;
  border: gray 1px solid;
  border-radius: 5px;
  width: 130px;
  height: 30px;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
}
.mypc_button.registed[data-v-b18f6b97] {
  border-color: #1890ff;
  color: #1890ff;
}
@media screen and (max-width: 900px) {
.card_wrap[data-v-b18f6b97] {
    height: 150px;
}
.sub_information .type_col[data-v-b18f6b97] {
    display: block;
    margin-top: 15px;
}
}
@media screen and (max-width: 730px) {
.mypc_button[data-v-b18f6b97] {
    top: initial;
    bottom: 0;
    left: 0;
    width: 110px;
    height: 30px;
}
}
@media screen and (max-width: 630px) {
.card_wrap[data-v-b18f6b97] {
    height: 220px;
}
.edit_button_wrap[data-v-b18f6b97] {
    display: block;
}
.sub_information .col[data-v-b18f6b97] {
    display: block;
    margin-top: 10px;
}
.sub_information .col[data-v-b18f6b97]:first-of-type {
    margin-top: 0px;
}
.sub_information .col p[data-v-b18f6b97] {
    margin-top: 10px;
}
.sub_information .type_col[data-v-b18f6b97] {
    margin-top: 10px;
}
}
@media screen and (max-width: 499px) {
.card_wrap[data-v-b18f6b97] {
    height: 175px;
}
.base_information[data-v-b18f6b97] {
    float: none;
    width: 100%;
    padding: 0 0 5px;
}
.base_information p.name[data-v-b18f6b97] {
    padding-top: 0;
    font-size: 18px;
    line-height: 24px;
}
.sub_information[data-v-b18f6b97] {
    margin-top: 0;
    padding-left: 10px;
}
.sub_information .col[data-v-b18f6b97] {
    margin-top: 7px;
}
.sub_information .col[data-v-b18f6b97]:first-of-type {
    margin-top: 0px;
}
.sub_information .col p[data-v-b18f6b97] {
    margin-top: 7px;
}
.sub_information .type_col[data-v-b18f6b97] {
    margin-top: 7px;
}
.sub_information .badge[data-v-b18f6b97] {
    width: 40px;
    margin-right: 5px;
    font-size: 12px;
    line-height: 16px;
}
.sub_information .badge + span[data-v-b18f6b97] {
    font-size: 12px;
}
.sub_information .type_badge span[data-v-b18f6b97] {
    width: 40px;
    height: 20px;
    font-size: 10px;
    margin-right: 3px;
    line-height: 20px;
}
.order_button_wrap[data-v-b18f6b97] {
    bottom: initial;
    top: 40px;
}
.mypc_button[data-v-b18f6b97] {
    top: 0;
    bottom: initial;
    right: 0;
    left: initial;
}
}.card_wrap[data-v-0c35e6f4] {
  width: 100%;
  padding: 5px 10px 25px;
  border-bottom: 2px solid grey;
  margin-bottom: 10px;
}
.menu_wrap[data-v-0c35e6f4] {
  width: 100%;
  padding: 0 10px;
}
@media screen and (max-width: 499px) {
.card_wrap[data-v-0c35e6f4] {
    padding-bottom: 10px;
}
}.bank_wrap p[data-v-1239861f] {
  font-size: 14px;
  line-height: 30px;
}.content_col[data-v-f9d0298d] {
  display: inline-block;
  vertical-align: top;
  min-width: 200px;
}
.image_wrap[data-v-f9d0298d] {
  width: 343px;
  height: 216px;
}.menu_wrap[data-v-93745868] {
  width: 100%;
  padding: 0 10px;
}
.menu_wrap .menu[data-v-93745868] {
  margin-top: 50px;
}
.menu_wrap .menu[data-v-93745868]:first-of-type {
  margin-top: 0px;
}
.submit_wrap[data-v-93745868] {
  text-align: left;
  margin-top: 50px;
}.bank_wrap p[data-v-8e467514] {
  font-size: 14px;
  line-height: 30px;
}.menu_wrap[data-v-9e52bb0f] {
  width: 100%;
  padding: 0 10px;
}
.menu_wrap .menu[data-v-9e52bb0f] {
  margin-top: 50px;
}
.menu_wrap .menu[data-v-9e52bb0f]:first-of-type {
  margin-top: 0px;
}
.submit_wrap[data-v-9e52bb0f] {
  text-align: left;
  margin-top: 50px;
}.content_col[data-v-c3f4d5cc] {
  display: inline-block;
  vertical-align: middle;
  min-width: 200px;
}
.image_wrap[data-v-c3f4d5cc] {
  width: 343px;
  height: 216px;
}.submit_wrap[data-v-aa0e25ab] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-aa0e25ab] {
  display: inline-block;
  width: 250px;
}.menu_wrap[data-v-096a0854] {
  width: 100%;
  padding: 0 10px;
}
.menu_wrap .menu[data-v-096a0854] {
  margin-top: 50px;
}
.menu_wrap .menu.top_menu[data-v-096a0854] {
  margin-top: 0px;
}
.submit_wrap[data-v-096a0854] {
  text-align: left;
  margin: 20px 0;
}.content_col[data-v-34ab4f2b] {
  display: inline-block;
  vertical-align: top;
  min-width: 200px;
}
.image_wrap[data-v-34ab4f2b] {
  width: 343px;
  height: 216px;
}.menu_wrap[data-v-f1851512] {
  width: 100%;
  padding: 0 10px;
}
.menu_wrap .menu[data-v-f1851512] {
  margin-top: 50px;
}
.menu_wrap .menu.top_menu[data-v-f1851512] {
  margin-top: 0px;
}
.submit_wrap[data-v-f1851512] {
  text-align: left;
  margin: 20px 0;
}.submit_wrap[data-v-c6d43443] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-c6d43443] {
  display: inline-block;
  width: 250px;
}.menu_wrap[data-v-b11ba982] {
  width: 100%;
  padding: 0 10px;
}
.menu_wrap .menu[data-v-b11ba982] {
  margin-top: 50px;
}
.menu_wrap .menu.top_menu[data-v-b11ba982] {
  margin-top: 0px;
}
.submit_wrap[data-v-b11ba982] {
  text-align: left;
  margin: 20px 0;
}
.submit_button_wrap[data-v-b11ba982] {
  width: 170px;
  display: inline-block;
  margin-left: 5px;
}
.submit_button_wrap[data-v-b11ba982]:first-of-type {
  margin-left: 0px;
}
@media screen and (max-width: 499px) {
.submit_button_wrap[data-v-b11ba982] {
    display: block;
    margin: 8px auto 0;
    margin-top: 8px;
}
.submit_button_wrap[data-v-b11ba982]:first-of-type {
    margin-top: 0px;
    margin-left: auto;
}
.submit_wrap[data-v-b11ba982] {
    text-align: center;
}
}.changed,
.changed * {
  color: red !important;
  font-weight: 600;
}.menu_wrap[data-v-7d7b3b16] {
  width: 100%;
  padding: 0 10px;
}
.menu_wrap .menu[data-v-7d7b3b16] {
  margin-top: 50px;
}
.menu_wrap .menu.top_menu[data-v-7d7b3b16] {
  margin-top: 0px;
}
.submit_wrap[data-v-7d7b3b16] {
  text-align: left;
  margin: 20px 0;
}
.submit_button_wrap[data-v-7d7b3b16] {
  width: 170px;
  display: inline-block;
  margin-left: 5px;
}
.submit_button_wrap[data-v-7d7b3b16]:first-of-type {
  margin-left: 0px;
}
@media screen and (max-width: 499px) {
.submit_button_wrap[data-v-7d7b3b16] {
    display: block;
    margin: 8px auto 0;
    margin-top: 8px;
}
.submit_button_wrap[data-v-7d7b3b16]:first-of-type {
    margin-top: 0px;
    margin-left: auto;
}
.submit_wrap[data-v-7d7b3b16] {
    text-align: center;
}
}.changed,
.changed * {
  color: red !important;
  font-weight: 600;
}.dateview_wrap[data-v-28ca51dc] {
  display: inline-block;
}
.day_text[data-v-28ca51dc] {
  color: gray;
}
.day_text.saturday[data-v-28ca51dc] {
  color: blue;
}
.day_text.sunday[data-v-28ca51dc] {
  color: red;
}
.pc_date[data-v-28ca51dc] {
  display: block;
}
.sp_date[data-v-28ca51dc] {
  display: none;
}
@media screen and (max-width: 499px) {
.pc_date[data-v-28ca51dc] {
    display: none;
}
.sp_date[data-v-28ca51dc] {
    display: block;
}
}.admit_button_wrap[data-v-3c9590d2] {
  text-align: right;
}.admit_button_wrap[data-v-c054b59f] {
  text-align: right;
}.employee_changer_wrap[data-v-5daf458b] {
  max-width: 700px;
  margin: 0 auto;
  padding: 3px 0;
  line-height: 36px;
}
.attendance_wrap[data-v-5daf458b] {
  border-top: 2px solid #4eb187;
  background-color: #f5fffb;
  padding: 15px;
  margin-top: 15px;
}
.month_changer_wrap[data-v-5daf458b] {
  max-width: 700px;
  margin: 0 auto;
}
.demand_punch_alert_wrap[data-v-5daf458b] {
  margin: 15px auto 0;
  max-width: 700px;
  padding: 10px;
  border: 1px solid #f0c6c6;
  background-color: #fff3f3;
  border-radius: 4px;
}
.demand_punch_alert_title[data-v-5daf458b] {
  margin-bottom: 8px;
  color: #a94442;
  font-weight: 600;
}
.demand_punch_alert_table[data-v-5daf458b] {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: #fff;
}
.demand_punch_alert_table td[data-v-5daf458b] {
  border-top: 1px solid #f1dede;
  padding: 8px;
  font-size: 13px;
  vertical-align: middle;
}
.demand_punch_alert_table tr:first-child td[data-v-5daf458b] {
  border-top: none;
}
.demand_punch_alert_table .alert_date[data-v-5daf458b] {
  width: 140px;
  white-space: nowrap;
  text-align: left;
}
.demand_punch_alert_table .alert_branch[data-v-5daf458b] {
  text-align: left;
  white-space: normal;
  word-break: break-word;
}
.demand_punch_alert_table .alert_button[data-v-5daf458b] {
  width: 86px;
  text-align: right;
}
.attendance_head_table_wrap[data-v-5daf458b] {
  margin-top: 15px;
  border-top: dashed 2px lightgray;
}
.old_editting[data-v-5daf458b] {
  color: #929292;
}
.creating[data-v-5daf458b] {
  background-color: #e8f3ff;
  color: #3344b0;
}
.editting[data-v-5daf458b] {
  background-color: #e8ffea;
  color: #3344b0;
}
.deleting[data-v-5daf458b] {
  background-color: #ffebe8;
  color: #929292;
}
.attendance_head_table[data-v-5daf458b] {
  margin-top: 10px;
  table-layout: fixed;
  width: 100%;
}
.attendance_head_table th[data-v-5daf458b] {
  height: 35px;
  text-align: center;
  border-bottom: 3px solid #4eb187;
  color: #4eb187;
  font-weight: 600;
  font-size: 14px;
  padding: 3px;
  line-height: 20px;
}
.attendance_head_table td[data-v-5daf458b] {
  font-weight: 400;
  padding: 5px 0;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
}
.attendance_table_wrap[data-v-5daf458b] {
  margin-top: 15px;
  padding-top: 15px;
  border-top: dashed 2px lightgray;
}
.attendance_table_wrap tr.highlight td[data-v-5daf458b] {
  background-color: rgb(255, 233, 201);
}
.attendance_table_wrap th.date[data-v-5daf458b] {
  width: 136px;
}
.attendance_table_wrap th.work_type[data-v-5daf458b] {
  width: 125px;
}
.attendance_table_wrap th.branch_id[data-v-5daf458b] {
  width: 134px;
}
.attendance_table_wrap th.shift[data-v-5daf458b] {
  width: 110px;
}
.attendance_table_wrap th.shift.separated[data-v-5daf458b] {
  width: 265px;
  min-width: 265px;
}
.attendance_table_wrap th.punch[data-v-5daf458b] {
  width: 110px;
}
.attendance_table_wrap th.punch.separated[data-v-5daf458b] {
  width: 295px;
  min-width: 295px;
}
.attendance_table_wrap th.punch_round[data-v-5daf458b] {
  width: 110px;
}
.attendance_table_wrap th.break[data-v-5daf458b] {
  width: 110px;
}
.attendance_table_wrap th.break_round[data-v-5daf458b] {
  width: 110px;
}
.attendance_table_wrap th.carfare[data-v-5daf458b] {
  width: 100px;
}
.attendance_table_wrap th.button[data-v-5daf458b] {
  width: 186px;
}
.attendance_table_wrap th.shift_start[data-v-5daf458b] {
  width: 55px;
  min-width: 58px;
}
.attendance_table_wrap th.shift_end[data-v-5daf458b] {
  width: 55px;
  min-width: 58px;
}
.attendance_table_wrap th.punch_start[data-v-5daf458b] {
  width: 55px;
  min-width: 71px;
}
.attendance_table_wrap th.punch_end[data-v-5daf458b] {
  width: 55px;
  min-width: 71px;
}
.attendance_table_wrap th.punch_round_start[data-v-5daf458b] {
  width: 55px;
}
.attendance_table_wrap th.punch_round_end[data-v-5daf458b] {
  width: 55px;
}
.attendance_table_wrap th.break_start[data-v-5daf458b] {
  width: 55px;
  min-width: 71px;
}
.attendance_table_wrap th.break_end[data-v-5daf458b] {
  width: 55px;
  min-width: 71px;
}
.attendance_table_wrap th.plan_break_start[data-v-5daf458b], .attendance_table_wrap th.plan_break_end[data-v-5daf458b] {
  width: 58px;
  min-width: 58px;
}
.attendance_table_wrap th.actual_break_start[data-v-5daf458b], .attendance_table_wrap th.actual_break_end[data-v-5daf458b] {
  width: 71px;
  min-width: 71px;
}
.attendance_table_wrap th.break_round_start[data-v-5daf458b] {
  width: 55px;
}
.attendance_table_wrap th.break_round_end[data-v-5daf458b] {
  width: 55px;
}
@media screen and (max-width: 499px) {
.demand_punch_alert_wrap[data-v-5daf458b] {
    max-width: 100%;
    padding: 8px;
}
.demand_punch_alert_title[data-v-5daf458b] {
    font-size: 13px;
}
.demand_punch_alert_table td[data-v-5daf458b] {
    padding: 6px;
    font-size: 12px;
}
.demand_punch_alert_table .alert_date[data-v-5daf458b] {
    width: 80px;
}
.demand_punch_alert_table .alert_button[data-v-5daf458b] {
    width: 74px;
}
.attendance_table_wrap th.date[data-v-5daf458b] {
    width: 80px;
}
.attendance_table_wrap th.work_type[data-v-5daf458b] {
    width: 105px;
}
.attendance_table_wrap th.branch_id[data-v-5daf458b] {
    width: 110px;
}
.attendance_table_wrap th.shift[data-v-5daf458b] {
    width: 110px;
}
.attendance_table_wrap th.shift.separated[data-v-5daf458b] {
    width: 265px;
    min-width: 265px;
}
.attendance_table_wrap th.punch[data-v-5daf458b] {
    width: 110px;
}
.attendance_table_wrap th.punch.separated[data-v-5daf458b] {
    width: 295px;
    min-width: 295px;
}
.attendance_table_wrap th.punch_round[data-v-5daf458b] {
    width: 110px;
}
.attendance_table_wrap th.break[data-v-5daf458b] {
    width: 110px;
}
.attendance_table_wrap th.break_round[data-v-5daf458b] {
    width: 110px;
}
.attendance_table_wrap th.carfare[data-v-5daf458b] {
    width: 80px;
}
.attendance_table_wrap th.button[data-v-5daf458b] {
    width: 186px;
}
.attendance_table_wrap th.shift_start[data-v-5daf458b] {
    width: 55px;
    min-width: 58px;
}
.attendance_table_wrap th.shift_end[data-v-5daf458b] {
    width: 55px;
    min-width: 58px;
}
.attendance_table_wrap th.punch_start[data-v-5daf458b] {
    width: 55px;
    min-width: 71px;
}
.attendance_table_wrap th.punch_end[data-v-5daf458b] {
    width: 55px;
    min-width: 71px;
}
.attendance_table_wrap th.punch_round_start[data-v-5daf458b] {
    width: 55px;
}
.attendance_table_wrap th.punch_round_end[data-v-5daf458b] {
    width: 55px;
}
.attendance_table_wrap th.break_start[data-v-5daf458b] {
    width: 55px;
    min-width: 71px;
}
.attendance_table_wrap th.break_end[data-v-5daf458b] {
    width: 55px;
    min-width: 71px;
}
.attendance_table_wrap th.plan_break_start[data-v-5daf458b], .attendance_table_wrap th.plan_break_end[data-v-5daf458b] {
    width: 58px;
    min-width: 58px;
}
.attendance_table_wrap th.actual_break_start[data-v-5daf458b], .attendance_table_wrap th.actual_break_end[data-v-5daf458b] {
    width: 71px;
    min-width: 71px;
}
.attendance_table_wrap th.break_round_start[data-v-5daf458b] {
    width: 55px;
}
.attendance_table_wrap th.break_round_end[data-v-5daf458b] {
    width: 55px;
}
}
.shift_time_col[data-v-5daf458b] {
  height: 32px;
  line-height: 32px;
}
.date_col[data-v-5daf458b],
.work_type_col[data-v-5daf458b],
.hourly_paidhol_col[data-v-5daf458b],
.branchly_shift[data-v-5daf458b],
.branch_id_col[data-v-5daf458b],
.carfare_col[data-v-5daf458b] {
  padding: 3px 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.operation_branchly_col[data-v-5daf458b] {
  padding: 3px 0;
}
.operation_col[data-v-5daf458b] {
  padding: 0 8px;
}
.carfare_col[data-v-5daf458b] {
  text-align: right;
}
.branch_id_col[data-v-5daf458b] {
  text-align: left;
}
.branchly_shift[data-v-5daf458b],
.branch_id_col[data-v-5daf458b],
.operation_col[data-v-5daf458b],
.operation_branchly_col[data-v-5daf458b] {
  box-sizing: content-box;
  border-top: 1px solid rgb(232, 232, 232);
}
.branchly_shift[data-v-5daf458b]:first-of-type,
.branch_id_col[data-v-5daf458b]:first-of-type,
.operation_col[data-v-5daf458b]:first-of-type,
.operation_branchly_col[data-v-5daf458b]:first-of-type {
  border-top: none;
}
.carfare_col.custom[data-v-5daf458b] {
  color: green;
}
.operation_button_wrap[data-v-5daf458b] {
  display: inline-block;
  vertical-align: middle;
}
.operation_button[data-v-5daf458b] {
  display: inline-block;
  margin-left: 3px;
}
.operation_button[data-v-5daf458b]:first-child {
  margin-left: 0;
}
.operation_daily_col[data-v-5daf458b] {
  display: inline-block;
  margin-left: 3px;
}
.operation_daily_col[data-v-5daf458b]:first-of-type {
  margin-left: 0px;
}
.operation_daily_col.edit_delete[data-v-5daf458b] {
  width: 178px;
}.attendance_table_wrap th {
  text-align: center;
}
.attendance_table_wrap td {
  padding: 0 !important;
  text-align: center;
}
.attendance_table_wrap tr.error {
  background-color: #ffcccc !important;
}
.attendance_table_wrap tr.error td.error_click {
  cursor: pointer;
}
.attendance_table_wrap tr.error.adding td.error_click, .attendance_table_wrap tr.error.editting td.error_click {
  cursor: default;
}.control_wrap[data-v-0f501d88] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-0f501d88] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-0f501d88] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-0f501d88] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-0f501d88] {
  margin-top: 10px;
}.detail_search_button_wrap[data-v-9a423499] {
  width: 112px;
}
.detail_search_button_wrap.open[data-v-9a423499] {
  width: 160px;
}
.detail_search_controls[data-v-9a423499] {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4px;
}
.detail_search_wrap[data-v-9a423499] {
  margin-bottom: 10px;
}
.manipulator_wrap[data-v-9a423499] {
  display: inline-block;
  text-align: right;
}
.table_wrap[data-v-9a423499] {
  margin-top: 10px;
}
.custom[data-v-9a423499] {
  color: green;
}
.edit_prescribed_button[data-v-9a423499] {
  margin-top: 10px;
}
.control_button_wrap[data-v-9a423499],
.dropdown_button_wrap[data-v-9a423499],
.edit_prescribed_button[data-v-9a423499] {
  width: 160px;
}
.exec_button_wrap[data-v-9a423499] {
  display: inline-block;
  width: 78px;
}
.exec_button_wrap[data-v-9a423499]:last-of-type {
  margin-left: 4px;
}
table th.code[data-v-9a423499] {
  width: 120px;
}
table th.name[data-v-9a423499] {
  width: 150px;
}
table th.hiring_type[data-v-9a423499] {
  width: 150px;
}
table th.branch_id[data-v-9a423499] {
  width: 150px;
}
table th.base_day[data-v-9a423499] {
  width: 130px;
}
table th.base_time[data-v-9a423499] {
  width: 130px;
}
table th.prescribed_day[data-v-9a423499] {
  width: 135px;
}
table th.prescribed_time[data-v-9a423499] {
  width: 135px;
}
table th.lock_type[data-v-9a423499] {
  width: 100px;
}
@media screen and (max-width: 499px) {
.control_button_wrap[data-v-9a423499],
  .dropdown_button_wrap[data-v-9a423499],
  .edit_prescribed_button[data-v-9a423499] {
    width: 150px;
}
.exec_button_wrap[data-v-9a423499] {
    width: 73px;
}
table th.code[data-v-9a423499] {
    width: 55px;
}
table th.name[data-v-9a423499] {
    width: 100px;
}
table th.hiring_type[data-v-9a423499] {
    width: 110px;
}
table th.branch_id[data-v-9a423499] {
    width: 100px;
}
table th.base_day[data-v-9a423499] {
    width: 90px;
}
table th.base_time[data-v-9a423499] {
    width: 90px;
}
table th.prescribed_day[data-v-9a423499] {
    width: 100px;
}
table th.prescribed_time[data-v-9a423499] {
    width: 100px;
}
table th.lock_type[data-v-9a423499] {
    width: 70px;
}
}.error_filter_wrap[data-v-316fa86d] {
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid #bfe6d4;
  background: #f7fffb;
  border-radius: 4px;
}
.error_filter_button_wrap[data-v-316fa86d] {
  width: 175px;
}
.error_filter_head[data-v-316fa86d] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.error_filter_options[data-v-316fa86d] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
  gap: 6px 20px;
}
.error_filter_option[data-v-316fa86d] {
  min-width: 0;
  line-height: 22px;
}
.error_filter_option[data-v-316fa86d] .checkbox_component,
.error_filter_option[data-v-316fa86d] .ant-checkbox-wrapper {
  display: inline-flex;
  align-items: flex-start;
  vertical-align: top !important;
}
.error_filter_option[data-v-316fa86d] .ant-checkbox {
  margin-top: 0 !important;
  vertical-align: top !important;
}
.error_filter_option[data-v-316fa86d] .ant-checkbox + span {
  display: inline-block;
  line-height: 22px !important;
  vertical-align: top !important;
}.filter_wrap[data-v-b4212dcf] {
  border: 2px dashed #4eb187;
  background-color: whitesmoke;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px 38px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.filter_attention[data-v-b4212dcf] {
  font-size: 14px;
  font-weight: 600;
  margin: 5px 10px 12px;
}
.filter_text[data-v-b4212dcf] {
  font-size: 13px;
  line-height: 32px;
}
@media screen and (max-width: 768px) {
.filter_wrap[data-v-b4212dcf] {
    padding: 10px;
}
}
@media screen and (max-width: 499px) {
.filter_text[data-v-b4212dcf] {
    font-size: 12px;
    line-height: 27px;
}
}.out_of_plan_wrap[data-v-9dffec51] {
  max-width: 485px;
  margin: 15px auto 0;
}
.message[data-v-9dffec51] {
  font-size: 16px;
  font-weight: bold;
}
.description[data-v-9dffec51] {
  font-size: 13px;
  line-height: 16px;
}.attendance_calculation_queue_notice[data-v-40c3c451] {
  --attendance-queue-main: #4eb187;
  --attendance-queue-dark: #2f7d5d;
  --attendance-queue-border: rgba(78, 177, 135, 0.26);
  --attendance-queue-bg: rgba(78, 177, 135, 0.08);
  pointer-events: none;
  display: flex;
  justify-content: center;
  margin: 12px 0 4px;
  padding: 0 12px;
}
.attendance_calculation_queue_notice .calculation_queue_notice_panel[data-v-40c3c451] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  min-width: 0;
  max-width: 980px;
  padding: 10px 14px;
  background: linear-gradient(90deg, var(--attendance-queue-bg) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-left: 3px solid var(--attendance-queue-main);
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px var(--attendance-queue-border);
}
.attendance_calculation_queue_notice .calculation_queue_spinner[data-v-40c3c451] {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  border: 2px solid rgba(78, 177, 135, 0.22);
  border-top-color: var(--attendance-queue-main);
  border-radius: 50%;
  animation: attendance-queue-spin-40c3c451 0.9s linear infinite;
}
.attendance_calculation_queue_notice .calculation_queue_notice_text[data-v-40c3c451] {
  min-width: 0;
  line-height: 1.5;
}
.attendance_calculation_queue_notice .calculation_queue_notice_title[data-v-40c3c451] {
  color: var(--attendance-queue-dark);
  font-weight: 600;
  font-size: 13px;
}
.attendance_calculation_queue_notice .calculation_queue_notice_description[data-v-40c3c451] {
  color: rgba(0, 0, 0, 0.64);
  font-size: 12px;
}
@keyframes attendance-queue-spin-40c3c451 {
to {
    transform: rotate(360deg);
}
}
@media (max-width: 599px) {
.attendance_calculation_queue_notice[data-v-40c3c451] {
    margin-top: 10px;
    padding: 0 8px;
}
.attendance_calculation_queue_notice .calculation_queue_notice_panel[data-v-40c3c451] {
    gap: 8px;
    padding: 9px 10px;
}
.attendance_calculation_queue_notice .calculation_queue_spinner[data-v-40c3c451] {
    flex-basis: 16px;
    width: 16px;
    height: 16px;
}
.attendance_calculation_queue_notice .calculation_queue_notice_title[data-v-40c3c451] {
    font-size: 12px;
}
.attendance_calculation_queue_notice .calculation_queue_notice_description[data-v-40c3c451] {
    font-size: 11px;
    overflow-wrap: anywhere;
}
}.tab_wrap[data-v-83fb4d81] {
  margin-top: 15px;
}
.attendance_wrap[data-v-83fb4d81] {
  border-top: 2px solid #4eb187;
  background-color: #f5fffb;
  padding: 15px;
}
.month_changer_wrap[data-v-83fb4d81] {
  max-width: 700px;
  margin: 0 auto;
}
.monthly_wrap[data-v-83fb4d81] {
  margin-top: 15px;
  border-top: dashed 2px lightgray;
}
.monthly_wrap.filter[data-v-83fb4d81] {
  border-top: none;
}
@media screen and (max-width: 599px) {
.monthly_wrap[data-v-83fb4d81] {
    margin-top: 10px;
}
}
@media screen and (max-width: 499px) {
.attendance_wrap[data-v-83fb4d81] {
    padding: 10px 5px;
}
}.control_wrap[data-v-e257a18b] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-e257a18b] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-e257a18b] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-e257a18b] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-e257a18b] {
  margin-top: 10px;
}.employee_changer_item[data-v-196828b3],
.employee_changer_text[data-v-196828b3],
.employee_changer_item_blank[data-v-196828b3] {
  display: inline-block;
  text-align: center;
}
.employee_changer_item[data-v-196828b3] {
  position: relative;
  width: 36px;
  height: 36px;
}
.employee_changer_item[data-v-196828b3]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.employee_changer_item_blank[data-v-196828b3] {
  position: relative;
  width: 36px;
  height: 36px;
  vertical-align: top;
}
.employee_changer_icon[data-v-196828b3] {
  line-height: 34px;
}
.employee_changer_icon svg[data-v-196828b3] {
  width: 12px;
  height: 12px;
}
.employee_changer_text[data-v-196828b3] {
  line-height: 36px;
  font-size: 18px;
  font-weight: 600;
  color: white;
  width: calc(100% - 76px);
}
.employee_changer_item[data-v-196828b3] {
  width: 30px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  vertical-align: top;
  cursor: pointer;
}
.employee_changer_item[data-v-196828b3]:first-child {
  margin-right: 8px;
}
.employee_changer_item[data-v-196828b3]:last-child {
  margin-left: 8px;
}
.employee_changer_item[data-v-196828b3]:hover {
  background-color: rgb(220, 220, 220);
}
.employee_changer_item.shift[data-v-196828b3] {
  background-color: #4395d4;
}
.employee_changer_item.attendance[data-v-196828b3] {
  background-color: #4eb187;
}
.employee_changer_item.payment[data-v-196828b3] {
  background-color: #d1aa00;
}
.employee_changer_item.aggregation[data-v-196828b3] {
  background-color: #ee751b;
}
.employee_changer_item.document[data-v-196828b3] {
  background-color: #e389b7;
}
@media screen and (max-width: 499px) {
.employee_changer_text[data-v-196828b3] {
    line-height: 30px;
    font-size: 15px;
}
.employee_changer_text .icon_wrap[data-v-196828b3] {
    width: 20px;
    display: inline-block;
    margin-right: 2px;
}
.employee_changer_text .icon_wrap svg[data-v-196828b3] {
    width: 17px;
    height: 17px;
}
.employee_changer_text.is_pagenation[data-v-196828b3] {
    width: calc(100% - 60px);
}
.employee_changer_icon[data-v-196828b3] {
    line-height: 28px;
}
.employee_changer_icon svg[data-v-196828b3] {
    width: 10px;
    height: 10px;
}
.employee_changer_item[data-v-196828b3] {
    width: 30px;
    height: 30px;
}
.employee_changer_item[data-v-196828b3]:first-child {
    margin-right: 5px;
}
.employee_changer_item[data-v-196828b3]:last-child {
    margin-left: 5px;
}
.employee_changer_item_blank[data-v-196828b3] {
    width: 30px;
    height: 30px;
}
}.title_wrap[data-v-82d083d5] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.content_wrap[data-v-82d083d5] {
  padding: 30px 20px 10px;
}.no_data_text[data-v-a75a4ff2] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 5px;
}
.chart_table_example[data-v-a75a4ff2] {
  display: inline-block;
  line-height: 14px;
  vertical-align: middle;
  width: 100%;
}
.chart_table_example .example_block[data-v-a75a4ff2] {
  margin: 5px 0px;
}
.chart_table_example .example_block .example_wrap[data-v-a75a4ff2] {
  border: 2px solid #c8c8c8;
  border-radius: 5px;
  padding: 5px 8px;
  display: inline-block;
  margin-right: 3px;
}
.chart_table_example .example_block .example_wrap[data-v-a75a4ff2]:last-of-type {
  margin-right: 0px;
}
.chart_table_example .cell-example[data-v-a75a4ff2] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #000;
  vertical-align: middle;
}
.chart_table_example .cell-example-text[data-v-a75a4ff2] {
  vertical-align: middle;
  line-height: 14px;
  margin-left: 5px;
}
.chart_wrap[data-v-a75a4ff2] {
  width: 100%;
}
.chart_table_wrap[data-v-a75a4ff2] {
  width: 100%;
  overflow-y: visible;
  overflow-x: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  margin-top: 15px;
  z-index: 1;
}
.chart_table[data-v-a75a4ff2] {
  width: 100%;
  margin-bottom: 25px;
  table-layout: fixed;
}
.time_head[data-v-a75a4ff2] {
  min-width: 150px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 3;
}
.time_time[data-v-a75a4ff2] {
  min-width: 60px;
  height: 15px;
}
.time_head[data-v-a75a4ff2],
.time_time[data-v-a75a4ff2] {
  border-left: 1px solid lightgray;
  font-size: 13px;
  line-height: 25px;
  overflow: visible;
  position: relative;
}
.time_head[data-v-a75a4ff2]:first-of-type,
.time_time[data-v-a75a4ff2]:first-of-type {
  border-left: none;
}
.chart_head[data-v-a75a4ff2] {
  width: 160px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  min-width: 150px;
  border-right: none;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 3;
  line-height: 20px;
  padding-left: 15px;
}
.chart_head span[data-v-a75a4ff2] {
  margin-left: 5px;
}
.need_head[data-v-a75a4ff2] {
  color: #4ea3db;
}
.error_head[data-v-a75a4ff2] {
  color: #fff;
  background-color: #fa5858;
}
.chart_time[data-v-a75a4ff2] {
  text-align: center;
  font-weight: 600;
  font-size: 12px;
}
.error_head[data-v-a75a4ff2] {
  color: rgb(232, 29, 45);
}
.time_text[data-v-a75a4ff2] {
  position: absolute;
  top: 15px;
  left: -8px;
  width: 18px;
  text-align: center;
}
.chart_head[data-v-a75a4ff2],
.chart_time[data-v-a75a4ff2] {
  height: 50px;
}
.chart_head.valid .time_bar[data-v-a75a4ff2],
.chart_time.valid .time_bar[data-v-a75a4ff2] {
  display: inline-block;
  width: 100%;
  height: 26px;
  vertical-align: middle;
  color: white;
  font-size: 15px;
  line-height: 26px;
}
.chart_head.valid .time_bar span[data-v-a75a4ff2],
.chart_time.valid .time_bar span[data-v-a75a4ff2] {
  margin-left: 3px;
}
.chart_time.valid + .chart_time.valid .time_bar[data-v-a75a4ff2] {
  border-left: 1px dashed white;
}
.mid_col[data-v-a75a4ff2],
.hol_col[data-v-a75a4ff2],
.over_col[data-v-a75a4ff2],
.punch_col[data-v-a75a4ff2],
.time_col[data-v-a75a4ff2],
.shift_col[data-v-a75a4ff2] {
  min-width: 30px;
}
.mid_col[data-v-a75a4ff2],
.hol_col[data-v-a75a4ff2],
.over_col[data-v-a75a4ff2] {
  height: 20px;
}
.punch_col[data-v-a75a4ff2] {
  height: 40px;
}
.shift_col[data-v-a75a4ff2] {
  height: 15px;
}
.time_col[data-v-a75a4ff2] {
  height: 30px;
  position: relative;
  border-left: 0.5px dashed #adadad;
}
.time_col.first_col[data-v-a75a4ff2] {
  border-left: none;
}
.chart_time[data-v-a75a4ff2] {
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  border-right: 0.5px dashed #adadad;
  height: 20px;
}
.reg_time[data-v-a75a4ff2],
.lawhol_time[data-v-a75a4ff2],
.outhol_time[data-v-a75a4ff2],
.mid_time[data-v-a75a4ff2],
.shift_time[data-v-a75a4ff2],
.preover_time[data-v-a75a4ff2],
.lawover_time[data-v-a75a4ff2],
.week_lawover_time[data-v-a75a4ff2],
.month_lawover_time[data-v-a75a4ff2],
.sixty_lawover_time[data-v-a75a4ff2] {
  height: 100%;
  width: 100%;
}
.over_row:has(div) div[data-v-a75a4ff2] {
  border-bottom: 1px dashed white;
}
.mid_row:has(div) div[data-v-a75a4ff2] {
  border-bottom: 1px dashed white;
}
.hol_row:has(div) div[data-v-a75a4ff2] {
  border-top: 1px dashed white;
}
td:has(div) + td div[data-v-a75a4ff2] {
  border-left: 1px dashed white;
}
.shift_time[data-v-a75a4ff2] {
  height: 40%;
  background-color: #4395d4;
}
.reg_time[data-v-a75a4ff2] {
  background-color: #4eb187;
}
.lawhol_time[data-v-a75a4ff2] {
  background-color: #dccf56;
}
.outhol_time[data-v-a75a4ff2] {
  background-color: #fff893;
}
.mid_time[data-v-a75a4ff2] {
  background-color: #6126a5;
}
.preover_time[data-v-a75a4ff2] {
  background-color: #ffa8a8;
}
.lawover_time[data-v-a75a4ff2] {
  background-color: #ff5656;
}
.week_lawover_time[data-v-a75a4ff2] {
  background-color: #be3f3f;
}
.month_lawover_time[data-v-a75a4ff2] {
  background-color: #742828;
}
.sixty_lawover_time[data-v-a75a4ff2] {
  background-color: #db0000;
}.chart_title[data-v-379e94b2] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.attendance_chart[data-v-379e94b2] {
  margin-left: 5px;
}
@media screen and (max-width: 499px) {
.chart_title[data-v-379e94b2] {
    font-size: 14px;
}
}.attendance_table_wrap[data-v-228e7986] {
  margin-top: 15px;
  padding-top: 15px;
  border-top: dashed 2px lightgray;
}
.attendance_table_wrap th.date[data-v-228e7986] {
  width: 126px;
}
.attendance_table_wrap th.work_type[data-v-228e7986] {
  width: 125px;
}
.attendance_table_wrap th.branch_id[data-v-228e7986] {
  width: 116px;
  min-width: 116px;
}
.attendance_table_wrap th.shift[data-v-228e7986] {
  width: 116px;
  min-width: 116px;
}
.attendance_table_wrap th.shift.separated[data-v-228e7986] {
  width: 265px;
  min-width: 265px;
}
.attendance_table_wrap th.punch[data-v-228e7986] {
  width: 142px;
  min-width: 142px;
}
.attendance_table_wrap th.punch.separated[data-v-228e7986] {
  width: 295px;
  min-width: 295px;
}
.attendance_table_wrap th.punch.separated_half[data-v-228e7986] {
  width: 142px;
  min-width: 142px;
}
.attendance_table_wrap th.punch_round[data-v-228e7986] {
  width: 110px;
  min-width: 110px;
}
.attendance_table_wrap th.punch_round.separated[data-v-228e7986] {
  width: 232px;
  min-width: 232px;
}
.attendance_table_wrap th.break[data-v-228e7986] {
  width: 142px;
  min-width: 142px;
}
.attendance_table_wrap th.break_round[data-v-228e7986] {
  width: 110px;
  min-width: 110px;
}
.attendance_table_wrap th.carfare[data-v-228e7986] {
  width: 70px;
  min-width: 70px;
}
.attendance_table_wrap th.button[data-v-228e7986] {
  width: 119px;
}
.attendance_table_wrap th.shift_start[data-v-228e7986] {
  width: 58px;
  min-width: 58px;
}
.attendance_table_wrap th.shift_end[data-v-228e7986] {
  width: 58px;
  min-width: 58px;
}
.attendance_table_wrap th.punch_start[data-v-228e7986] {
  width: 71px;
  min-width: 71px;
}
.attendance_table_wrap th.punch_end[data-v-228e7986] {
  width: 71px;
  min-width: 71px;
}
.attendance_table_wrap th.punch_round_start[data-v-228e7986] {
  width: 55px;
}
.attendance_table_wrap th.punch_round_end[data-v-228e7986] {
  width: 55px;
}
.attendance_table_wrap th.break_start[data-v-228e7986] {
  width: 71px;
  min-width: 71px;
}
.attendance_table_wrap th.break_end[data-v-228e7986] {
  width: 71px;
  min-width: 71px;
}
.attendance_table_wrap th.plan_break_start[data-v-228e7986], .attendance_table_wrap th.plan_break_end[data-v-228e7986] {
  width: 58px;
  min-width: 58px;
}
.attendance_table_wrap th.actual_break_start[data-v-228e7986], .attendance_table_wrap th.actual_break_end[data-v-228e7986] {
  width: 71px;
  min-width: 71px;
}
.attendance_table_wrap th.break_round_start[data-v-228e7986] {
  width: 55px;
}
.attendance_table_wrap th.break_round_end[data-v-228e7986] {
  width: 55px;
}
.attendance_table_wrap th.round_time[data-v-228e7986] {
  width: 48px;
  min-width: 48px;
}
.attendance_table_wrap th.round_time[data-v-228e7986]:last-child {
  border-right: none !important;
}
.shift_time_col[data-v-228e7986] {
  height: 32px;
  line-height: 32px;
  min-width: 58px;
  white-space: nowrap;
}
.shift_time_col.overnight[data-v-228e7986] {
  min-width: 71px;
}
.shift_time_col.rounded_time[data-v-228e7986] {
  min-width: 48px;
}
.branchly_shift[data-v-228e7986] {
  min-width: 58px;
}
.date_col[data-v-228e7986],
.work_type_col[data-v-228e7986],
.hourly_paidhol_col[data-v-228e7986],
.branchly_shift[data-v-228e7986],
.branch_id_col[data-v-228e7986],
.carfare_col[data-v-228e7986] {
  padding: 3px 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.attendance_table_wrap.separated_break_table thead.control tr:nth-child(2) th[data-v-228e7986]:nth-last-child(2) {
  border-right: 0 !important;
}
.attendance_table_wrap.separated_break_table thead.control tr:first-child th[data-v-228e7986]:last-child {
  border: none !important;
  border-left: 0.5px solid var(--border) !important;
  border-right: none !important;
}
.attendance_table_wrap.separated_break_table th.date[data-v-228e7986] {
  width: 126px;
}
.attendance_table_wrap.separated_break_table th.work_type[data-v-228e7986] {
  width: 112px;
}
.attendance_table_wrap.separated_break_table th.branch_id[data-v-228e7986] {
  width: 116px;
  min-width: 116px;
}
.attendance_table_wrap.separated_break_table th.carfare[data-v-228e7986] {
  width: 70px;
  min-width: 70px;
}
.attendance_table_wrap.separated_break_table th.button[data-v-228e7986] {
  width: 119px;
}
.attendance_table_wrap.separated_break_table .date_col[data-v-228e7986],
.attendance_table_wrap.separated_break_table .work_type_col[data-v-228e7986],
.attendance_table_wrap.separated_break_table .hourly_paidhol_col[data-v-228e7986],
.attendance_table_wrap.separated_break_table .branch_id_col[data-v-228e7986],
.attendance_table_wrap.separated_break_table .carfare_col[data-v-228e7986] {
  padding: 3px 5px;
}
.attendance_table_wrap.separated_break_table .branchly_shift[data-v-228e7986] {
  padding: 3px 0;
}
.operation_branchly_col[data-v-228e7986] {
  padding: 3px 0;
}
.operation_col[data-v-228e7986] {
  padding: 0 8px;
}
.carfare_col[data-v-228e7986] {
  text-align: right;
}
.branch_id_col[data-v-228e7986] {
  text-align: left;
}
.branchly_shift[data-v-228e7986],
.branch_id_col[data-v-228e7986],
.operation_col[data-v-228e7986],
.operation_branchly_col[data-v-228e7986] {
  box-sizing: content-box;
  border-top: 1px solid rgb(232, 232, 232);
}
.branchly_shift[data-v-228e7986]:first-of-type,
.branch_id_col[data-v-228e7986]:first-of-type,
.operation_col[data-v-228e7986]:first-of-type,
.operation_branchly_col[data-v-228e7986]:first-of-type {
  border-top: none;
}
.carfare_col.custom[data-v-228e7986] {
  color: green;
}
.operation_button_wrap[data-v-228e7986] {
  display: inline-block;
  vertical-align: middle;
}
.operation_button[data-v-228e7986] {
  display: inline-block;
  margin-left: 3px;
}
.operation_button[data-v-228e7986]:first-child {
  margin-left: 0;
}
.operation_daily_col[data-v-228e7986] {
  display: inline-block;
  margin-left: 3px;
}
.operation_daily_col[data-v-228e7986]:first-of-type {
  margin-left: 0px;
}
.operation_daily_col.edit_delete[data-v-228e7986] {
  width: 67px;
}
.operation_daily_col.add[data-v-228e7986] {
  width: 32px;
}
.realtime_attendance[data-v-228e7986] {
  display: inline-block;
  font-size: 10px !important;
  height: 32px;
  line-height: 12px;
  vertical-align: top;
  border: 1px solid #4395d4;
  padding: 3px 2px;
  border-radius: 4px;
  color: #4395d4;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
@media screen and (max-width: 499px) {
.shift_time_col[data-v-228e7986] {
    height: 27px;
    line-height: 27px;
}
.attendance_table_wrap th.date[data-v-228e7986] {
    width: 73px;
}
.attendance_table_wrap th.work_type[data-v-228e7986] {
    width: 105px;
}
.attendance_table_wrap th.branch_id[data-v-228e7986] {
    width: 96px;
    min-width: 96px;
}
.attendance_table_wrap th.shift[data-v-228e7986] {
    width: 116px;
    min-width: 116px;
}
.attendance_table_wrap th.shift.separated[data-v-228e7986] {
    width: 265px;
    min-width: 265px;
}
.attendance_table_wrap th.punch[data-v-228e7986] {
    width: 142px;
    min-width: 142px;
}
.attendance_table_wrap th.punch.separated[data-v-228e7986] {
    width: 295px;
    min-width: 295px;
}
.attendance_table_wrap th.punch.separated_half[data-v-228e7986] {
    width: 142px;
    min-width: 142px;
}
.attendance_table_wrap th.punch_round[data-v-228e7986] {
    width: 114px;
    min-width: 114px;
}
.attendance_table_wrap th.punch_round.separated[data-v-228e7986] {
    width: 232px;
    min-width: 232px;
}
.attendance_table_wrap th.break[data-v-228e7986] {
    width: 142px;
    min-width: 142px;
}
.attendance_table_wrap th.break_round[data-v-228e7986] {
    width: 114px;
    min-width: 114px;
}
.attendance_table_wrap th.carfare[data-v-228e7986] {
    width: 70px;
    min-width: 70px;
}
.attendance_table_wrap th.button[data-v-228e7986] {
    width: 119px;
}
.attendance_table_wrap th.shift_start[data-v-228e7986] {
    width: 58px;
    min-width: 58px;
}
.attendance_table_wrap th.shift_end[data-v-228e7986] {
    width: 58px;
    min-width: 58px;
}
.attendance_table_wrap th.punch_start[data-v-228e7986] {
    width: 71px;
    min-width: 71px;
}
.attendance_table_wrap th.punch_end[data-v-228e7986] {
    width: 71px;
    min-width: 71px;
}
.attendance_table_wrap th.punch_round_start[data-v-228e7986] {
    width: 57px;
}
.attendance_table_wrap th.punch_round_end[data-v-228e7986] {
    width: 57px;
}
.attendance_table_wrap th.break_start[data-v-228e7986] {
    width: 71px;
    min-width: 71px;
}
.attendance_table_wrap th.break_end[data-v-228e7986] {
    width: 71px;
    min-width: 71px;
}
.attendance_table_wrap th.plan_break_start[data-v-228e7986], .attendance_table_wrap th.plan_break_end[data-v-228e7986] {
    width: 58px;
    min-width: 58px;
}
.attendance_table_wrap th.actual_break_start[data-v-228e7986], .attendance_table_wrap th.actual_break_end[data-v-228e7986] {
    width: 71px;
    min-width: 71px;
}
.attendance_table_wrap th.break_round_start[data-v-228e7986] {
    width: 57px;
}
.attendance_table_wrap th.break_round_end[data-v-228e7986] {
    width: 57px;
}
.attendance_table_wrap.separated_break_table th.date[data-v-228e7986] {
    width: 73px;
}
.attendance_table_wrap.separated_break_table th.work_type[data-v-228e7986] {
    width: 92px;
}
.attendance_table_wrap.separated_break_table th.branch_id[data-v-228e7986] {
    width: 96px;
    min-width: 96px;
}
.attendance_table_wrap.separated_break_table th.carfare[data-v-228e7986] {
    width: 70px;
    min-width: 70px;
}
.attendance_table_wrap.separated_break_table th.button[data-v-228e7986] {
    width: 119px;
}
.realtime_attendance[data-v-228e7986] {
    font-size: 9px !important;
    height: 27px;
    line-height: 9.5px;
}
}
.operation_daily_col.add[data-v-228e7986] {
  width: 27px;
}
.attendance_table_wrap.separated_break_table .date_col[data-v-228e7986],
.attendance_table_wrap.separated_break_table .work_type_col[data-v-228e7986],
.attendance_table_wrap.separated_break_table .hourly_paidhol_col[data-v-228e7986],
.attendance_table_wrap.separated_break_table .branch_id_col[data-v-228e7986],
.attendance_table_wrap.separated_break_table .carfare_col[data-v-228e7986] {
  padding: 3px 4px;
}
.attendance_table_wrap.separated_break_table .branchly_shift[data-v-228e7986] {
  padding: 3px 0;
}
.attendance_table_wrap th[data-v-228e7986] {
  text-align: center;
}
.attendance_table_wrap td[data-v-228e7986] {
  padding: 0 !important;
  text-align: center;
}
.attendance_table_wrap tr.error[data-v-228e7986] {
  background-color: #ffcccc !important;
}
.attendance_table_wrap tr.error td.error_click[data-v-228e7986] {
  cursor: pointer;
}
.attendance_table_wrap tr.error.adding td.error_click[data-v-228e7986], .attendance_table_wrap tr.error.editting td.error_click[data-v-228e7986] {
  cursor: default;
}.attendance_table_wrap[data-v-6c033d85] {
  margin-top: 15px;
  padding-top: 15px;
  border-top: dashed 2px lightgray;
}
.attendance_table_wrap th[data-v-6c033d85] {
  font-size: 12px !important;
}
.attendance_table_wrap th.date[data-v-6c033d85] {
  width: 90px;
}
.attendance_table_wrap th.work_type[data-v-6c033d85] {
  width: 90px;
}
.attendance_table_wrap th.branch_id[data-v-6c033d85] {
  width: 100px;
}
.attendance_table_wrap th.shift[data-v-6c033d85] {
  width: 95px;
}
.attendance_table_wrap th.punch[data-v-6c033d85] {
  width: 95px;
}
.attendance_table_wrap th.break[data-v-6c033d85] {
  width: 95px;
}
.attendance_table_wrap th.time_detail[data-v-6c033d85] {
  width: 85px;
}
.attendance_table_wrap td[data-v-6c033d85] * {
  font-size: 11px !important;
}
.shift_time_col[data-v-6c033d85] {
  height: 32px;
  line-height: 32px;
}
.date_col[data-v-6c033d85],
.work_type_col[data-v-6c033d85],
.hourly_paidhol_col[data-v-6c033d85],
.branchly_shift[data-v-6c033d85],
.branch_id_col[data-v-6c033d85],
.carfare_col[data-v-6c033d85] {
  padding: 3px 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.operation_branchly_col[data-v-6c033d85] {
  padding: 3px 0;
}
.operation_col[data-v-6c033d85] {
  padding: 0 8px;
}
.carfare_col[data-v-6c033d85] {
  text-align: right;
}
.branch_id_col[data-v-6c033d85] {
  text-align: left;
}
.branchly_shift[data-v-6c033d85],
.branch_id_col[data-v-6c033d85],
.operation_col[data-v-6c033d85],
.operation_branchly_col[data-v-6c033d85] {
  box-sizing: content-box;
  border-top: 1px solid rgb(232, 232, 232);
}
.branchly_shift[data-v-6c033d85]:first-of-type,
.branch_id_col[data-v-6c033d85]:first-of-type,
.operation_col[data-v-6c033d85]:first-of-type,
.operation_branchly_col[data-v-6c033d85]:first-of-type {
  border-top: none;
}
.carfare_col.custom[data-v-6c033d85] {
  color: green;
}
.operation_button_wrap[data-v-6c033d85] {
  display: inline-block;
  vertical-align: middle;
}
.operation_button[data-v-6c033d85] {
  display: inline-block;
  margin-left: 3px;
}
.operation_button[data-v-6c033d85]:first-child {
  margin-left: 0;
}
.operation_daily_col[data-v-6c033d85] {
  display: inline-block;
  margin-left: 3px;
}
.operation_daily_col[data-v-6c033d85]:first-of-type {
  margin-left: 0px;
}
.operation_daily_col.edit_delete[data-v-6c033d85] {
  width: 67px;
}
.operation_daily_col.add[data-v-6c033d85] {
  width: 32px;
}
.realtime_attendance[data-v-6c033d85] {
  display: inline-block;
  font-size: 10px !important;
  height: 32px;
  line-height: 12px;
  vertical-align: top;
  border: 1px solid #4395d4;
  padding: 3px 2px;
  border-radius: 4px;
  color: #4395d4;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
@media screen and (max-width: 499px) {
.shift_time_col[data-v-6c033d85] {
    height: 27px;
    line-height: 27px;
}
.attendance_table_wrap th.date[data-v-6c033d85] {
    width: 55px;
}
.attendance_table_wrap th.work_type[data-v-6c033d85] {
    width: 75px;
}
.attendance_table_wrap th.branch_id[data-v-6c033d85] {
    width: 85px;
}
.attendance_table_wrap th.shift[data-v-6c033d85] {
    width: 100px;
}
.attendance_table_wrap th.punch[data-v-6c033d85] {
    width: 100px;
}
.attendance_table_wrap th.break[data-v-6c033d85] {
    width: 100px;
}
.attendance_table_wrap th.time_detail[data-v-6c033d85] {
    width: 80px;
}
.realtime_attendance[data-v-6c033d85] {
    font-size: 9px !important;
    height: 27px;
    line-height: 9.5px;
}
}
.operation_daily_col.add[data-v-6c033d85] {
  width: 27px;
}
.date_col[data-v-6c033d85],
.work_type_col[data-v-6c033d85],
.hourly_paidhol_col[data-v-6c033d85],
.branchly_shift[data-v-6c033d85],
.branch_id_col[data-v-6c033d85],
.carfare_col[data-v-6c033d85] {
  padding: 3px 8px;
}
.attendance_table_wrap th[data-v-6c033d85] {
  text-align: center;
}
.attendance_table_wrap td[data-v-6c033d85] {
  padding: 0 !important;
  text-align: center;
}
.attendance_table_wrap tr.error[data-v-6c033d85] {
  background-color: #ffcccc !important;
}
.attendance_table_wrap tr.error td.error_click[data-v-6c033d85] {
  cursor: pointer;
}
.attendance_table_wrap tr.error.adding td.error_click[data-v-6c033d85], .attendance_table_wrap tr.error.editting td.error_click[data-v-6c033d85] {
  cursor: default;
}
.none_col[data-v-6c033d85] {
  text-align: center;
  padding: 0 8px !important;
  line-height: 32px;
}
.money_col[data-v-6c033d85] {
  text-align: right;
  padding: 0 8px !important;
  line-height: 32px;
}.attendance_table_wrap[data-v-901bb7a9] {
  margin-top: 15px;
  padding-top: 15px;
  border-top: dashed 2px lightgray;
}
.attendance_table_wrap th.date[data-v-901bb7a9] {
  width: 110px;
}
.attendance_table_wrap th.work_type[data-v-901bb7a9] {
  width: 110px;
}
.attendance_table_wrap th.branch_id[data-v-901bb7a9] {
  width: 130px;
}
.attendance_table_wrap th.time_detail[data-v-901bb7a9] {
  width: 85px;
}
.shift_time_col[data-v-901bb7a9] {
  height: 32px;
  line-height: 32px;
}
.date_col[data-v-901bb7a9],
.work_type_col[data-v-901bb7a9],
.hourly_paidhol_col[data-v-901bb7a9],
.branchly_shift[data-v-901bb7a9],
.branch_id_col[data-v-901bb7a9],
.carfare_col[data-v-901bb7a9] {
  padding: 3px 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.operation_branchly_col[data-v-901bb7a9] {
  padding: 3px 0;
}
.operation_col[data-v-901bb7a9] {
  padding: 0 8px;
}
.carfare_col[data-v-901bb7a9] {
  text-align: right;
}
.branch_id_col[data-v-901bb7a9] {
  text-align: left;
}
.branchly_shift[data-v-901bb7a9],
.branch_id_col[data-v-901bb7a9],
.operation_col[data-v-901bb7a9],
.operation_branchly_col[data-v-901bb7a9] {
  box-sizing: content-box;
  border-top: 1px solid rgb(232, 232, 232);
}
.branchly_shift[data-v-901bb7a9]:first-of-type,
.branch_id_col[data-v-901bb7a9]:first-of-type,
.operation_col[data-v-901bb7a9]:first-of-type,
.operation_branchly_col[data-v-901bb7a9]:first-of-type {
  border-top: none;
}
.carfare_col.custom[data-v-901bb7a9] {
  color: green;
}
.operation_button_wrap[data-v-901bb7a9] {
  display: inline-block;
  vertical-align: middle;
}
.operation_button[data-v-901bb7a9] {
  display: inline-block;
  margin-left: 3px;
}
.operation_button[data-v-901bb7a9]:first-child {
  margin-left: 0;
}
.operation_daily_col[data-v-901bb7a9] {
  display: inline-block;
  margin-left: 3px;
}
.operation_daily_col[data-v-901bb7a9]:first-of-type {
  margin-left: 0px;
}
.operation_daily_col.edit_delete[data-v-901bb7a9] {
  width: 67px;
}
.operation_daily_col.add[data-v-901bb7a9] {
  width: 32px;
}
.realtime_attendance[data-v-901bb7a9] {
  display: inline-block;
  font-size: 10px !important;
  height: 32px;
  line-height: 12px;
  vertical-align: top;
  border: 1px solid #4395d4;
  padding: 3px 2px;
  border-radius: 4px;
  color: #4395d4;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
@media screen and (max-width: 499px) {
.shift_time_col[data-v-901bb7a9] {
    height: 27px;
    line-height: 27px;
}
.attendance_table_wrap th.date[data-v-901bb7a9] {
    width: 55px;
}
.attendance_table_wrap th.work_type[data-v-901bb7a9] {
    width: 75px;
}
.attendance_table_wrap th.branch_id[data-v-901bb7a9] {
    width: 85px;
}
.attendance_table_wrap th.time_detail[data-v-901bb7a9] {
    width: 80px;
}
.realtime_attendance[data-v-901bb7a9] {
    font-size: 9px !important;
    height: 27px;
    line-height: 9.5px;
}
}
.operation_daily_col.add[data-v-901bb7a9] {
  width: 27px;
}
.date_col[data-v-901bb7a9],
.work_type_col[data-v-901bb7a9],
.hourly_paidhol_col[data-v-901bb7a9],
.branchly_shift[data-v-901bb7a9],
.branch_id_col[data-v-901bb7a9],
.carfare_col[data-v-901bb7a9] {
  padding: 3px 8px;
}
.attendance_table_wrap th[data-v-901bb7a9] {
  text-align: center;
}
.attendance_table_wrap td[data-v-901bb7a9] {
  padding: 0 !important;
  text-align: center;
}
.attendance_table_wrap tr.error[data-v-901bb7a9] {
  background-color: #ffcccc !important;
}
.attendance_table_wrap tr.error td.error_click[data-v-901bb7a9] {
  cursor: pointer;
}
.attendance_table_wrap tr.error.adding td.error_click[data-v-901bb7a9], .attendance_table_wrap tr.error.editting td.error_click[data-v-901bb7a9] {
  cursor: default;
}
.none_col[data-v-901bb7a9] {
  text-align: center;
  padding: 0 8px !important;
  line-height: 32px;
}
.money_col[data-v-901bb7a9] {
  text-align: right;
  padding: 0 8px !important;
  line-height: 32px;
}.attendance_table_wrap[data-v-8166ddf1] {
  margin-top: 15px;
  padding-top: 15px;
  border-top: dashed 2px lightgray;
}
.attendance_table_wrap th.date[data-v-8166ddf1] {
  width: 110px;
}
.attendance_table_wrap th.work_type[data-v-8166ddf1] {
  width: 110px;
}
.attendance_table_wrap th.time_detail[data-v-8166ddf1] {
  width: 85px;
}
.shift_time_col[data-v-8166ddf1] {
  height: 32px;
  line-height: 32px;
}
.date_col[data-v-8166ddf1],
.work_type_col[data-v-8166ddf1],
.hourly_paidhol_col[data-v-8166ddf1],
.branchly_shift[data-v-8166ddf1],
.branch_id_col[data-v-8166ddf1],
.carfare_col[data-v-8166ddf1] {
  padding: 3px 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.operation_branchly_col[data-v-8166ddf1] {
  padding: 3px 0;
}
.operation_col[data-v-8166ddf1] {
  padding: 0 8px;
}
.carfare_col[data-v-8166ddf1] {
  text-align: right;
}
.branch_id_col[data-v-8166ddf1] {
  text-align: left;
}
.branchly_shift[data-v-8166ddf1],
.branch_id_col[data-v-8166ddf1],
.operation_col[data-v-8166ddf1],
.operation_branchly_col[data-v-8166ddf1] {
  box-sizing: content-box;
  border-top: 1px solid rgb(232, 232, 232);
}
.branchly_shift[data-v-8166ddf1]:first-of-type,
.branch_id_col[data-v-8166ddf1]:first-of-type,
.operation_col[data-v-8166ddf1]:first-of-type,
.operation_branchly_col[data-v-8166ddf1]:first-of-type {
  border-top: none;
}
.carfare_col.custom[data-v-8166ddf1] {
  color: green;
}
.operation_button_wrap[data-v-8166ddf1] {
  display: inline-block;
  vertical-align: middle;
}
.operation_button[data-v-8166ddf1] {
  display: inline-block;
  margin-left: 3px;
}
.operation_button[data-v-8166ddf1]:first-child {
  margin-left: 0;
}
.operation_daily_col[data-v-8166ddf1] {
  display: inline-block;
  margin-left: 3px;
}
.operation_daily_col[data-v-8166ddf1]:first-of-type {
  margin-left: 0px;
}
.operation_daily_col.edit_delete[data-v-8166ddf1] {
  width: 67px;
}
.operation_daily_col.add[data-v-8166ddf1] {
  width: 32px;
}
.realtime_attendance[data-v-8166ddf1] {
  display: inline-block;
  font-size: 10px !important;
  height: 32px;
  line-height: 12px;
  vertical-align: top;
  border: 1px solid #4395d4;
  padding: 3px 2px;
  border-radius: 4px;
  color: #4395d4;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
@media screen and (max-width: 499px) {
.shift_time_col[data-v-8166ddf1] {
    height: 27px;
    line-height: 27px;
}
.attendance_table_wrap th.date[data-v-8166ddf1] {
    width: 55px;
}
.attendance_table_wrap th.work_type[data-v-8166ddf1] {
    width: 75px;
}
.attendance_table_wrap th.branch_id[data-v-8166ddf1] {
    width: 85px;
}
.attendance_table_wrap th.time_detail[data-v-8166ddf1] {
    width: 80px;
}
.realtime_attendance[data-v-8166ddf1] {
    font-size: 9px !important;
    height: 27px;
    line-height: 9.5px;
}
}
.operation_daily_col.add[data-v-8166ddf1] {
  width: 27px;
}
.date_col[data-v-8166ddf1],
.work_type_col[data-v-8166ddf1],
.hourly_paidhol_col[data-v-8166ddf1],
.branchly_shift[data-v-8166ddf1],
.branch_id_col[data-v-8166ddf1],
.carfare_col[data-v-8166ddf1] {
  padding: 3px 8px;
}
.attendance_table_wrap th[data-v-8166ddf1] {
  text-align: center;
}
.attendance_table_wrap td[data-v-8166ddf1] {
  padding: 0 !important;
  text-align: center;
}
.attendance_table_wrap tr.error[data-v-8166ddf1] {
  background-color: #ffcccc !important;
}
.attendance_table_wrap tr.error td.error_click[data-v-8166ddf1] {
  cursor: pointer;
}
.attendance_table_wrap tr.error.adding td.error_click[data-v-8166ddf1], .attendance_table_wrap tr.error.editting td.error_click[data-v-8166ddf1] {
  cursor: default;
}
.none_col[data-v-8166ddf1] {
  text-align: center;
  padding: 0 8px !important;
  line-height: 32px;
}
.money_col[data-v-8166ddf1] {
  text-align: right;
  padding: 0 8px !important;
  line-height: 32px;
}.aggregation_type_wrap[data-v-ba8fceb7] {
  margin-top: 10px;
  text-align: right;
  width: 100%;
}
.content_type_switch[data-v-ba8fceb7] {
  margin-top: 5px;
}
.money_attention[data-v-ba8fceb7] {
  width: 100%;
  text-align: right;
  margin-top: 10px;
  font-size: 11px;
  color: #666;
}.attendance_table_wrap[data-v-6310578e] {
  margin-top: 15px;
  padding-top: 15px;
  border-top: dashed 2px lightgray;
}
.attendance_table_wrap th.date[data-v-6310578e] {
  width: 110px;
}
.attendance_table_wrap th.work_type[data-v-6310578e] {
  width: 110px;
}
.attendance_table_wrap th.time_time[data-v-6310578e] {
  width: 600px;
  min-width: 600px;
  padding: 0;
}
.date_col[data-v-6310578e],
.work_type_col[data-v-6310578e],
.time_time[data-v-6310578e] {
  padding: 3px 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.branchly_shift[data-v-6310578e],
.branch_id_col[data-v-6310578e],
.operation_col[data-v-6310578e] {
  box-sizing: content-box;
  border-top: 1px solid rgb(232, 232, 232);
}
.branchly_shift[data-v-6310578e]:first-of-type,
.branch_id_col[data-v-6310578e]:first-of-type,
.operation_col[data-v-6310578e]:first-of-type {
  border-top: none;
}
@media screen and (max-width: 499px) {
.attendance_table_wrap th.date[data-v-6310578e] {
    width: 55px;
}
.attendance_table_wrap th.work_type[data-v-6310578e] {
    width: 75px;
}
}
.date_col[data-v-6310578e],
.work_type_col[data-v-6310578e],
.time_time[data-v-6310578e] {
  padding: 3px 8px;
}
.attendance_table_wrap th[data-v-6310578e] {
  text-align: center;
}
.attendance_table_wrap td[data-v-6310578e] {
  padding: 0 !important;
  text-align: center;
}
.attendance_table_wrap tr.error[data-v-6310578e] {
  background-color: #ffcccc !important;
}
.attendance_table_wrap tr.error td.error_click[data-v-6310578e] {
  cursor: pointer;
}
.attendance_table_wrap tr.error.adding td.error_click[data-v-6310578e], .attendance_table_wrap tr.error.editting td.error_click[data-v-6310578e] {
  cursor: default;
}
.chart_table[data-v-6310578e] {
  width: 100%;
  table-layout: fixed;
}
.chart_table td[data-v-6310578e] {
  border: none !important;
  background-color: transparent !important;
}
.chart_table .time_time[data-v-6310578e] {
  min-width: 60px;
  height: 15px;
}
.chart_table .time_time[data-v-6310578e] {
  border-left: 1px solid lightgray;
  font-size: 13px;
  line-height: 25px;
  overflow: visible;
  position: relative;
}
.chart_table .time_time[data-v-6310578e]:first-of-type {
  border-left: none;
}
.chart_table .time_text[data-v-6310578e] {
  position: absolute;
  bottom: -5px;
  left: -8px;
  width: 18px;
  text-align: center;
}
.chart_table .mid_col[data-v-6310578e],
.chart_table .hol_col[data-v-6310578e],
.chart_table .over_col[data-v-6310578e],
.chart_table .punch_col[data-v-6310578e],
.chart_table .time_col[data-v-6310578e],
.chart_table .shift_col[data-v-6310578e] {
  min-width: 30px;
}
.chart_table .mid_col[data-v-6310578e],
.chart_table .hol_col[data-v-6310578e],
.chart_table .over_col[data-v-6310578e] {
  height: 15px;
}
.chart_table .punch_col[data-v-6310578e] {
  height: 30px;
}
.chart_table .shift_col[data-v-6310578e] {
  height: 5px;
}
.chart_table .reg_time[data-v-6310578e],
.chart_table .lawhol_time[data-v-6310578e],
.chart_table .outhol_time[data-v-6310578e],
.chart_table .mid_time[data-v-6310578e],
.chart_table .shift_time[data-v-6310578e],
.chart_table .preover_time[data-v-6310578e],
.chart_table .lawover_time[data-v-6310578e],
.chart_table .week_lawover_time[data-v-6310578e],
.chart_table .month_lawover_time[data-v-6310578e],
.chart_table .sixty_lawover_time[data-v-6310578e] {
  height: 100%;
  width: 100%;
}
.chart_table .over_row:has(div) div[data-v-6310578e] {
  border-bottom: 0.5px dashed white;
}
.chart_table .mid_row:has(div) div[data-v-6310578e] {
  border-bottom: 0.5px dashed white;
}
.chart_table .hol_row:has(div) div[data-v-6310578e] {
  border-top: 0.5px dashed white;
}
.chart_table tr:has(td) + .shift_row:has(div) div[data-v-6310578e] {
  border-top: 0.5px dashed white;
}
.chart_table td:has(div) + td div[data-v-6310578e] {
  border-left: 0.5px dashed white;
}
.chart_table .shift_time[data-v-6310578e] {
  height: 8px;
  background-color: #4395d4;
}
.chart_table .reg_time[data-v-6310578e] {
  background-color: #4eb187;
}
.chart_table .lawhol_time[data-v-6310578e] {
  background-color: #dccf56;
}
.chart_table .outhol_time[data-v-6310578e] {
  background-color: #fff893;
}
.chart_table .mid_time[data-v-6310578e] {
  background-color: #6126a5;
}
.chart_table .preover_time[data-v-6310578e] {
  background-color: #ffa8a8;
}
.chart_table .lawover_time[data-v-6310578e] {
  background-color: #ff5656;
}
.chart_table .week_lawover_time[data-v-6310578e] {
  background-color: #be3f3f;
}
.chart_table .month_lawover_time[data-v-6310578e] {
  background-color: #742828;
}
.chart_table .sixty_lawover_time[data-v-6310578e] {
  background-color: #db0000;
}
.month_changer_wrap[data-v-98d156a2] {
  max-width: 700px;
  margin: 0 auto;
}
.close_date_span_wrap[data-v-98d156a2] {
  display: none;
  margin-top: 5px;
  text-align: center;
  font-weight: 600;
  color: gray;
  font-size: 11px;
}
.tab_wrap[data-v-98d156a2] {
  margin-top: 15px;
}
.no_data_wrap[data-v-98d156a2] {
  margin-top: 20px;
  font-weight: 600;
  text-align: center;
  font-size: 16px;
}
.attendance_wrap[data-v-98d156a2] {
  border-top: 2px solid #4eb187;
  background-color: #f5fffb;
  padding: 15px;
}
.attendance_head_table_wrap[data-v-98d156a2] {
  width: 100%;
  margin-top: 15px;
  border-top: dashed 2px lightgray;
  overflow-x: auto;
}
.attendance_head_table[data-v-98d156a2] {
  --work_type_length: 0;
  table-layout: fixed;
  width: calc(100% + var(--work_type_length) * 80px);
}
.attendance_head_table th[data-v-98d156a2] {
  width: 7.1428571429%;
  height: 35px;
  text-align: center;
  border-bottom: 2px solid #4eb187;
  color: #4eb187;
  font-weight: 600;
  font-size: 11px;
  padding: 3px;
  line-height: 20px;
  white-space: pre-wrap;
}
.attendance_head_table td[data-v-98d156a2] {
  font-weight: 400;
  padding: 5px 0;
  font-size: 11px;
  text-align: center;
  line-height: 20px;
}
.attendance_head_badge[data-v-98d156a2] {
  display: none;
}
.remain_paidhol_after_lock[data-v-98d156a2] {
  display: inline-block;
  line-height: 12px;
}
.for_only_pc[data-v-98d156a2] {
  display: table-cell;
}
.for_only_tab[data-v-98d156a2] {
  display: none;
}
@media screen and (max-width: 969px) {
.attendance_head_badge[data-v-98d156a2] {
    margin-top: 10px;
    background-color: #4eb187;
    display: block;
    color: white;
    font-weight: bold;
    padding: 3px;
    width: 50px;
    text-align: center;
    border-radius: 4px;
}
.attendance_head_table[data-v-98d156a2] {
    width: 100%;
}
.attendance_head_table thead[data-v-98d156a2] {
    display: none;
}
.attendance_head_table tbody tr[data-v-98d156a2] {
    display: flex;
    flex: 1; /* 4つずつ並べるために幅を25%に設定 */
    flex-wrap: wrap;
}
.attendance_head_table tbody td[data-v-98d156a2] {
    text-align: left;
    width: 25%;
    box-sizing: border-box;
    padding: 1px 5px;
    position: relative;
    font-size: 11px;
}
.attendance_head_table tbody[data-v-98d156a2] {
    /* 各セルの前に見出しを追加 */
}
.attendance_head_table tbody td[data-v-98d156a2]::before {
    text-align: left;
    content: attr(data-label);
    font-weight: bold;
    display: block;
    margin-bottom: 0px;
    font-size: 10px;
}
.for_only_pc[data-v-98d156a2] {
    display: none;
}
.for_only_tab[data-v-98d156a2] {
    display: table-cell;
}
}.control_wrap[data-v-303412fa] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-303412fa] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-303412fa] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-303412fa] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-303412fa] {
  margin-top: 10px;
}.candidate_title[data-v-1d05f2ef] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.candidate_attention[data-v-1d05f2ef] {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}
.detail_search_button_wrap[data-v-1d05f2ef] {
  width: 175px;
}
.detail_search_wrap[data-v-1d05f2ef] {
  margin-bottom: 10px;
}.money_input_component[data-v-c37d2fe6] {
  text-align: left;
}.add_employee_title[data-v-4c9e66eb] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.form_wrap[data-v-4c9e66eb] {
  text-align: right;
}
.upload_wrap[data-v-4c9e66eb] {
  text-align: center;
}
.submit_wrap[data-v-4c9e66eb] {
  margin-top: 25px;
  text-align: center;
}.zengin_finswer_confirm_overlay[data-v-68fd15d6] {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 12px;
  background: rgba(17, 21, 104, 0.35);
  backdrop-filter: blur(4px);
}
.zengin_finswer_confirm[data-v-68fd15d6] {
  width: 100%;
  max-width: 540px;
  max-height: calc(100dvh - 48px);
  max-height: calc(100vh - 48px);
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  overflow-y: auto;
  background: #fff;
  color: #1f2937;
  box-shadow: 0 24px 64px -16px rgba(17, 21, 104, 0.22), 0 8px 24px -8px rgba(0, 0, 0, 0.08);
}
.zengin_finswer_confirm_header[data-v-68fd15d6] {
  background: #171c8f;
  color: #fff;
  padding: 14px 20px 18px;
}
.zengin_finswer_confirm_header_top[data-v-68fd15d6] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
}
.zengin_finswer_confirm_close[data-v-68fd15d6] {
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.12);
  cursor: pointer;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.8);
}
.zengin_finswer_confirm_close_icon[data-v-68fd15d6] {
  display: block;
  font-size: 16px;
  line-height: 1;
  transform: translateY(-1px);
  font-weight: 700;
}
.zengin_finswer_confirm_close[data-v-68fd15d6]:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.zengin_finswer_confirm_logo[data-v-68fd15d6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 14px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  padding: 10px 12px;
}
.zengin_finswer_confirm_logo_arrow[data-v-68fd15d6] {
  background: #fff;
  border-radius: 6px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.zengin_finswer_confirm_logo_arrow img[data-v-68fd15d6] {
  display: block;
  height: 20px;
  width: auto;
}
.zengin_finswer_confirm_logo_cross[data-v-68fd15d6] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
.zengin_finswer_confirm_logo_finswer[data-v-68fd15d6] {
  background: #fff;
  border-radius: 6px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.zengin_finswer_confirm_logo_finswer img[data-v-68fd15d6] {
  display: block;
  height: 20px;
  width: auto;
  max-width: 120px;
}
.zengin_finswer_confirm_title[data-v-68fd15d6] {
  margin: 0;
  text-align: center;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.6;
}
.zengin_finswer_confirm_pretext[data-v-68fd15d6] {
  margin: 0 0 4px;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.75);
  letter-spacing: 0.06em;
}
.zengin_finswer_confirm_title_marker[data-v-68fd15d6] {
  padding: 0 2px;
  background: linear-gradient(transparent 58%, rgba(229, 57, 53, 0.8) 58%);
}
.zengin_finswer_confirm_body[data-v-68fd15d6] {
  padding: 18px 20px;
}
.zengin_finswer_confirm_intro[data-v-68fd15d6] {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 700;
}
.zengin_finswer_confirm_marker[data-v-68fd15d6] {
  padding: 0 2px;
  background: linear-gradient(transparent 50%, rgba(255, 224, 102, 0.6) 50%);
}
.zengin_finswer_confirm_section_heading[data-v-68fd15d6] {
  margin: 0 0 10px;
  padding-left: 10px;
  border-left: 3px solid #171c8f;
  color: #171c8f;
  font-size: 14px;
  font-weight: 700;
}
.zengin_finswer_confirm_fee_list[data-v-68fd15d6] {
  border-top: 1px solid #e5e7eb;
  margin-bottom: 14px;
}
.zengin_finswer_confirm_fee_row[data-v-68fd15d6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid #e5e7eb;
}
.zengin_finswer_confirm_fee_row.highlight[data-v-68fd15d6] {
  margin: 0 -20px;
  padding: 14px 20px;
  background: #f5f5fa;
}
.zengin_finswer_confirm_fee_label_main[data-v-68fd15d6] {
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 14px;
  font-weight: 700;
}
.zengin_finswer_confirm_fee_label_sub[data-v-68fd15d6] {
  margin: 2px 0 0;
  font-size: 12px;
  color: #6b7280;
}
.zengin_finswer_confirm_fee_flag[data-v-68fd15d6] {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
  color: #fff;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 700;
}
.zengin_finswer_confirm_fee_price[data-v-68fd15d6] {
  margin: 0;
  color: #171c8f;
  font-weight: 700;
  white-space: nowrap;
}
.zengin_finswer_confirm_fee_price_num[data-v-68fd15d6] {
  font-size: 30px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-right: 2px;
}
.zengin_finswer_confirm_fee_price_unit[data-v-68fd15d6] {
  font-size: 14px;
}
.zengin_finswer_confirm_comparison[data-v-68fd15d6] {
  margin-bottom: 14px;
  padding: 12px 14px;
  border: 1px solid #d7dcef;
  border-radius: 10px;
  background: #f7f8ff;
}
.zengin_finswer_confirm_comparison_title[data-v-68fd15d6] {
  margin: 0 0 10px;
  color: #171c8f;
  font-size: 12px;
  font-weight: 700;
}
.zengin_finswer_confirm_comparison_row[data-v-68fd15d6] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}
.zengin_finswer_confirm_comparison_label[data-v-68fd15d6] {
  margin: 0;
  color: #4b5563;
  font-size: 12px;
  line-height: 1.6;
}
.zengin_finswer_confirm_comparison_value[data-v-68fd15d6] {
  margin: 0;
  color: #171c8f;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}
.zengin_finswer_confirm_comparison_saving[data-v-68fd15d6] {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #d7dcef;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  color: #1f2937;
  font-size: 12px;
  font-weight: 700;
}
.zengin_finswer_confirm_comparison_saving strong[data-v-68fd15d6] {
  color: #e53935;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}
.zengin_finswer_confirm_tip[data-v-68fd15d6] {
  margin-bottom: 14px;
  padding: 12px 14px;
  border: 1px solid #ffd54f;
  border-radius: 10px;
  background: #fff8e1;
}
.zengin_finswer_confirm_tip_text[data-v-68fd15d6] {
  margin: 0;
  font-size: 12px;
  line-height: 1.75;
  color: #5d4037;
}
.zengin_finswer_confirm_code[data-v-68fd15d6] {
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #f5f5fa;
}
.zengin_finswer_confirm_code_heading[data-v-68fd15d6] {
  margin: 0 0 6px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
}
.zengin_finswer_confirm_code_row[data-v-68fd15d6] {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}
.zengin_finswer_confirm_code_value[data-v-68fd15d6] {
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #171c8f;
}
.zengin_finswer_confirm_code_hint[data-v-68fd15d6] {
  font-size: 11px;
  color: #6b7280;
  font-weight: 700;
}
.zengin_finswer_confirm_detail_button[data-v-68fd15d6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 11px 12px;
  border-radius: 10px;
  border: 1px solid #171c8f;
  background: #fff;
  color: #171c8f;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  transition: background-color 0.2s ease;
}
.zengin_finswer_confirm_detail_button[data-v-68fd15d6]:hover {
  background: #f5f5fa;
}
.zengin_finswer_confirm_detail_button_icon[data-v-68fd15d6] {
  font-size: 13px;
  line-height: 1;
}
.zengin_finswer_confirm_footer[data-v-68fd15d6] {
  display: flex;
  position: sticky;
  bottom: 0;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  padding: 14px 20px 12px;
  border-top: 1px solid #e5e7eb;
  background: #fff;
  z-index: 4;
  box-shadow: 0 -8px 16px -14px rgba(0, 0, 0, 0.35);
}
.zengin_finswer_confirm_checkbox[data-v-68fd15d6] {
  align-self: flex-start;
  color: #4b5563;
  font-size: 13px;
  line-height: 1.4;
}
.zengin_finswer_confirm_continue_button[data-v-68fd15d6] {
  width: 100%;
  border: 1px solid #171c8f;
  border-radius: 10px;
  background: #171c8f;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  padding: 12px;
  line-height: 1.4;
  box-shadow: 0 6px 20px -6px rgba(23, 28, 143, 0.35);
  transition: background-color 0.2s ease;
}
.zengin_finswer_confirm_continue_button[data-v-68fd15d6]:hover {
  background: #2a30a8;
}
.zengin_finswer_confirm_attention[data-v-68fd15d6] {
  margin: 0;
  font-size: 11px;
  color: #6b7280;
}
@media (max-width: 640px) {
.zengin_finswer_confirm_title[data-v-68fd15d6] {
    font-size: 18px;
}
.zengin_finswer_confirm_fee_price_num[data-v-68fd15d6] {
    font-size: 24px;
}
.zengin_finswer_confirm_comparison_row[data-v-68fd15d6],
  .zengin_finswer_confirm_comparison_saving[data-v-68fd15d6] {
    align-items: flex-start;
    flex-direction: column;
}
.zengin_finswer_confirm_comparison_value[data-v-68fd15d6],
  .zengin_finswer_confirm_comparison_saving strong[data-v-68fd15d6] {
    align-self: flex-end;
}
.zengin_finswer_confirm_continue_button[data-v-68fd15d6] {
    font-size: 15px;
}
}.detail_search_button_wrap[data-v-306cb496] {
  width: 175px;
}
.detail_search_wrap[data-v-306cb496] {
  margin-bottom: 10px;
}
.table_wrap[data-v-306cb496] {
  margin-top: 10px;
}
.custom[data-v-306cb496] {
  color: green;
}
.icon_wrap[data-v-306cb496] {
  width: 20px;
  display: inline-block;
}
.icon_wrap svg[data-v-306cb496] {
  vertical-align: -5px;
  width: 20px;
  height: 20px;
}
.toggle_wrap[data-v-306cb496] {
  color: black;
  font-weight: 400;
}
.code_title_wrap[data-v-306cb496] {
  display: inline-block;
  line-height: 52px !important;
}
.money[data-v-306cb496] {
  width: 100%;
  text-align: right;
}
.money.custom[data-v-306cb496] {
  color: green;
}
.edit_prescribed_button[data-v-306cb496] {
  margin-top: 10px;
  display: inline-block;
}
.control_button_wrap[data-v-306cb496],
.dropdown_button_wrap[data-v-306cb496],
.edit_prescribed_button[data-v-306cb496] {
  width: 160px;
}
.exec_button_wrap[data-v-306cb496] {
  display: inline-block;
  width: 78px;
}
.exec_button_wrap[data-v-306cb496]:last-of-type {
  margin-left: 4px;
}
table th.code[data-v-306cb496] {
  width: 120px;
}
table th.name[data-v-306cb496] {
  width: 150px;
}
table th.hiring_type[data-v-306cb496] {
  width: 150px;
}
table th.branch_id[data-v-306cb496] {
  width: 150px;
}
table th.money_header[data-v-306cb496] {
  width: 110px;
}
@media screen and (max-width: 499px) {
.control_button_wrap[data-v-306cb496],
  .dropdown_button_wrap[data-v-306cb496],
  .edit_prescribed_button[data-v-306cb496] {
    width: 150px;
}
.exec_button_wrap[data-v-306cb496] {
    width: 73px;
}
.code_title_wrap[data-v-306cb496] {
    font-size: 11px;
}
table th.code[data-v-306cb496] {
    width: 55px;
}
table th.name[data-v-306cb496] {
    width: 100px;
}
table th.hiring_type[data-v-306cb496] {
    width: 110px;
}
table th.branch_id[data-v-306cb496] {
    width: 100px;
}
table th.money_header[data-v-306cb496] {
    width: 110px;
}
}.month_changer_wrap[data-v-cfcac13a] {
  max-width: 700px;
  margin: 0 auto;
}
.monthly_wrap[data-v-cfcac13a] {
  margin-top: 15px;
  border-top: dashed 2px lightgray;
}
.not_lock[data-v-cfcac13a] {
  font-size: 16px;
  font-weight: 600;
  padding: 5vh 20px 35vh;
  text-align: center;
}.tab_wrap[data-v-004b7346] {
  margin-top: 15px;
}
.payment_wrap[data-v-004b7346] {
  background-color: #fffdf7;
  padding: 15px;
}.control_wrap[data-v-6f5e9f85] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-6f5e9f85] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-6f5e9f85] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-6f5e9f85] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-6f5e9f85] {
  margin-top: 10px;
}.title_wrap[data-v-3007dd3f] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.content_wrap[data-v-3007dd3f] {
  padding: 30px 20px 10px;
}.slip_wrap[data-v-0db54353] {
  margin-top: 15px;
  background-color: #777;
  padding: 3%;
}
.adjust_wrap[data-v-0db54353] {
  width: 100%;
  text-align: center;
}
.month_changer_wrap[data-v-0db54353] {
  max-width: 700px;
  margin: 15px auto 0;
}
.payment_slip[data-v-0db54353] {
  margin: auto;
  background-color: white;
  height: 954px;
  width: 1350px;
  padding: 25px;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  transform: scale(0.0740740741%);
  transform-origin: left top;
}
.payment_slip .slip_title[data-v-0db54353] {
  width: 310px;
  height: 35px;
  background-color: #9ad1e2;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.payment_slip .header_table[data-v-0db54353] {
  width: 100%;
  margin-top: 10px;
  border-bottom: 3px solid #9ad1e2;
  table-layout: fixed;
}
.payment_slip .header_table td[data-v-0db54353] {
  font-size: 17px;
  padding: 3px 0;
  text-align: left;
  color: #000;
  padding-right: 0.3%;
  padding-left: 0.3%;
}
.payment_slip .header_table td[data-v-0db54353]:first-of-type {
  padding-left: 0;
}
.payment_slip .header_table td[data-v-0db54353]:last-of-type {
  padding-right: 0;
}
.payment_slip .header_table .company_name[data-v-0db54353] {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.payment_slip .header_table .button_column[data-v-0db54353] {
  text-align: right;
}
.payment_slip .header_table span[data-v-0db54353] {
  line-height: 22px;
  vertical-align: middle;
}
.payment_slip .header_table .badge[data-v-0db54353] {
  display: inline-block;
  padding: 0 12px;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
}
.payment_slip .slip_table_block[data-v-0db54353] {
  margin-top: 7px;
}
.payment_slip .slip_table_wrap[data-v-0db54353] {
  vertical-align: top;
  display: inline-block;
  width: 24.55%;
  margin-left: 0.3%;
  margin-right: 0.3%;
}
.payment_slip .slip_table_wrap[data-v-0db54353]:first-of-type {
  margin-left: 0;
}
.payment_slip .slip_table_wrap[data-v-0db54353]:last-of-type {
  margin-right: 0;
}
.payment_slip .slip_table[data-v-0db54353] {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin-top: 32px;
}
.payment_slip .slip_table[data-v-0db54353]:first-of-type {
  margin-top: 0;
}
.payment_slip .slip_table td[data-v-0db54353],
.payment_slip .slip_table th[data-v-0db54353] {
  border: 1px solid #4daac3;
  line-height: 32px;
  height: 33px;
  font-size: 15px;
}
.payment_slip .slip_table td[data-v-0db54353]:first-of-type {
  font-weight: 600;
}
.payment_slip .slip_table th[data-v-0db54353] {
  font-weight: 600;
}
.payment_slip .slip_table thead .none td[data-v-0db54353],
.payment_slip .slip_table tfoot .none td[data-v-0db54353] {
  background-color: white !important;
  border-left: none;
  border-right: none;
}
.payment_slip .slip_table thead th[data-v-0db54353],
.payment_slip .slip_table thead td[data-v-0db54353]:first-of-type,
.payment_slip .slip_table tfoot th[data-v-0db54353],
.payment_slip .slip_table tfoot td[data-v-0db54353]:first-of-type {
  text-align-last: justify;
  background-color: #cbe9f4;
}
.payment_slip .slip_table thead th[data-v-0db54353],
.payment_slip .slip_table tfoot th[data-v-0db54353] {
  padding: 0 50px;
}
.payment_slip .slip_table thead td[data-v-0db54353]:first-of-type,
.payment_slip .slip_table tfoot td[data-v-0db54353]:first-of-type {
  padding: 0 20px;
}
.payment_slip .slip_table td[data-v-0db54353] {
  padding: 0 4px;
}
.payment_slip .slip_table td[data-v-0db54353]:first-of-type {
  background-color: #cbe9f4;
  text-align: left;
}
.payment_slip .slip_table td[data-v-0db54353]:last-of-type {
  text-align: right;
}
.payment_slip .comment_wrap[data-v-0db54353] {
  border: 1px solid black;
  padding: 8px 10px;
  line-height: 20px;
  font-size: 15px;
  height: 80px;
  width: 100%;
  margin-top: 9px;
  text-align: left;
}
.money[data-v-0db54353] {
  text-align: right;
  font-size: 15px;
}
.money.custom[data-v-0db54353] {
  color: green;
}
.employee_changer_item[data-v-0db54353],
.employee_changer_text[data-v-0db54353],
.employee_changer_item_blank[data-v-0db54353] {
  display: inline-block;
  text-align: center;
  font-size: 17px;
  max-width: 200px;
  vertical-align: middle;
}
.employee_changer_item[data-v-0db54353] {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.employee_changer_item[data-v-0db54353]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.employee_changer_item_blank[data-v-0db54353] {
  position: relative;
  width: 25px;
  height: 25px;
  vertical-align: top;
}
.employee_changer_icon[data-v-0db54353] {
  line-height: 27px;
}
.employee_changer_icon svg[data-v-0db54353] {
  width: 12px;
  height: 12px;
  vertical-align: 0px;
}
@media screen and (max-width: 499px) {
.month_changer_wrap[data-v-0db54353] {
    margin-top: 10px;
}
.slip_wrap[data-v-0db54353] {
    margin-top: 10px;
}
}.slip_wrap[data-v-700b71e3] {
  margin-top: 15px;
  background-color: #777;
  padding: 3%;
}
.adjust_wrap[data-v-700b71e3] {
  width: 100%;
  text-align: center;
}
.payment_slip[data-v-700b71e3] {
  margin: auto;
  background-color: white;
  height: 954px;
  width: 1350px;
  padding: 25px;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  transform: scale(0.0740740741%);
  transform-origin: left top;
}
.payment_slip .slip_title[data-v-700b71e3] {
  width: 310px;
  height: 35px;
  background-color: #9ad1e2;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.payment_slip .header_table[data-v-700b71e3] {
  width: 100%;
  margin-top: 10px;
  table-layout: fixed;
}
.payment_slip .header_table td[data-v-700b71e3] {
  font-size: 17px;
  padding: 3px 0;
  text-align: left;
  color: #000;
  padding-right: 0.3%;
  padding-left: 0.3%;
}
.payment_slip .header_table td[data-v-700b71e3]:first-of-type {
  padding-left: 0;
}
.payment_slip .header_table td[data-v-700b71e3]:last-of-type {
  padding-right: 0;
}
.payment_slip .header_table .company_name[data-v-700b71e3] {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.payment_slip .header_table .button_column[data-v-700b71e3] {
  text-align: right;
}
.payment_slip .header_table span[data-v-700b71e3] {
  line-height: 22px;
  vertical-align: middle;
}
.payment_slip .header_table .badge[data-v-700b71e3] {
  display: inline-block;
  padding: 0 12px;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
}
.employee_changer_item[data-v-700b71e3],
.employee_changer_text[data-v-700b71e3],
.employee_changer_item_blank[data-v-700b71e3] {
  display: inline-block;
  text-align: center;
  font-size: 17px;
  max-width: 200px;
  vertical-align: middle;
}
.employee_changer_item[data-v-700b71e3] {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.employee_changer_item[data-v-700b71e3]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.employee_changer_item_blank[data-v-700b71e3] {
  position: relative;
  width: 25px;
  height: 25px;
  vertical-align: top;
}
.employee_changer_icon[data-v-700b71e3] {
  line-height: 27px;
}
.employee_changer_icon svg[data-v-700b71e3] {
  width: 12px;
  height: 12px;
  vertical-align: 0px;
}
.month_changer_wrap[data-v-700b71e3] {
  max-width: 700px;
  margin: 15px auto 0;
}
@media screen and (max-width: 499px) {
.month_changer_wrap[data-v-700b71e3] {
    margin-top: 10px;
}
}.not_lock[data-v-0969aa35] {
  font-size: 16px;
  font-weight: 600;
  padding: 5vh 20px 35vh;
  text-align: center;
}.control_wrap[data-v-3ad0fb28] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-3ad0fb28] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-3ad0fb28] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-3ad0fb28] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-3ad0fb28] {
  margin-top: 10px;
}.add_employee_title[data-v-10ddf60c] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.form_wrap[data-v-10ddf60c] {
  text-align: right;
}
.upload_wrap[data-v-10ddf60c] {
  text-align: center;
}
.submit_wrap[data-v-10ddf60c] {
  margin-top: 25px;
  text-align: center;
}.detail_search_button_wrap[data-v-49428838] {
  width: 175px;
}
.detail_search_wrap[data-v-49428838] {
  margin-bottom: 10px;
}
.table_wrap[data-v-49428838] {
  margin-top: 10px;
}
.custom[data-v-49428838] {
  color: green;
}
.icon_wrap[data-v-49428838] {
  width: 20px;
  display: inline-block;
}
.icon_wrap svg[data-v-49428838] {
  vertical-align: -5px;
  width: 20px;
  height: 20px;
}
.toggle_wrap[data-v-49428838] {
  color: black;
  font-weight: 400;
}
.code_title_wrap[data-v-49428838] {
  display: inline-block;
  line-height: 52px !important;
}
.money[data-v-49428838] {
  width: 100%;
  text-align: right;
}
.money.custom[data-v-49428838] {
  color: green;
}
.edit_prescribed_button[data-v-49428838] {
  margin-top: 10px;
  display: inline-block;
}
.control_button_wrap[data-v-49428838],
.dropdown_button_wrap[data-v-49428838],
.edit_prescribed_button[data-v-49428838] {
  width: 160px;
}
.exec_button_wrap[data-v-49428838] {
  display: inline-block;
  width: 78px;
}
.exec_button_wrap[data-v-49428838]:last-of-type {
  margin-left: 4px;
}
table th.code[data-v-49428838] {
  width: 120px;
}
table th.name[data-v-49428838] {
  width: 150px;
}
table th.hiring_type[data-v-49428838] {
  width: 150px;
}
table th.branch_id[data-v-49428838] {
  width: 150px;
}
table th.money_header[data-v-49428838] {
  width: 110px;
}
table th.paid_on[data-v-49428838] {
  width: 200px;
}
@media screen and (max-width: 499px) {
.control_button_wrap[data-v-49428838],
  .dropdown_button_wrap[data-v-49428838],
  .edit_prescribed_button[data-v-49428838] {
    width: 150px;
}
.exec_button_wrap[data-v-49428838] {
    width: 73px;
}
.code_title_wrap[data-v-49428838] {
    font-size: 11px;
}
table th.code[data-v-49428838] {
    width: 55px;
}
table th.name[data-v-49428838] {
    width: 100px;
}
table th.hiring_type[data-v-49428838] {
    width: 110px;
}
table th.branch_id[data-v-49428838] {
    width: 100px;
}
table th.money_header[data-v-49428838] {
    width: 110px;
}
table th.paid_on[data-v-49428838] {
    width: 180px;
}
}.create_title[data-v-efbac9ef] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}.update_title[data-v-02fd1134] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.month_changer_wrap[data-v-a15e1fd6] {
    max-width: 700px;
    margin: 0 auto;
}
.monthly_wrap[data-v-a15e1fd6] {
    margin-top: 15px;
    border-top: dashed 2px lightgray;
}
.attention_block[data-v-a15e1fd6] {
    margin-top: 15px;
    width: 100%;
}
.bonus_attention[data-v-a15e1fd6] {
    display: inline-block;
    width: calc(100% - 160px);
    padding-right: 5px;
}
.bonus_button_wrap[data-v-a15e1fd6] {
    vertical-align: top;
    display: inline-block;
    width: 160px;
}
.movie_guide[data-v-a15e1fd6] {
    font-weight: 600;
    margin-top: 0px;
    font-size: 13px;
    white-space: pre-wrap;
    line-height: 17px;
}
@media screen and (max-width: 499px) {
.bonus_attention[data-v-a15e1fd6] {
      width: calc(100% - 150px);
}
.bonus_button_wrap[data-v-a15e1fd6] {
      width: 150px;
}
.movie_guide[data-v-a15e1fd6] {
      font-size: 12px;
}
}
.payment_wrap[data-v-55dcf73b] {
  background-color: #fffdf7;
  padding: 15px;
}
.not_lock_wrap[data-v-55dcf73b] {
  padding: 5vh 20px 35vh;
  text-align: center;
}
.not_lock[data-v-55dcf73b] {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}.control_wrap[data-v-ebf2529e] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-ebf2529e] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-ebf2529e] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-ebf2529e] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-ebf2529e] {
  margin-top: 10px;
}.title_wrap[data-v-43b6fc8e] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.content_wrap[data-v-43b6fc8e] {
  padding: 30px 20px 10px;
}.slip_wrap[data-v-04e08361] {
  margin-top: 15px;
  background-color: #777;
  padding: 3%;
}
.adjust_wrap[data-v-04e08361] {
  width: 100%;
  text-align: center;
}
.month_changer_wrap[data-v-04e08361] {
  max-width: 700px;
  margin: 15px auto 0;
}
.custom[data-v-04e08361] {
  color: green;
}
.bonus_slip[data-v-04e08361] {
  margin: auto;
  background-color: white;
  height: 954px;
  width: 1350px;
  padding: 25px;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  transform: scale(0.0740740741%);
  transform-origin: left top;
}
.bonus_slip .slip_title[data-v-04e08361] {
  width: 310px;
  height: 35px;
  background-color: #9ad1e2;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.bonus_slip .header_table[data-v-04e08361] {
  width: 100%;
  margin-top: 10px;
  border-bottom: 3px solid #9ad1e2;
  table-layout: fixed;
}
.bonus_slip .header_table td[data-v-04e08361] {
  font-size: 17px;
  padding: 3px 0;
  text-align: left;
  color: #000;
  padding-right: 0.3%;
  padding-left: 0.3%;
}
.bonus_slip .header_table td[data-v-04e08361]:first-of-type {
  padding-left: 0;
}
.bonus_slip .header_table td[data-v-04e08361]:last-of-type {
  padding-right: 0;
}
.bonus_slip .header_table .company_name[data-v-04e08361] {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.bonus_slip .header_table .button_column[data-v-04e08361] {
  text-align: right;
}
.bonus_slip .header_table span[data-v-04e08361] {
  line-height: 22px;
  vertical-align: middle;
}
.bonus_slip .header_table .badge[data-v-04e08361] {
  display: inline-block;
  padding: 0 12px;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
}
.bonus_slip .slip_table_block[data-v-04e08361] {
  margin-top: 7px;
}
.bonus_slip .slip_table_wrap[data-v-04e08361] {
  vertical-align: top;
  display: inline-block;
  width: 24.55%;
  margin-left: 0.3%;
  margin-right: 0.3%;
}
.bonus_slip .slip_table_wrap[data-v-04e08361]:first-of-type {
  margin-left: 0;
}
.bonus_slip .slip_table_wrap[data-v-04e08361]:last-of-type {
  margin-right: 0;
}
.bonus_slip .slip_table[data-v-04e08361] {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin-top: 32px;
}
.bonus_slip .slip_table[data-v-04e08361]:first-of-type {
  margin-top: 0;
}
.bonus_slip .slip_table td[data-v-04e08361],
.bonus_slip .slip_table th[data-v-04e08361] {
  border: 1px solid #4daac3;
  line-height: 32px;
  height: 33px;
  font-size: 15px;
  font-weight: 600;
}
.bonus_slip .slip_table thead th[data-v-04e08361],
.bonus_slip .slip_table thead td[data-v-04e08361]:first-of-type,
.bonus_slip .slip_table tfoot th[data-v-04e08361],
.bonus_slip .slip_table tfoot td[data-v-04e08361]:first-of-type {
  text-align-last: justify;
  background-color: #cbe9f4;
}
.bonus_slip .slip_table thead th[data-v-04e08361],
.bonus_slip .slip_table tfoot th[data-v-04e08361] {
  padding: 0 50px;
}
.bonus_slip .slip_table thead td[data-v-04e08361]:first-of-type,
.bonus_slip .slip_table tfoot td[data-v-04e08361]:first-of-type {
  padding: 0 20px;
}
.bonus_slip .slip_table td[data-v-04e08361] {
  padding: 0 4px;
}
.bonus_slip .slip_table td[data-v-04e08361]:first-of-type {
  background-color: #cbe9f4;
  text-align: left;
}
.bonus_slip .slip_table td[data-v-04e08361]:last-of-type {
  text-align: right;
}
.bonus_slip .comment_wrap[data-v-04e08361] {
  border: 1px solid black;
  padding: 8px 10px;
  line-height: 20px;
  font-size: 15px;
  height: 80px;
  width: 100%;
  margin-top: 9px;
  text-align: left;
}
.money[data-v-04e08361] {
  text-align: right;
  font-size: 15px;
  font-weight: 600;
}
.money.custom[data-v-04e08361] {
  color: green;
}
.employee_changer_item[data-v-04e08361],
.employee_changer_text[data-v-04e08361],
.employee_changer_item_blank[data-v-04e08361] {
  display: inline-block;
  text-align: center;
  font-size: 17px;
  max-width: 200px;
  vertical-align: middle;
}
.employee_changer_item[data-v-04e08361] {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.employee_changer_item[data-v-04e08361]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.employee_changer_item_blank[data-v-04e08361] {
  position: relative;
  width: 25px;
  height: 25px;
  vertical-align: top;
}
.employee_changer_icon[data-v-04e08361] {
  line-height: 27px;
}
.employee_changer_icon svg[data-v-04e08361] {
  width: 12px;
  height: 12px;
  vertical-align: 0px;
}
@media screen and (max-width: 499px) {
.slip_wrap[data-v-04e08361] {
    margin-top: 10px;
}
.month_changer_wrap[data-v-04e08361] {
    margin-top: 10px;
}
}.not_lock[data-v-ee03cfbb] {
  font-size: 16px;
  font-weight: 600;
  padding: 5vh 20px 35vh;
  text-align: center;
}.control_wrap[data-v-87e1285d] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-87e1285d] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-87e1285d] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-87e1285d] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-87e1285d] {
  margin-top: 10px;
}.add_employee_title[data-v-e9971b07] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.form_wrap[data-v-e9971b07] {
  text-align: right;
}
.upload_wrap[data-v-e9971b07] {
  text-align: center;
}
.submit_wrap[data-v-e9971b07] {
  margin-top: 25px;
  text-align: center;
}.detail_search_button_wrap[data-v-c776c055] {
  width: 175px;
}
.detail_search_wrap[data-v-c776c055] {
  margin-bottom: 10px;
}
.table_wrap[data-v-c776c055] {
  margin-top: 10px;
}
.custom[data-v-c776c055] {
  color: green;
}
.icon_wrap[data-v-c776c055] {
  width: 20px;
  display: inline-block;
}
.icon_wrap svg[data-v-c776c055] {
  vertical-align: -5px;
  width: 20px;
  height: 20px;
}
.toggle_wrap[data-v-c776c055] {
  color: black;
  font-weight: 400;
}
.code_title_wrap[data-v-c776c055] {
  display: inline-block;
  line-height: 52px !important;
}
.money[data-v-c776c055] {
  width: 100%;
  text-align: right;
}
.money.custom[data-v-c776c055] {
  color: green;
}
.edit_prescribed_button[data-v-c776c055] {
  margin-top: 10px;
  display: inline-block;
}
.control_button_wrap[data-v-c776c055],
.dropdown_button_wrap[data-v-c776c055],
.edit_prescribed_button[data-v-c776c055] {
  width: 160px;
}
.exec_button_wrap[data-v-c776c055] {
  display: inline-block;
  width: 78px;
}
.exec_button_wrap[data-v-c776c055]:last-of-type {
  margin-left: 4px;
}
table th.code[data-v-c776c055] {
  width: 120px;
}
table th.name[data-v-c776c055] {
  width: 150px;
}
table th.hiring_type[data-v-c776c055] {
  width: 150px;
}
table th.branch_id[data-v-c776c055] {
  width: 150px;
}
table th.money_header[data-v-c776c055] {
  width: 110px;
}
table th.paid_on[data-v-c776c055] {
  width: 200px;
}
table td.remuneration_name[data-v-c776c055] {
  background-color: #fafafa !important;
  font-weight: 600;
}
table td.remuneration_name.center[data-v-c776c055] {
  text-align: center;
  border-left: 1px solid #aaa;
}
@media screen and (max-width: 499px) {
.control_button_wrap[data-v-c776c055],
  .dropdown_button_wrap[data-v-c776c055],
  .edit_prescribed_button[data-v-c776c055] {
    width: 150px;
}
.exec_button_wrap[data-v-c776c055] {
    width: 73px;
}
.code_title_wrap[data-v-c776c055] {
    font-size: 11px;
}
table th.code[data-v-c776c055] {
    width: 55px;
}
table th.name[data-v-c776c055] {
    width: 100px;
}
table th.hiring_type[data-v-c776c055] {
    width: 110px;
}
table th.branch_id[data-v-c776c055] {
    width: 100px;
}
table th.money_header[data-v-c776c055] {
    width: 110px;
}
table th.paid_on[data-v-c776c055] {
    width: 180px;
}
}.create_title[data-v-773dae3d] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}.update_title[data-v-2c83f8ff] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.month_changer_wrap[data-v-8795de30] {
    max-width: 700px;
    margin: 0 auto;
}
.monthly_wrap[data-v-8795de30] {
    margin-top: 15px;
    border-top: dashed 2px lightgray;
}
.attention_block[data-v-8795de30] {
    margin-top: 15px;
    width: 100%;
    text-align: right;
}
.remuneration_attention[data-v-8795de30] {
    display: inline-block;
    width: calc(100% - 160px);
    padding-right: 5px;
}
.remuneration_button_wrap[data-v-8795de30] {
    vertical-align: top;
    display: inline-block;
    width: 160px;
}
.movie_guide[data-v-8795de30] {
    font-weight: 600;
    margin-top: 0px;
    font-size: 13px;
    white-space: pre-wrap;
    line-height: 17px;
}
@media screen and (max-width: 499px) {
.remuneration_attention[data-v-8795de30] {
      width: calc(100% - 150px);
}
.remuneration_button_wrap[data-v-8795de30] {
      width: 150px;
}
.movie_guide[data-v-8795de30] {
      font-size: 12px;
}
}
.payment_wrap[data-v-da1bad5d] {
  background-color: #fffdf7;
  padding: 15px;
}
.not_lock_wrap[data-v-da1bad5d] {
  padding: 5vh 20px 35vh;
  text-align: center;
}
.not_lock[data-v-da1bad5d] {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}.control_wrap[data-v-895e50df] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-895e50df] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-895e50df] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-895e50df] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-895e50df] {
  margin-top: 10px;
}.slip_wrap[data-v-e8e4a697] {
  margin-top: 15px;
  background-color: #777;
  padding: 3%;
}
.adjust_wrap[data-v-e8e4a697] {
  width: 100%;
  text-align: center;
}
.month_changer_wrap[data-v-e8e4a697] {
  max-width: 700px;
  margin: 15px auto 0;
}
.custom[data-v-e8e4a697] {
  color: green;
}
.remuneration_slip[data-v-e8e4a697] {
  margin: auto;
  background-color: white;
  height: 954px;
  width: 1350px;
  padding: 25px;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  transform: scale(0.0740740741%);
  transform-origin: left top;
}
.remuneration_slip .slip_title[data-v-e8e4a697] {
  width: 310px;
  height: 35px;
  background-color: #9ad1e2;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.remuneration_slip .header_table[data-v-e8e4a697] {
  width: 100%;
  margin-top: 10px;
  border-bottom: 3px solid #9ad1e2;
  table-layout: fixed;
}
.remuneration_slip .header_table td[data-v-e8e4a697] {
  font-size: 17px;
  padding: 3px 0;
  text-align: left;
  color: #000;
  padding-right: 0.3%;
  padding-left: 0.3%;
}
.remuneration_slip .header_table td[data-v-e8e4a697]:first-of-type {
  padding-left: 0;
}
.remuneration_slip .header_table td[data-v-e8e4a697]:last-of-type {
  padding-right: 0;
}
.remuneration_slip .header_table .company_name[data-v-e8e4a697] {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.remuneration_slip .header_table .button_column[data-v-e8e4a697] {
  text-align: right;
}
.remuneration_slip .header_table span[data-v-e8e4a697] {
  line-height: 22px;
  vertical-align: middle;
}
.remuneration_slip .header_table .badge[data-v-e8e4a697] {
  display: inline-block;
  padding: 0 12px;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
}
.remuneration_slip .slip_table_block[data-v-e8e4a697] {
  margin-top: 7px;
}
.remuneration_slip .slip_table_wrap[data-v-e8e4a697] {
  vertical-align: top;
  display: inline-block;
  width: 24.55%;
  margin-left: 0.3%;
  margin-right: 0.3%;
}
.remuneration_slip .slip_table_wrap[data-v-e8e4a697]:first-of-type {
  margin-left: 0;
}
.remuneration_slip .slip_table_wrap[data-v-e8e4a697]:last-of-type {
  margin-right: 0;
}
.remuneration_slip .slip_table[data-v-e8e4a697] {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin-top: 32px;
}
.remuneration_slip .slip_table[data-v-e8e4a697]:first-of-type {
  margin-top: 0;
}
.remuneration_slip .slip_table td[data-v-e8e4a697],
.remuneration_slip .slip_table th[data-v-e8e4a697] {
  border: 1px solid #4daac3;
  line-height: 32px;
  height: 33px;
  font-size: 15px;
  font-weight: 600;
}
.remuneration_slip .slip_table thead th[data-v-e8e4a697],
.remuneration_slip .slip_table thead td[data-v-e8e4a697]:first-of-type,
.remuneration_slip .slip_table tfoot th[data-v-e8e4a697],
.remuneration_slip .slip_table tfoot td[data-v-e8e4a697]:first-of-type {
  text-align-last: justify;
  background-color: #cbe9f4;
}
.remuneration_slip .slip_table thead th[data-v-e8e4a697],
.remuneration_slip .slip_table tfoot th[data-v-e8e4a697] {
  padding: 0 50px;
}
.remuneration_slip .slip_table thead td[data-v-e8e4a697]:first-of-type,
.remuneration_slip .slip_table tfoot td[data-v-e8e4a697]:first-of-type {
  padding: 0 20px;
}
.remuneration_slip .slip_table td[data-v-e8e4a697] {
  padding: 0 4px;
}
.remuneration_slip .slip_table td[data-v-e8e4a697]:first-of-type {
  background-color: #cbe9f4;
  text-align: left;
}
.remuneration_slip .slip_table td[data-v-e8e4a697]:last-of-type {
  text-align: right;
}
.remuneration_slip .comment_wrap[data-v-e8e4a697] {
  border: 1px solid black;
  padding: 8px 10px;
  line-height: 20px;
  font-size: 15px;
  height: 80px;
  width: 100%;
  margin-top: 9px;
  text-align: left;
}
.money[data-v-e8e4a697] {
  text-align: right;
  font-size: 15px;
  font-weight: 600;
}
.money.custom[data-v-e8e4a697] {
  color: green;
}
.employee_changer_item[data-v-e8e4a697],
.employee_changer_text[data-v-e8e4a697],
.employee_changer_item_blank[data-v-e8e4a697] {
  display: inline-block;
  text-align: center;
  font-size: 17px;
  max-width: 200px;
  vertical-align: middle;
}
.employee_changer_item[data-v-e8e4a697] {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.employee_changer_item[data-v-e8e4a697]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.employee_changer_item_blank[data-v-e8e4a697] {
  position: relative;
  width: 25px;
  height: 25px;
  vertical-align: top;
}
.employee_changer_icon[data-v-e8e4a697] {
  line-height: 27px;
}
.employee_changer_icon svg[data-v-e8e4a697] {
  width: 12px;
  height: 12px;
  vertical-align: 0px;
}
@media screen and (max-width: 499px) {
.slip_wrap[data-v-e8e4a697] {
    margin-top: 10px;
}
.month_changer_wrap[data-v-e8e4a697] {
    margin-top: 10px;
}
}.not_lock[data-v-092fb036] {
  font-size: 16px;
  font-weight: 600;
  padding: 5vh 20px 35vh;
  text-align: center;
}.control_wrap[data-v-6ad1b70d] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-6ad1b70d] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-6ad1b70d] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-6ad1b70d] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-6ad1b70d] {
  margin-top: 10px;
}.document_block_component .document_block_wrap {
  padding: 10px 15px;
  border: 2px gray solid;
  margin: 10px auto;
  border-radius: 10px;
  background-color: white;
}
.document_block_component .apply_img_wrap {
  margin: 10px auto;
  text-align: center;
}
.document_block_component .apply_img_wrap img {
  width: 55px;
  margin: 0 auto;
}
.document_block_component .document_block_title {
  text-align: center;
  font-size: 15px;
  line-height: 30px;
  color: black;
  font-weight: 600;
  margin-bottom: 5px;
}
@media screen and (max-width: 499px) {
.document_block_component .document_block_wrap {
    padding: 5px 8px;
}
.document_block_component .apply_img_wrap img {
    width: 35px;
}
.document_block_component .document_block_title {
    font-size: 12px;
    line-height: 25px;
}
}.year_wrap[data-v-b5ab98b4] {
  text-align: center;
}
.download_wrap[data-v-b5ab98b4] {
  text-align: center;
}.year_wrap[data-v-b6eb731a] {
  text-align: center;
}
.download_wrap[data-v-b6eb731a] {
  text-align: center;
}.year_component {
  display: inline-block;
}
.year_component span.label {
  line-height: 32px;
}
.year_component .ant-select-selection-selected-value {
  font-size: 14px !important;
}
.year_component .ant-select-dropdown {
  animation-duration: 0.1s;
}
.year_component .ant-select-lg .ant-select-selection-selected-value {
  line-height: 39px;
}
.year_component .ant-select-selection-selected-value {
  line-height: 30px;
}
.year_component .ant-select-dropdown-menu-item.button_option:hover {
  background-color: initial;
}.year_wrap[data-v-e2c1ecd8] {
  text-align: center;
}
.attention_wrap[data-v-e2c1ecd8] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-e2c1ecd8] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-e2c1ecd8] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-e2c1ecd8] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-e2c1ecd8] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-e2c1ecd8]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-e2c1ecd8] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-e2c1ecd8]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-68c4015b] {
  text-align: center;
}
.media_code_wrap[data-v-68c4015b] {
  text-align: center;
}
.attention_wrap[data-v-68c4015b] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-68c4015b] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-68c4015b] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.not_lock_caution[data-v-68c4015b] {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.download_button_wrap[data-v-68c4015b] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-68c4015b] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-68c4015b]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-68c4015b] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-68c4015b]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-1fffa523] {
  text-align: center;
}
.download_wrap[data-v-1fffa523],
.check_wrap[data-v-1fffa523],
.download_button_attention_wrap[data-v-1fffa523] {
  text-align: center;
}
.download_button_attention_wrap[data-v-1fffa523] {
  margin-top: 5px;
  font-weight: 600;
  color: #d10c1d;
  font-size: 14px;
  margin-bottom: 3px;
}
.attention_wrap[data-v-1fffa523] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-1fffa523] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-1fffa523] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.select_document_caution_wrap[data-v-1fffa523] {
  text-align: center;
  font-weight: 600;
  color: #d10c1d;
  margin: 5px 0;
}
.select_document_caution_wrap p[data-v-1fffa523] {
  font-weight: 600;
}
.select_document_attention_wrap[data-v-1fffa523] {
  text-align: center;
  font-weight: 600;
  margin: 5px 0;
}
.select_document_attention_wrap p[data-v-1fffa523] {
  font-weight: 600;
}.year_wrap[data-v-9c7f37ae] {
  text-align: center;
}
.download_wrap[data-v-9c7f37ae],
.check_wrap[data-v-9c7f37ae],
.add_attention_wrap[data-v-9c7f37ae] {
  text-align: center;
}
.add_attention_wrap[data-v-9c7f37ae] {
  margin-top: 5px;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 3px;
}
.attention_wrap[data-v-9c7f37ae] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-9c7f37ae] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-9c7f37ae] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.select_document_caution_wrap[data-v-9c7f37ae] {
  text-align: center;
  font-weight: 600;
  color: #d10c1d;
  margin: 5px 0;
}
.select_document_caution_wrap p[data-v-9c7f37ae] {
  font-weight: 600;
}
.select_document_attention_wrap[data-v-9c7f37ae] {
  text-align: center;
  font-weight: 600;
  margin: 5px 0;
}
.select_document_attention_wrap p[data-v-9c7f37ae] {
  font-weight: 600;
}.add_employee_title[data-v-4126a9a4] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.form_wrap[data-v-4126a9a4] {
  text-align: right;
  margin-bottom: 10px;
}
.upload_wrap[data-v-4126a9a4] {
  text-align: center;
}
.submit_wrap[data-v-4126a9a4] {
  margin-top: 25px;
  text-align: center;
}.year_wrap[data-v-c8d3a378] {
  text-align: center;
}
.download_wrap[data-v-c8d3a378],
.check_wrap[data-v-c8d3a378],
.select_document_attention_wrap[data-v-c8d3a378] {
  text-align: center;
}
.select_document_attention_wrap[data-v-c8d3a378] {
  margin: 5px 0;
  font-weight: 600;
  font-size: 14px;
}
.select_document_attention_wrap p[data-v-c8d3a378] {
  font-weight: 600;
}
.attention_wrap[data-v-c8d3a378] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-c8d3a378] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-c8d3a378] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.select_employee_caution_wrap[data-v-c8d3a378] {
  text-align: center;
  font-weight: 600;
  color: #d10c1d;
  margin: 5px 0;
}
.select_employee_caution_wrap p[data-v-c8d3a378] {
  font-weight: 600;
}
.select_employee_attention_wrap[data-v-c8d3a378] {
  text-align: center;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 10px;
}.unified_num_table table {
  margin: 10px auto 0;
}.year_wrap[data-v-bfd0beb5] {
  text-align: center;
}.year_wrap[data-v-d1ee082a] {
  text-align: center;
}
.download_wrap[data-v-d1ee082a],
.media_code_wrap[data-v-d1ee082a] {
  text-align: center;
}
.attention_wrap[data-v-d1ee082a] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-d1ee082a] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-d1ee082a] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.category_wrap[data-v-d1ee082a] {
  display: grid;
  grid-template-columns: 50% 50%;
  background-color: white;
  border-top: none;
}
.category_wrap .category_button[data-v-d1ee082a] {
  display: block;
  border-radius: 4px;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin: 8px 10px;
  border: 1px solid black;
  background-color: white;
  color: black;
}
.category_wrap .category_button[data-v-d1ee082a]:hover {
  opacity: 0.8;
}
.category_wrap .category_button.active[data-v-d1ee082a] {
  border: 1px solid #e1519c;
  background-color: #e1519c;
  color: white;
}.year_wrap[data-v-987c3022] {
  text-align: center;
}
.download_wrap[data-v-987c3022],
.media_code_wrap[data-v-987c3022] {
  text-align: center;
}
.attention_wrap[data-v-987c3022] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-987c3022] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-987c3022] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.category_wrap[data-v-987c3022] {
  display: grid;
  grid-template-columns: 50% 50%;
  background-color: white;
  border-top: none;
}
.category_wrap .category_button[data-v-987c3022] {
  display: block;
  border-radius: 4px;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin: 8px 10px;
  border: 1px solid black;
  background-color: white;
  color: black;
}
.category_wrap .category_button[data-v-987c3022]:hover {
  opacity: 0.8;
}
.category_wrap .category_button.active[data-v-987c3022] {
  border: 1px solid #e1519c;
  background-color: #e1519c;
  color: white;
}
.not_lock_caution[data-v-987c3022] {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}.year_wrap[data-v-38d04a70] {
  text-align: center;
}
.download_wrap[data-v-38d04a70] {
  text-align: center;
}.filter_wrap[data-v-504ebee9] {
  border: 2px dashed #9b9a9b;
  background-color: whitesmoke;
  border-radius: 10px;
  padding: 10px 30px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.filter_text[data-v-504ebee9] {
  font-size: 13px;
  line-height: 32px;
  margin: 0 5px;
}
@media screen and (max-width: 768px) {
.filter_wrap[data-v-504ebee9] {
    padding: 10px;
}
}
@media screen and (max-width: 499px) {
.filter_text[data-v-504ebee9] {
    font-size: 12px;
    line-height: 27px;
}
}.custom_document_filter_wrap[data-v-27aacfc3] {
  margin-top: 10px;
}
.detail_search_button_wrap[data-v-27aacfc3] {
  width: 175px;
}
.detail_search_wrap[data-v-27aacfc3] {
  margin-bottom: 10px;
}
.bulk_download_wrap[data-v-27aacfc3] {
  margin-left: 10px;
  text-align: right;
}
.bulk_download_selected_count[data-v-27aacfc3] {
  font-size: 12px;
  margin-bottom: 4px;
}
.bulk_download_button_wrap[data-v-27aacfc3] {
  width: 150px;
}
table th.check[data-v-27aacfc3] {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}.download_button_wrap[data-v-ca2b19e6] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-ca2b19e6] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-ca2b19e6]:not(:first-child) {
  margin-left: 10px;
}.download_button_wrap[data-v-bfeb61de] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-bfeb61de] {
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-bfeb61de]:not(:first-child) {
  margin-left: 10px;
}.download_wrap[data-v-28c807c7] {
  text-align: center;
}
.edit_custom[data-v-28c807c7] {
  background-color: #69AF8A !important;
  border-color: black !important;
}
.edit_custom .icon_wrap[data-v-28c807c7] {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}
.edit_custom .icon_wrap svg[data-v-28c807c7] {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.edit_custom .text_wrap[data-v-28c807c7] {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  margin-left: 5px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
@media screen and (max-width: 499px) {
.edit_custom[data-v-28c807c7] {
    padding: 5px;
    margin: 4px 5px;
}
.edit_custom .text_wrap[data-v-28c807c7] {
    font-size: 12px;
    line-height: 14px;
}
}.year_wrap[data-v-66757e0c] {
  text-align: center;
}
.download_button_wrap[data-v-66757e0c] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-66757e0c] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-66757e0c]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-66757e0c] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-66757e0c]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-b7173217] {
  text-align: center;
}
.download_wrap[data-v-b7173217],
.media_code_wrap[data-v-b7173217] {
  text-align: center;
}
.attention_wrap[data-v-b7173217] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-b7173217] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-b7173217] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-b7173217] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-b7173217] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-b7173217]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-b7173217] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-b7173217]:not(:first-child) {
    margin: 10px auto 0;
}
}.document_title[data-v-0843b1d7] {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}.year_wrap[data-v-26952e6c] {
  text-align: center;
}
.download_wrap[data-v-26952e6c],
.media_code_wrap[data-v-26952e6c] {
  text-align: center;
}
.attention_wrap[data-v-26952e6c] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-26952e6c] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-26952e6c] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-26952e6c] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-26952e6c] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-26952e6c]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-26952e6c] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-26952e6c]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-0b24a46c] {
  text-align: center;
}
.media_code_wrap[data-v-0b24a46c] {
  text-align: center;
}
.attention_wrap[data-v-0b24a46c] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-0b24a46c] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-0b24a46c] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-0b24a46c] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-0b24a46c] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-0b24a46c]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-0b24a46c] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-0b24a46c]:not(:first-child) {
    margin: 10px auto 0;
}
}.document_title[data-v-3aa05f39] {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}.document_title[data-v-1fcee4ed] {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}.document_title[data-v-31e1c771] {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}.document_title[data-v-c6da792c] {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}.document_title[data-v-13180e48] {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}.document_title[data-v-15d8df0f] {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}.document_title[data-v-9b20f256] {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.add_custom[data-v-9b20f256] {
  background-color: #4f92c2 !important;
  border-color: black !important;
}
.add_custom .icon_wrap[data-v-9b20f256] {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}
.add_custom .icon_wrap svg[data-v-9b20f256] {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.add_custom .text_wrap[data-v-9b20f256] {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  margin-left: 5px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
@media screen and (max-width: 499px) {
.add_custom[data-v-9b20f256] {
    padding: 5px;
    margin: 4px 5px;
}
.add_custom .text_wrap[data-v-9b20f256] {
    font-size: 12px;
    line-height: 14px;
}
}.year_wrap[data-v-6b55c0ea] {
  text-align: center;
}
.attention_wrap[data-v-6b55c0ea] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-6b55c0ea] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-6b55c0ea] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  color: #d10c1d;
}
.download_button_wrap[data-v-6b55c0ea] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-6b55c0ea] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-6b55c0ea]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-6b55c0ea] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-6b55c0ea]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-29efa1a1] {
  text-align: center;
}
.download_button_wrap[data-v-29efa1a1] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-29efa1a1] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-29efa1a1]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-29efa1a1] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-29efa1a1]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-95b6277d] {
  text-align: center;
}
.download_wrap[data-v-95b6277d],
.media_code_wrap[data-v-95b6277d] {
  text-align: center;
}
.attention_wrap[data-v-95b6277d] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-95b6277d] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-95b6277d] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-95b6277d] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-95b6277d] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-95b6277d]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-95b6277d] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-95b6277d]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-9b8b55a7] {
  text-align: center;
}
.download_wrap[data-v-9b8b55a7],
.media_code_wrap[data-v-9b8b55a7] {
  text-align: center;
}
.attention_wrap[data-v-9b8b55a7] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-9b8b55a7] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-9b8b55a7] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-9b8b55a7] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-9b8b55a7] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-9b8b55a7]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-9b8b55a7] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-9b8b55a7]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-ee9bcae2] {
  text-align: center;
}
.nendo_wrap[data-v-ee9bcae2] {
  text-align: center;
  margin-top: 10px;
}
.attention_wrap[data-v-ee9bcae2] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-ee9bcae2] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-ee9bcae2] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-ee9bcae2] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-ee9bcae2] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-ee9bcae2]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-ee9bcae2] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-ee9bcae2]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-07717cc1] {
  text-align: center;
}
.not_lock_caution[data-v-07717cc1] {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.download_button_wrap[data-v-07717cc1] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-07717cc1] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-07717cc1]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-07717cc1] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-07717cc1]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-7faba0e8] {
  text-align: center;
}
.not_lock_caution[data-v-7faba0e8] {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.download_button_wrap[data-v-7faba0e8] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-7faba0e8] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-7faba0e8]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-7faba0e8] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-7faba0e8]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-2c03b2f5] {
  text-align: center;
}
.not_lock_caution[data-v-2c03b2f5] {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.download_button_wrap[data-v-2c03b2f5] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-2c03b2f5] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-2c03b2f5]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-2c03b2f5] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-2c03b2f5]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-8171b01b] {
  text-align: center;
}
.attention_wrap[data-v-8171b01b] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-8171b01b] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-8171b01b] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-8171b01b] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-8171b01b] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-8171b01b]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-8171b01b] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-8171b01b]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-f0a9475e] {
  text-align: center;
}
.attention_wrap[data-v-f0a9475e] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-f0a9475e] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-f0a9475e] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-f0a9475e] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-f0a9475e] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-f0a9475e]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-f0a9475e] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-f0a9475e]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-7837910f] {
  text-align: center;
}
.attention_wrap[data-v-7837910f] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-7837910f] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-7837910f] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-7837910f] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-7837910f] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-7837910f]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-7837910f] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-7837910f]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-eba1ae0d] {
  text-align: center;
}
.download_button_wrap[data-v-eba1ae0d] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-eba1ae0d] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-eba1ae0d]:not(:first-child) {
  margin-left: 10px;
}
.attention_wrap[data-v-eba1ae0d] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-eba1ae0d] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-eba1ae0d] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}.year_wrap[data-v-6c79f239] {
  text-align: center;
}
.download_wrap[data-v-6c79f239],
.check_wrap[data-v-6c79f239],
.add_attention_wrap[data-v-6c79f239] {
  text-align: center;
}
.add_attention_wrap[data-v-6c79f239] {
  margin-top: 5px;
  font-weight: 600;
  color: #d10c1d;
  font-size: 14px;
  margin-bottom: 3px;
}
.attention_wrap[data-v-6c79f239] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-6c79f239] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-6c79f239] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.select_employee_caution_wrap[data-v-6c79f239] {
  text-align: center;
  font-weight: 600;
  color: #d10c1d;
  margin-top: 5px;
}
.select_employee_attention_wrap[data-v-6c79f239] {
  text-align: center;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 10px;
}.year_wrap[data-v-37818378] {
  text-align: center;
}
.download_wrap[data-v-37818378],
.check_wrap[data-v-37818378],
.add_attention_wrap[data-v-37818378] {
  text-align: center;
}
.add_attention_wrap[data-v-37818378] {
  margin-top: 5px;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 3px;
}
.attention_wrap[data-v-37818378] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-37818378] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-37818378] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.select_employee_caution_wrap[data-v-37818378] {
  text-align: center;
  font-weight: 600;
  color: #d10c1d;
  margin-top: 5px;
}
.select_employee_caution_wrap p[data-v-37818378] {
  font-weight: 600;
}
.select_employee_attention_wrap[data-v-37818378] {
  text-align: center;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 10px;
}.unified_num_table table {
  margin: 10px auto 0;
}.year_wrap[data-v-61cecf80] {
  text-align: center;
}
.download_wrap[data-v-61cecf80],
.check_wrap[data-v-61cecf80],
.select_document_attention_wrap[data-v-61cecf80] {
  text-align: center;
}
.select_document_attention_wrap[data-v-61cecf80] {
  margin: 5px 0;
  font-weight: 600;
  font-size: 14px;
}
.select_document_attention_wrap p[data-v-61cecf80] {
  font-weight: 600;
}
.attention_wrap[data-v-61cecf80] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-61cecf80] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-61cecf80] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.select_employee_caution_wrap[data-v-61cecf80] {
  text-align: center;
  font-weight: 600;
  color: #d10c1d;
  margin: 5px 0;
}
.select_employee_caution_wrap p[data-v-61cecf80] {
  font-weight: 600;
}
.select_employee_attention_wrap[data-v-61cecf80] {
  text-align: center;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 10px;
}.unified_num_table table {
  margin: 10px auto 0;
}.year_wrap[data-v-8a1fe67b] {
  text-align: center;
}.year_wrap[data-v-5bcca15b] {
  text-align: center;
}
.attention_wrap[data-v-5bcca15b] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-5bcca15b] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-5bcca15b] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-5bcca15b] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-5bcca15b] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-5bcca15b]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-5bcca15b] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-5bcca15b]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-ca226255] {
  text-align: center;
}
.attention_wrap[data-v-ca226255] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-ca226255] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-ca226255] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  color: #d10c1d;
}
.download_button_wrap[data-v-ca226255] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-ca226255] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-ca226255]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-ca226255] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-ca226255]:not(:first-child) {
    margin: 10px auto 0;
}
}.document_block_section[data-v-7cf96b5b],
.document_instruction_section[data-v-7cf96b5b] {
  display: inline-block;
  vertical-align: top;
}
.document_block_section[data-v-7cf96b5b] {
  width: 66.6666666667%;
  padding-right: 5px;
}
.document_instruction_section[data-v-7cf96b5b] {
  width: 33.3333333333%;
  padding-left: 5px;
  position: sticky;
  top: 0;
}
@media screen and (max-width: 949px) {
.document_block_section[data-v-7cf96b5b] {
    width: 100%;
}
.document_instruction_section[data-v-7cf96b5b] {
    display: none;
}
}.document_instruction {
  padding: 10px;
}
.document_instruction .document_instruction_title {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.document_instruction .document_instruction_content {
  margin-top: 10px;
  font-size: 13px;
  line-height: 18px;
}
.document_instruction .document_instruction_content p {
  line-height: 20px;
}
.document_instruction .document_instruction_empty {
  text-align: center;
  font-size: 14px;
}
.document_component_wrap,
.output_type_wrap {
  display: grid;
  grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%;
  background-color: white;
  border-top: none;
}
.document_component_wrap.two_column,
.output_type_wrap.two_column {
  grid-template-columns: 50% 50%;
}
.document_component_wrap .document_button,
.document_component_wrap .output_type_button,
.output_type_wrap .document_button,
.output_type_wrap .output_type_button {
  display: block;
  border-radius: 4px;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin: 8px 10px;
  line-height: 20px;
  border: 1px solid black;
  background-color: white;
  color: black;
}
.document_component_wrap .document_button:hover,
.document_component_wrap .output_type_button:hover,
.output_type_wrap .document_button:hover,
.output_type_wrap .output_type_button:hover {
  opacity: 0.8;
}
.document_component_wrap .document_button.active,
.document_component_wrap .output_type_button.active,
.output_type_wrap .document_button.active,
.output_type_wrap .output_type_button.active {
  border: 1px solid #e1519c;
  background-color: #e1519c;
  color: white;
}
.output_type_wrap {
  grid-template-columns: 50% 50%;
}
@media screen and (max-width: 499px) {
.document_component_wrap .document_button,
  .document_component_wrap .output_type_button,
  .output_type_wrap .document_button,
  .output_type_wrap .output_type_button {
    padding: 5px;
    font-size: 12px;
    margin: 4px 5px;
    line-height: 14px;
}
}.year_wrap[data-v-2e203ac5] {
  text-align: center;
}
.download_wrap[data-v-2e203ac5] {
  text-align: center;
}.yearmonth_wrap[data-v-ea78ab61] {
  text-align: center;
}
.download_wrap[data-v-ea78ab61] {
  text-align: center;
}.yearmonth_wrap[data-v-1bd8aca2] {
  text-align: center;
}
.download_wrap[data-v-1bd8aca2] {
  text-align: center;
}
.attention_wrap[data-v-1bd8aca2] {
  text-align: center;
  margin-top: 10px;
}
.attention_wrap .attention_group[data-v-1bd8aca2] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-1bd8aca2] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  color: #d10c1d;
}.yearmonth_wrap[data-v-d8d5f8b9] {
  text-align: center;
}
.download_wrap[data-v-d8d5f8b9] {
  text-align: center;
}.yearmonth_wrap[data-v-8dcd84b9] {
  text-align: center;
}
.download_wrap[data-v-8dcd84b9] {
  text-align: center;
}.yearmonth_wrap[data-v-386bc029] {
  text-align: center;
}
.download_wrap[data-v-386bc029] {
  text-align: center;
}.yearmonth_wrap[data-v-d67d7250] {
  text-align: center;
}
.download_wrap[data-v-d67d7250] {
  text-align: center;
}.yearmonth_wrap[data-v-d0177c76] {
  text-align: center;
}
.download_wrap[data-v-d0177c76] {
  text-align: center;
}.yearmonth_wrap[data-v-98b315a9] {
  text-align: center;
}
.download_wrap[data-v-98b315a9] {
  text-align: center;
}img[data-v-a53a21d7] {
  width: 100%;
  margin-top: 15px;
}img[data-v-90ac3b2c] {
  width: 100%;
  margin-top: 15px;
}img[data-v-5c259cf3] {
  width: 100%;
  margin-top: 15px;
}img[data-v-c96b9bae] {
  width: 100%;
  margin-top: 15px;
}.yearmonth_wrap[data-v-55ea5659] {
  text-align: center;
}
.download_wrap[data-v-55ea5659] {
  text-align: center;
  max-width: 550px;
  margin: 0 auto;
}
.employee_table_wrap[data-v-55ea5659] {
  max-width: 600px;
  margin: 0 auto;
}
.instruction[data-v-55ea5659] {
  margin-top: 8px;
  color: gray;
  font-size: 11px;
}
.instruction_img[data-v-55ea5659] {
  margin-top: 8px;
  width: 100%;
  max-width: 180px;
}
.radio_column[data-v-55ea5659]:first-child {
  margin-right: 3px;
}
.radio_column[data-v-55ea5659]:last-child {
  margin-left: 3px;
}
@media screen and (max-width: 499px) {
.instruction[data-v-55ea5659] {
    font-size: 8px;
}
}.document_block_section[data-v-1d60c53d],
.document_instruction_section[data-v-1d60c53d] {
  display: inline-block;
  vertical-align: top;
}
.document_block_section[data-v-1d60c53d] {
  width: 66.6666666667%;
  padding-right: 5px;
}
.document_instruction_section[data-v-1d60c53d] {
  width: 33.3333333333%;
  padding-left: 5px;
  position: sticky;
  top: 0;
}
@media screen and (max-width: 949px) {
.document_block_section[data-v-1d60c53d] {
    width: 100%;
}
.document_instruction_section[data-v-1d60c53d] {
    display: none;
}
}.document_instruction {
  padding: 10px;
}
.document_instruction .document_instruction_title {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.document_instruction .document_instruction_content {
  margin-top: 10px;
  font-size: 13px;
  line-height: 18px;
}
.document_instruction .document_instruction_empty {
  text-align: center;
  font-size: 14px;
}.template_header[data-v-18f7215e] {
  text-align: right;
  margin-bottom: 10px;
}
.empty_message[data-v-18f7215e] {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
}
.template_table[data-v-18f7215e] {
  width: 100%;
  border-collapse: collapse;
}
.template_table th[data-v-18f7215e],
.template_table td[data-v-18f7215e] {
  border: 1px solid #cfcfcf;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  line-height: 18px;
}
.template_table th[data-v-18f7215e] {
  background-color: #f8f8f8;
  font-weight: 600;
}
.template_table tr.active[data-v-18f7215e] {
  background-color: #ffe9f5;
}
.action_buttons[data-v-18f7215e] {
  display: flex;
  gap: 6px;
  justify-content: center;
  flex-wrap: wrap;
}
.action_buttons .ant_button_wrap[data-v-18f7215e] {
  margin-left: 0;
}
.template_button_wrap[data-v-18f7215e] {
  grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%;
}
.selected_template_info[data-v-18f7215e] {
  text-align: center;
  font-size: 13px;
  line-height: 22px;
}
.span_wrap[data-v-18f7215e] {
  text-align: center;
}
.span_separator[data-v-18f7215e] {
  display: inline-block;
  margin: 0 8px;
  line-height: 32px;
}
.download_wrap[data-v-18f7215e] {
  text-align: center;
}
.download_wrap .ant_button_wrap[data-v-18f7215e] {
  display: inline-block;
  margin-left: 0;
}
.download_wrap .ant_button_wrap + .ant_button_wrap[data-v-18f7215e] {
  margin-left: 8px;
}
.editor_form[data-v-18f7215e] {
  max-width: 100%;
}
.editor_form[data-v-18f7215e] .item_content .select_component,
.editor_form[data-v-18f7215e] .item_content .input_component {
  width: 240px;
  max-width: 100%;
}
.editor_form[data-v-18f7215e] .item_content .input_component .ant-input {
  width: 100%;
}
.company_code_option_wrap[data-v-18f7215e] {
  margin-top: 6px;
}
.company_code_option_wrap .option_title[data-v-18f7215e] {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #777;
  margin-bottom: 4px;
}
.company_code_option_wrap .option_title_toggle[data-v-18f7215e] {
  cursor: pointer;
  margin-bottom: 0;
}
.company_code_option_wrap .company_code_option_list[data-v-18f7215e] {
  margin-top: 4px;
}
.company_code_option_wrap .option_item[data-v-18f7215e] {
  font-size: 12px;
  line-height: 18px;
}
.company_code_option_wrap .option_item .option_name[data-v-18f7215e] {
  margin-left: 6px;
}
.validate_status[data-v-18f7215e] {
  font-size: 12px;
  color: #666;
  line-height: 20px;
  margin-top: 4px;
}
.validate_errors[data-v-18f7215e] {
  margin-top: 6px;
}
.validate_errors .error_title[data-v-18f7215e] {
  font-size: 12px;
  color: #ca3a31;
  font-weight: 600;
  line-height: 18px;
}
.validate_errors .error_line[data-v-18f7215e] {
  font-size: 12px;
  color: #ca3a31;
  line-height: 18px;
}
.program_guide[data-v-18f7215e] {
  border: 1px solid #dddddd;
  border-radius: 6px;
  background-color: #fbfbfb;
  padding: 10px;
}
.program_guide .guide_lead[data-v-18f7215e] {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 10px;
}
.program_guide .guide_section[data-v-18f7215e] {
  border-top: 1px solid #ececec;
  padding-top: 10px;
  margin-top: 10px;
}
.program_guide .guide_section[data-v-18f7215e]:first-child {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.program_guide .guide_section_title[data-v-18f7215e] {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 6px;
}
.program_guide .guide_list[data-v-18f7215e] {
  margin: 0;
  padding-left: 20px;
}
.program_guide .guide_list li[data-v-18f7215e] {
  font-size: 12px;
  line-height: 19px;
}
.program_guide .guide_text[data-v-18f7215e] {
  font-size: 12px;
  line-height: 19px;
}
.program_guide .guide_code[data-v-18f7215e] {
  background-color: #f7f7f7;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 8px;
  margin-top: 6px;
  font-size: 12px;
  line-height: 18px;
  white-space: pre-wrap;
  word-break: break-word;
}
.program_guide .guide_function_row[data-v-18f7215e],
.program_guide .guide_constant_row[data-v-18f7215e] {
  padding: 6px 0;
  border-bottom: 1px dashed #e4e4e4;
}
.program_guide .guide_function_row[data-v-18f7215e]:last-child,
.program_guide .guide_constant_row[data-v-18f7215e]:last-child {
  border-bottom: none;
}
.program_guide .guide_function_head[data-v-18f7215e],
.program_guide .guide_constant_head[data-v-18f7215e] {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.program_guide .guide_function_signature[data-v-18f7215e],
.program_guide .guide_constant_type[data-v-18f7215e] {
  font-size: 12px;
  line-height: 18px;
  color: #555;
  white-space: pre-wrap;
  word-break: break-word;
}
.program_guide .guide_function_desc[data-v-18f7215e],
.program_guide .guide_constant_desc[data-v-18f7215e] {
  font-size: 12px;
  line-height: 18px;
  color: #444;
  white-space: pre-wrap;
  word-break: break-word;
}
.program_guide .guide_constant_group[data-v-18f7215e] {
  margin-top: 8px;
}
.program_guide .guide_constant_group_title[data-v-18f7215e] {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #666;
  margin-bottom: 4px;
}
.program_guide_wrap .program_guide_toggle[data-v-18f7215e] {
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #777;
  cursor: pointer;
  margin-bottom: 6px;
}
.editor_action_wrap[data-v-18f7215e] {
  text-align: center;
  margin-top: 20px;
}
.editor_action_wrap .ant_button_wrap[data-v-18f7215e] {
  display: inline-block;
  margin-left: 0;
}
.editor_action_wrap .ant_button_wrap + .ant_button_wrap[data-v-18f7215e] {
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
.template_table_wrap[data-v-18f7215e] {
    overflow-x: auto;
}
.template_table[data-v-18f7215e] {
    min-width: 780px;
}
.download_wrap .ant_button_wrap[data-v-18f7215e] {
    display: block;
    margin: 0 auto;
}
.download_wrap .ant_button_wrap + .ant_button_wrap[data-v-18f7215e] {
    margin: 8px auto 0;
}
.editor_action_wrap .ant_button_wrap[data-v-18f7215e] {
    display: block;
    margin: 0 auto;
}
.editor_action_wrap .ant_button_wrap + .ant_button_wrap[data-v-18f7215e] {
    margin: 8px auto 0;
}
.editor_form[data-v-18f7215e] .item_content .select_component,
  .editor_form[data-v-18f7215e] .item_content .input_component {
    width: 100%;
}
}.tab_wrap[data-v-4b4c6652] {
  margin-top: 15px;
}
.document_wrap[data-v-4b4c6652] {
  padding: 15px;
  border-top: 2px solid #e389b7;
  background-color: #fff2f9;
}
ul.fr-dropdown-list li {
  font-size: 13px !important;
}
ul.fr-dropdown-list li a {
  padding: 0 10px !important;
}

/* ----- Toolbar icon size normalization ----- */
.fr-btn {
  vertical-align: top;
}

/* ----- Table resize behavior ----- */
.fr-element table td,
.fr-element table th,
.fr-view table td,
.fr-view table th {
  overflow-wrap: anywhere;
}

/* ----- Custom Table Border Classes ----- */
/* JS 側の inline style (!important) が主な制御手段。以下はフォールバック用 */
/* Table level */
.fr-element table.fr-no-borders td,
.fr-element table.fr-no-borders th,
.fr-view table.fr-no-borders td,
.fr-view table.fr-no-borders th {
  border: none !important;
  border-collapse: collapse !important;
}
.fr-element table.fr-dashed-borders td,
.fr-element table.fr-dashed-borders th,
.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
  border-style: dashed !important;
}
.fr-element table.fr-alternate-rows tbody tr:nth-child(even) td,
.fr-element table.fr-alternate-rows tbody tr:nth-child(even) th,
.fr-view table.fr-alternate-rows tbody tr:nth-child(even) td,
.fr-view table.fr-alternate-rows tbody tr:nth-child(even) th {
  background-color: rgba(0, 0, 0, 0.06);
}

/* Header level */
.fr-element table thead.fr-thead-no-border th,
.fr-element table thead.fr-thead-no-border td,
.fr-view table thead.fr-thead-no-border th,
.fr-view table thead.fr-thead-no-border td {
  border: none !important;
}
.fr-element table thead.fr-thead-dashed th,
.fr-element table thead.fr-thead-dashed td,
.fr-view table thead.fr-thead-dashed th,
.fr-view table thead.fr-thead-dashed td {
  border-style: dashed !important;
}

/* Footer level */
.fr-element table tfoot.fr-tfoot-no-border th,
.fr-element table tfoot.fr-tfoot-no-border td,
.fr-view table tfoot.fr-tfoot-no-border th,
.fr-view table tfoot.fr-tfoot-no-border td {
  border: none !important;
}
.fr-element table tfoot.fr-tfoot-dashed th,
.fr-element table tfoot.fr-tfoot-dashed td,
.fr-view table tfoot.fr-tfoot-dashed th,
.fr-view table tfoot.fr-tfoot-dashed td {
  border-style: dashed !important;
}

/* Cell level */
.fr-element table td.fr-cell-no-border,
.fr-element table th.fr-cell-no-border,
.fr-view table td.fr-cell-no-border,
.fr-view table th.fr-cell-no-border {
  border: none !important;
}
.fr-element table td.fr-cell-dashed,
.fr-element table th.fr-cell-dashed,
.fr-view table td.fr-cell-dashed,
.fr-view table th.fr-cell-dashed {
  border-style: dashed !important;
}.title_wrap[data-v-6732dafc],
.edit_wrap[data-v-6732dafc] {
  max-width: 759px;
  margin: 0 auto;
}
.create_button_wrap[data-v-6732dafc] {
  text-align: center;
  margin-top: 20px;
}.pdfviewer_component[data-v-21d2c345] {
  width: 100%;
  max-width: 759px;
  text-align: center;
  margin: 0 auto;
}
.pdfviewer_background[data-v-21d2c345] {
  background-color: black;
  padding: 1px;
}
.pdfviewer_wrap[data-v-21d2c345] {
  text-align: center;
}
.download_button_wrap[data-v-21d2c345] {
  margin-top: 10px;
  text-align: right;
}
.page_selector_wrap[data-v-21d2c345] {
  text-align: center;
  margin-bottom: 5px;
}
.page_selector_wrap .page_counter[data-v-21d2c345] {
  margin: 0 15px;
}
.page_selector_wrap .left_button_wrap[data-v-21d2c345], .page_selector_wrap .right_button_wrap[data-v-21d2c345] {
  width: 32px;
  display: inline-block;
}
.download_button_info[data-v-21d2c345] {
  display: none;
}
@media screen and (max-width: 799px) {
.pdfviewer_component[data-v-21d2c345] {
    max-width: 550px;
}
}
@media screen and (max-width: 599px) {
.pdfviewer_component[data-v-21d2c345] {
    max-width: 350px;
}
}
@media screen and (max-width: 499px) {
.download_button_info[data-v-21d2c345] {
    display: block;
    font-size: 8px;
    margin-top: 5px;
    font-weight: 600;
    color: #d10c1d;
}
.page_selector_wrap .left_button_wrap[data-v-21d2c345], .page_selector_wrap .right_button_wrap[data-v-21d2c345] {
    width: 27px;
}
}.title_wrap[data-v-b162e247],
.edit_wrap[data-v-b162e247] {
  max-width: 759px;
  margin: 0 auto;
}
.create_button_wrap[data-v-b162e247] {
  text-align: center;
  margin-top: 20px;
}
.view_pdf_wrap[data-v-b162e247] {
  max-width: 759px;
  margin: 0 auto;
}
.update_button_wrap[data-v-b162e247] {
  margin-top: 20px;
}.title_wrap[data-v-8ee6cd21],
.display_wrap[data-v-8ee6cd21] {
  max-width: 759px;
  margin: 0 auto;
}
.create_button_wrap[data-v-8ee6cd21] {
  text-align: center;
  margin-top: 20px;
}
.status_wrap[data-v-8ee6cd21] {
  margin-bottom: 20px;
  text-align: center;
}
.status_wrap p.waiting_contract[data-v-8ee6cd21] {
  font-size: 20px;
  font-weight: bold;
  color: rgb(243, 83, 83);
}
.status_wrap p.contracted[data-v-8ee6cd21] {
  font-size: 20px;
  font-weight: bold;
  color: rgb(67, 208, 81);
}
.status_wrap p.denied[data-v-8ee6cd21] {
  font-size: 20px;
  font-weight: bold;
  color: rgb(243, 83, 83);
}
.status_wrap p.contracted_at[data-v-8ee6cd21], .status_wrap p.created_at[data-v-8ee6cd21], .status_wrap p.denied_comment[data-v-8ee6cd21] {
  margin-top: 10px;
  font-size: 14px;
}.datetime_component {
  display: inline-block;
}.create_title[data-v-a891fc7b] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}.detail_title[data-v-f6932f8e] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}.table_wrap[data-v-e27a3a6c] {
  margin-top: 10px;
}
table th.title[data-v-e27a3a6c] {
  width: 300px;
}
table th.importance[data-v-e27a3a6c] {
  width: 82px;
}
table th.sender[data-v-e27a3a6c] {
  width: 120px;
}
table th.created_at[data-v-e27a3a6c] {
  width: 195px;
}
table th.datetime[data-v-e27a3a6c] {
  width: 195px;
}
table th.button[data-v-e27a3a6c] {
  width: 156px;
}
.delete_button_wrap[data-v-e27a3a6c] {
  width: 32px;
}
@media screen and (max-width: 499px) {
table th.notification_title[data-v-e27a3a6c] {
    width: 190px;
}
table th.importance[data-v-e27a3a6c] {
    width: 65px;
}
table th.sender[data-v-e27a3a6c] {
    width: 90px;
}
table th.created_at[data-v-e27a3a6c] {
    width: 155px;
}
table th.datetime[data-v-e27a3a6c] {
    width: 155px;
}
table th.button[data-v-e27a3a6c] {
    width: 156px;
}
.delete_button_wrap[data-v-e27a3a6c] {
    width: 27px;
}
}.title_wrap[data-v-3429ef78],
.status_content_wrap[data-v-3429ef78] {
  width: 600px;
  margin: 0 auto;
}
.status_content_wrap[data-v-3429ef78] {
  margin-top: 20px;
}
@media screen and (max-width: 499px) {
.status_wrap[data-v-3429ef78] {
    padding: 0px 10px;
}
}.title_wrap[data-v-2447cc18],
.status_content_wrap[data-v-2447cc18] {
  width: 805px;
  margin: 0 auto;
}
.status_content_wrap[data-v-2447cc18] {
  margin-top: 20px;
}
.change_plan_instruction[data-v-2447cc18] {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  padding-left: 12px;
  display: inline;
}
.change_plan_instruction[data-v-2447cc18]:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 4px;
  height: 20px;
  background: #4495d4;
}
.change_plan_instruction a[data-v-2447cc18] {
  font-size: 14px;
  color: #4495d4;
  margin-left: 20px;
  transition: 0.3s;
  cursor: pointer;
}
.plan_button_wrap[data-v-2447cc18] {
  margin-top: 20px;
  text-align: center;
}
.plan_button[data-v-2447cc18] {
  display: inline-block;
  vertical-align: top;
}
.plan_button[data-v-2447cc18]:not(:first-of-type) {
  margin-left: 12px;
}
.plan_button span[data-v-2447cc18] {
  width: 260px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  border: 3px solid #7bc0c6;
  color: #7bc0c6;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s;
}
.plan_button p[data-v-2447cc18] {
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}
.plan_button.disabled span[data-v-2447cc18] {
  background: #fff;
  color: rgba(51, 51, 51, 0.3);
  border: 3px solid #e6e6e6;
  cursor: not-allowed;
}
.plan_button.selected span[data-v-2447cc18] {
  background: #6cb1b7;
  color: #fff;
  border: 3px solid #6cb1b7;
}
.exec_button_wrap[data-v-2447cc18] {
  margin-top: 30px;
  text-align: center;
}.title_wrap[data-v-8a6dd2c1],
.status_content_wrap[data-v-8a6dd2c1] {
  width: 805px;
  margin: 0 auto;
}
.status_content_wrap[data-v-8a6dd2c1] {
  margin-top: 20px;
}
.change_pay_method_instruction[data-v-8a6dd2c1] {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  padding-left: 12px;
  display: inline;
}
.change_pay_method_instruction[data-v-8a6dd2c1]:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 4px;
  height: 20px;
  background: #4495d4;
}
.plan_button_wrap[data-v-8a6dd2c1] {
  margin-top: 20px;
  text-align: center;
}
.plan_button[data-v-8a6dd2c1] {
  vertical-align: top;
  display: inline-block;
}
.plan_button[data-v-8a6dd2c1]:not(:first-of-type) {
  margin-left: 12px;
}
.plan_button span[data-v-8a6dd2c1] {
  width: 260px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  border: 3px solid #7bc0c6;
  color: #7bc0c6;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s;
}
.plan_button p[data-v-8a6dd2c1] {
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}
.plan_button.disabled span[data-v-8a6dd2c1] {
  background: #fff;
  color: rgba(51, 51, 51, 0.3);
  border: 3px solid #e6e6e6;
  cursor: not-allowed;
}
.plan_button.selected span[data-v-8a6dd2c1] {
  background: #6cb1b7;
  color: #fff;
  border: 3px solid #6cb1b7;
}
.exec_button_wrap[data-v-8a6dd2c1] {
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width: 499px) {
.change_pay_method_wrap[data-v-8a6dd2c1] {
    padding: 10px;
}
.status_content_wrap[data-v-8a6dd2c1] {
    width: 100%;
}
.status_content_wrap .change_pay_method_instruction[data-v-8a6dd2c1] {
    font-size: 14px;
}
.status_content_wrap .plan_button span[data-v-8a6dd2c1] {
    width: 140px;
    height: 40px;
    font-size: 13px;
}
}.title_wrap[data-v-7ea07ede] {
  width: 805px;
  margin: 0 auto;
}
.credit_agree_wrap[data-v-7ea07ede] {
  margin: 10px auto 0;
  max-width: 500px;
  width: 500px;
}
.law_wrap[data-v-7ea07ede] {
  margin-top: 35px;
  padding: 0 30px;
}
.law_wrap h3[data-v-7ea07ede] {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.law_wrap p[data-v-7ea07ede] {
  font-size: 13px;
  line-height: 15px;
}
.agree_check_wrap[data-v-7ea07ede] {
  margin-top: 30px;
  text-align: center;
}
.exec_button_wrap[data-v-7ea07ede] {
  margin-top: 10px;
  text-align: center;
}
.submit_button[data-v-7ea07ede] {
  background-color: #4395d4;
  padding: 0 30px;
  font-size: 20px;
  height: 50px;
  font-weight: 600;
  border-radius: 8px;
  color: white;
  border: none;
  cursor: pointer;
}
.submit_button[data-v-7ea07ede]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 499px) {
.title_wrap[data-v-7ea07ede],
  .status_content_wrap[data-v-7ea07ede] {
    width: 100%;
}
.status_content_wrap .regist_instruction[data-v-7ea07ede] {
    font-size: 14px;
}
.status_content_wrap .card_wrap[data-v-7ea07ede] {
    padding: 15px;
    width: 100%;
}
.status_content_wrap .card_wrap label input[data-v-7ea07ede] {
    font-size: 14px !important;
    height: 30px !important;
}
.credit_card_wrap[data-v-7ea07ede] {
    padding: 10px;
}
}.title_wrap[data-v-e8967ab5] {
  width: 805px;
  margin: 0 auto;
}
.credit_agree_wrap[data-v-e8967ab5] {
  margin: 10px auto 0;
  max-width: 500px;
  width: 500px;
}
.law_wrap[data-v-e8967ab5] {
  margin-top: 35px;
  padding: 0 30px;
}
.law_wrap h3[data-v-e8967ab5] {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.law_wrap p[data-v-e8967ab5] {
  font-size: 13px;
  line-height: 15px;
}
.agree_check_wrap[data-v-e8967ab5] {
  margin-top: 30px;
  text-align: center;
}
.exec_button_wrap[data-v-e8967ab5] {
  margin-top: 10px;
  text-align: center;
}
.submit_button[data-v-e8967ab5] {
  background-color: #4395d4;
  padding: 0 30px;
  font-size: 20px;
  height: 50px;
  font-weight: 600;
  border-radius: 8px;
  color: white;
  border: none;
  cursor: pointer;
}
.submit_button[data-v-e8967ab5]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 499px) {
.title_wrap[data-v-e8967ab5],
  .status_content_wrap[data-v-e8967ab5] {
    width: 100%;
}
.status_content_wrap .regist_instruction[data-v-e8967ab5] {
    font-size: 14px;
}
.status_content_wrap .card_wrap[data-v-e8967ab5] {
    padding: 15px;
    width: 100%;
}
.status_content_wrap .card_wrap label input[data-v-e8967ab5] {
    font-size: 14px !important;
    height: 30px !important;
}
.credit_card_wrap[data-v-e8967ab5] {
    padding: 10px;
}
}.title_wrap[data-v-c2462de9],
.status_content_wrap[data-v-c2462de9] {
  margin: 0 auto;
}
.status_content_wrap[data-v-c2462de9] {
  width: 550px;
  margin-top: 20px;
}
table th.created_at[data-v-c2462de9] {
  width: 200px;
}
table th.button[data-v-c2462de9] {
  width: 350px;
}
@media screen and (max-width: 499px) {
.receipt_wrap[data-v-c2462de9] {
    padding: 10px;
}
.status_content_wrap[data-v-c2462de9] {
    width: 315px;
}
table th.created_at[data-v-c2462de9] {
    width: 115px;
}
table th.button[data-v-c2462de9] {
    width: 200px;
}
}.title_wrap[data-v-a3b97286],
.status_content_wrap[data-v-a3b97286] {
  width: 805px;
  margin: 0 auto;
}
.status_content_wrap[data-v-a3b97286] {
  margin-top: 20px;
}
.stage_wrap[data-v-a3b97286] {
  margin-top: 40px;
}
.stage_wrap[data-v-a3b97286]:first-of-type {
  margin-top: 0;
}
.change_plan_instruction[data-v-a3b97286] {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  padding-left: 12px;
  display: inline;
}
.change_plan_instruction[data-v-a3b97286]:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 4px;
  height: 20px;
  background: #4495d4;
}
.change_plan_instruction a[data-v-a3b97286] {
  font-size: 14px;
  color: #4495d4;
  margin-left: 20px;
  transition: 0.3s;
  cursor: pointer;
}
.plan_link[data-v-a3b97286] {
  margin-left: 5px;
}
.plan_button_wrap[data-v-a3b97286] {
  margin-top: 20px;
}
.plan_button[data-v-a3b97286] {
  display: inline-block;
  vertical-align: top;
}
.plan_button[data-v-a3b97286]:not(:first-of-type) {
  margin-left: 12px;
}
.plan_button span[data-v-a3b97286] {
  width: 260px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  border: 3px solid #7bc0c6;
  color: #7bc0c6;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s;
}
.plan_button p[data-v-a3b97286] {
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}
.plan_button.disabled span[data-v-a3b97286] {
  background: #fff;
  color: rgba(51, 51, 51, 0.3);
  border: 3px solid #e6e6e6;
  cursor: not-allowed;
}
.plan_button.selected span[data-v-a3b97286] {
  background: #6cb1b7;
  color: #fff;
  border: 3px solid #6cb1b7;
}
.exec_button_wrap[data-v-a3b97286] {
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width: 499px) {
.regist_wrap[data-v-a3b97286] {
    padding: 10px;
}
.status_content_wrap[data-v-a3b97286] {
    width: 100%;
}
.status_content_wrap .stage_wrap[data-v-a3b97286] {
    margin-top: 30px;
}
.status_content_wrap .change_plan_instruction[data-v-a3b97286] {
    font-size: 14px;
}
.status_content_wrap .plan_link[data-v-a3b97286] {
    display: block;
    margin-top: 10px;
    margin-left: 0;
}
.status_content_wrap .plan_button[data-v-a3b97286]:not(:first-of-type) {
    margin-left: 5px;
}
.status_content_wrap .plan_button span[data-v-a3b97286] {
    width: 110px;
    height: 40px;
    font-size: 11px;
}
.status_content_wrap .plan_button p[data-v-a3b97286] {
    font-size: 8px;
}
}.title_wrap[data-v-ca9f7cdb] {
  width: 805px;
  margin: 0 auto;
}
.credit_agree_wrap[data-v-ca9f7cdb] {
  margin: 10px auto 0;
  max-width: 500px;
  width: 500px;
}
.law_wrap[data-v-ca9f7cdb] {
  margin-top: 35px;
  padding: 0 30px;
}
.law_wrap h3[data-v-ca9f7cdb] {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.law_wrap p[data-v-ca9f7cdb] {
  font-size: 13px;
  line-height: 15px;
}
.agree_check_wrap[data-v-ca9f7cdb] {
  margin-top: 30px;
  text-align: center;
}
.exec_button_wrap[data-v-ca9f7cdb] {
  margin-top: 10px;
  text-align: center;
}
.submit_button[data-v-ca9f7cdb] {
  background-color: #4395d4;
  padding: 0 30px;
  font-size: 20px;
  height: 50px;
  font-weight: 600;
  border-radius: 8px;
  color: white;
  border: none;
  cursor: pointer;
}
.submit_button[data-v-ca9f7cdb]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 499px) {
.title_wrap[data-v-ca9f7cdb],
  .status_content_wrap[data-v-ca9f7cdb] {
    width: 100%;
}
.status_content_wrap .regist_instruction[data-v-ca9f7cdb] {
    font-size: 14px;
}
.status_content_wrap .card_wrap[data-v-ca9f7cdb] {
    padding: 15px;
    width: 100%;
}
.status_content_wrap .card_wrap label input[data-v-ca9f7cdb] {
    font-size: 14px !important;
    height: 30px !important;
}
.credit_card_wrap[data-v-ca9f7cdb] {
    padding: 10px;
}
}.exec_button_wrap[data-v-9b032f06] {
  margin-top: 30px;
  text-align: center;
}
.title_wrap[data-v-9b032f06],
.attention_wrap[data-v-9b032f06],
.wizard_content_wrap[data-v-9b032f06] {
  width: 600px;
  margin: 0 auto;
}
@media screen and (max-width: 499px) {
.wizard_wrap[data-v-9b032f06] {
    padding: 0px 10px;
}
.title_wrap[data-v-9b032f06],
  .attention_wrap[data-v-9b032f06],
  .wizard_content_wrap[data-v-9b032f06] {
    width: 100%;
}
}.create_title[data-v-35a41efd] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.csv_button_wrap[data-v-35a41efd] {
  text-align: center;
}.create_title[data-v-ebc086f3] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.summery_button_wrap[data-v-ebc086f3] {
  text-align: center;
}.table_wrap[data-v-bce46abe] {
  margin-top: 10px;
}
.detail_search_button_wrap[data-v-bce46abe] {
  width: 175px;
}
.detail_search_wrap[data-v-bce46abe] {
  margin-bottom: 10px;
}
.custom[data-v-bce46abe] {
  color: green;
}
tr.error[data-v-bce46abe] {
  background-color: #ffcccc !important;
}
tr.error td.error_click[data-v-bce46abe] {
  cursor: pointer;
}
tr.invalid[data-v-bce46abe] {
  background-color: #dadada !important;
}
.money[data-v-bce46abe] {
  width: 100%;
  text-align: right;
}
.money.custom[data-v-bce46abe] {
  color: green;
}
.edit_button[data-v-bce46abe] {
  margin-top: 10px;
}.create_title[data-v-01626427] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}.month_changer_wrap[data-v-907fe44e] {
  max-width: 700px;
  margin: 0 auto;
}
.update_stdincome_attention_wrap[data-v-907fe44e] {
  margin-top: 15px;
  line-height: 25px;
  width: 100%;
}
.update_stdincome_attention[data-v-907fe44e] {
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% - 180px);
  padding-right: 10px;
  text-align: left;
}
.update_stdincome_button_wrap[data-v-907fe44e] {
  display: inline-block;
  vertical-align: top;
  width: 180px;
}
.monthly_wrap[data-v-907fe44e] {
  margin-top: 15px;
  border-top: dashed 2px lightgray;
}.payment_wrap[data-v-5a684b25] {
  background-color: #fffdf7;
  padding: 15px;
}
.not_lock_wrap[data-v-5a684b25] {
  padding: 5vh 20px 35vh;
  text-align: center;
}
.not_lock[data-v-5a684b25] {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}.control_wrap[data-v-569021b2] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-569021b2] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-569021b2] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-569021b2] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-569021b2] {
  margin-top: 10px;
}.table_wrap[data-v-21c4cf96] {
  margin-top: 10px;
}
.detail_search_button_wrap[data-v-21c4cf96] {
  width: 175px;
}
.detail_search_wrap[data-v-21c4cf96] {
  margin-bottom: 10px;
}
.custom[data-v-21c4cf96] {
  color: green;
}
tr.disabled_row[data-v-21c4cf96] {
  background-color: #aaaaaa !important;
}
tr.otsu_row[data-v-21c4cf96] {
  background-color: #dddddd !important;
}
.yet[data-v-21c4cf96] {
  color: #d10c1d;
  font-weight: 600;
}
.is_finish_employee_icon[data-v-21c4cf96] {
  cursor: pointer;
  text-align: center;
}
.is_finish_employee_icon svg[data-v-21c4cf96] {
  width: 50px;
  height: 50px;
}
.money[data-v-21c4cf96] {
  width: 100%;
  text-align: right;
}
.money.custom[data-v-21c4cf96] {
  color: green;
}
.edit_button[data-v-21c4cf96] {
  margin-top: 10px;
}
table th.is_valid[data-v-21c4cf96] {
  width: 60px;
}
table th.code[data-v-21c4cf96] {
  width: 120px;
}
table th.name[data-v-21c4cf96] {
  width: 150px;
}
table th.hiring_type[data-v-21c4cf96] {
  width: 150px;
}
table th.branch_id[data-v-21c4cf96] {
  width: 150px;
}
table th.is_finish_employee[data-v-21c4cf96] {
  width: 160px;
}
table th.fixed_tax_reduction_calc[data-v-21c4cf96] {
  width: 320px;
}
table th.reminder[data-v-21c4cf96] {
  width: 160px;
}
table th.dependant_num[data-v-21c4cf96] {
  width: 160px;
}
table th.fixed_tax_reduction[data-v-21c4cf96] {
  width: 160px;
}
table th.before_deduction[data-v-21c4cf96] {
  width: 160px;
}
table th.deduction[data-v-21c4cf96] {
  width: 160px;
}
table th.undeducted[data-v-21c4cf96] {
  width: 160px;
}
.control_button_wrap[data-v-21c4cf96],
.dropdown_button_wrap[data-v-21c4cf96] {
  width: 150px;
}
@media screen and (max-width: 499px) {
table th.code[data-v-21c4cf96] {
    width: 55px;
}
table th.name[data-v-21c4cf96] {
    width: 100px;
}
table th.hiring_type[data-v-21c4cf96] {
    width: 110px;
}
table th.branch_id[data-v-21c4cf96] {
    width: 100px;
}
table th.is_finish_employee[data-v-21c4cf96] {
    width: 100px;
}
table th.fixed_tax_reduction_calc[data-v-21c4cf96] {
    width: 220px;
}
}.month_changer_wrap[data-v-0a9725fc] {
  max-width: 700px;
  margin: 0 auto;
}
.monthly_wrap[data-v-0a9725fc] {
  margin-top: 15px;
  border-top: dashed 2px lightgray;
}.payment_wrap[data-v-f1c8cadf] {
  background-color: #fffdf7;
  padding: 15px;
}
.not_lock_wrap[data-v-f1c8cadf] {
  padding: 5vh 20px 35vh;
  text-align: center;
}
.not_lock[data-v-f1c8cadf] {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}.control_wrap[data-v-cbd1b792] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-cbd1b792] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-cbd1b792] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-cbd1b792] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-cbd1b792] {
  margin-top: 10px;
}.step_wrap {
  width: 100%;
  padding-right: 2% !important;
  padding-left: 2% !important;
  display: block;
}
.step_wrap_sp {
  display: none;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
.step_wrap_sp .step_sp_text {
  display: inline-block;
  width: 300px;
  border: 1px solid lightgray;
  border-radius: 10px;
  padding: 8px 16px;
}
.step_wrap_sp .step_sp_text .step_total {
  font-size: 13px;
  margin: 0 5px;
}
.step_wrap_sp .step_sp_text .step {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  display: inline-block;
}
.step_wrap_sp .step_sp_text .step span {
  position: relative;
  top: -1px;
  color: #1890ff;
  line-height: 1;
}
.step_wrap_sp .step_sp_text .label {
  font-weight: 600;
  margin-top: 5px;
}
.ant-props.options {
  width: 100%;
}
.ant-steps-small .ant-steps-item-tail {
  top: 0px !important;
}
@media screen and (max-width: 959px) {
.ant-props.options-item-tail {
    display: none;
}
.ant-props.options-item-content {
    display: none !important;
}
.ant-props.options-item-icon {
    margin-left: 0px !important;
}
}
@media screen and (max-width: 959px) {
.step_wrap {
    display: none;
}
.step_wrap_sp {
    display: block;
}
}.step_wrap[data-v-588e2d94] {
  margin: 20px 0 15px;
}
.buttons_wrap[data-v-588e2d94] {
  margin-top: 15px;
  height: 45px;
  max-width: 350px;
  margin: 0 auto;
}
.prev_button_wrap[data-v-588e2d94] {
  float: left;
}
.next_button_wrap[data-v-588e2d94] {
  float: right;
}
.prev_button_wrap.center[data-v-588e2d94],
.next_button_wrap.center[data-v-588e2d94] {
  float: none;
  margin: 0 auto;
}.not_target_caution[data-v-4e23d488] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}.is_spouce_deduction_description[data-v-16533716] {
  line-height: 22px !important;
  margin-bottom: 10px;
  margin-top: 5px;
}
.spouce_no_need[data-v-16533716] {
  font-size: 15px;
}
.not_target_caution[data-v-16533716] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}.count_description[data-v-d6b8ca2b] {
  line-height: 22px !important;
  margin-bottom: 10px;
  margin-top: 5px;
}
.not_target_caution[data-v-d6b8ca2b] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}.ant-result-subtitle {
  white-space: pre-wrap;
}.not_target_caution[data-v-1171b74f] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}.not_target_caution[data-v-1fcd120c] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}.not_target_caution[data-v-0a1b6328] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}.view_wrap[data-v-8d274644] {
  margin-top: 30px;
}
.view_wrap[data-v-8d274644]:first-child {
  margin-top: 0;
}.join_content[data-v-612da646] {
  max-width: 550px;
  margin: 20px auto 40px;
}
.initial_page[data-v-612da646],
.finish_page[data-v-612da646] {
  margin-top: 30vh;
}
.initial_page .initial_title[data-v-612da646],
.initial_page .finish_title[data-v-612da646],
.finish_page .initial_title[data-v-612da646],
.finish_page .finish_title[data-v-612da646] {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.initial_page .company_name[data-v-612da646],
.finish_page .company_name[data-v-612da646] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}
.initial_page .required_time[data-v-612da646],
.finish_page .required_time[data-v-612da646] {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.initial_page .finish_description[data-v-612da646],
.finish_page .finish_description[data-v-612da646] {
  font-size: 14px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 20px;
}
.initial_page .start_button_wrap[data-v-612da646],
.finish_page .start_button_wrap[data-v-612da646] {
  width: 300px;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
.join_content[data-v-612da646] {
    max-width: 350px;
    margin: 15px auto 30px;
}
}
.title_wrap[data-v-18ce83e3] {
  margin-top: 15px;
  margin-left: 10px;
}
.menu_wrap[data-v-18ce83e3] {
  width: 100%;
  max-width: 360px;
  margin: 10px auto 0;
}
.app-grid[data-v-18ce83e3] {
  display: grid;
  grid-template-columns: repeat(4, 25%);
  justify-content: center;
}
.bar-grid-wrap[data-v-18ce83e3] {
  bottom: 65px;
  margin: 45px auto 15px;
  left: 0;
  position: fixed;
  width: 100%;
}
.bar-grid[data-v-18ce83e3] {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  justify-content: center;
  max-width: 360px;
  margin: 0 auto;
  width: 100%;
}
.app-item[data-v-18ce83e3] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: calc((100vw - 10px) / 4);
  padding: 10px 15px;
  max-width: 90px;
  max-height: 85px;
}
.app-item .app-icon-wrap[data-v-18ce83e3] {
  border-radius: 10px;
  padding: 7px;
  display: inline-block;
  height: 100%;
  width: 100%;
  background-color: #6cb1b7;
}
.app-item .app-icon-wrap img[data-v-18ce83e3] {
  width: 100%;
}
.app-item .app-icon-wrap[data-v-18ce83e3]:active, .app-item .app-icon-wrap[data-v-18ce83e3]:hover {
  filter: brightness(0.8); /* アイコンを10%暗くする */
  transition: filter 0.2s ease; /* ホバー時の変化をスムーズにする */
}
.app-item p[data-v-18ce83e3] {
  font-size: 10px;
  color: #333;
  margin-top: 3px;
  font-weight: 600;
}
.app-item > p[data-v-18ce83e3] {
  font-size: 8px;
  font-weight: 600;
  color: #5c5c5c;
  margin-top: 4px;
}
.bar-item[data-v-18ce83e3] {
  text-align: left;
  height: 45px;
  margin: 5px 15px;
  padding: 8px 15px;
  background-color: #6cb1b7;
  border-radius: 10px;
}
.bar-item .bar-icon-wrap[data-v-18ce83e3] {
  display: inline-block;
  width: 30px;
  margin-right: 15px;
  vertical-align: middle;
}
.bar-item .bar-icon-wrap img[data-v-18ce83e3] {
  width: 100%;
}
.bar-item .bar-icon-wrap[data-v-18ce83e3]:active, .bar-item .bar-icon-wrap[data-v-18ce83e3]:hover {
  filter: brightness(0.8); /* アイコンを10%暗くする */
  transition: filter 0.2s ease; /* ホバー時の変化をスムーズにする */
}
.bar-item p[data-v-18ce83e3] {
  display: inline-block;
  font-size: 14px;
  color: white;
  font-weight: 600;
  line-height: 30px;
  vertical-align: middle;
  width: calc(100% - 90px);
  text-align: center;
}
.app-item.shift > .app-icon-wrap[data-v-18ce83e3], .bar-item.shift > .app-icon-wrap[data-v-18ce83e3] {
  background-color: #4395d4;
}
.app-item.attendance > .app-icon-wrap[data-v-18ce83e3], .bar-item.attendance > .app-icon-wrap[data-v-18ce83e3] {
  background-color: #4eb187;
}
.app-item.payment > .app-icon-wrap[data-v-18ce83e3], .bar-item.payment > .app-icon-wrap[data-v-18ce83e3] {
  background-color: #d1aa00;
}
.app-item.document > .app-icon-wrap[data-v-18ce83e3], .bar-item.document > .app-icon-wrap[data-v-18ce83e3] {
  background-color: #e389b7;
}
.app-item.notification > .app-icon-wrap[data-v-18ce83e3], .bar-item.notification > .app-icon-wrap[data-v-18ce83e3] {
  background-color: #eb9142;
}.inform_wrap[data-v-fe464d05] {
  padding: 0 10px;
}
.admin_notification_wrap[data-v-fe464d05] {
  margin-top: 30px;
}
.table_title[data-v-fe464d05] {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.notification_card[data-v-fe464d05] {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 10px 15px;
  width: 98%;
  height: 45px;
  background-color: #fff;
  border-radius: 10px;
  margin: 1%;
  box-shadow: 1px 1px 5px grey;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
}
.notification_card.important1[data-v-fe464d05] {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.notification_card.important2[data-v-fe464d05] {
  background-color: #fff2f0;
  border: 1px solid #ffccc7;
}
.notification_card .is_new[data-v-fe464d05], .notification_card .is_important[data-v-fe464d05] {
  color: #fff;
  background-color: #ff4040;
  padding: 3px;
  font-weight: 700;
  border-radius: 3px;
  font-size: 12px;
  line-height: 21px;
  margin-right: 5px;
}
.notification_card .is_new[data-v-fe464d05]:last-of-type, .notification_card .is_important[data-v-fe464d05]:last-of-type {
  margin-right: 10px;
}
.notification_card .title[data-v-fe464d05] {
  font-size: 14px;
  line-height: 21px;
}
.notification_card .title.new[data-v-fe464d05] {
  font-weight: 600;
}
.notification_card .datetime[data-v-fe464d05] {
  position: absolute;
  top: 3px;
  right: 8px;
  font-size: 10px;
}.add_employee_title[data-v-07697d0c] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.form_wrap[data-v-07697d0c] {
  text-align: right;
}
.upload_wrap[data-v-07697d0c] {
  text-align: center;
}
.submit_wrap[data-v-07697d0c] {
  margin-top: 25px;
  text-align: center;
}.create_title[data-v-074cec72] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}.create_title[data-v-310d0a5a] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.attention[data-v-310d0a5a] {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
}.create_title[data-v-30da6a3e] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}.create_title[data-v-46488a08] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  color: #CA3A31;
}
.update_is_valid_content[data-v-46488a08] {
  font-size: 15px;
  line-height: 22px;
}
.never_check_wrap[data-v-46488a08] {
  margin-top: 10px;
  margin-bottom: 10px;
}.table_wrap[data-v-819a5317] {
  margin-top: 10px;
}
.detail_search_button_wrap[data-v-819a5317] {
  width: 175px;
}
.detail_search_wrap[data-v-819a5317] {
  margin-bottom: 10px;
}
.custom[data-v-819a5317] {
  color: green;
}
.reflect_column[data-v-819a5317] {
  background-color: white !important;
}
.icon_wrap[data-v-819a5317] {
  width: 20px;
  display: inline-block;
}
.icon_wrap svg[data-v-819a5317] {
  vertical-align: -5px;
  width: 20px;
  height: 20px;
}
.toggle_wrap[data-v-819a5317] {
  color: black;
  font-weight: 400;
}
.code_title_wrap[data-v-819a5317] {
  display: inline-block;
  line-height: 52px !important;
}
.money[data-v-819a5317] {
  width: 100%;
  text-align: right;
}
.money.custom[data-v-819a5317] {
  color: green;
}
.nencho_money_levy[data-v-819a5317] {
  color: red;
}
.nencho_money_return[data-v-819a5317] {
  color: blue;
}
.edit_prescribed_button[data-v-819a5317] {
  margin-top: 10px;
  display: inline-block;
}
.control_button_wrap[data-v-819a5317],
.dropdown_button_wrap[data-v-819a5317],
.edit_prescribed_button[data-v-819a5317] {
  width: 160px;
}
.exec_button_wrap[data-v-819a5317] {
  display: inline-block;
  width: 78px;
}
.exec_button_wrap[data-v-819a5317]:last-of-type {
  margin-left: 4px;
}
.yet[data-v-819a5317] {
  color: #d10c1d;
  font-weight: 600;
}
.none[data-v-819a5317] {
  font-weight: 600;
}
.over_20000000[data-v-819a5317] {
  font-weight: 600;
  font-size: 10px !important;
}
.is_finish_employee_icon[data-v-819a5317] {
  cursor: pointer;
  text-align: center;
}
.is_finish_employee_icon svg[data-v-819a5317] {
  width: 50px;
  height: 50px;
}
.not_start[data-v-819a5317] {
  text-align: center;
}
.center[data-v-819a5317] {
  text-align: center;
}
.reflected_to_text[data-v-819a5317] {
  text-align: center;
  font-weight: 600;
  margin-top: 5px;
}
table th.is_valid[data-v-819a5317] {
  width: 80px;
}
table th.code[data-v-819a5317] {
  width: 120px;
}
table th.name[data-v-819a5317] {
  width: 150px;
}
table th.hiring_type[data-v-819a5317] {
  width: 150px;
}
table th.branch_id[data-v-819a5317] {
  width: 150px;
}
table th.money_header[data-v-819a5317] {
  width: 110px;
}
table th.is_special_levy[data-v-819a5317] {
  width: 130px;
}
table tr.invalid td[data-v-819a5317] {
  background-color: #e0e0e0;
}
table tr.otsu td[data-v-819a5317] {
  background-color: #d0d0d0;
}
@media screen and (max-width: 499px) {
.control_button_wrap[data-v-819a5317],
  .dropdown_button_wrap[data-v-819a5317],
  .edit_prescribed_button[data-v-819a5317] {
    width: 150px;
}
.exec_button_wrap[data-v-819a5317] {
    width: 73px;
}
.code_title_wrap[data-v-819a5317] {
    font-size: 11px;
}
table th.code[data-v-819a5317] {
    width: 55px;
}
table th.name[data-v-819a5317] {
    width: 100px;
}
table th.hiring_type[data-v-819a5317] {
    width: 110px;
}
table th.branch_id[data-v-819a5317] {
    width: 100px;
}
table th.money_header[data-v-819a5317] {
    width: 110px;
}
table th.paid_on[data-v-819a5317] {
    width: 180px;
}
}.year_changer_item[data-v-923ac4aa],
.year_changer_text[data-v-923ac4aa] {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.year_changer_item .icon_wrap[data-v-923ac4aa],
.year_changer_text .icon_wrap[data-v-923ac4aa] {
  width: 20px;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  margin-right: 5px;
}
.year_changer_item .icon_wrap svg[data-v-923ac4aa],
.year_changer_text .icon_wrap svg[data-v-923ac4aa] {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.year_changer_item[data-v-923ac4aa] {
  width: 30px;
  height: 30px;
}
.year_changer_item[data-v-923ac4aa]:hover {
  opacity: 0.8;
}
.year_changer_icon[data-v-923ac4aa] {
  line-height: 30px;
}
.year_changer_icon svg[data-v-923ac4aa] {
  vertical-align: top;
  margin-top: 9px;
  width: 12px;
  height: 12px;
}
.year_changer_icon.left svg[data-v-923ac4aa] {
  margin-right: 1px;
}
.year_changer_icon.right svg[data-v-923ac4aa] {
  margin-left: 1px;
}
.year_changer_text[data-v-923ac4aa] {
  line-height: 30px;
  font-size: 18px;
  font-weight: 600;
  color: white;
  background-color: white;
  width: 100%;
}
.year_changer_text.is_pagenation[data-v-923ac4aa] {
  width: calc(100% - 76px);
}
.year_changer_text.disabled[data-v-923ac4aa] {
  background-color: #9b9a9b;
}
.year_changer_text.shift[data-v-923ac4aa] {
  color: #4395d4;
  border: 2px solid #4395d4;
}
.year_changer_text.attendance[data-v-923ac4aa] {
  color: #4eb187;
  border: 2px solid #4eb187;
}
.year_changer_text.payment[data-v-923ac4aa] {
  color: #d1aa00;
  border: 2px solid #d1aa00;
}
.year_changer_text.aggregation[data-v-923ac4aa] {
  color: #ee751b;
  border: 2px solid #ee751b;
}
.year_changer_text.document[data-v-923ac4aa] {
  color: #e389b7;
  border: 2px solid #e389b7;
}
.year_changer_text.other[data-v-923ac4aa] {
  color: #6cb1b7;
  border: 2px solid #6cb1b7;
}
.year_changer_item[data-v-923ac4aa] {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background-color: rgb(200, 200, 200);
  cursor: pointer;
}
.year_changer_item[data-v-923ac4aa]:first-child {
  margin-right: 8px;
}
.year_changer_item[data-v-923ac4aa]:last-child {
  margin-left: 8px;
}
.year_changer_item[data-v-923ac4aa]:hover {
  background-color: rgb(220, 220, 220);
}
.year_changer_item.shift[data-v-923ac4aa] {
  background-color: #4395d4;
}
.year_changer_item.attendance[data-v-923ac4aa] {
  background-color: #4eb187;
}
.year_changer_item.payment[data-v-923ac4aa] {
  background-color: #d1aa00;
}
.year_changer_item.aggregation[data-v-923ac4aa] {
  background-color: #ee751b;
}
.year_changer_item.document[data-v-923ac4aa] {
  background-color: #e389b7;
}
.year_changer_item.other[data-v-923ac4aa] {
  background-color: #6cb1b7;
}
@media screen and (max-width: 499px) {
.year_changer_text[data-v-923ac4aa] {
    line-height: 23px;
    font-size: 15px;
}
.year_changer_text .icon_wrap[data-v-923ac4aa] {
    width: 20px;
    display: inline-block;
    margin-right: 2px;
    margin-top: 3px;
}
.year_changer_text .icon_wrap svg[data-v-923ac4aa] {
    width: 17px;
    height: 17px;
}
.year_changer_text.is_pagenation[data-v-923ac4aa] {
    width: calc(100% - 60px);
}
.year_changer_icon[data-v-923ac4aa] {
    line-height: 25px;
}
.year_changer_icon svg[data-v-923ac4aa] {
    margin-top: 7.5px;
    width: 10px;
    height: 10px;
}
.year_changer_item[data-v-923ac4aa] {
    width: 25px;
    height: 25px;
}
.year_changer_item[data-v-923ac4aa]:first-child {
    margin-right: 5px;
}
.year_changer_item[data-v-923ac4aa]:last-child {
    margin-left: 5px;
}
}
.year_changer_wrap[data-v-2dd32809] {
    max-width: 700px;
    margin: 0 auto;
}
.yearly_wrap[data-v-2dd32809] {
    margin-top: 15px;
    border-top: dashed 2px lightgray;
}
.nencho_attention_title[data-v-2dd32809] {
    margin-top: 20px;
    font-weight: bold;
    font-size: 16px;
}
.nencho_attention_content[data-v-2dd32809] {
    margin-top: 5px;
    font-size: 13px;
    white-space: pre-wrap;
    line-height: 17px;
}
.movie_guide[data-v-2dd32809] {
    font-weight: 600;
    margin-top: 5px;
    font-size: 13px;
    white-space: pre-wrap;
    line-height: 17px;
}
.create_title[data-v-c884c094] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.create_content[data-v-c884c094] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}.create_title[data-v-0d80186f] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.create_content[data-v-0d80186f] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}.payment_wrap[data-v-0f5a9526] {
  background-color: #fffdf7;
  padding: 15px;
}
.not_lock_wrap[data-v-0f5a9526] {
  padding: 5vh 20px 35vh;
  text-align: center;
}
.not_lock[data-v-0f5a9526] {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}
.guide_download_button_wrap[data-v-0f5a9526] {
  width: 160px;
  margin: 15px 0 0 auto;
}
@media screen and (max-width: 499px) {
.guide_download_button_wrap[data-v-0f5a9526] {
    width: 150px;
}
}.control_wrap[data-v-f33886b4] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-f33886b4] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-f33886b4] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-f33886b4] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-f33886b4] {
  margin-top: 10px;
}.create_title[data-v-0cbab518] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.select_option_attention_title[data-v-0cbab518] {
  font-size: 16px;
  font-weight: 600;
  margin-top: 15px;
}
.select_option_attention_content[data-v-0cbab518] {
  font-size: 13px;
  line-height: 16px;
  margin-top: 5px;
  margin-bottom: 20px;
  white-space: pre-wrap;
}.year_changer_wrap[data-v-ae6671f3], .change_select_option_wrap[data-v-ae6671f3], .nencho_master_table_wrap[data-v-ae6671f3] {
  max-width: 700px;
  margin: 15px auto 0;
}
.change_select_option_wrap[data-v-ae6671f3] {
  text-align: right;
}
.change_select_option_wrap .change_select_button_wrap[data-v-ae6671f3] {
  display: inline-block;
  width: 150px;
}
.nencho_master_table[data-v-ae6671f3] {
  width: 100%;
}
.nencho_master_table th[data-v-ae6671f3] {
  padding: 8px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.nencho_master_table th.name[data-v-ae6671f3] {
  width: 30%;
  min-width: 155px;
}
.nencho_master_table th.status[data-v-ae6671f3] {
  width: 15%;
  min-width: 65px;
}
.nencho_master_table th.reference[data-v-ae6671f3] {
  width: 55%;
  text-align: left;
  padding-left: 8px;
}
.nencho_master_table td[data-v-ae6671f3] {
  padding: 8px 0;
  text-align: center;
}
.nencho_master_table td.reference[data-v-ae6671f3] {
  text-align: left;
  padding-left: 8px;
  line-height: 18px;
}
.yet[data-v-ae6671f3] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
}
.is_finish_employee_icon[data-v-ae6671f3] {
  text-align: center;
}
.is_finish_employee_icon svg[data-v-ae6671f3] {
  width: 45px;
  height: 45px;
}
@media screen and (max-width: 499px) {
.yet[data-v-ae6671f3] {
    font-size: 13px;
}
.is_finish_employee_icon svg[data-v-ae6671f3] {
    width: 35px;
    height: 35px;
}
.nencho_master_table th[data-v-ae6671f3] {
    font-size: 14px;
}
.nencho_master_table th.status[data-v-ae6671f3] {
    min-width: 55px;
}
}.is_spouce_deduction_description[data-v-4ebc0f3a] {
  line-height: 22px !important;
  margin-bottom: 10px;
  margin-top: 5px;
}
.spouce_no_need[data-v-4ebc0f3a] {
  font-size: 15px;
}.count_description[data-v-faa2c58b] {
  line-height: 22px !important;
  margin-bottom: 10px;
  margin-top: 5px;
}.view_wrap[data-v-2174f7c8] {
  margin-top: 30px;
}
.view_wrap[data-v-2174f7c8]:first-child {
  margin-top: 0;
}.join_content[data-v-88b410b9] {
  max-width: 550px;
  margin: 20px auto 40px;
}
.initial_page[data-v-88b410b9],
.finish_page[data-v-88b410b9] {
  margin-top: 30vh;
}
.initial_page .initial_title[data-v-88b410b9],
.initial_page .finish_title[data-v-88b410b9],
.finish_page .initial_title[data-v-88b410b9],
.finish_page .finish_title[data-v-88b410b9] {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.initial_page .company_name[data-v-88b410b9],
.finish_page .company_name[data-v-88b410b9] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}
.initial_page .required_time[data-v-88b410b9],
.finish_page .required_time[data-v-88b410b9] {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.initial_page .required_document_title[data-v-88b410b9],
.finish_page .required_document_title[data-v-88b410b9] {
  max-width: 300px;
  margin: 25px auto 0px;
  font-weight: bold;
  font-size: 16px;
}
.initial_page .required_document[data-v-88b410b9],
.finish_page .required_document[data-v-88b410b9] {
  max-width: 300px;
  margin: 8px auto 0;
  font-size: 14px;
}
.initial_page .finish_description[data-v-88b410b9],
.finish_page .finish_description[data-v-88b410b9] {
  font-size: 14px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 20px;
}
.initial_page .start_button_wrap[data-v-88b410b9],
.finish_page .start_button_wrap[data-v-88b410b9] {
  width: 300px;
  margin: 20px auto 0;
}
.initial_page .to_nencho_master_button_wrap[data-v-88b410b9],
.finish_page .to_nencho_master_button_wrap[data-v-88b410b9] {
  width: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
.join_content[data-v-88b410b9] {
    max-width: 350px;
    margin: 15px auto 30px;
}
}
@media screen and (max-width: 499px) {
.finish_page .to_nencho_master_button_wrap[data-v-88b410b9] {
    max-width: 300px;
    width: initial;
}
}.view_wrap[data-v-a6608494] {
  margin-top: 30px;
}
.view_wrap[data-v-a6608494]:first-child {
  margin-top: 0;
}.insurance_title_caution[data-v-60232731] {
  color: #d10c1d;
}.insurance_title_caution[data-v-b26dbe13] {
  color: #d10c1d;
}.join_content[data-v-347ff1a5] {
  max-width: 550px;
  margin: 20px auto 40px;
}
.initial_page[data-v-347ff1a5],
.finish_page[data-v-347ff1a5] {
  margin-top: 10vh;
}
.initial_page .initial_title[data-v-347ff1a5],
.initial_page .finish_title[data-v-347ff1a5],
.finish_page .initial_title[data-v-347ff1a5],
.finish_page .finish_title[data-v-347ff1a5] {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.initial_page .company_name[data-v-347ff1a5],
.finish_page .company_name[data-v-347ff1a5] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}
.initial_page .required_time[data-v-347ff1a5],
.finish_page .required_time[data-v-347ff1a5] {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.initial_page .required_document_title[data-v-347ff1a5],
.finish_page .required_document_title[data-v-347ff1a5] {
  max-width: 300px;
  margin: 25px auto 0px;
  font-weight: bold;
  font-size: 16px;
}
.initial_page .required_document[data-v-347ff1a5],
.finish_page .required_document[data-v-347ff1a5] {
  max-width: 300px;
  margin: 8px auto 0;
  font-size: 14px;
  white-space: pre-wrap;
  line-height: 18px;
}
.initial_page .finish_description[data-v-347ff1a5],
.finish_page .finish_description[data-v-347ff1a5] {
  font-size: 14px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 20px;
}
.initial_page .start_button_wrap[data-v-347ff1a5],
.finish_page .start_button_wrap[data-v-347ff1a5] {
  width: 300px;
  margin: 20px auto 0;
}
.initial_page .to_nencho_master_button_wrap[data-v-347ff1a5],
.finish_page .to_nencho_master_button_wrap[data-v-347ff1a5] {
  width: 300px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
.join_content[data-v-347ff1a5] {
    max-width: 350px;
    margin: 15px auto 30px;
}
}
@media screen and (max-width: 499px) {
.finish_page .to_nencho_master_button_wrap[data-v-347ff1a5] {
    max-width: 300px;
    width: initial;
}
}.view_wrap[data-v-3aba54a5] {
  margin-top: 30px;
}
.view_wrap[data-v-3aba54a5]:first-child {
  margin-top: 0;
}.join_content[data-v-21c26a70] {
  max-width: 550px;
  margin: 20px auto 40px;
}
.initial_page[data-v-21c26a70],
.finish_page[data-v-21c26a70] {
  margin-top: 30vh;
}
.initial_page .initial_title[data-v-21c26a70],
.initial_page .finish_title[data-v-21c26a70],
.finish_page .initial_title[data-v-21c26a70],
.finish_page .finish_title[data-v-21c26a70] {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.initial_page .company_name[data-v-21c26a70],
.finish_page .company_name[data-v-21c26a70] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}
.initial_page .required_time[data-v-21c26a70],
.finish_page .required_time[data-v-21c26a70] {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.initial_page .required_document_title[data-v-21c26a70],
.finish_page .required_document_title[data-v-21c26a70] {
  max-width: 300px;
  margin: 25px auto 0px;
  font-weight: bold;
  font-size: 16px;
}
.initial_page .required_document[data-v-21c26a70],
.finish_page .required_document[data-v-21c26a70] {
  max-width: 300px;
  margin: 8px auto 0;
  font-size: 14px;
}
.initial_page .finish_description[data-v-21c26a70],
.finish_page .finish_description[data-v-21c26a70] {
  font-size: 14px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 20px;
}
.initial_page .start_button_wrap[data-v-21c26a70],
.finish_page .start_button_wrap[data-v-21c26a70] {
  width: 300px;
  margin: 20px auto 0;
}
.initial_page .to_nencho_master_button_wrap[data-v-21c26a70],
.finish_page .to_nencho_master_button_wrap[data-v-21c26a70] {
  width: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
.join_content[data-v-21c26a70] {
    max-width: 350px;
    margin: 15px auto 30px;
}
}
@media screen and (max-width: 499px) {
.finish_page .to_nencho_master_button_wrap[data-v-21c26a70] {
    max-width: 300px;
    width: initial;
}
}.loan_attention[data-v-76e08a90] {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}.loan_attention[data-v-096d0441] {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}.loan_attention[data-v-b7d5ecf8] {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}.loan_attention[data-v-852f0d7c] {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}.view_wrap[data-v-187bc230] {
  margin-top: 30px;
}
.view_wrap[data-v-187bc230]:first-child {
  margin-top: 0;
}.join_content[data-v-3f6b0b49] {
  max-width: 550px;
  margin: 20px auto 40px;
}
.initial_page[data-v-3f6b0b49],
.finish_page[data-v-3f6b0b49] {
  margin-top: 30vh;
}
.initial_page .initial_title[data-v-3f6b0b49],
.initial_page .finish_title[data-v-3f6b0b49],
.finish_page .initial_title[data-v-3f6b0b49],
.finish_page .finish_title[data-v-3f6b0b49] {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.initial_page .company_name[data-v-3f6b0b49],
.finish_page .company_name[data-v-3f6b0b49] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}
.initial_page .required_time[data-v-3f6b0b49],
.finish_page .required_time[data-v-3f6b0b49] {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.initial_page .required_document_title[data-v-3f6b0b49],
.finish_page .required_document_title[data-v-3f6b0b49] {
  max-width: 300px;
  margin: 25px auto 0px;
  font-weight: bold;
  font-size: 16px;
}
.initial_page .required_document[data-v-3f6b0b49],
.finish_page .required_document[data-v-3f6b0b49] {
  max-width: 300px;
  margin: 8px auto 0;
  font-size: 14px;
  white-space: pre-wrap;
  line-height: 18px;
}
.initial_page .finish_description[data-v-3f6b0b49],
.finish_page .finish_description[data-v-3f6b0b49] {
  font-size: 14px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 20px;
}
.initial_page .start_button_wrap[data-v-3f6b0b49],
.finish_page .start_button_wrap[data-v-3f6b0b49] {
  width: 300px;
  margin: 20px auto 0;
}
.initial_page .to_nencho_master_button_wrap[data-v-3f6b0b49],
.finish_page .to_nencho_master_button_wrap[data-v-3f6b0b49] {
  width: 300px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
.join_content[data-v-3f6b0b49] {
    max-width: 350px;
    margin: 15px auto 30px;
}
}
@media screen and (max-width: 499px) {
.finish_page .to_nencho_master_button_wrap[data-v-3f6b0b49] {
    max-width: 300px;
    width: initial;
}
}.add_condition_button_wrap[data-v-79726b3e] {
  margin-top: 10px;
}
.condition_wrap[data-v-79726b3e] {
  margin-top: 10px;
}
.condition_wrap .condition_select_wrap[data-v-79726b3e] {
  display: inline-block;
  width: 150px;
  margin-right: 5px;
}
.condition_wrap .condition_value_wrap[data-v-79726b3e] {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}
.condition_wrap .condition_value_select_wrap[data-v-79726b3e] {
  display: inline-block;
  width: 150px;
}
.condition_wrap .delete_condition_button_wrap[data-v-79726b3e] {
  display: inline-block;
  width: 32px;
  margin-left: 10px;
}
.condition_wrap .filter_condition_value_select_wrap[data-v-79726b3e] {
  display: inline-block;
  width: 120px;
  margin-left: 5px;
}
.condition_wrap .row[data-v-79726b3e] {
  line-height: 32px;
  margin-top: 10px;
}
.condition_wrap .row[data-v-79726b3e]:first-of-type {
  margin-top: 0px;
}.detail_search_button_wrap[data-v-59cb0788] {
  width: 175px;
}
.detail_search_wrap[data-v-59cb0788] {
  margin-bottom: 10px;
}
table th.check[data-v-59cb0788] {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}
table th.code[data-v-59cb0788] {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}
table th.name[data-v-59cb0788] {
  width: 120px;
  max-width: 120px;
  min-width: 120px;
}
table th.hiring_type[data-v-59cb0788] {
  width: 120px;
  max-width: 120px;
  min-width: 120px;
}
table th.branch_id[data-v-59cb0788] {
  width: 120px;
  max-width: 120px;
  min-width: 120px;
}
table th.other[data-v-59cb0788] {
  width: 120px;
  max-width: 120px;
  min-width: 120px;
}
table th.hourly_wage[data-v-59cb0788] {
  width: 450px;
  max-width: 450px;
  min-width: 450px;
}
table td[data-v-59cb0788] {
  padding: 4px 6px !important;
  line-height: 20px !important;
}
table td span[data-v-59cb0788] {
  font-size: 11px !important;
}
@media screen and (max-width: 499px) {
table th.check[data-v-59cb0788] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
table th.code[data-v-59cb0788] {
    width: 70px;
    max-width: 70px;
    min-width: 70px;
}
table th.name[data-v-59cb0788] {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
}
table th.hiring_type[data-v-59cb0788] {
    width: 110px;
    max-width: 110px;
    min-width: 110px;
}
table th.branch_id[data-v-59cb0788] {
    width: 125px;
    max-width: 125px;
    min-width: 125px;
}
table th.status[data-v-59cb0788] {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
table th.other[data-v-59cb0788] {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
}
.detail_search_button_wrap[data-v-13506a0e] {
  width: 175px;
}
.detail_search_wrap[data-v-13506a0e] {
  margin-bottom: 10px;
}
.change_origin[data-v-13506a0e] {
  font-size: 13px;
  line-height: 15px;
}
.change_origin[data-v-13506a0e]:not(:first-child) {
  margin-top: 8px;
}
.change_origin[data-v-13506a0e] * {
  font-size: 13px;
  line-height: 15px;
}
.change_arrow[data-v-13506a0e] {
  margin: 10px 0;
  font-weight: bold;
  font-size: 15px;
}
.change_result[data-v-13506a0e] {
  color: red;
  font-size: 13px;
  line-height: 15px;
}
.change_result[data-v-13506a0e] * {
  font-size: 13px;
  line-height: 15px;
}
.change_caution[data-v-13506a0e] {
  color: red;
  font-weight: bold;
}
.change_caution[data-v-13506a0e]:not(:first-child) {
  margin-top: 8px;
}
.change_caution[data-v-13506a0e]::before {
  content: "※";
}
table th.check[data-v-13506a0e] {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}
table th.code[data-v-13506a0e] {
  width: 80px;
  max-width: 80px;
  min-width: 80px;
}
table th.name[data-v-13506a0e] {
  width: 120px;
  max-width: 120px;
  min-width: 120px;
}
table th.hiring_type[data-v-13506a0e] {
  width: 120px;
  max-width: 120px;
  min-width: 120px;
}
table th.branch_id[data-v-13506a0e] {
  width: 120px;
  max-width: 120px;
  min-width: 120px;
}
table td[data-v-13506a0e] {
  padding: 4px 6px !important;
}
@media screen and (max-width: 499px) {
table th.check[data-v-13506a0e] {
    width: 65px;
    max-width: 65px;
    min-width: 65px;
}
table th.code[data-v-13506a0e] {
    width: 70px;
    max-width: 70px;
    min-width: 70px;
}
table th.name[data-v-13506a0e] {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
}
table th.hiring_type[data-v-13506a0e] {
    width: 110px;
    max-width: 110px;
    min-width: 110px;
}
table th.branch_id[data-v-13506a0e] {
    width: 125px;
    max-width: 125px;
    min-width: 125px;
}
table th.status[data-v-13506a0e] {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
table th.other[data-v-13506a0e] {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
}
}.add_condition_button_wrap[data-v-96456c3f] {
  margin-top: 10px;
}
.condition_wrap[data-v-96456c3f] {
  margin-top: 10px;
}
.condition_wrap .condition_select_wrap[data-v-96456c3f] {
  display: inline-block;
  width: 150px;
  margin-right: 5px;
}
.condition_wrap .condition_value_wrap[data-v-96456c3f] {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}
.condition_wrap .condition_value_select_wrap[data-v-96456c3f] {
  display: inline-block;
  width: 150px;
}
.condition_wrap .small_info[data-v-96456c3f] {
  color: #5f5f5f;
  font-size: 11px;
  line-height: 15px;
  margin-top: 0;
  white-space: pre-wrap;
  width: 360px;
}
.condition_wrap .delete_condition_button_wrap[data-v-96456c3f] {
  display: inline-block;
  width: 32px;
  margin-left: 10px;
}
.condition_wrap .row[data-v-96456c3f] {
  line-height: 32px;
  margin-top: 10px;
}
.condition_wrap .row[data-v-96456c3f]:first-of-type {
  margin-top: 0px;
}.bulk_change_wrap[data-v-5512c6ca] {
  margin-top: 10px;
}
.bulk_change_block[data-v-5512c6ca] {
  margin-top: 30px;
}
.bulk_change_block[data-v-5512c6ca]:first-of-type {
  margin-top: 0px;
}
.bulk_change_block .bulk_change_title[data-v-5512c6ca] {
  font-size: 16px;
  font-weight: bold;
}
.bulk_change_block .employee_select_table_wrap[data-v-5512c6ca] {
  margin-top: 10px;
}
.submit_button_block[data-v-5512c6ca] {
  margin-top: 20px;
  text-align: center;
}
.submit_button_wrap[data-v-5512c6ca] {
  display: inline-block;
  width: 250px;
}.add_employee_title[data-v-570e25db] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.form_wrap[data-v-570e25db] {
  text-align: right;
  margin-bottom: 10px;
}
.upload_wrap[data-v-570e25db] {
  text-align: center;
}
.submit_wrap[data-v-570e25db] {
  margin-top: 25px;
  text-align: center;
}
.caution[data-v-570e25db] {
  text-align: left;
}.branch_info[data-v-964d6031] {
  margin-bottom: 15px;
}
.branch_info h3[data-v-964d6031] {
  font-size: 18px;
  font-weight: bold;
}
.action_buttons[data-v-964d6031] {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.exec_button_wrap[data-v-964d6031] {
  display: inline-block;
  width: 78px;
}
.exec_button_wrap[data-v-964d6031]:last-of-type {
  margin-left: 4px;
}
.detail_search_button_wrap[data-v-964d6031] {
  width: 175px;
}
.detail_search_wrap[data-v-964d6031] {
  margin-bottom: 10px;
}
.resident_tax_table_wrap th.code[data-v-964d6031] {
  width: 120px;
  height: 68px;
}
.resident_tax_table_wrap th.name[data-v-964d6031] {
  width: 150px;
}
.resident_tax_table_wrap th.hiring_type[data-v-964d6031] {
  width: 150px;
}
.resident_tax_table_wrap th.branch_id[data-v-964d6031] {
  width: 180px;
}
.resident_tax_table_wrap th.siku[data-v-964d6031] {
  width: 130px;
}
.resident_tax_table_wrap th.money_header[data-v-964d6031] {
  width: 110px;
}
.resident_tax_table_wrap th.money_header.bold[data-v-964d6031] {
  font-weight: bold;
}
.resident_tax_table_wrap .money[data-v-964d6031] {
  text-align: right;
}
.edit_resident_tax_button[data-v-964d6031] {
  margin-top: 10px;
  display: inline-block;
}
.control_button_wrap[data-v-964d6031],
.dropdown_button_wrap[data-v-964d6031],
.edit_resident_tax_button[data-v-964d6031] {
  width: 160px;
}
@media screen and (max-width: 499px) {
.resident_tax_table_wrap th.code[data-v-964d6031] {
    width: 55px;
}
.resident_tax_table_wrap th.name[data-v-964d6031] {
    width: 100px;
}
.resident_tax_table_wrap th.hiring_type[data-v-964d6031] {
    width: 110px;
}
.resident_tax_table_wrap th.branch_id[data-v-964d6031] {
    width: 100px;
}
.resident_tax_table_wrap th.siku[data-v-964d6031] {
    width: 110px;
}
.resident_tax_table_wrap th.money_header[data-v-964d6031] {
    width: 110px;
}
}.branch_selector_wrap[data-v-6a50dc0e] {
  margin-bottom: 15px;
}
.resident_tax_attention[data-v-6a50dc0e] {
  margin-top: 15px;
}
.table_wrap[data-v-6a50dc0e] {
  margin-top: 15px;
}.resident_tax_wrap[data-v-92b67f06] {
  background-color: #fffdf7;
  padding: 15px;
}.control_wrap[data-v-27793ef5] {
  margin-top: 15px;
}.laborins_table_wrap[data-v-c92c9a72] {
  margin-top: 10px;
}
.custom[data-v-c92c9a72] {
  color: green;
}
.money[data-v-c92c9a72] {
  width: 100%;
  text-align: right;
}
.money.custom[data-v-c92c9a72] {
  color: green;
}
.person_num_col[data-v-c92c9a72] {
  width: 100%;
  text-align: center;
}
.person_num_col.custom[data-v-c92c9a72] {
  color: green;
}
.edit_prescribed_button[data-v-c92c9a72] {
  margin-top: 10px;
  display: inline-block;
}
.control_button_wrap[data-v-c92c9a72],
.dropdown_button_wrap[data-v-c92c9a72],
.edit_prescribed_button[data-v-c92c9a72] {
  width: 160px;
}
.exec_button_wrap[data-v-c92c9a72] {
  display: inline-block;
  width: 78px;
}
.exec_button_wrap[data-v-c92c9a72]:last-of-type {
  margin-left: 4px;
}
table th[data-v-c92c9a72] {
  text-align: center;
}
table th.item_name[data-v-c92c9a72] {
  width: 260px;
  min-width: 260px;
}
table th.payment[data-v-c92c9a72] {
  --payment_num: 12;
  width: calc(180px * var(--payment_num));
  min-width: calc(180px * var(--payment_num));
}
table th.bonus[data-v-c92c9a72] {
  width: 720px;
  min-width: 720px;
}
table th.yearmonth[data-v-c92c9a72] {
  width: 180px;
  min-width: 180px;
}
table th.person_num[data-v-c92c9a72] {
  width: 80px;
  min-width: 80px;
}
table th.money_header[data-v-c92c9a72] {
  width: 100px;
  min-width: 100px;
}
table th.comp_rate[data-v-c92c9a72] {
  width: 100px;
  min-width: 100px;
}
table th.emp_rate[data-v-c92c9a72] {
  width: 100px;
  min-width: 100px;
}
table th.estimate_comp_rate[data-v-c92c9a72] {
  width: 110px;
  min-width: 110px;
}
table th.estimate_emp_rate[data-v-c92c9a72] {
  width: 110px;
  min-width: 110px;
}
table th.estimated_money[data-v-c92c9a72] {
  width: 100px;
  min-width: 100px;
}
table td.ins_col[data-v-c92c9a72] {
  width: 120px;
  min-width: 120px;
  text-align: center;
}
table td.employee_col[data-v-c92c9a72] {
  width: 140px;
  min-width: 140px;
  text-align: left;
  padding-left: 10px;
}
table td.rate_col[data-v-c92c9a72] {
  text-align: center;
}
@media screen and (max-width: 499px) {
.control_button_wrap[data-v-c92c9a72],
  .dropdown_button_wrap[data-v-c92c9a72],
  .edit_prescribed_button[data-v-c92c9a72] {
    width: 150px;
}
.exec_button_wrap[data-v-c92c9a72] {
    width: 73px;
}
table th.code[data-v-c92c9a72] {
    width: 55px;
}
table th.name[data-v-c92c9a72] {
    width: 100px;
}
table th.hiring_type[data-v-c92c9a72] {
    width: 110px;
}
table th.branch_id[data-v-c92c9a72] {
    width: 100px;
}
table th.money_header[data-v-c92c9a72] {
    width: 110px;
}
table th.paid_on[data-v-c92c9a72] {
    width: 180px;
}
}.document_instruction_modal_title[data-v-0f48e88a] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.document_instruction_modal_body[data-v-0f48e88a] {
  max-height: 70vh;
  overflow-y: auto;
  padding: 0 5px 5px;
}.document_instruction_title[data-v-cc66eb65] {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.document_instruction_content[data-v-cc66eb65] {
  margin-top: 10px;
  font-size: 13px;
  line-height: 20px;
  white-space: pre-wrap;
}
.month_changer_wrap[data-v-4f9f64cd] {
    max-width: 700px;
    margin: 0 auto;
}
.monthly_wrap[data-v-4f9f64cd] {
    margin-top: 15px;
    border-top: dashed 2px lightgray;
}
.laborins_attention[data-v-4f9f64cd] {
    margin-top: 15px;
}
.document_instruction_button_wrap[data-v-4f9f64cd] {
    margin-top: 10px;
}
.card_component {
  display: inline-block;
  width: 100%;
  padding: 10px;
  background-color: white;
  border: 1px solid #9b9a9b;
  border-radius: 5px;
  margin-top: 10px;
}
.card_component .card_title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.card_component:first-of-type {
  margin-top: 0px;
}.create_title[data-v-2cc56d16] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}.payment_wrap[data-v-607620e5] {
  background-color: #fffdf7;
  padding: 15px;
}
.not_lock_wrap[data-v-607620e5] {
  padding: 5vh 20px 35vh;
  text-align: center;
}
.not_lock[data-v-607620e5] {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}
.attention[data-v-607620e5] {
  margin: 10px auto 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  text-align: left;
  width: 490px;
  color: #d10c1d;
}
.document_instruction_button_wrap[data-v-607620e5] {
  margin-top: 15px;
}.control_wrap[data-v-0b77a0f1] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-0b77a0f1] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-0b77a0f1] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-0b77a0f1] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-0b77a0f1] {
  margin-top: 10px;
}.create_title[data-v-3f2f8792] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.csv_button_wrap[data-v-3f2f8792] {
  text-align: center;
}.create_title[data-v-eda30cef] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.summery_button_wrap[data-v-eda30cef] {
  text-align: center;
}.table_wrap[data-v-4f7be783] {
  margin-top: 10px;
}
.detail_search_button_wrap[data-v-4f7be783] {
  width: 175px;
}
.detail_search_wrap[data-v-4f7be783] {
  margin-bottom: 10px;
}
.custom[data-v-4f7be783] {
  color: green;
}
.reflect_column[data-v-4f7be783] {
  background-color: white !important;
}
.icon_wrap[data-v-4f7be783] {
  width: 20px;
  display: inline-block;
}
.icon_wrap svg[data-v-4f7be783] {
  vertical-align: -5px;
  width: 20px;
  height: 20px;
}
.toggle_wrap[data-v-4f7be783] {
  color: black;
  font-weight: 400;
}
.code_title_wrap[data-v-4f7be783] {
  display: inline-block;
  line-height: 52px !important;
}
.money[data-v-4f7be783] {
  width: 100%;
  text-align: right;
}
.money.custom[data-v-4f7be783] {
  color: green;
}
.renew_stdincome_money_levy[data-v-4f7be783] {
  color: red;
}
.renew_stdincome_money_return[data-v-4f7be783] {
  color: blue;
}
.edit_prescribed_button[data-v-4f7be783] {
  margin-top: 10px;
  display: inline-block;
}
.control_button_wrap[data-v-4f7be783],
.dropdown_button_wrap[data-v-4f7be783],
.edit_prescribed_button[data-v-4f7be783] {
  width: 160px;
}
.exec_button_wrap[data-v-4f7be783] {
  display: inline-block;
  width: 78px;
}
.exec_button_wrap[data-v-4f7be783]:last-of-type {
  margin-left: 4px;
}
.yet[data-v-4f7be783] {
  color: #d10c1d;
  font-weight: 600;
}
.none[data-v-4f7be783] {
  font-weight: 600;
}
.is_finish_employee_icon[data-v-4f7be783] {
  cursor: pointer;
  text-align: center;
}
.is_finish_employee_icon svg[data-v-4f7be783] {
  width: 50px;
  height: 50px;
}
.not_start[data-v-4f7be783] {
  text-align: center;
}
.center[data-v-4f7be783] {
  text-align: center;
}
.reflected_to_text[data-v-4f7be783] {
  text-align: center;
  font-weight: 600;
  margin-top: 5px;
}
table th.is_valid[data-v-4f7be783] {
  width: 80px;
}
table th.code[data-v-4f7be783] {
  width: 120px;
}
table th.social_ins_id[data-v-4f7be783] {
  width: 100px;
}
table th.name[data-v-4f7be783] {
  width: 150px;
}
table th.hiring_type[data-v-4f7be783] {
  width: 150px;
}
table th.branch_id[data-v-4f7be783] {
  width: 150px;
}
table th.is_over_seventy[data-v-4f7be783] {
  width: 100px;
}
table th.over_seventy_month[data-v-4f7be783] {
  width: 100px;
}
table th.is_double_biz[data-v-4f7be783] {
  width: 100px;
}
table th.is_change_monthly_wage[data-v-4f7be783] {
  width: 100px;
}
table th.is_join_midcareer[data-v-4f7be783] {
  width: 100px;
}
table th.is_yearly_average[data-v-4f7be783] {
  width: 100px;
}
table th.renewed_yearmonth[data-v-4f7be783] {
  width: 155px;
}
table th.up_down[data-v-4f7be783] {
  width: 100px;
}
table th.month[data-v-4f7be783] {
  width: 100px;
}
table th.type[data-v-4f7be783] {
  width: 120px;
}
table th.day[data-v-4f7be783] {
  width: 90px;
}
table th.money_col[data-v-4f7be783] {
  width: 100px;
}
table th.cash[data-v-4f7be783] {
  width: 100px;
}
table th.retroactive[data-v-4f7be783] {
  width: 100px;
}
table th.sum[data-v-4f7be783] {
  width: 100px;
}
table th.all_sum[data-v-4f7be783] {
  width: 100px;
}
table th.average[data-v-4f7be783] {
  width: 100px;
}
table th.adjusted_average[data-v-4f7be783] {
  width: 100px;
}
table th.biko[data-v-4f7be783] {
  width: 120px;
}
table th.reflect[data-v-4f7be783] {
  width: 110px;
}
table tr.invalid td[data-v-4f7be783] {
  background-color: #e0e0e0;
}
table tr.otsu td[data-v-4f7be783] {
  background-color: #d0d0d0;
}
@media screen and (max-width: 499px) {
.control_button_wrap[data-v-4f7be783],
  .dropdown_button_wrap[data-v-4f7be783],
  .edit_prescribed_button[data-v-4f7be783] {
    width: 150px;
}
.exec_button_wrap[data-v-4f7be783] {
    width: 73px;
}
.code_title_wrap[data-v-4f7be783] {
    font-size: 11px;
}
table th.code[data-v-4f7be783] {
    width: 55px;
}
table th.social_ins_id[data-v-4f7be783] {
    width: 80px;
}
table th.name[data-v-4f7be783] {
    width: 100px;
}
table th.hiring_type[data-v-4f7be783] {
    width: 110px;
}
table th.branch_id[data-v-4f7be783] {
    width: 100px;
}
table th.money_header[data-v-4f7be783] {
    width: 110px;
}
table th.paid_on[data-v-4f7be783] {
    width: 180px;
}
}
.year_changer_wrap[data-v-d3cbd2f9] {
    max-width: 700px;
    margin: 0 auto;
}
.yearly_wrap[data-v-d3cbd2f9] {
    margin-top: 15px;
    border-top: dashed 2px lightgray;
}
.renew_stdincome_attention_title[data-v-d3cbd2f9] {
    margin-top: 20px;
    font-weight: bold;
    font-size: 16px;
}
.renew_stdincome_attention_content[data-v-d3cbd2f9] {
    margin-top: 5px;
    font-size: 13px;
    white-space: pre-wrap;
    line-height: 17px;
}
.movie_guide[data-v-d3cbd2f9] {
    font-weight: 600;
    margin-top: 5px;
    font-size: 13px;
    white-space: pre-wrap;
    line-height: 17px;
}
.guide_button_row[data-v-d3cbd2f9] {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}
.payment_wrap[data-v-8d1f1842] {
  background-color: #fffdf7;
  padding: 15px;
}
.not_lock_wrap[data-v-8d1f1842] {
  padding: 5vh 20px 35vh;
  text-align: center;
}
.not_lock[data-v-8d1f1842] {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}
.guide_download_button_wrap[data-v-8d1f1842] {
  width: 160px;
  margin: 15px 0 0 auto;
}
.guide_button_row[data-v-8d1f1842] {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 15px;
}
@media screen and (max-width: 499px) {
.guide_download_button_wrap[data-v-8d1f1842] {
    width: 150px;
}
}.control_wrap[data-v-759990a1] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-759990a1] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-759990a1] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-759990a1] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-759990a1] {
  margin-top: 10px;
}.title_wrap[data-v-0ef506db],
.edit_wrap[data-v-0ef506db] {
  max-width: 759px;
  margin: 0 auto;
}
.create_button_wrap[data-v-0ef506db] {
  text-align: center;
  margin-top: 20px;
}
.view_pdf_wrap[data-v-0ef506db] {
  max-width: 759px;
  margin: 0 auto;
}
.update_button_wrap[data-v-0ef506db] {
  margin-top: 20px;
}
.mail_template_content[data-v-0ef506db] {
  line-height: 18px;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  max-width: 500px;
}.table_wrap[data-v-7ccdb265] {
  margin-top: 10px;
}
.detail_search_button_wrap[data-v-7ccdb265] {
  width: 175px;
}
.detail_search_wrap[data-v-7ccdb265] {
  margin-bottom: 10px;
}
table th.code[data-v-7ccdb265] {
  width: 120px;
}
table th.name[data-v-7ccdb265] {
  width: 140px;
}
table th.hiring_type[data-v-7ccdb265] {
  width: 140px;
}
table th.branch_id[data-v-7ccdb265] {
  width: 140px;
}
table th.started_on[data-v-7ccdb265] {
  width: 130px;
}
table th.ended_on[data-v-7ccdb265] {
  width: 130px;
}
table th.use_day[data-v-7ccdb265] {
  width: 120px;
}
table th.duty_day[data-v-7ccdb265] {
  width: 120px;
}
table tr.error[data-v-7ccdb265] {
  background-color: #ffcccc !important;
}
table tr.disabled[data-v-7ccdb265] {
  background-color: #e0e0e0 !important;
}
table tr.expired[data-v-7ccdb265] {
  background-color: #c0c0c0 !important;
}
@media screen and (max-width: 499px) {
table th.code[data-v-7ccdb265] {
    width: 55px;
}
table th.name[data-v-7ccdb265] {
    width: 100px;
}
table th.hiring_type[data-v-7ccdb265] {
    width: 110px;
}
table th.branch_id[data-v-7ccdb265] {
    width: 100px;
}
table th.started_on[data-v-7ccdb265] {
    width: 150px;
}
table th.ended_on[data-v-7ccdb265] {
    width: 150px;
}
table th.use_day[data-v-7ccdb265] {
    width: 100px;
}
table th.duty_day[data-v-7ccdb265] {
    width: 100px;
}
}.table_wrap[data-v-b4ab0313] {
  margin-top: 10px;
}
.detail_search_button_wrap[data-v-b4ab0313] {
  width: 175px;
}
.detail_search_wrap[data-v-b4ab0313] {
  margin-bottom: 10px;
}
table th.code[data-v-b4ab0313] {
  width: 120px;
}
table th.name[data-v-b4ab0313] {
  width: 150px;
}
table th.hiring_type[data-v-b4ab0313] {
  width: 150px;
}
table th.branch_id[data-v-b4ab0313] {
  width: 140px;
}
table th.got_on[data-v-b4ab0313] {
  width: 130px;
}
table th.get_day[data-v-b4ab0313] {
  width: 100px;
}
table th.use_day[data-v-b4ab0313] {
  width: 140px;
}
table th.expired_on[data-v-b4ab0313] {
  width: 130px;
}
table th.jiko_day[data-v-b4ab0313] {
  width: 115px;
}
table tr.error[data-v-b4ab0313] {
  background-color: #ffcccc !important;
}
table tr.disabled[data-v-b4ab0313] {
  background-color: #e0e0e0 !important;
}
table tr.expired[data-v-b4ab0313] {
  background-color: #c0c0c0 !important;
}
@media screen and (max-width: 499px) {
table th.code[data-v-b4ab0313] {
    width: 55px;
}
table th.name[data-v-b4ab0313] {
    width: 100px;
}
table th.hiring_type[data-v-b4ab0313] {
    width: 110px;
}
table th.branch_id[data-v-b4ab0313] {
    width: 100px;
}
table th.got_on[data-v-b4ab0313] {
    width: 100px;
}
table th.get_day[data-v-b4ab0313] {
    width: 100px;
}
table th.use_day[data-v-b4ab0313] {
    width: 120px;
}
table th.expired_on[data-v-b4ab0313] {
    width: 100px;
}
table th.jiko_day[data-v-b4ab0313] {
    width: 100px;
}
}.table_wrap[data-v-b68a4949] {
  margin-top: 10px;
}
.detail_search_button_wrap[data-v-b68a4949] {
  width: 175px;
}
.detail_search_wrap[data-v-b68a4949] {
  margin-bottom: 10px;
}
table th.code[data-v-b68a4949] {
  width: 120px;
}
table th.name[data-v-b68a4949] {
  width: 150px;
}
table th.hiring_type[data-v-b68a4949] {
  width: 150px;
}
table th.branch_id[data-v-b68a4949] {
  width: 150px;
}
table th.started_on[data-v-b68a4949] {
  width: 100px;
}
table th.ended_on[data-v-b68a4949] {
  width: 100px;
}
table th.use_day[data-v-b68a4949] {
  width: 100px;
}
table th.short_of_attendance_day[data-v-b68a4949] {
  width: 100px;
}
@media screen and (max-width: 499px) {
table th.code[data-v-b68a4949] {
    width: 55px;
}
table th.name[data-v-b68a4949] {
    width: 100px;
}
table th.hiring_type[data-v-b68a4949] {
    width: 110px;
}
table th.branch_id[data-v-b68a4949] {
    width: 100px;
}
table th.started_on[data-v-b68a4949] {
    width: 100px;
}
table th.ended_on[data-v-b68a4949] {
    width: 100px;
}
table th.use_day[data-v-b68a4949] {
    width: 100px;
}
table th.short_of_attendance_day[data-v-b68a4949] {
    width: 100px;
}
}.remain_head[data-v-c7659476] {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.as_of_date[data-v-c7659476] {
  padding: 4px 10px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  background-color: #fff;
  color: #4b5563;
  font-size: 12px;
  font-weight: 600;
}
.table_wrap[data-v-c7659476] {
  margin-top: 10px;
}
.detail_search_button_wrap[data-v-c7659476] {
  width: 175px;
}
.detail_search_wrap[data-v-c7659476] {
  margin-bottom: 10px;
}
.hourly_remain[data-v-c7659476] {
  margin-left: 5px;
  color: #6b7280;
  font-size: 11px;
}
table th.code[data-v-c7659476] {
  width: 120px;
}
table th.name[data-v-c7659476] {
  width: 150px;
}
table th.hiring_type[data-v-c7659476] {
  width: 150px;
}
table th.branch_id[data-v-c7659476] {
  width: 150px;
}
table th.remain_paidhol[data-v-c7659476] {
  width: 130px;
}
table th.latest_got_on[data-v-c7659476] {
  width: 140px;
}
table th.nearest_expired_on[data-v-c7659476] {
  width: 140px;
}
@media screen and (max-width: 499px) {
.remain_head[data-v-c7659476] {
    justify-content: flex-start;
    padding-left: 5px;
}
table th.code[data-v-c7659476] {
    width: 55px;
}
table th.name[data-v-c7659476] {
    width: 100px;
}
table th.hiring_type[data-v-c7659476] {
    width: 110px;
}
table th.branch_id[data-v-c7659476] {
    width: 100px;
}
table th.remain_paidhol[data-v-c7659476] {
    width: 110px;
}
table th.latest_got_on[data-v-c7659476] {
    width: 125px;
}
table th.nearest_expired_on[data-v-c7659476] {
    width: 125px;
}
}.tab_wrap[data-v-dca805ea] {
  margin-top: 15px;
}
.paidhol_wrap[data-v-dca805ea] {
  border-top: 2px solid #6cb1b7;
  background-color: #fafafa;
  padding: 15px;
}
.month_changer_wrap[data-v-dca805ea] {
  max-width: 700px;
  margin: 0 auto;
}
.month_changer_span[data-v-dca805ea] {
  margin-top: 5px;
  text-align: center;
  font-size: 12px;
  color: #999;
}
.monthly_wrap[data-v-dca805ea] {
  margin-top: 15px;
  border-top: dashed 2px lightgray;
}
.monthly_wrap.filter[data-v-dca805ea] {
  border-top: none;
}
.paidhol_attention_title[data-v-dca805ea] {
  margin-top: 20px;
  font-weight: bold;
  font-size: 16px;
}
.paidhol_attention_content[data-v-dca805ea] {
  margin-top: 5px;
  font-size: 13px;
  white-space: pre-wrap;
  line-height: 17px;
}
@media screen and (max-width: 599px) {
.monthly_wrap[data-v-dca805ea] {
    margin-top: 10px;
}
}
@media screen and (max-width: 499px) {
.paidhol_wrap[data-v-dca805ea] {
    padding: 10px 5px;
}
}.index_wrap[data-v-fce0be3b] {
  padding: 15px;
}.shifttime_wrap[data-v-74b09b0c] {
  width: 100%;
  border-radius: 4px;
  margin-top: 6px;
}
.shifttime[data-v-74b09b0c] {
  color: black;
  font-size: 11px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 4px 0;
}
.event_wrap[data-v-74b09b0c] {
  width: 100%;
  padding: 4px;
  border-radius: 4px;
  margin-top: 3px;
}
.event[data-v-74b09b0c] {
  color: white;
  font-size: 10px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}.tab_wrap[data-v-0dbe33f6] {
  margin-top: 15px;
}
.calendar_wrap[data-v-0dbe33f6] {
  border-top: 2px solid #4395d4;
  background-color: rgb(243, 249, 252);
  padding: 15px;
}
.control_wrap[data-v-0dbe33f6] {
  margin-top: 15px;
  border-top: dashed 2px lightgray;
}
.monthly_wrap[data-v-0dbe33f6],
.manipulator_wrap[data-v-0dbe33f6] {
  display: inline-block;
}
.monthly_wrap[data-v-0dbe33f6] {
  margin-top: 15px;
  width: calc(100% - 150px);
}
.manipulator_wrap[data-v-0dbe33f6] {
  margin-top: 15px;
  width: 150px;
}
@media screen and (max-width: 1023px) {
.tab_wrap[data-v-0dbe33f6] {
    display: none;
}
}.control_button_wrap[data-v-92c55e07] {
  display: inline-block;
  width: 150px;
  margin-left: 3px;
}
.control_button_wrap[data-v-92c55e07]:first-child {
  margin-left: 0;
}
.shift_title[data-v-92c55e07] {
  font-size: 18px;
  font-weight: 600;
}
.shift_title span[data-v-92c55e07] {
  vertical-align: middle;
}
.shift_wrap[data-v-92c55e07] {
  margin-top: 10px;
}
.operation_button_wrap[data-v-92c55e07] {
  display: inline-block;
  width: 32px;
  margin-left: 3px;
}
.operation_button_wrap[data-v-92c55e07]:first-child {
  margin-left: 0;
}
.shift_time_col[data-v-92c55e07],
.employee_name_col[data-v-92c55e07] {
  font-size: 14px;
  height: 25px;
  line-height: 25px;
}
.shift_time_col.edit[data-v-92c55e07],
.employee_name_col.edit[data-v-92c55e07] {
  height: 32px;
  line-height: 32px;
}
.shift_time_col[data-v-92c55e07] {
  text-align: center;
}
.person_icon_wrap[data-v-92c55e07] {
  width: 34px;
  display: inline-block;
}
.person_icon_wrap svg[data-v-92c55e07] {
  vertical-align: -12px;
  width: 34px;
  height: 34px;
}
.control_wrap[data-v-92c55e07] {
  display: inline-block;
  margin-left: 15px;
}
.shift_table_wrap[data-v-92c55e07] {
  margin-top: 8px;
}
table th.name[data-v-92c55e07] {
  width: 150px;
  min-width: 150px;
}
table th.shift_start[data-v-92c55e07] {
  width: 86px;
}
table th.shift_end[data-v-92c55e07] {
  width: 86px;
}
table th.punch_in[data-v-92c55e07] {
  width: 86px;
}
table th.punch_out[data-v-92c55e07] {
  width: 86px;
}
table th.break_start[data-v-92c55e07] {
  width: 86px;
}
table th.break_end[data-v-92c55e07] {
  width: 86px;
}
table th.plan_break_start[data-v-92c55e07], table th.plan_break_end[data-v-92c55e07], table th.actual_break_start[data-v-92c55e07], table th.actual_break_end[data-v-92c55e07] {
  width: 86px;
}
table th.shift_group[data-v-92c55e07], table th.punch_group[data-v-92c55e07] {
  width: 172px;
}
table th.shift_group.separated[data-v-92c55e07], table th.punch_group.separated[data-v-92c55e07] {
  width: 344px;
}
table th.button[data-v-92c55e07] {
  width: 84px;
}
@media screen and (max-width: 499px) {
.shift_title[data-v-92c55e07] {
    font-size: 14px;
    text-indent: 3px;
}
.shift_time_col[data-v-92c55e07],
  .employee_name_col[data-v-92c55e07] {
    height: 20px;
    line-height: 20px;
}
.employee_name_col[data-v-92c55e07] {
    font-size: 10px !important;
}
.shift_table_wrap[data-v-92c55e07] {
    padding: 0px;
    margin-top: 5px;
}
.shift_wrap[data-v-92c55e07] {
    margin-top: 5px;
}
table th.name[data-v-92c55e07] {
    width: 55px;
    min-width: 55px;
}
table th.shift_start[data-v-92c55e07] {
    width: 42px;
    max-width: 50px;
}
table th.shift_end[data-v-92c55e07] {
    width: 42px;
    max-width: 50px;
}
table th.punch_in[data-v-92c55e07] {
    width: 46px;
    max-width: 50px;
}
table th.punch_out[data-v-92c55e07] {
    width: 46px;
    max-width: 50px;
}
table th.break_start[data-v-92c55e07] {
    width: 46px;
    max-width: 50px;
}
table th.break_end[data-v-92c55e07] {
    width: 46px;
    max-width: 50px;
}
table th.plan_break_start[data-v-92c55e07], table th.plan_break_end[data-v-92c55e07], table th.actual_break_start[data-v-92c55e07], table th.actual_break_end[data-v-92c55e07] {
    width: 46px;
    max-width: 50px;
}
table th.shift_group[data-v-92c55e07], table th.punch_group[data-v-92c55e07] {
    width: 92px;
    max-width: 100px;
}
table th.shift_group.separated[data-v-92c55e07], table th.punch_group.separated[data-v-92c55e07] {
    width: 184px;
    max-width: 200px;
}
.shift_card[data-v-92c55e07] {
    position: relative;
    background-color: #fff;
    box-shadow: 1px 1px 5px grey;
    padding: 10px 5px;
    border-radius: 5px;
    margin: 2px;
}
.shift_card .employee_name[data-v-92c55e07] {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
    text-indent: 3px;
}
.shift_card .shift[data-v-92c55e07],
  .shift_card .punch[data-v-92c55e07],
  .shift_card .break[data-v-92c55e07] {
    display: inline-block;
    width: 33.3333333333%;
    text-align: center;
    vertical-align: top;
}
.shift_card .shift .head[data-v-92c55e07],
  .shift_card .punch .head[data-v-92c55e07],
  .shift_card .break .head[data-v-92c55e07] {
    font-size: 10px;
    font-weight: 600;
    display: block;
    margin-bottom: 2px;
}
.shift_card .shift .body[data-v-92c55e07],
  .shift_card .punch .body[data-v-92c55e07],
  .shift_card .break .body[data-v-92c55e07] {
    font-size: 13px;
    display: block;
}
.shift_card .shift .body .shift_time_col[data-v-92c55e07],
  .shift_card .punch .body .shift_time_col[data-v-92c55e07],
  .shift_card .break .body .shift_time_col[data-v-92c55e07] {
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    font-weight: 600;
}
.shift_table_wrap.separated_break_table .shift_card .shift[data-v-92c55e07],
  .shift_table_wrap.separated_break_table .shift_card .punch[data-v-92c55e07],
  .shift_table_wrap.separated_break_table .shift_card .break[data-v-92c55e07] {
    width: 50%;
}
}.control_button_wrap[data-v-70f3c04c] {
  display: inline-block;
  width: 150px;
  margin-left: 3px;
}
.control_button_wrap[data-v-70f3c04c]:first-child {
  margin-left: 0;
}
.event_wrap[data-v-70f3c04c] {
  margin-top: 15px;
}
.event_title[data-v-70f3c04c] {
  font-size: 18px;
  font-weight: 600;
}
.event_title span[data-v-70f3c04c] {
  vertical-align: middle;
}
.no_event[data-v-70f3c04c] {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
}
.event_block[data-v-70f3c04c] {
  padding: 14px;
  border: 2px solid rgb(230, 230, 230);
  border-radius: 5px;
  margin-top: 10px;
  position: relative;
}
.event_block .event_name[data-v-70f3c04c] {
  font-size: 15px;
  font-weight: 600;
}
.event_block .event_name .event_time[data-v-70f3c04c] {
  line-height: 15px;
  margin-left: 10px;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
}
.event_block .event_biko[data-v-70f3c04c] {
  margin-top: 5px;
  font-size: 12px;
  color: rgb(100, 100, 100);
  line-height: 15px;
}
.schedule_icon_wrap[data-v-70f3c04c] {
  width: 34px;
  display: inline-block;
}
.schedule_icon_wrap svg[data-v-70f3c04c] {
  vertical-align: -10px;
  width: 26px;
  height: 26px;
  margin: 0 6px;
}
@media screen and (max-width: 499px) {
.event_wrap[data-v-70f3c04c] {
    margin-top: 10px;
}
.event_title[data-v-70f3c04c] {
    font-size: 14px;
}
.event_block[data-v-70f3c04c] {
    padding: 8px;
    margin-top: 5px;
}
.event_block .event_name[data-v-70f3c04c] {
    font-size: 12px;
}
.event_block .event_name .event_time[data-v-70f3c04c] {
    line-height: 13px;
    margin-left: 5px;
    font-size: 10px;
}
.event_block .event_biko[data-v-70f3c04c] {
    margin-top: 3px;
    font-size: 10px;
    line-height: 12px;
}
}.branch_wrap[data-v-c7fe2d3e] {
  border: rgb(230, 230, 230) 3px solid;
  padding: 10px 15px;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 600;
}
.branch_wrap .branch_name[data-v-c7fe2d3e] {
  font-size: 16px;
  font-weight: 600;
}
.branch_wrap .branch_icon_wrap[data-v-c7fe2d3e] {
  display: inline-block;
  width: 34px;
}
.branch_wrap .branch_icon_wrap svg[data-v-c7fe2d3e] {
  vertical-align: -7px;
  width: 25px;
  height: 25px;
}
.no_shift[data-v-c7fe2d3e] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 25px;
}
.not_published[data-v-c7fe2d3e] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 25px;
  padding: 18px 12px;
  border: 2px solid #e2e2e2;
  background-color: #f7f7f7;
}
@media screen and (max-width: 499px) {
.branch_wrap[data-v-c7fe2d3e] {
    padding: 5px;
}
.branch_wrap .branch_icon_wrap[data-v-c7fe2d3e] {
    width: 30px;
}
.shift_wrap[data-v-c7fe2d3e] {
    margin-top: 5px;
    padding: 0px;
}
.no_shift[data-v-c7fe2d3e] {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}
}.shift_list_page[data-v-6d790c9e] {
  border-top: 2px solid #4395d4;
  background-color: rgb(243, 249, 252);
  padding: 15px;
}
.month_changer_wrap[data-v-6d790c9e] {
  max-width: 700px;
  margin: 0 auto 15px;
}
.shift_list_wrap[data-v-6d790c9e] {
  display: grid;
  gap: 10px;
}
.shift_day_card[data-v-6d790c9e] {
  background: #fff;
  border: 1px solid #d6e8f5;
  border-radius: 6px;
  padding: 12px;
}
.shift_day_card.today[data-v-6d790c9e] {
  background: #eef8ff;
  border-color: #4395d4;
  box-shadow: inset 4px 0 0 #4395d4;
}
.shift_day_head[data-v-6d790c9e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.shift_day_date[data-v-6d790c9e] {
  font-size: 16px;
  font-weight: 600;
}
.today_badge[data-v-6d790c9e] {
  background: #4395d4;
  color: #fff;
  border-radius: 4px;
  padding: 5px 10px;
  line-height: 1;
  font-size: 12px;
  font-weight: 600;
}
.shift_row[data-v-6d790c9e] {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid #edf2f5;
}
.shift_row[data-v-6d790c9e]:first-child {
  border-top: none;
}
.branch_name[data-v-6d790c9e] {
  font-weight: 600;
  color: #3d5366;
}
.time_block[data-v-6d790c9e] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 3px;
}
.time_block[data-v-6d790c9e]:first-child {
  margin-top: 0;
}
.time_label[data-v-6d790c9e] {
  min-width: 44px;
  color: #6b7780;
  font-size: 12px;
  font-weight: 600;
}
.time_value[data-v-6d790c9e] {
  font-weight: 600;
}
.no_shift[data-v-6d790c9e] {
  padding: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.45);
  background: #fff;
  border-radius: 6px;
}
@media screen and (max-width: 599px) {
.shift_day_card[data-v-6d790c9e] {
    padding: 10px;
}
.shift_row[data-v-6d790c9e] {
    grid-template-columns: 1fr;
    gap: 4px;
}
}.calendar_block[data-v-46bfb334],
.detail_block[data-v-46bfb334] {
  vertical-align: top;
  display: inline-block;
}
.tab_wrap[data-v-46bfb334] {
  margin-top: 15px;
}
.calendar_block[data-v-46bfb334] {
  width: 39%;
  margin-right: 1%;
}
.detail_block[data-v-46bfb334] {
  width: 59%;
  margin-left: 1%;
}
.calendar_wrap[data-v-46bfb334] {
  margin-top: 0;
}
.detail_wrap[data-v-46bfb334] {
  margin-top: 30px;
}
.detail_modal_wrap[data-v-46bfb334] {
  display: none;
}
.list_mode_block[data-v-46bfb334] {
  width: 100%;
}
@media screen and (max-width: 959px) {
.calendar_block[data-v-46bfb334] {
    width: 100%;
}
.detail_block[data-v-46bfb334] {
    display: none;
}
.detail_modal_wrap[data-v-46bfb334] {
    display: block;
}
}.able_pattern_time_col[data-v-f374e4a9] {
  font-size: 14px;
  height: 25px;
  line-height: 25px;
}
.able_pattern_time_col.edit[data-v-f374e4a9] {
  height: 32px;
  line-height: 32px;
}
table th.name[data-v-f374e4a9],
table td.name[data-v-f374e4a9] {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
table th.able_pattern_time[data-v-f374e4a9],
table td.able_pattern_time[data-v-f374e4a9] {
  width: 145px;
  max-width: 145px;
  min-width: 145px;
}
table th.button[data-v-f374e4a9],
table td.button[data-v-f374e4a9] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
@media screen and (max-width: 499px) {
table th.name[data-v-f374e4a9],
  table td.name[data-v-f374e4a9] {
    width: 100px;
}
table th.able_pattern_time[data-v-f374e4a9],
  table td.able_pattern_time[data-v-f374e4a9] {
    width: 133px;
}
table th.button[data-v-f374e4a9],
  table td.button[data-v-f374e4a9] {
    width: 65px;
}
}.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
.draggable_hovering th.able_pattern_time,
.draggable_hovering td.able_pattern_time {
  width: 145px;
  max-width: 145px;
  min-width: 145px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 100px;
}
.draggable_hovering th.able_pattern_time,
  .draggable_hovering td.able_pattern_time {
    width: 133px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 65px;
}
}.add_able_title[data-v-fc8a3d5e] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.pattern_button_wrap[data-v-fc8a3d5e] {
  display: inline-block;
  width: 150px;
}.button_wrap[data-v-82c830cd] {
  height: 32px;
}
.pattern_button_wrap[data-v-82c830cd] {
  float: right;
  width: 150px;
}
.shiftgroup_selector_wrap[data-v-82c830cd] {
  float: left;
}
.branchselector_wrap[data-v-82c830cd] {
  display: inline-block;
  width: calc(100% - 150px);
  vertical-align: top;
}
.pattern_button_group_wrap[data-v-82c830cd] {
  display: inline-block;
  width: 150px;
}
.pattern_button_group_wrap.no_branch_selector[data-v-82c830cd] {
  width: 100%;
  text-align: right;
}
.control_table_wrap[data-v-82c830cd] {
  margin-top: 10px;
}
table th.day[data-v-82c830cd] {
  width: 32px;
}
table th.pattern[data-v-82c830cd] {
  width: 150px;
}
table th.able_time[data-v-82c830cd] {
  width: 144px;
}
@media screen and (max-width: 499px) {
table th.day[data-v-82c830cd] {
    width: 27px;
}
table th.pattern[data-v-82c830cd] {
    width: 120px;
}
table th.able_time[data-v-82c830cd] {
    width: 134px;
}
}.sticky_col[data-v-ac33542d] {
  position: sticky;
  left: 0;
  z-index: 1;
}
.control_wrap[data-v-ac33542d] {
  max-width: 575px;
  padding: 10px;
  border: 2px dashed #4395d4;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
  margin: 0 auto;
}
.apply_wrap[data-v-ac33542d] {
  margin-top: 15px;
  text-align: center;
}
.apply_button_wrap[data-v-ac33542d] {
  display: inline-block;
  width: 250px;
}
.apply_img_wrap[data-v-ac33542d] {
  margin-top: 10px;
}
.apply_img_wrap img[data-v-ac33542d] {
  width: 70px;
  margin: 0 auto;
}
.shifts_table_wrap[data-v-ac33542d] {
  padding: 10px;
}
.need_time_branch_wrap[data-v-ac33542d] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin-bottom: 8px;
}
.need_time_branch_select_wrap[data-v-ac33542d] {
  width: 300px;
  max-width: 100%;
}
.need_time_branch_text[data-v-ac33542d] {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  white-space: nowrap;
}
table th.date[data-v-ac33542d] {
  width: 256px;
}
table th.pattern[data-v-ac33542d] {
  width: 150px;
}
table th.able_time[data-v-ac33542d] {
  width: 144px;
}
table th.need_time[data-v-ac33542d] {
  width: 144px;
}
table th.content[data-v-ac33542d] {
  width: 200px;
}
table .attendance_locked_col[data-v-ac33542d] {
  font-size: 15px;
  text-align: center;
}
.day_text.sun[data-v-ac33542d] {
  color: red;
}
.day_text.sat[data-v-ac33542d] {
  color: blue;
}
@media screen and (max-width: 499px) {
.need_time_branch_select_wrap[data-v-ac33542d] {
    width: 220px;
}
.need_time_branch_text[data-v-ac33542d] {
    height: 27px;
    line-height: 27px;
    font-size: 13px;
}
table th.date[data-v-ac33542d] {
    width: 80px;
}
table th.pattern[data-v-ac33542d] {
    width: 120px;
    max-width: 120px;
}
table th.able_time[data-v-ac33542d], table th.need_time[data-v-ac33542d] {
    width: 134px;
    max-width: 134px;
}
table th.content[data-v-ac33542d] {
    width: 150px;
    max-width: 150px;
}
}.content_wrap[data-v-055a1eba] {
  margin-top: 10px;
}.locked[data-v-11b0eb9c] {
  font-size: 8px;
}
.needing[data-v-11b0eb9c] {
  color: #69AF8A;
}
.inputted[data-v-11b0eb9c] {
  color: #4395d4;
}
.locked[data-v-11b0eb9c], .needing[data-v-11b0eb9c], .inputted[data-v-11b0eb9c] {
  font-weight: 600;
  margin-top: 5px;
}
.branch_selector_wrap[data-v-11b0eb9c] {
  position: absolute;
  top: -40px;
  width: 300px;
}
.need_time_branch_wrap[data-v-11b0eb9c] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin-bottom: 8px;
}
.need_time_branch_select_wrap[data-v-11b0eb9c] {
  width: 300px;
  max-width: 100%;
}
.need_time_branch_text[data-v-11b0eb9c] {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  white-space: nowrap;
}
@media screen and (max-width: 499px) {
.need_time_branch_select_wrap[data-v-11b0eb9c] {
    width: 220px;
}
.need_time_branch_text[data-v-11b0eb9c] {
    height: 27px;
    line-height: 27px;
    font-size: 13px;
}
}.add_shift_title[data-v-628211aa] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.month_changer_wrap[data-v-628211aa], .type_changer_wrap[data-v-628211aa] {
  max-width: 700px;
  margin: 10px auto 0;
}
.span_mode_wrap[data-v-628211aa] {
  max-width: 700px;
  margin: 8px auto 0;
  text-align: center;
}
.half_month_span_radio[data-v-628211aa] {
  margin-left: 8px;
}
.type_changer_wrap[data-v-628211aa] {
  text-align: right;
}
.shift_wrap[data-v-628211aa] {
  margin: 10px auto 0;
  max-width: 925px;
  position: relative;
}
.submit_wrap[data-v-628211aa] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-628211aa] {
  display: inline-block;
  width: 250px;
}.able_pattern_time_col[data-v-fa9b80b8] {
  font-size: 14px;
  height: 25px;
  line-height: 25px;
}
.able_pattern_time_col.edit[data-v-fa9b80b8] {
  height: 32px;
  line-height: 32px;
}
table th.name[data-v-fa9b80b8],
table td.name[data-v-fa9b80b8] {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
table th.able_pattern_time[data-v-fa9b80b8],
table td.able_pattern_time[data-v-fa9b80b8] {
  width: 145px;
  max-width: 145px;
  min-width: 145px;
}
table th.able_pattern_break[data-v-fa9b80b8],
table td.able_pattern_break[data-v-fa9b80b8] {
  width: 145px;
  max-width: 145px;
  min-width: 145px;
}
table th.button[data-v-fa9b80b8],
table td.button[data-v-fa9b80b8] {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
@media screen and (max-width: 499px) {
table th.name[data-v-fa9b80b8],
  table td.name[data-v-fa9b80b8] {
    width: 100px;
}
table th.able_pattern_time[data-v-fa9b80b8],
  table td.able_pattern_time[data-v-fa9b80b8] {
    width: 133px;
}
table th.able_pattern_break[data-v-fa9b80b8],
  table td.able_pattern_break[data-v-fa9b80b8] {
    width: 133px;
}
table th.button[data-v-fa9b80b8],
  table td.button[data-v-fa9b80b8] {
    width: 65px;
}
}.draggable_hovering th.name,
.draggable_hovering td.name {
  width: 150px;
  max-width: 150px;
  min-width: 150px;
}
.draggable_hovering th.able_pattern_time,
.draggable_hovering td.able_pattern_time {
  width: 145px;
  max-width: 145px;
  min-width: 145px;
}
.draggable_hovering th.able_pattern_break,
.draggable_hovering td.able_pattern_break {
  width: 145px;
  max-width: 145px;
  min-width: 145px;
}
.draggable_hovering th.button,
.draggable_hovering td.button {
  width: 83px;
  max-width: 83px;
  min-width: 83px;
}
@media screen and (max-width: 499px) {
.draggable_hovering th.name,
  .draggable_hovering td.name {
    width: 100px;
}
.draggable_hovering th.able_pattern_time,
  .draggable_hovering td.able_pattern_time {
    width: 133px;
}
.draggable_hovering th.able_pattern_break,
  .draggable_hovering td.able_pattern_break {
    width: 133px;
}
.draggable_hovering th.button,
  .draggable_hovering td.button {
    width: 65px;
}
}.add_able_title[data-v-4b581905] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.pattern_button_wrap[data-v-4b581905] {
  display: inline-block;
  width: 150px;
}.coretime_wrap[data-v-14c72b28] {
  text-align: center;
  margin: 10px 0;
}
.coretime_wrap .coretime[data-v-14c72b28] {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}
.coretime_wrap .coretime_attention[data-v-14c72b28] {
  font-size: 16px;
  font-weight: 600;
  color: #d10c1d;
  line-height: 30px;
}
@media screen and (max-width: 499px) {
.coretime_wrap[data-v-14c72b28] {
    margin: 10px 0;
}
.coretime_wrap .coretime[data-v-14c72b28] {
    font-size: 16px;
    line-height: 25px;
}
.coretime_wrap .coretime_attention[data-v-14c72b28] {
    font-size: 14px;
    line-height: 25px;
}
}.button_wrap[data-v-3415b717] {
  margin-top: 10px;
  height: 32px;
}
.pattern_button_wrap[data-v-3415b717] {
  float: right;
  width: 150px;
}
.shiftgroup_selector_wrap[data-v-3415b717] {
  float: left;
}
.branchselector_wrap[data-v-3415b717] {
  display: inline-block;
  width: calc(100% - 150px);
  vertical-align: top;
}
.pattern_button_group_wrap[data-v-3415b717] {
  display: inline-block;
  width: 150px;
}
.control_table_wrap[data-v-3415b717] {
  margin-top: 10px;
}
table[data-v-3415b717] {
  width: 100%;
  min-width: 700px;
}
table th[data-v-3415b717] {
  background-color: rgb(223, 239, 253);
  border: 1px white solid;
  font-size: 13px;
  text-align: center;
  line-height: 30px;
  height: 30px;
}
table th.day[data-v-3415b717] {
  width: 32px;
}
table th.pattern[data-v-3415b717] {
  width: 150px;
}
table th.shift_shift[data-v-3415b717] {
  width: 144px;
}
table th.shift_break[data-v-3415b717] {
  width: 144px;
}
table td[data-v-3415b717] {
  text-align: center;
  padding: 6px 8px;
  background-color: white;
  line-height: 32px;
}
@media screen and (max-width: 499px) {
table th.day[data-v-3415b717] {
    width: 27px;
}
table th.pattern[data-v-3415b717] {
    width: 120px;
}
table th.shift_shift[data-v-3415b717], table th.shift_break[data-v-3415b717] {
    width: 134px;
}
}.sticky_col[data-v-44d7e47f] {
  position: sticky;
  left: 0;
  z-index: 1;
}
.control_wrap[data-v-44d7e47f] {
  max-width: 575px;
  padding: 10px;
  border: 2px dashed #4395d4;
  background-color: rgb(245, 245, 245);
  border-radius: 10px;
  margin: 0 auto;
}
.apply_wrap[data-v-44d7e47f] {
  margin-top: 15px;
  text-align: center;
}
.apply_button_wrap[data-v-44d7e47f] {
  display: inline-block;
  width: 250px;
}
.apply_img_wrap[data-v-44d7e47f] {
  margin-top: 10px;
}
.apply_img_wrap img[data-v-44d7e47f] {
  width: 70px;
  margin: 0 auto;
}
.shifts_table_wrap[data-v-44d7e47f] {
  padding: 10px;
}
table[data-v-44d7e47f] {
  width: 100%;
}
table th[data-v-44d7e47f] {
  background-color: rgb(223, 239, 253);
  border: 1px white solid;
  font-size: 13px;
  text-align: center;
  line-height: 30px;
  height: 30px;
}
table th.date[data-v-44d7e47f] {
  width: 256px;
}
table th.pattern[data-v-44d7e47f] {
  width: 150px;
}
table th.shift_shift[data-v-44d7e47f], table th.shift_break[data-v-44d7e47f] {
  width: 144px;
}
table td[data-v-44d7e47f] {
  text-align: center;
  padding: 6px 8px;
  background-color: white;
  line-height: 32px;
  border-bottom: 1px solid lightgray;
}
table .attendance_locked_col[data-v-44d7e47f] {
  font-size: 15px;
  text-align: center;
}
.day_text.sun[data-v-44d7e47f] {
  color: red;
}
.day_text.sat[data-v-44d7e47f] {
  color: blue;
}
@media screen and (max-width: 499px) {
table th.date[data-v-44d7e47f] {
    width: 80px;
}
table th.pattern[data-v-44d7e47f] {
    width: 120px;
    max-width: 120px;
}
table th.shift_shift[data-v-44d7e47f], table th.shift_break[data-v-44d7e47f] {
    width: 134px;
    max-width: 134px;
}
}.content_wrap[data-v-db566bee] {
  margin-top: 10px;
}.locked[data-v-d3ad92e3] {
  font-size: 8px;
}
.needing[data-v-d3ad92e3] {
  color: #69AF8A;
}
.inputted[data-v-d3ad92e3] {
  color: #4395d4;
}
.locked[data-v-d3ad92e3], .needing[data-v-d3ad92e3], .inputted[data-v-d3ad92e3] {
  font-weight: 600;
  margin-top: 5px;
}
.branch_selector_wrap[data-v-d3ad92e3] {
  position: absolute;
  top: -40px;
  width: 300px;
}.add_shift_title[data-v-0aa5aea3] {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.month_changer_wrap[data-v-0aa5aea3], .type_changer_wrap[data-v-0aa5aea3] {
  max-width: 700px;
  margin: 10px auto 0;
}
.type_changer_wrap[data-v-0aa5aea3] {
  text-align: right;
}
.shift_wrap[data-v-0aa5aea3] {
  margin: 10px auto 0;
  max-width: 725px;
  position: relative;
}
.submit_wrap[data-v-0aa5aea3] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-0aa5aea3] {
  display: inline-block;
  width: 250px;
}.attendance_detail_wrap[data-v-479bc2ec] {
  margin-top: 10px;
}
.attendance_badge[data-v-479bc2ec] {
  background-color: #4eb187;
  display: inline-block;
  color: white;
  font-weight: bold;
  padding: 8px 4px;
  text-align: center;
  border-radius: 4px;
  width: 80px;
  margin-top: 15px;
  margin-right: 10px;
}
.attendance_error_block[data-v-479bc2ec] {
  margin-top: 15px;
}
.error_badge[data-v-479bc2ec] {
  background-color: #ca3a31;
  vertical-align: top;
}
.attendance_error_list[data-v-479bc2ec] {
  display: inline-block;
  width: calc(100% - 90px);
  margin: 15px 0 0;
  padding: 8px 10px;
  border: 1px solid #f2b8b5;
  border-radius: 4px;
  background-color: #fff4f3;
  color: #9d271f;
  font-size: 12px;
  font-weight: 600;
  vertical-align: top;
}
.attendance_card[data-v-479bc2ec] {
  position: relative;
  background-color: #fff;
  box-shadow: 1px 1px 5px grey;
  padding: 10px;
  border-radius: 5px;
  margin: 5px;
}
.attendance_card .branch_name[data-v-479bc2ec] {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 27px;
}
.attendance_card .shift_block[data-v-479bc2ec],
.attendance_card .punch_block[data-v-479bc2ec],
.attendance_card .break_block[data-v-479bc2ec] {
  margin-top: 10px;
}
.attendance_card .shift[data-v-479bc2ec],
.attendance_card .punch[data-v-479bc2ec],
.attendance_card .break[data-v-479bc2ec] {
  display: inline-block;
  width: 100%;
  text-align: center;
  vertical-align: top;
}
.attendance_card .shift .head[data-v-479bc2ec],
.attendance_card .punch .head[data-v-479bc2ec],
.attendance_card .break .head[data-v-479bc2ec] {
  font-size: 10px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 2px;
  width: 80px;
  vertical-align: top;
}
.attendance_card .shift .body[data-v-479bc2ec],
.attendance_card .punch .body[data-v-479bc2ec],
.attendance_card .break .body[data-v-479bc2ec] {
  font-size: 13px;
  display: inline-block;
  width: calc(100% - 80px);
}
.attendance_card .shift .body .shift_time_col[data-v-479bc2ec],
.attendance_card .punch .body .shift_time_col[data-v-479bc2ec],
.attendance_card .break .body .shift_time_col[data-v-479bc2ec] {
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  font-weight: 600;
}.no_data_text[data-v-72c00232] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.chart_table_example[data-v-72c00232] {
  display: inline-block;
  line-height: 14px;
  vertical-align: middle;
  width: 100%;
}
.chart_table_example .example_block[data-v-72c00232] {
  margin: 5px 0px;
}
.chart_table_example .example_block .example_wrap[data-v-72c00232] {
  border: 2px solid #c8c8c8;
  border-radius: 5px;
  padding: 5px 8px;
  display: inline-block;
  margin-right: 3px;
}
.chart_table_example .example_block .example_wrap[data-v-72c00232]:last-of-type {
  margin-right: 0px;
}
.chart_table_example .cell-example[data-v-72c00232] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #000;
  vertical-align: middle;
}
.chart_table_example .cell-example-text[data-v-72c00232] {
  vertical-align: middle;
  line-height: 14px;
  margin-left: 5px;
}
.chart_wrap[data-v-72c00232] {
  width: 100%;
}
.chart_table_wrap[data-v-72c00232] {
  width: 100%;
  overflow-y: visible;
  overflow-x: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  margin-top: 15px;
  z-index: 1;
}
.chart_table[data-v-72c00232] {
  width: 100%;
  margin-bottom: 25px;
  table-layout: fixed;
}
.time_head[data-v-72c00232] {
  min-width: 150px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 3;
}
.time_time[data-v-72c00232] {
  min-width: 60px;
  height: 15px;
}
.time_head[data-v-72c00232],
.time_time[data-v-72c00232] {
  border-left: 1px solid lightgray;
  font-size: 13px;
  line-height: 25px;
  overflow: visible;
  position: relative;
}
.time_head[data-v-72c00232]:first-of-type,
.time_time[data-v-72c00232]:first-of-type {
  border-left: none;
}
.chart_head[data-v-72c00232] {
  width: 160px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  min-width: 150px;
  border-right: none;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 3;
  line-height: 20px;
  padding-left: 15px;
}
.chart_head span[data-v-72c00232] {
  margin-left: 5px;
}
.need_head[data-v-72c00232] {
  color: #4ea3db;
}
.error_head[data-v-72c00232] {
  color: #fff;
  background-color: #fa5858;
}
.chart_time[data-v-72c00232] {
  text-align: center;
  font-weight: 600;
  font-size: 12px;
}
.error_head[data-v-72c00232] {
  color: rgb(232, 29, 45);
}
.time_text[data-v-72c00232] {
  position: absolute;
  top: 15px;
  left: -8px;
  width: 18px;
  text-align: center;
}
.chart_head[data-v-72c00232],
.chart_time[data-v-72c00232] {
  height: 50px;
}
.chart_head.valid .time_bar[data-v-72c00232],
.chart_time.valid .time_bar[data-v-72c00232] {
  display: inline-block;
  width: 100%;
  height: 26px;
  vertical-align: middle;
  color: white;
  font-size: 15px;
  line-height: 26px;
}
.chart_head.valid .time_bar span[data-v-72c00232],
.chart_time.valid .time_bar span[data-v-72c00232] {
  margin-left: 3px;
}
.chart_time.valid + .chart_time.valid .time_bar[data-v-72c00232] {
  border-left: 1px dashed white;
}
.mid_col[data-v-72c00232],
.hol_col[data-v-72c00232],
.over_col[data-v-72c00232],
.punch_col[data-v-72c00232],
.time_col[data-v-72c00232],
.shift_col[data-v-72c00232] {
  min-width: 30px;
}
.mid_col[data-v-72c00232],
.hol_col[data-v-72c00232],
.over_col[data-v-72c00232] {
  height: 20px;
}
.punch_col[data-v-72c00232] {
  height: 40px;
}
.shift_col[data-v-72c00232] {
  height: 15px;
}
.time_col[data-v-72c00232] {
  height: 30px;
  position: relative;
  border-left: 0.5px dashed #adadad;
}
.time_col.first_col[data-v-72c00232] {
  border-left: none;
}
.chart_time[data-v-72c00232] {
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  border-right: 0.5px dashed #adadad;
  height: 20px;
}
.reg_time[data-v-72c00232],
.lawhol_time[data-v-72c00232],
.outhol_time[data-v-72c00232],
.mid_time[data-v-72c00232],
.shift_time[data-v-72c00232],
.preover_time[data-v-72c00232],
.lawover_time[data-v-72c00232],
.week_lawover_time[data-v-72c00232],
.month_lawover_time[data-v-72c00232],
.sixty_lawover_time[data-v-72c00232] {
  height: 100%;
  width: 100%;
}
.shift_time[data-v-72c00232] {
  height: 40%;
  background-color: #4395d4;
}
.reg_time[data-v-72c00232] {
  background-color: #4eb187;
}
.lawhol_time[data-v-72c00232] {
  background-color: #dccf56;
}
.outhol_time[data-v-72c00232] {
  background-color: #fff893;
}
.mid_time[data-v-72c00232] {
  background-color: #6126a5;
}
.preover_time[data-v-72c00232] {
  background-color: #ffa8a8;
}
.lawover_time[data-v-72c00232] {
  background-color: #ff5656;
}
.week_lawover_time[data-v-72c00232] {
  background-color: #be3f3f;
}
.month_lawover_time[data-v-72c00232] {
  background-color: #742828;
}
.sixty_lawover_time[data-v-72c00232] {
  background-color: #db0000;
}.chart_title[data-v-18c5ff9b] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.day_changer_text[data-v-18c5ff9b] {
  line-height: 30px;
  font-size: 30px;
  font-weight: 600;
  color: black;
  background-color: white;
  max-width: 220px;
  width: 100%;
}
.day_changer_text .day_text[data-v-18c5ff9b] {
  color: gray;
  font-size: 22px;
  margin-left: 10px;
  margin-right: 10px;
}
.attendance_chart[data-v-18c5ff9b] {
  margin-left: 5px;
}
.attendance_wrap[data-v-5dd9ab67] {
  border-top: 2px solid #4eb187;
  background-color: #f5fffb;
  padding: 15px;
  margin-top: 15px;
}
.month_changer_wrap[data-v-5dd9ab67] {
  max-width: 700px;
  margin: 0 auto;
}
.close_date_span_wrap[data-v-5dd9ab67] {
  display: none;
  margin-top: 5px;
  text-align: center;
  font-weight: 600;
  color: gray;
  font-size: 11px;
}
.attendance_head_table_wrap[data-v-5dd9ab67] {
  width: 100%;
  margin-top: 15px;
  border-top: dashed 2px lightgray;
  overflow-x: auto;
}
.shifttime[data-v-5dd9ab67] {
  color: black;
  font-size: 11px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 4px 0;
}
.attendance_head_table[data-v-5dd9ab67] {
  --work_type_length: 0;
  table-layout: fixed;
  width: calc(var(--work_type_length) * 110px);
  margin: 0 auto;
}
.attendance_head_table th[data-v-5dd9ab67] {
  width: 110px;
  height: 35px;
  text-align: center;
  border-bottom: 2px solid #4eb187;
  color: #4eb187;
  font-weight: 600;
  font-size: 11px;
  padding: 3px;
  line-height: 20px;
  white-space: pre-wrap;
}
.attendance_head_table td[data-v-5dd9ab67] {
  font-weight: 400;
  padding: 5px 0;
  font-size: 11px;
  text-align: center;
  line-height: 20px;
}
.attendance_table_wrap[data-v-5dd9ab67] {
  margin-top: 15px;
  padding-top: 15px;
  border-top: dashed 2px lightgray;
}
.attendance_table_wrap th.date[data-v-5dd9ab67] {
  width: 126px;
}
.attendance_table_wrap th.work_type[data-v-5dd9ab67] {
  width: 125px;
}
.attendance_table_wrap th.branch_id[data-v-5dd9ab67] {
  width: 134px;
}
.attendance_table_wrap th.shift[data-v-5dd9ab67] {
  width: 116px;
  min-width: 116px;
}
.attendance_table_wrap th.shift.separated[data-v-5dd9ab67] {
  width: 265px;
  min-width: 265px;
}
.attendance_table_wrap th.punch[data-v-5dd9ab67] {
  width: 142px;
  min-width: 142px;
}
.attendance_table_wrap th.punch.separated[data-v-5dd9ab67] {
  width: 320px;
  min-width: 320px;
}
.attendance_table_wrap th.punch.separated_half[data-v-5dd9ab67] {
  width: 142px;
  min-width: 142px;
}
.attendance_table_wrap th.punch_round[data-v-5dd9ab67] {
  width: 110px;
  min-width: 110px;
}
.attendance_table_wrap th.punch_round.separated[data-v-5dd9ab67] {
  width: 192px;
  min-width: 192px;
}
.attendance_table_wrap th.break[data-v-5dd9ab67] {
  width: 142px;
  min-width: 142px;
}
.attendance_table_wrap th.break_round[data-v-5dd9ab67] {
  width: 110px;
  min-width: 110px;
}
.attendance_table_wrap th.carfare[data-v-5dd9ab67] {
  width: 100px;
}
.attendance_table_wrap th.shift_start[data-v-5dd9ab67] {
  width: 58px;
  min-width: 58px;
}
.attendance_table_wrap th.shift_end[data-v-5dd9ab67] {
  width: 58px;
  min-width: 58px;
}
.attendance_table_wrap th.punch_start[data-v-5dd9ab67] {
  width: 71px;
  min-width: 71px;
}
.attendance_table_wrap th.punch_end[data-v-5dd9ab67] {
  width: 71px;
  min-width: 71px;
}
.attendance_table_wrap th.punch_round_start[data-v-5dd9ab67] {
  width: 55px;
}
.attendance_table_wrap th.punch_round_end[data-v-5dd9ab67] {
  width: 55px;
}
.attendance_table_wrap th.break_start[data-v-5dd9ab67] {
  width: 71px;
  min-width: 71px;
}
.attendance_table_wrap th.break_end[data-v-5dd9ab67] {
  width: 71px;
  min-width: 71px;
}
.attendance_table_wrap th.plan_break_start[data-v-5dd9ab67], .attendance_table_wrap th.plan_break_end[data-v-5dd9ab67] {
  width: 58px;
  min-width: 58px;
}
.attendance_table_wrap th.actual_break_start[data-v-5dd9ab67], .attendance_table_wrap th.actual_break_end[data-v-5dd9ab67] {
  width: 71px;
  min-width: 71px;
}
.attendance_table_wrap th.break_round_start[data-v-5dd9ab67] {
  width: 55px;
}
.attendance_table_wrap th.break_round_end[data-v-5dd9ab67] {
  width: 55px;
}
.attendance_table_wrap th.round_time[data-v-5dd9ab67] {
  width: 48px;
  min-width: 48px;
}
.attendance_table_wrap.separated_break_table[data-v-5dd9ab67] thead.control tr:nth-child(2) th:nth-last-child(2) {
  border-right: 0 !important;
}
.attendance_table_wrap.separated_break_table[data-v-5dd9ab67] thead.control tr:first-child th:last-child {
  border: none !important;
  border-left: 0.5px solid var(--border) !important;
  border-right: none !important;
}
.attendance_table_wrap.separated_break_table th.date[data-v-5dd9ab67] {
  width: 126px;
}
.attendance_table_wrap.separated_break_table th.work_type[data-v-5dd9ab67] {
  width: 112px;
}
.attendance_table_wrap.separated_break_table th.branch_id[data-v-5dd9ab67] {
  width: 134px;
}
.attendance_table_wrap.separated_break_table th.carfare[data-v-5dd9ab67] {
  width: 100px;
}
.attendance_table_wrap.separated_break_table .branchly_shift[data-v-5dd9ab67] {
  padding: 3px 0;
}
.shift_time_col[data-v-5dd9ab67] {
  height: 32px;
  line-height: 32px;
  min-width: 58px;
  white-space: nowrap;
}
.shift_time_col.overnight[data-v-5dd9ab67] {
  min-width: 71px;
}
.shift_time_col.rounded_time[data-v-5dd9ab67] {
  min-width: 48px;
}
.date_col[data-v-5dd9ab67],
.work_type_col[data-v-5dd9ab67],
.hourly_paidhol_col[data-v-5dd9ab67],
.branchly_shift[data-v-5dd9ab67],
.branch_id_col[data-v-5dd9ab67],
.carfare_col[data-v-5dd9ab67] {
  padding: 3px 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.operation_branchly_col[data-v-5dd9ab67] {
  padding: 3px 0;
}
.operation_col[data-v-5dd9ab67] {
  padding: 0 8px;
}
.carfare_col[data-v-5dd9ab67] {
  text-align: right;
}
.branch_id_col[data-v-5dd9ab67] {
  text-align: left;
}
.branchly_shift[data-v-5dd9ab67],
.branch_id_col[data-v-5dd9ab67],
.operation_col[data-v-5dd9ab67],
.operation_branchly_col[data-v-5dd9ab67] {
  box-sizing: content-box;
  border-top: 1px solid rgb(232, 232, 232);
}
.branchly_shift[data-v-5dd9ab67]:first-of-type,
.branch_id_col[data-v-5dd9ab67]:first-of-type,
.operation_col[data-v-5dd9ab67]:first-of-type,
.operation_branchly_col[data-v-5dd9ab67]:first-of-type {
  border-top: none;
}
.carfare_col.custom[data-v-5dd9ab67] {
  color: green;
}
.operation_button_wrap[data-v-5dd9ab67] {
  display: inline-block;
  vertical-align: middle;
}
.operation_button[data-v-5dd9ab67] {
  display: inline-block;
  margin-left: 3px;
}
.operation_button[data-v-5dd9ab67]:first-child {
  margin-left: 0;
}
.operation_daily_col[data-v-5dd9ab67] {
  display: inline-block;
  margin-left: 3px;
}
.operation_daily_col[data-v-5dd9ab67]:first-of-type {
  margin-left: 0px;
}
.operation_daily_col.edit_delete[data-v-5dd9ab67] {
  width: 67px;
}
.operation_daily_col.add[data-v-5dd9ab67] {
  width: 32px;
}
.attendance_head_badge[data-v-5dd9ab67] {
  display: none;
}
.no_data_wrap[data-v-5dd9ab67] {
  margin-top: 20px;
  font-weight: 600;
  text-align: center;
  font-size: 16px;
}
.remain_paidhol_after_lock[data-v-5dd9ab67] {
  display: inline-block;
  line-height: 12px;
}
.for_only_pc[data-v-5dd9ab67] {
  display: table-cell;
}
.for_only_tab[data-v-5dd9ab67] {
  display: none;
}
@media screen and (max-width: 1110px) {
.attendance_head_table th[data-v-5dd9ab67] {
    font-size: 11px;
}
.attendance_head_table td[data-v-5dd9ab67] {
    font-size: 11px;
}
}
@media screen and (max-width: 969px) {
.attendance_head_badge[data-v-5dd9ab67],
  .attendance_calendar_badge[data-v-5dd9ab67] {
    margin-top: 10px;
    background-color: #4eb187;
    display: block;
    color: white;
    font-weight: bold;
    padding: 3px;
    text-align: center;
    border-radius: 4px;
}
.attendance_head_badge[data-v-5dd9ab67] {
    width: 50px;
}
.attendance_calendar_badge[data-v-5dd9ab67] {
    width: 80px;
}
.attendance_head_table[data-v-5dd9ab67] {
    width: 100%;
}
.attendance_head_table thead[data-v-5dd9ab67] {
    display: none;
}
.attendance_head_table tbody tr[data-v-5dd9ab67] {
    display: flex;
    flex: 1; /* 4つずつ並べるために幅を25%に設定 */
    flex-wrap: wrap;
}
.attendance_head_table tbody td[data-v-5dd9ab67] {
    text-align: left;
    width: 25%;
    box-sizing: border-box;
    padding: 1px 5px;
    position: relative;
    font-size: 11px;
}
.attendance_head_table tbody[data-v-5dd9ab67] {
    /* 各セルの前に見出しを追加 */
}
.attendance_head_table tbody td[data-v-5dd9ab67]::before {
    text-align: left;
    content: attr(data-label);
    font-weight: bold;
    display: block;
    margin-bottom: 0px;
    font-size: 10px;
}
.for_only_pc[data-v-5dd9ab67] {
    display: none;
}
.for_only_tab[data-v-5dd9ab67] {
    display: table-cell;
}
}
.attendance_calendar_wrap[data-v-5dd9ab67] {
  display: none;
}
.attendance_table_wrap[data-v-5dd9ab67] {
  display: block;
}
@media screen and (max-width: 499px) {
.attendance_calendar_wrap[data-v-5dd9ab67] {
    display: block;
}
.attendance_table_wrap[data-v-5dd9ab67] {
    display: none;
}
.attendance_table_wrap th.date[data-v-5dd9ab67] {
    width: 73px;
}
.attendance_table_wrap th.work_type[data-v-5dd9ab67] {
    width: 72px;
}
.attendance_table_wrap th.branch_id[data-v-5dd9ab67] {
    width: 100px;
}
.attendance_table_wrap th.shift[data-v-5dd9ab67] {
    width: 96px;
}
.attendance_table_wrap th.shift.separated[data-v-5dd9ab67] {
    width: 265px;
}
.attendance_table_wrap th.punch[data-v-5dd9ab67] {
    width: 114px;
}
.attendance_table_wrap th.punch.separated[data-v-5dd9ab67] {
    width: 320px;
}
.attendance_table_wrap th.punch.separated_half[data-v-5dd9ab67] {
    width: 114px;
}
.attendance_table_wrap th.punch_round[data-v-5dd9ab67] {
    width: 114px;
}
.attendance_table_wrap th.punch_round.separated[data-v-5dd9ab67] {
    width: 192px;
}
.attendance_table_wrap th.break[data-v-5dd9ab67] {
    width: 114px;
}
.attendance_table_wrap th.break_round[data-v-5dd9ab67] {
    width: 114px;
}
.attendance_table_wrap th.carfare[data-v-5dd9ab67] {
    width: 60px;
}
.attendance_table_wrap th.shift_start[data-v-5dd9ab67] {
    width: 48px;
}
.attendance_table_wrap th.shift_end[data-v-5dd9ab67] {
    width: 48px;
}
.attendance_table_wrap th.punch_start[data-v-5dd9ab67] {
    width: 57px;
}
.attendance_table_wrap th.punch_end[data-v-5dd9ab67] {
    width: 57px;
}
.attendance_table_wrap th.punch_round_start[data-v-5dd9ab67] {
    width: 57px;
}
.attendance_table_wrap th.punch_round_end[data-v-5dd9ab67] {
    width: 57px;
}
.attendance_table_wrap th.break_start[data-v-5dd9ab67] {
    width: 57px;
}
.attendance_table_wrap th.break_end[data-v-5dd9ab67] {
    width: 57px;
}
.attendance_table_wrap th.break_round_start[data-v-5dd9ab67] {
    width: 57px;
}
.attendance_table_wrap th.break_round_end[data-v-5dd9ab67] {
    width: 57px;
}
.attendance_table_wrap.separated_break_table th.date[data-v-5dd9ab67] {
    width: 73px;
}
.attendance_table_wrap.separated_break_table th.work_type[data-v-5dd9ab67] {
    width: 64px;
}
.attendance_table_wrap.separated_break_table th.branch_id[data-v-5dd9ab67] {
    width: 100px;
}
.attendance_table_wrap.separated_break_table th.carfare[data-v-5dd9ab67] {
    width: 60px;
}
}
.shift_time_col[data-v-5dd9ab67] {
  height: 27px;
  line-height: 27px;
}
.operation_daily_col.add[data-v-5dd9ab67] {
  width: 27px;
}
.date_col[data-v-5dd9ab67],
.work_type_col[data-v-5dd9ab67],
.hourly_paidhol_col[data-v-5dd9ab67],
.branchly_shift[data-v-5dd9ab67],
.branch_id_col[data-v-5dd9ab67],
.carfare_col[data-v-5dd9ab67] {
  padding: 3px 8px;
}
.exclamation_icon_wrap[data-v-5dd9ab67] {
  display: inline-block;
  vertical-align: 2px;
  margin-top: 15px;
}
.exclamation_icon_wrap svg[data-v-5dd9ab67] {
  width: 30px;
  height: 30px;
}
.attendance_table_wrap th[data-v-5dd9ab67] {
  text-align: center;
}
.attendance_table_wrap td[data-v-5dd9ab67] {
  padding: 0 !important;
  text-align: center;
}
.attendance_table_wrap tr.error[data-v-5dd9ab67] {
  background-color: #ffcccc !important;
}
.attendance_table_wrap tr.error td.error_click[data-v-5dd9ab67] {
  cursor: pointer;
}
.attendance_table_wrap tr.error.adding td.error_click[data-v-5dd9ab67], .attendance_table_wrap tr.error.editting td.error_click[data-v-5dd9ab67] {
  cursor: default;
}.control_wrap[data-v-28af43ec] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-28af43ec] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-28af43ec] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-28af43ec] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-28af43ec] {
  margin-top: 10px;
}.slip_wrap[data-v-437df58a] {
  margin-top: 15px;
  background-color: #777;
  padding: 3%;
}
.list_wrap[data-v-437df58a] {
  margin-top: 15px;
}
.adjust_wrap[data-v-437df58a] {
  width: 100%;
  text-align: center;
}
.payment_slip[data-v-437df58a] {
  margin: auto;
  background-color: white;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
}
.payment_slip.slip_type[data-v-437df58a] {
  height: 954px;
  width: 1350px;
  padding: 25px;
  transform: scale(0.0740740741%);
  transform-origin: left top;
}
.payment_slip.list_type[data-v-437df58a] {
  width: 175%;
}
.payment_slip .slip_title[data-v-437df58a] {
  width: 310px;
  height: 35px;
  background-color: #9ad1e2;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.payment_slip .header_table[data-v-437df58a] {
  width: 100%;
  margin-top: 10px;
  border-bottom: 3px solid #9ad1e2;
  table-layout: fixed;
}
.payment_slip .header_table td[data-v-437df58a] {
  font-size: 17px;
  padding: 3px 0;
  text-align: left;
  color: #000;
  padding-right: 0.3%;
  padding-left: 0.3%;
}
.payment_slip .header_table td[data-v-437df58a]:first-of-type {
  padding-left: 0;
}
.payment_slip .header_table td[data-v-437df58a]:last-of-type {
  padding-right: 0;
}
.payment_slip .header_table .company_name[data-v-437df58a] {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.payment_slip .header_table .button_column[data-v-437df58a] {
  text-align: right;
}
.payment_slip .header_table span[data-v-437df58a] {
  line-height: 22px;
  vertical-align: middle;
}
.payment_slip .header_table .badge[data-v-437df58a] {
  display: inline-block;
  padding: 0 12px;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
}
.payment_slip .slip_table_block[data-v-437df58a] {
  margin-top: 7px;
}
.payment_slip .slip_table_wrap[data-v-437df58a] {
  vertical-align: top;
  display: inline-block;
  width: 24.55%;
  margin-left: 0.3%;
  margin-right: 0.3%;
}
.payment_slip .slip_table_wrap[data-v-437df58a]:first-of-type {
  margin-left: 0;
}
.payment_slip .slip_table_wrap[data-v-437df58a]:last-of-type {
  margin-right: 0;
}
.payment_slip.list_type .slip_table_wrap[data-v-437df58a] {
  width: 48.5%;
  margin-left: 1%;
  margin-right: 1%;
}
.payment_slip.list_type .slip_table_wrap[data-v-437df58a]:nth-child(odd) {
  margin-left: 0;
}
.payment_slip.list_type .slip_table_wrap[data-v-437df58a]:nth-child(even) {
  margin-right: 0;
}
.payment_slip.list_type .slip_table_wrap[data-v-437df58a]:nth-child(3), .payment_slip.list_type .slip_table_wrap[data-v-437df58a]:nth-child(4) {
  margin-top: 2%;
}
.payment_slip .slip_table[data-v-437df58a] {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin-top: 32px;
}
.payment_slip .slip_table[data-v-437df58a]:first-of-type {
  margin-top: 0;
}
.payment_slip .slip_table td[data-v-437df58a],
.payment_slip .slip_table th[data-v-437df58a] {
  border: 1px solid #4daac3;
  line-height: 32px;
  height: 33px;
  font-size: 15px;
}
.payment_slip .slip_table td[data-v-437df58a]:first-of-type {
  font-weight: 600;
}
.payment_slip .slip_table th[data-v-437df58a] {
  font-weight: 600;
}
.payment_slip .slip_table thead .none td[data-v-437df58a],
.payment_slip .slip_table tfoot .none td[data-v-437df58a] {
  background-color: white !important;
  border-left: none;
  border-right: none;
}
.payment_slip .slip_table thead th[data-v-437df58a],
.payment_slip .slip_table thead td[data-v-437df58a]:first-of-type,
.payment_slip .slip_table tfoot th[data-v-437df58a],
.payment_slip .slip_table tfoot td[data-v-437df58a]:first-of-type {
  text-align-last: justify;
  background-color: #cbe9f4;
}
.payment_slip .slip_table thead th[data-v-437df58a],
.payment_slip .slip_table tfoot th[data-v-437df58a] {
  padding: 0 50px;
}
.payment_slip .slip_table thead td[data-v-437df58a]:first-of-type,
.payment_slip .slip_table tfoot td[data-v-437df58a]:first-of-type {
  padding: 0 20px;
}
.payment_slip .slip_table td[data-v-437df58a] {
  padding: 0 4px;
}
.payment_slip .slip_table td[data-v-437df58a]:first-of-type {
  background-color: #cbe9f4;
  text-align: left;
}
.payment_slip .slip_table td[data-v-437df58a]:last-of-type {
  text-align: right;
}
.payment_slip .comment_wrap[data-v-437df58a] {
  border: 1px solid black;
  padding: 8px 10px;
  line-height: 20px;
  font-size: 15px;
  height: 80px;
  width: 100%;
  margin-top: 9px;
  text-align: left;
}
.money[data-v-437df58a] {
  text-align: right;
  font-size: 15px;
}
.employee_changer_item[data-v-437df58a],
.employee_changer_text[data-v-437df58a],
.employee_changer_item_blank[data-v-437df58a] {
  display: inline-block;
  text-align: center;
  font-size: 17px;
  max-width: 200px;
  vertical-align: middle;
}
.employee_changer_item[data-v-437df58a] {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.employee_changer_item[data-v-437df58a]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.employee_changer_item_blank[data-v-437df58a] {
  position: relative;
  width: 25px;
  height: 25px;
  vertical-align: top;
}
.employee_changer_icon[data-v-437df58a] {
  line-height: 27px;
}
.employee_changer_icon svg[data-v-437df58a] {
  width: 12px;
  height: 12px;
  vertical-align: 0px;
}
@media screen and (max-width: 499px) {
.slip_wrap[data-v-437df58a] {
    margin-top: 10px;
}
.list_wrap[data-v-437df58a] {
    margin-top: 10px;
}
}.slip_wrap[data-v-50c33432] {
  margin-top: 15px;
  background-color: #777;
  padding: 3%;
}
.adjust_wrap[data-v-50c33432] {
  width: 100%;
  text-align: center;
}
.payment_slip[data-v-50c33432] {
  margin: auto;
  background-color: white;
  height: 954px;
  width: 1350px;
  padding: 25px;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  transform: scale(0.0740740741%);
  transform-origin: left top;
}
.payment_slip .slip_title[data-v-50c33432] {
  width: 310px;
  height: 35px;
  background-color: #9ad1e2;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.payment_slip .header_table[data-v-50c33432] {
  width: 100%;
  margin-top: 10px;
  table-layout: fixed;
}
.payment_slip .header_table td[data-v-50c33432] {
  font-size: 17px;
  padding: 3px 0;
  text-align: left;
  color: #000;
  padding-right: 0.3%;
  padding-left: 0.3%;
}
.payment_slip .header_table td[data-v-50c33432]:first-of-type {
  padding-left: 0;
}
.payment_slip .header_table td[data-v-50c33432]:last-of-type {
  padding-right: 0;
}
.payment_slip .header_table .company_name[data-v-50c33432] {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.payment_slip .header_table .button_column[data-v-50c33432] {
  text-align: right;
}
.payment_slip .header_table span[data-v-50c33432] {
  line-height: 22px;
  vertical-align: middle;
}
.payment_slip .header_table .badge[data-v-50c33432] {
  display: inline-block;
  padding: 0 12px;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
}
.employee_changer_item[data-v-50c33432],
.employee_changer_text[data-v-50c33432],
.employee_changer_item_blank[data-v-50c33432] {
  display: inline-block;
  text-align: center;
  font-size: 17px;
  max-width: 200px;
  vertical-align: middle;
}
.employee_changer_item[data-v-50c33432] {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.employee_changer_item[data-v-50c33432]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.employee_changer_item_blank[data-v-50c33432] {
  position: relative;
  width: 25px;
  height: 25px;
  vertical-align: top;
}
.employee_changer_icon[data-v-50c33432] {
  line-height: 27px;
}
.employee_changer_icon svg[data-v-50c33432] {
  width: 12px;
  height: 12px;
  vertical-align: 0px;
}.not_lock[data-v-f566287d] {
  font-size: 16px;
  font-weight: 600;
  padding: 5vh 20px 35vh;
  text-align: center;
}
.month_changer_wrap[data-v-f566287d], .type_changer_wrap[data-v-f566287d] {
  max-width: 700px;
  margin: 15px auto 0;
}
.type_changer_wrap[data-v-f566287d] {
  display: none;
  text-align: right;
}
@media screen and (max-width: 499px) {
.month_changer_wrap[data-v-f566287d], .type_changer_wrap[data-v-f566287d] {
    margin-top: 10px;
}
.type_changer_wrap[data-v-f566287d] {
    display: block;
}
}.control_wrap[data-v-65d5b8e0] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-65d5b8e0] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-65d5b8e0] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-65d5b8e0] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-65d5b8e0] {
  margin-top: 10px;
}.slip_wrap[data-v-918c71a4] {
  margin-top: 15px;
  background-color: #777;
  padding: 3%;
}
.adjust_wrap[data-v-918c71a4] {
  width: 100%;
  text-align: center;
}
.bonus_slip[data-v-918c71a4] {
  margin: auto;
  background-color: white;
  height: 954px;
  width: 1350px;
  padding: 25px;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  transform: scale(0.0740740741%);
  transform-origin: left top;
}
.bonus_slip .slip_title[data-v-918c71a4] {
  width: 310px;
  height: 35px;
  background-color: #9ad1e2;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.bonus_slip .header_table[data-v-918c71a4] {
  width: 100%;
  margin-top: 10px;
  table-layout: fixed;
}
.bonus_slip .header_table td[data-v-918c71a4] {
  font-size: 17px;
  padding: 3px 0;
  text-align: left;
  color: #000;
  padding-right: 0.3%;
  padding-left: 0.3%;
}
.bonus_slip .header_table td[data-v-918c71a4]:first-of-type {
  padding-left: 0;
}
.bonus_slip .header_table td[data-v-918c71a4]:last-of-type {
  padding-right: 0;
}
.bonus_slip .header_table .company_name[data-v-918c71a4] {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.bonus_slip .header_table .button_column[data-v-918c71a4] {
  text-align: right;
}
.bonus_slip .header_table span[data-v-918c71a4] {
  line-height: 22px;
  vertical-align: middle;
}
.bonus_slip .header_table .badge[data-v-918c71a4] {
  display: inline-block;
  padding: 0 12px;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
}
.employee_changer_item[data-v-918c71a4],
.employee_changer_text[data-v-918c71a4],
.employee_changer_item_blank[data-v-918c71a4] {
  display: inline-block;
  text-align: center;
  font-size: 17px;
  max-width: 200px;
  vertical-align: middle;
}
.employee_changer_item[data-v-918c71a4] {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.employee_changer_item[data-v-918c71a4]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.employee_changer_item_blank[data-v-918c71a4] {
  position: relative;
  width: 25px;
  height: 25px;
  vertical-align: top;
}
.employee_changer_icon[data-v-918c71a4] {
  line-height: 27px;
}
.employee_changer_icon svg[data-v-918c71a4] {
  width: 12px;
  height: 12px;
  vertical-align: 0px;
}.slip_wrap[data-v-4473da6e] {
  margin-top: 15px;
  background-color: #777;
  padding: 3%;
}
.list_wrap[data-v-4473da6e] {
  margin-top: 15px;
}
.adjust_wrap[data-v-4473da6e] {
  width: 100%;
  text-align: center;
}
.bonus_slip[data-v-4473da6e] {
  margin: auto;
  background-color: white;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
}
.bonus_slip.slip_type[data-v-4473da6e] {
  height: 954px;
  width: 1350px;
  padding: 25px;
  transform: scale(0.0740740741%);
  transform-origin: left top;
}
.bonus_slip.list_type[data-v-4473da6e] {
  width: 175%;
}
.bonus_slip .slip_title[data-v-4473da6e] {
  width: 310px;
  height: 35px;
  background-color: #9ad1e2;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.bonus_slip .header_table[data-v-4473da6e] {
  width: 100%;
  margin-top: 10px;
  border-bottom: 3px solid #9ad1e2;
  table-layout: fixed;
}
.bonus_slip .header_table td[data-v-4473da6e] {
  font-size: 17px;
  padding: 3px 0;
  text-align: left;
  color: #000;
  padding-right: 0.3%;
  padding-left: 0.3%;
}
.bonus_slip .header_table td[data-v-4473da6e]:first-of-type {
  padding-left: 0;
}
.bonus_slip .header_table td[data-v-4473da6e]:last-of-type {
  padding-right: 0;
}
.bonus_slip .header_table .company_name[data-v-4473da6e] {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.bonus_slip .header_table .button_column[data-v-4473da6e] {
  text-align: right;
}
.bonus_slip .header_table span[data-v-4473da6e] {
  line-height: 22px;
  vertical-align: middle;
}
.bonus_slip .header_table .badge[data-v-4473da6e] {
  display: inline-block;
  padding: 0 12px;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
}
.bonus_slip .slip_table_block[data-v-4473da6e] {
  margin-top: 7px;
}
.bonus_slip .slip_table_wrap[data-v-4473da6e] {
  vertical-align: top;
  display: inline-block;
  width: 24.55%;
  margin-left: 0.3%;
  margin-right: 0.3%;
}
.bonus_slip .slip_table_wrap[data-v-4473da6e]:first-of-type {
  margin-left: 0;
}
.bonus_slip .slip_table_wrap[data-v-4473da6e]:last-of-type {
  margin-right: 0;
}
.bonus_slip.list_type .slip_table_wrap[data-v-4473da6e] {
  width: 48.5%;
  margin-left: 1%;
  margin-right: 1%;
}
.bonus_slip.list_type .slip_table_wrap[data-v-4473da6e]:nth-child(odd) {
  margin-left: 0;
}
.bonus_slip.list_type .slip_table_wrap[data-v-4473da6e]:nth-child(even) {
  margin-right: 0;
}
.bonus_slip.list_type .slip_table_wrap[data-v-4473da6e]:nth-child(3), .bonus_slip.list_type .slip_table_wrap[data-v-4473da6e]:nth-child(4) {
  margin-top: 2%;
}
.bonus_slip .slip_table[data-v-4473da6e] {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin-top: 32px;
}
.bonus_slip .slip_table[data-v-4473da6e]:first-of-type {
  margin-top: 0;
}
.bonus_slip .slip_table td[data-v-4473da6e],
.bonus_slip .slip_table th[data-v-4473da6e] {
  border: 1px solid #4daac3;
  line-height: 32px;
  height: 33px;
  font-size: 15px;
  font-weight: 600;
}
.bonus_slip .slip_table thead th[data-v-4473da6e],
.bonus_slip .slip_table thead td[data-v-4473da6e]:first-of-type,
.bonus_slip .slip_table tfoot th[data-v-4473da6e],
.bonus_slip .slip_table tfoot td[data-v-4473da6e]:first-of-type {
  text-align-last: justify;
  background-color: #cbe9f4;
}
.bonus_slip .slip_table thead th[data-v-4473da6e],
.bonus_slip .slip_table tfoot th[data-v-4473da6e] {
  padding: 0 50px;
}
.bonus_slip .slip_table thead td[data-v-4473da6e]:first-of-type,
.bonus_slip .slip_table tfoot td[data-v-4473da6e]:first-of-type {
  padding: 0 20px;
}
.bonus_slip .slip_table td[data-v-4473da6e] {
  padding: 0 4px;
}
.bonus_slip .slip_table td[data-v-4473da6e]:first-of-type {
  background-color: #cbe9f4;
  text-align: left;
}
.bonus_slip .slip_table td[data-v-4473da6e]:last-of-type {
  text-align: right;
}
.bonus_slip .comment_wrap[data-v-4473da6e] {
  border: 1px solid black;
  padding: 8px 10px;
  line-height: 20px;
  font-size: 15px;
  height: 80px;
  width: 100%;
  margin-top: 9px;
  text-align: left;
}
.money[data-v-4473da6e] {
  text-align: right;
  font-size: 15px;
  font-weight: 600;
}
.employee_changer_item[data-v-4473da6e],
.employee_changer_text[data-v-4473da6e],
.employee_changer_item_blank[data-v-4473da6e] {
  display: inline-block;
  text-align: center;
  font-size: 17px;
  max-width: 200px;
  vertical-align: middle;
}
.employee_changer_item[data-v-4473da6e] {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.employee_changer_item[data-v-4473da6e]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.employee_changer_item_blank[data-v-4473da6e] {
  position: relative;
  width: 25px;
  height: 25px;
  vertical-align: top;
}
.employee_changer_icon[data-v-4473da6e] {
  line-height: 27px;
}
.employee_changer_icon svg[data-v-4473da6e] {
  width: 12px;
  height: 12px;
  vertical-align: 0px;
}
@media screen and (max-width: 499px) {
.slip_wrap[data-v-4473da6e] {
    margin-top: 10px;
}
.list_wrap[data-v-4473da6e] {
    margin-top: 10px;
}
}.not_lock[data-v-a9a5e403] {
  font-size: 16px;
  font-weight: 600;
  padding: 5vh 20px 35vh;
  text-align: center;
}
.month_changer_wrap[data-v-a9a5e403], .type_changer_wrap[data-v-a9a5e403] {
  max-width: 700px;
  margin: 15px auto 0;
}
.type_changer_wrap[data-v-a9a5e403] {
  display: none;
  text-align: right;
}
@media screen and (max-width: 499px) {
.month_changer_wrap[data-v-a9a5e403], .type_changer_wrap[data-v-a9a5e403] {
    margin-top: 10px;
}
.type_changer_wrap[data-v-a9a5e403] {
    display: block;
}
}.slip_wrap[data-v-2e5de91c] {
  margin-top: 15px;
  background-color: #777;
  padding: 3%;
}
.adjust_wrap[data-v-2e5de91c] {
  width: 100%;
  text-align: center;
}
.bonus_slip[data-v-2e5de91c] {
  margin: auto;
  background-color: white;
  height: 954px;
  width: 1350px;
  padding: 25px;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  transform: scale(0.0740740741%);
  transform-origin: left top;
}
.bonus_slip .slip_title[data-v-2e5de91c] {
  width: 310px;
  height: 35px;
  background-color: #9ad1e2;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.bonus_slip .header_table[data-v-2e5de91c] {
  width: 100%;
  margin-top: 10px;
  table-layout: fixed;
}
.bonus_slip .header_table td[data-v-2e5de91c] {
  font-size: 17px;
  padding: 3px 0;
  text-align: left;
  color: #000;
  padding-right: 0.3%;
  padding-left: 0.3%;
}
.bonus_slip .header_table td[data-v-2e5de91c]:first-of-type {
  padding-left: 0;
}
.bonus_slip .header_table td[data-v-2e5de91c]:last-of-type {
  padding-right: 0;
}
.bonus_slip .header_table .company_name[data-v-2e5de91c] {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.bonus_slip .header_table .button_column[data-v-2e5de91c] {
  text-align: right;
}
.bonus_slip .header_table span[data-v-2e5de91c] {
  line-height: 22px;
  vertical-align: middle;
}
.bonus_slip .header_table .badge[data-v-2e5de91c] {
  display: inline-block;
  padding: 0 12px;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
}
.employee_changer_item[data-v-2e5de91c],
.employee_changer_text[data-v-2e5de91c],
.employee_changer_item_blank[data-v-2e5de91c] {
  display: inline-block;
  text-align: center;
  font-size: 17px;
  vertical-align: middle;
}
.employee_changer_item[data-v-2e5de91c] {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.employee_changer_item[data-v-2e5de91c]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.employee_changer_item_blank[data-v-2e5de91c] {
  position: relative;
  width: 25px;
  height: 25px;
  vertical-align: top;
}
.employee_changer_icon[data-v-2e5de91c] {
  line-height: 27px;
}
.employee_changer_icon svg[data-v-2e5de91c] {
  width: 12px;
  height: 12px;
  vertical-align: 0px;
}.control_wrap[data-v-97362696] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-97362696] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-97362696] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-97362696] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-97362696] {
  margin-top: 10px;
}.slip_wrap[data-v-aa9e44a6] {
  margin-top: 15px;
  background-color: #777;
  padding: 3%;
}
.adjust_wrap[data-v-aa9e44a6] {
  width: 100%;
  text-align: center;
}
.remuneration_slip[data-v-aa9e44a6] {
  margin: auto;
  background-color: white;
  height: 954px;
  width: 1350px;
  padding: 25px;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  transform: scale(0.0740740741%);
  transform-origin: left top;
}
.remuneration_slip .slip_title[data-v-aa9e44a6] {
  width: 310px;
  height: 35px;
  background-color: #9ad1e2;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.remuneration_slip .header_table[data-v-aa9e44a6] {
  width: 100%;
  margin-top: 10px;
  table-layout: fixed;
}
.remuneration_slip .header_table td[data-v-aa9e44a6] {
  font-size: 17px;
  padding: 3px 0;
  text-align: left;
  color: #000;
  padding-right: 0.3%;
  padding-left: 0.3%;
}
.remuneration_slip .header_table td[data-v-aa9e44a6]:first-of-type {
  padding-left: 0;
}
.remuneration_slip .header_table td[data-v-aa9e44a6]:last-of-type {
  padding-right: 0;
}
.remuneration_slip .header_table .company_name[data-v-aa9e44a6] {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.remuneration_slip .header_table .button_column[data-v-aa9e44a6] {
  text-align: right;
}
.remuneration_slip .header_table span[data-v-aa9e44a6] {
  line-height: 22px;
  vertical-align: middle;
}
.remuneration_slip .header_table .badge[data-v-aa9e44a6] {
  display: inline-block;
  padding: 0 12px;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
}
.employee_changer_item[data-v-aa9e44a6],
.employee_changer_text[data-v-aa9e44a6],
.employee_changer_item_blank[data-v-aa9e44a6] {
  display: inline-block;
  text-align: center;
  font-size: 17px;
  max-width: 200px;
  vertical-align: middle;
}
.employee_changer_item[data-v-aa9e44a6] {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.employee_changer_item[data-v-aa9e44a6]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.employee_changer_item_blank[data-v-aa9e44a6] {
  position: relative;
  width: 25px;
  height: 25px;
  vertical-align: top;
}
.employee_changer_icon[data-v-aa9e44a6] {
  line-height: 27px;
}
.employee_changer_icon svg[data-v-aa9e44a6] {
  width: 12px;
  height: 12px;
  vertical-align: 0px;
}.slip_wrap[data-v-90bb7f0d] {
  margin-top: 15px;
  background-color: #777;
  padding: 3%;
}
.list_wrap[data-v-90bb7f0d] {
  margin-top: 15px;
}
.adjust_wrap[data-v-90bb7f0d] {
  width: 100%;
  text-align: center;
}
.remuneration_slip[data-v-90bb7f0d] {
  margin: auto;
  background-color: white;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
}
.remuneration_slip.slip_type[data-v-90bb7f0d] {
  height: 954px;
  width: 1350px;
  padding: 25px;
  transform: scale(0.0740740741%);
  transform-origin: left top;
}
.remuneration_slip.list_type[data-v-90bb7f0d] {
  width: 175%;
}
.remuneration_slip .slip_title[data-v-90bb7f0d] {
  width: 310px;
  height: 35px;
  background-color: #9ad1e2;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.remuneration_slip .header_table[data-v-90bb7f0d] {
  width: 100%;
  margin-top: 10px;
  border-bottom: 3px solid #9ad1e2;
  table-layout: fixed;
}
.remuneration_slip .header_table td[data-v-90bb7f0d] {
  font-size: 17px;
  padding: 3px 0;
  text-align: left;
  color: #000;
  padding-right: 0.3%;
  padding-left: 0.3%;
}
.remuneration_slip .header_table td[data-v-90bb7f0d]:first-of-type {
  padding-left: 0;
}
.remuneration_slip .header_table td[data-v-90bb7f0d]:last-of-type {
  padding-right: 0;
}
.remuneration_slip .header_table .company_name[data-v-90bb7f0d] {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.remuneration_slip .header_table .button_column[data-v-90bb7f0d] {
  text-align: right;
}
.remuneration_slip .header_table span[data-v-90bb7f0d] {
  line-height: 22px;
  vertical-align: middle;
}
.remuneration_slip .header_table .badge[data-v-90bb7f0d] {
  display: inline-block;
  padding: 0 12px;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
}
.remuneration_slip .slip_table_block[data-v-90bb7f0d] {
  margin-top: 7px;
}
.remuneration_slip .slip_table_wrap[data-v-90bb7f0d] {
  vertical-align: top;
  display: inline-block;
  width: 24.55%;
  margin-left: 0.3%;
  margin-right: 0.3%;
}
.remuneration_slip .slip_table_wrap[data-v-90bb7f0d]:first-of-type {
  margin-left: 0;
}
.remuneration_slip .slip_table_wrap[data-v-90bb7f0d]:last-of-type {
  margin-right: 0;
}
.remuneration_slip.list_type .slip_table_wrap[data-v-90bb7f0d] {
  width: 48.5%;
  margin-left: 1%;
  margin-right: 1%;
}
.remuneration_slip.list_type .slip_table_wrap[data-v-90bb7f0d]:nth-child(odd) {
  margin-left: 0;
}
.remuneration_slip.list_type .slip_table_wrap[data-v-90bb7f0d]:nth-child(even) {
  margin-right: 0;
}
.remuneration_slip.list_type .slip_table_wrap[data-v-90bb7f0d]:nth-child(3), .remuneration_slip.list_type .slip_table_wrap[data-v-90bb7f0d]:nth-child(4) {
  margin-top: 2%;
}
.remuneration_slip .slip_table[data-v-90bb7f0d] {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  margin-top: 32px;
}
.remuneration_slip .slip_table[data-v-90bb7f0d]:first-of-type {
  margin-top: 0;
}
.remuneration_slip .slip_table td[data-v-90bb7f0d],
.remuneration_slip .slip_table th[data-v-90bb7f0d] {
  border: 1px solid #4daac3;
  line-height: 32px;
  height: 33px;
  font-size: 15px;
  font-weight: 600;
}
.remuneration_slip .slip_table thead th[data-v-90bb7f0d],
.remuneration_slip .slip_table thead td[data-v-90bb7f0d]:first-of-type,
.remuneration_slip .slip_table tfoot th[data-v-90bb7f0d],
.remuneration_slip .slip_table tfoot td[data-v-90bb7f0d]:first-of-type {
  text-align-last: justify;
  background-color: #cbe9f4;
}
.remuneration_slip .slip_table thead th[data-v-90bb7f0d],
.remuneration_slip .slip_table tfoot th[data-v-90bb7f0d] {
  padding: 0 50px;
}
.remuneration_slip .slip_table thead td[data-v-90bb7f0d]:first-of-type,
.remuneration_slip .slip_table tfoot td[data-v-90bb7f0d]:first-of-type {
  padding: 0 20px;
}
.remuneration_slip .slip_table td[data-v-90bb7f0d] {
  padding: 0 4px;
}
.remuneration_slip .slip_table td[data-v-90bb7f0d]:first-of-type {
  background-color: #cbe9f4;
  text-align: left;
}
.remuneration_slip .slip_table td[data-v-90bb7f0d]:last-of-type {
  text-align: right;
}
.remuneration_slip .comment_wrap[data-v-90bb7f0d] {
  border: 1px solid black;
  padding: 8px 10px;
  line-height: 20px;
  font-size: 15px;
  height: 80px;
  width: 100%;
  margin-top: 9px;
  text-align: left;
}
.money[data-v-90bb7f0d] {
  text-align: right;
  font-size: 15px;
  font-weight: 600;
}
.employee_changer_item[data-v-90bb7f0d],
.employee_changer_text[data-v-90bb7f0d],
.employee_changer_item_blank[data-v-90bb7f0d] {
  display: inline-block;
  text-align: center;
  font-size: 17px;
  max-width: 200px;
  vertical-align: middle;
}
.employee_changer_item[data-v-90bb7f0d] {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.employee_changer_item[data-v-90bb7f0d]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.employee_changer_item_blank[data-v-90bb7f0d] {
  position: relative;
  width: 25px;
  height: 25px;
  vertical-align: top;
}
.employee_changer_icon[data-v-90bb7f0d] {
  line-height: 27px;
}
.employee_changer_icon svg[data-v-90bb7f0d] {
  width: 12px;
  height: 12px;
  vertical-align: 0px;
}
@media screen and (max-width: 499px) {
.slip_wrap[data-v-90bb7f0d] {
    margin-top: 10px;
}
.list_wrap[data-v-90bb7f0d] {
    margin-top: 10px;
}
}.not_lock[data-v-f85eeb39] {
  font-size: 16px;
  font-weight: 600;
  padding: 5vh 20px 35vh;
  text-align: center;
}
.month_changer_wrap[data-v-f85eeb39], .type_changer_wrap[data-v-f85eeb39] {
  max-width: 700px;
  margin: 15px auto 0;
}
.type_changer_wrap[data-v-f85eeb39] {
  display: none;
  text-align: right;
}
@media screen and (max-width: 499px) {
.month_changer_wrap[data-v-f85eeb39], .type_changer_wrap[data-v-f85eeb39] {
    margin-top: 10px;
}
.type_changer_wrap[data-v-f85eeb39] {
    display: block;
}
}.slip_wrap[data-v-1a5910bd] {
  margin-top: 15px;
  background-color: #777;
  padding: 3%;
}
.adjust_wrap[data-v-1a5910bd] {
  width: 100%;
  text-align: center;
}
.remuneration_slip[data-v-1a5910bd] {
  margin: auto;
  background-color: white;
  height: 954px;
  width: 1350px;
  padding: 25px;
  background-color: #fff;
  overflow-x: auto;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  transform: scale(0.0740740741%);
  transform-origin: left top;
}
.remuneration_slip .slip_title[data-v-1a5910bd] {
  width: 310px;
  height: 35px;
  background-color: #9ad1e2;
  line-height: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}
.remuneration_slip .header_table[data-v-1a5910bd] {
  width: 100%;
  margin-top: 10px;
  table-layout: fixed;
}
.remuneration_slip .header_table td[data-v-1a5910bd] {
  font-size: 17px;
  padding: 3px 0;
  text-align: left;
  color: #000;
  padding-right: 0.3%;
  padding-left: 0.3%;
}
.remuneration_slip .header_table td[data-v-1a5910bd]:first-of-type {
  padding-left: 0;
}
.remuneration_slip .header_table td[data-v-1a5910bd]:last-of-type {
  padding-right: 0;
}
.remuneration_slip .header_table .company_name[data-v-1a5910bd] {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
}
.remuneration_slip .header_table .button_column[data-v-1a5910bd] {
  text-align: right;
}
.remuneration_slip .header_table span[data-v-1a5910bd] {
  line-height: 22px;
  vertical-align: middle;
}
.remuneration_slip .header_table .badge[data-v-1a5910bd] {
  display: inline-block;
  padding: 0 12px;
  background-color: #ddd;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
}
.employee_changer_item[data-v-1a5910bd],
.employee_changer_text[data-v-1a5910bd],
.employee_changer_item_blank[data-v-1a5910bd] {
  display: inline-block;
  text-align: center;
  font-size: 17px;
  vertical-align: middle;
}
.employee_changer_item[data-v-1a5910bd] {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.employee_changer_item[data-v-1a5910bd]:hover:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.employee_changer_item_blank[data-v-1a5910bd] {
  position: relative;
  width: 25px;
  height: 25px;
  vertical-align: top;
}
.employee_changer_icon[data-v-1a5910bd] {
  line-height: 27px;
}
.employee_changer_icon svg[data-v-1a5910bd] {
  width: 12px;
  height: 12px;
  vertical-align: 0px;
}
@media screen and (max-width: 499px) {
.slip_wrap[data-v-1a5910bd] {
    margin-top: 10px;
}
}.control_wrap[data-v-dbff3f1c] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-dbff3f1c] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-dbff3f1c] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-dbff3f1c] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-dbff3f1c] {
  margin-top: 10px;
}.create_title[data-v-2c67297d] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.demand_holiday_row[data-v-2c67297d] {
  padding: 10px 0;
  border-bottom: 1px solid #e8e8e8;
}
.row_header[data-v-2c67297d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
}
.add_row_button_wrap[data-v-2c67297d] {
  width: 180px;
  margin: 12px 0;
}table th.date[data-v-c5fe8a39] {
  width: 120px;
}
table th.created_at[data-v-c5fe8a39] {
  width: 170px;
}
table th.kind[data-v-c5fe8a39] {
  width: 135px;
}
table th.comment[data-v-c5fe8a39] {
  width: 200px;
}
table th.status[data-v-c5fe8a39] {
  width: 70px;
}
table th.button[data-v-c5fe8a39] {
  width: 48px;
}
.demand_holiday_card[data-v-c5fe8a39] {
  position: relative;
  background-color: #fff;
  box-shadow: 1px 1px 5px grey;
  padding: 10px;
  border-radius: 5px;
  margin: 5px 10px;
  min-height: 105px;
}
.demand_holiday_card .kind_status[data-v-c5fe8a39] {
  margin-bottom: 8px;
  font-size: 13px;
}
.demand_holiday_card .kind_status .kind[data-v-c5fe8a39] {
  font-weight: 600;
}
.demand_holiday_card .date[data-v-c5fe8a39],
.demand_holiday_card .created_at[data-v-c5fe8a39] {
  display: inline-block;
  width: 50%;
}
.demand_holiday_card .comment[data-v-c5fe8a39] {
  margin-top: 8px;
  max-width: calc(100% - 35px);
}
.demand_holiday_card .date .head[data-v-c5fe8a39],
.demand_holiday_card .created_at .head[data-v-c5fe8a39],
.demand_holiday_card .comment .head[data-v-c5fe8a39] {
  font-size: 10px;
  font-weight: 600;
  display: block;
  margin-bottom: 2px;
}
.demand_holiday_card .date .content[data-v-c5fe8a39],
.demand_holiday_card .created_at .content[data-v-c5fe8a39],
.demand_holiday_card .comment .content[data-v-c5fe8a39] {
  font-size: 13px;
}
.demand_holiday_card .delete_button_wrap[data-v-c5fe8a39] {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
@media screen and (max-width: 499px) {
table th.date[data-v-c5fe8a39] {
    width: 90px;
}
table th.created_at[data-v-c5fe8a39] {
    width: 140px;
}
table th.kind[data-v-c5fe8a39] {
    width: 110px;
}
table th.comment[data-v-c5fe8a39] {
    width: 150px;
}
table th.status[data-v-c5fe8a39] {
    width: 50px;
}
table th.button[data-v-c5fe8a39] {
    width: 35px;
}
}.create_title[data-v-7eb673c6] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}.demand_overtime_button_wrap[data-v-874ea97d] {
  margin-bottom: 10px;
}
table th.date[data-v-874ea97d] {
  width: 125px;
}
table th.created_at[data-v-874ea97d] {
  width: 185px;
}
table th.branch_id[data-v-874ea97d] {
  width: 160px;
}
table th.kind[data-v-874ea97d] {
  width: 100px;
}
table th.kind[data-v-874ea97d] {
  width: 100px;
}
table th.comment[data-v-874ea97d] {
  width: 200px;
}
table th.time_span[data-v-874ea97d] {
  width: 105px;
}
table th.status[data-v-874ea97d] {
  width: 70px;
}
table th.button[data-v-874ea97d] {
  width: 48px;
}
.demand_overtime_card[data-v-874ea97d] {
  position: relative;
  background-color: #fff;
  box-shadow: 1px 1px 5px grey;
  padding: 10px;
  border-radius: 5px;
  margin: 5px 10px;
  min-height: 105px;
}
.demand_overtime_card .kind_status[data-v-874ea97d] {
  margin-bottom: 8px;
  font-size: 13px;
}
.demand_overtime_card .kind_status .kind[data-v-874ea97d] {
  font-weight: 600;
}
.demand_overtime_card .card_row[data-v-874ea97d] {
  margin-top: 8px;
}
.demand_overtime_card .card_row[data-v-874ea97d]:first-of-type {
  margin-top: 0;
}
.demand_overtime_card .date[data-v-874ea97d],
.demand_overtime_card .created_at[data-v-874ea97d],
.demand_overtime_card .branch_id[data-v-874ea97d],
.demand_overtime_card .time_span[data-v-874ea97d] {
  display: inline-block;
  width: 50%;
}
.demand_overtime_card .comment[data-v-874ea97d] {
  margin-top: 8px;
  max-width: calc(100% - 35px);
}
.demand_overtime_card .date .head[data-v-874ea97d],
.demand_overtime_card .created_at .head[data-v-874ea97d],
.demand_overtime_card .branch_id .head[data-v-874ea97d],
.demand_overtime_card .time_span .head[data-v-874ea97d],
.demand_overtime_card .comment .head[data-v-874ea97d] {
  font-size: 10px;
  font-weight: 600;
  display: block;
  margin-bottom: 2px;
}
.demand_overtime_card .date .content[data-v-874ea97d],
.demand_overtime_card .created_at .content[data-v-874ea97d],
.demand_overtime_card .branch_id .content[data-v-874ea97d],
.demand_overtime_card .time_span .content[data-v-874ea97d],
.demand_overtime_card .comment .content[data-v-874ea97d] {
  font-size: 13px;
}
.demand_overtime_card .delete_button_wrap[data-v-874ea97d] {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
@media screen and (max-width: 499px) {
table th.date[data-v-874ea97d] {
    width: 90px;
}
table th.created_at[data-v-874ea97d] {
    width: 140px;
}
table th.kind[data-v-874ea97d] {
    width: 100px;
}
table th.comment[data-v-874ea97d] {
    width: 150px;
}
table th.status[data-v-874ea97d] {
    width: 50px;
}
table th.button[data-v-874ea97d] {
    width: 35px;
}
}.is_spouce_deduction_description[data-v-636bc1a0] {
  line-height: 22px !important;
  margin-bottom: 10px;
  margin-top: 5px;
}
.spouce_no_need[data-v-636bc1a0] {
  font-size: 15px;
}.count_description[data-v-129e7b8b] {
  line-height: 22px !important;
  margin-bottom: 10px;
  margin-top: 5px;
}.content_col[data-v-085434e4] {
  display: inline-block;
  vertical-align: top;
  min-width: 200px;
}
.image_wrap[data-v-085434e4] {
  width: 343px;
  height: 216px;
}.content_col[data-v-7c8f9cc2] {
  display: inline-block;
  vertical-align: top;
  min-width: 200px;
}
.image_wrap[data-v-7c8f9cc2] {
  width: 343px;
  height: 216px;
}.view_wrap[data-v-3cd3f8eb] {
  margin-top: 30px;
}
.view_wrap[data-v-3cd3f8eb]:first-child {
  margin-top: 0;
}.join_content[data-v-b1fdd765] {
  max-width: 550px;
  margin: 20px auto 40px;
}
.initial_page[data-v-b1fdd765],
.finish_page[data-v-b1fdd765] {
  margin-top: 30vh;
}
.initial_page .initial_title[data-v-b1fdd765],
.initial_page .finish_title[data-v-b1fdd765],
.finish_page .initial_title[data-v-b1fdd765],
.finish_page .finish_title[data-v-b1fdd765] {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.initial_page .company_name[data-v-b1fdd765],
.finish_page .company_name[data-v-b1fdd765] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}
.initial_page .required_time[data-v-b1fdd765],
.finish_page .required_time[data-v-b1fdd765] {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.initial_page .finish_description[data-v-b1fdd765],
.finish_page .finish_description[data-v-b1fdd765] {
  font-size: 14px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 20px;
}
.initial_page .start_button_wrap[data-v-b1fdd765],
.finish_page .start_button_wrap[data-v-b1fdd765] {
  width: 300px;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
.join_content[data-v-b1fdd765] {
    max-width: 350px;
    margin: 15px auto 30px;
}
}.view_wrap[data-v-49143c9f] {
  margin-top: 30px;
}
.view_wrap[data-v-49143c9f]:first-child {
  margin-top: 0;
}.join_content[data-v-75cd6f82] {
  max-width: 550px;
  margin: 20px auto 40px;
}
.initial_page[data-v-75cd6f82],
.finish_page[data-v-75cd6f82] {
  margin-top: 30vh;
}
.initial_page .initial_title[data-v-75cd6f82],
.initial_page .finish_title[data-v-75cd6f82],
.finish_page .initial_title[data-v-75cd6f82],
.finish_page .finish_title[data-v-75cd6f82] {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.initial_page .company_name[data-v-75cd6f82],
.finish_page .company_name[data-v-75cd6f82] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}
.initial_page .required_time[data-v-75cd6f82],
.finish_page .required_time[data-v-75cd6f82] {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.initial_page .finish_description[data-v-75cd6f82],
.finish_page .finish_description[data-v-75cd6f82] {
  font-size: 14px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 20px;
}
.initial_page .start_button_wrap[data-v-75cd6f82],
.finish_page .start_button_wrap[data-v-75cd6f82] {
  width: 300px;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
.join_content[data-v-75cd6f82] {
    max-width: 350px;
    margin: 15px auto 30px;
}
}.attendance_detail_wrap[data-v-0de5577c] {
  margin-top: 10px;
}
.attendance_badge[data-v-0de5577c] {
  background-color: #4eb187;
  display: inline-block;
  color: white;
  font-weight: bold;
  padding: 8px 4px;
  text-align: center;
  border-radius: 4px;
  width: 80px;
  margin-top: 15px;
  margin-right: 10px;
}
.attendance_error_block[data-v-0de5577c] {
  margin-top: 15px;
}
.error_badge[data-v-0de5577c] {
  background-color: #ca3a31;
  vertical-align: top;
}
.attendance_error_list[data-v-0de5577c] {
  display: inline-block;
  width: calc(100% - 90px);
  margin: 15px 0 0;
  padding: 8px 10px;
  border: 1px solid #f2b8b5;
  border-radius: 4px;
  background-color: #fff4f3;
  color: #9d271f;
  font-size: 12px;
  font-weight: 600;
  vertical-align: top;
}
.attendance_card[data-v-0de5577c] {
  position: relative;
  background-color: #fff;
  box-shadow: 1px 1px 5px grey;
  padding: 10px;
  border-radius: 5px;
  margin: 5px;
}
.attendance_card.creating[data-v-0de5577c] {
  background-color: #e8f3ff;
  color: #3344b0;
}
.attendance_card.editting[data-v-0de5577c] {
  background-color: #e8ffea;
  color: #3344b0;
}
.attendance_card.deleting[data-v-0de5577c] {
  background-color: #ffebe8;
  color: #929292;
}
.attendance_card .branch_name[data-v-0de5577c] {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 27px;
  width: calc(100% - 73px);
  display: inline-block;
  margin-right: 6px;
}
.attendance_card .edit_button_wrap[data-v-0de5577c] {
  display: inline-block;
  width: 67px;
  text-align: right;
}
.attendance_card .shift_block[data-v-0de5577c],
.attendance_card .punch_block[data-v-0de5577c],
.attendance_card .break_block[data-v-0de5577c] {
  margin-top: 10px;
}
.attendance_card .shift[data-v-0de5577c],
.attendance_card .punch[data-v-0de5577c],
.attendance_card .break[data-v-0de5577c] {
  display: inline-block;
  width: 100%;
  text-align: center;
  vertical-align: top;
}
.attendance_card .shift .head[data-v-0de5577c],
.attendance_card .punch .head[data-v-0de5577c],
.attendance_card .break .head[data-v-0de5577c] {
  font-size: 10px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 2px;
  width: 80px;
  vertical-align: top;
  line-height: 32px;
}
.attendance_card .shift .body[data-v-0de5577c],
.attendance_card .punch .body[data-v-0de5577c],
.attendance_card .break .body[data-v-0de5577c] {
  font-size: 13px;
  display: inline-block;
  width: calc(100% - 80px);
}
.shift_time_col[data-v-0de5577c],
.branch_id_col[data-v-0de5577c] {
  height: 32px;
  line-height: 32px;
}
.branch_id_col[data-v-0de5577c] {
  width: calc(100% - 67px);
  display: inline-block;
}
.operation_button[data-v-0de5577c] {
  margin-top: 5px;
}
@media screen and (max-width: 499px) {
.attendance_card .shift .head[data-v-0de5577c],
  .attendance_card .punch .head[data-v-0de5577c],
  .attendance_card .break .head[data-v-0de5577c] {
    height: 27px;
    line-height: 27px;
}
.attendance_card .edit_button_wrap[data-v-0de5577c] {
    width: 57px;
}
.shift_time_col[data-v-0de5577c],
  .branch_id_col[data-v-0de5577c] {
    height: 27px;
    line-height: 27px;
}
.attendance_card .branch_name[data-v-0de5577c] {
    width: calc(100% - 63px);
}
.branch_id_col[data-v-0de5577c] {
    width: calc(100% - 57px);
}
}.create_title[data-v-cf646ee1] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.employee_changer_wrap[data-v-2f828b8a] {
  max-width: 700px;
  margin: 0 auto;
  padding: 3px 0;
  line-height: 36px;
}
.attendance_wrap[data-v-2f828b8a] {
  border-top: 2px solid #4eb187;
  background-color: #f5fffb;
  padding: 15px;
  margin-top: 15px;
}
.month_changer_wrap[data-v-2f828b8a] {
  max-width: 700px;
  margin: 0 auto;
}
.no_data_wrap[data-v-2f828b8a] {
  margin-top: 20px;
  font-weight: 600;
  text-align: center;
  font-size: 16px;
}
.attendance_head_table_wrap[data-v-2f828b8a] {
  margin-top: 15px;
  border-top: dashed 2px lightgray;
}
.old_editting[data-v-2f828b8a] {
  color: #929292;
}
.creating[data-v-2f828b8a] {
  background-color: #e8f3ff;
  color: #3344b0;
}
.editting[data-v-2f828b8a] {
  background-color: #e8ffea;
  color: #3344b0;
}
.editting.editting_shift[data-v-2f828b8a] {
  color: initial;
}
.deleting[data-v-2f828b8a] {
  background-color: #ffebe8;
  color: #929292;
}
.attendance_head_table[data-v-2f828b8a] {
  margin-top: 10px;
  table-layout: fixed;
  width: 100%;
}
.attendance_head_table th[data-v-2f828b8a] {
  height: 35px;
  text-align: center;
  border-bottom: 3px solid #4eb187;
  color: #4eb187;
  font-weight: 600;
  font-size: 14px;
  padding: 3px;
  line-height: 20px;
}
.attendance_head_table td[data-v-2f828b8a] {
  font-weight: 400;
  padding: 5px 0;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
}
.attendance_table_wrap[data-v-2f828b8a] {
  margin-top: 15px;
  padding-top: 15px;
  border-top: dashed 2px lightgray;
}
.shift_time_col[data-v-2f828b8a] {
  height: 32px;
  line-height: 32px;
}
.date_col[data-v-2f828b8a],
.work_type_col[data-v-2f828b8a],
.hourly_paidhol_col[data-v-2f828b8a],
.branchly_shift[data-v-2f828b8a],
.branch_id_col[data-v-2f828b8a],
.carfare_col[data-v-2f828b8a] {
  padding: 3px 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.operation_branchly_col[data-v-2f828b8a] {
  padding: 3px 0;
}
.operation_col[data-v-2f828b8a] {
  padding: 0 8px;
}
.carfare_col[data-v-2f828b8a] {
  text-align: right;
}
.branch_id_col[data-v-2f828b8a] {
  text-align: left;
}
.branchly_shift[data-v-2f828b8a],
.branch_id_col[data-v-2f828b8a],
.operation_col[data-v-2f828b8a],
.operation_branchly_col[data-v-2f828b8a] {
  box-sizing: content-box;
  border-top: 1px solid rgb(232, 232, 232);
}
.branchly_shift[data-v-2f828b8a]:first-of-type,
.branch_id_col[data-v-2f828b8a]:first-of-type,
.operation_col[data-v-2f828b8a]:first-of-type,
.operation_branchly_col[data-v-2f828b8a]:first-of-type {
  border-top: none;
}
.carfare_col.custom[data-v-2f828b8a] {
  color: green;
}
.operation_button_wrap[data-v-2f828b8a] {
  display: inline-block;
  vertical-align: middle;
}
.operation_button[data-v-2f828b8a] {
  display: inline-block;
  margin-left: 3px;
}
.operation_button[data-v-2f828b8a]:first-child {
  margin-left: 0;
}
.operation_daily_col[data-v-2f828b8a] {
  display: inline-block;
  margin-left: 3px;
}
.operation_daily_col[data-v-2f828b8a]:first-of-type {
  margin-left: 0px;
}
.operation_daily_col.edit_delete[data-v-2f828b8a] {
  width: 67px;
}
.operation_daily_col.add[data-v-2f828b8a] {
  width: 32px;
}
.attendance_table_wrap th.date[data-v-2f828b8a] {
  width: 136px;
}
.attendance_table_wrap th.work_type[data-v-2f828b8a] {
  width: 125px;
}
.attendance_table_wrap th.branch_id[data-v-2f828b8a] {
  width: 134px;
}
.attendance_table_wrap th.shift[data-v-2f828b8a] {
  width: 150px;
}
.attendance_table_wrap th.shift.separated[data-v-2f828b8a] {
  width: 265px;
  min-width: 265px;
}
.attendance_table_wrap th.punch[data-v-2f828b8a] {
  width: 174px;
}
.attendance_table_wrap th.punch.separated[data-v-2f828b8a] {
  width: 295px;
  min-width: 295px;
}
.attendance_table_wrap th.punch_round[data-v-2f828b8a] {
  width: 110px;
}
.attendance_table_wrap th.break[data-v-2f828b8a] {
  width: 174px;
}
.attendance_table_wrap th.break_round[data-v-2f828b8a] {
  width: 110px;
}
.attendance_table_wrap th.carfare[data-v-2f828b8a] {
  width: 100px;
}
.attendance_table_wrap th.shift_start[data-v-2f828b8a] {
  width: 75px;
  min-width: 58px;
}
.attendance_table_wrap th.shift_end[data-v-2f828b8a] {
  width: 75px;
  min-width: 58px;
}
.attendance_table_wrap th.punch_start[data-v-2f828b8a] {
  width: 87px;
  min-width: 71px;
}
.attendance_table_wrap th.punch_end[data-v-2f828b8a] {
  width: 87px;
  min-width: 71px;
}
.attendance_table_wrap th.punch_round_start[data-v-2f828b8a] {
  width: 55px;
}
.attendance_table_wrap th.punch_round_end[data-v-2f828b8a] {
  width: 55px;
}
.attendance_table_wrap th.break_start[data-v-2f828b8a] {
  width: 87px;
  min-width: 71px;
}
.attendance_table_wrap th.break_end[data-v-2f828b8a] {
  width: 87px;
  min-width: 71px;
}
.attendance_table_wrap th.plan_break_start[data-v-2f828b8a], .attendance_table_wrap th.plan_break_end[data-v-2f828b8a] {
  width: 58px;
  min-width: 58px;
}
.attendance_table_wrap th.actual_break_start[data-v-2f828b8a], .attendance_table_wrap th.actual_break_end[data-v-2f828b8a] {
  width: 71px;
  min-width: 71px;
}
.attendance_table_wrap th.break_round_start[data-v-2f828b8a] {
  width: 55px;
}
.attendance_table_wrap th.break_round_end[data-v-2f828b8a] {
  width: 55px;
}
.attendance_table_wrap th.button[data-v-2f828b8a] {
  width: 119px;
}
@media screen and (max-width: 1110px) {
.attendance_head_table th[data-v-2f828b8a] {
    font-size: 11px;
}
.attendance_head_table td[data-v-2f828b8a] {
    font-size: 11px;
}
}
@media screen and (max-width: 969px) {
.attendance_head_badge[data-v-2f828b8a],
  .attendance_calendar_badge[data-v-2f828b8a] {
    margin-top: 10px;
    background-color: #4eb187;
    display: block;
    color: white;
    font-weight: bold;
    padding: 3px;
    text-align: center;
    border-radius: 4px;
}
.attendance_head_badge[data-v-2f828b8a] {
    width: 50px;
}
.attendance_calendar_badge[data-v-2f828b8a] {
    width: 80px;
}
.attendance_head_table thead[data-v-2f828b8a] {
    display: none;
}
.attendance_head_table tbody tr[data-v-2f828b8a] {
    display: flex;
    flex: 1; /* 4つずつ並べるために幅を25%に設定 */
    flex-wrap: wrap;
}
.attendance_head_table tbody td[data-v-2f828b8a] {
    text-align: left;
    width: 25%;
    box-sizing: border-box;
    padding: 1px 5px;
    position: relative;
    font-size: 11px;
}
.attendance_head_table tbody[data-v-2f828b8a] {
    /* 各セルの前に見出しを追加 */
}
.attendance_head_table tbody td[data-v-2f828b8a]::before {
    text-align: left;
    content: attr(data-label);
    font-weight: bold;
    display: block;
    margin-bottom: 0px;
    font-size: 10px;
}
}
.attendance_calendar_wrap[data-v-2f828b8a] {
  display: none;
}
.attendance_table_wrap[data-v-2f828b8a] {
  display: block;
}
@media screen and (max-width: 499px) {
.attendance_calendar_wrap[data-v-2f828b8a] {
    display: block;
}
.attendance_table_wrap[data-v-2f828b8a] {
    display: none;
}
.attendance_table_wrap th.date[data-v-2f828b8a] {
    width: 50px;
}
.attendance_table_wrap th.work_type[data-v-2f828b8a] {
    width: 72px;
}
.attendance_table_wrap th.branch_id[data-v-2f828b8a] {
    width: 100px;
}
.attendance_table_wrap th.shift[data-v-2f828b8a] {
    width: 96px;
}
.attendance_table_wrap th.shift.separated[data-v-2f828b8a] {
    width: 265px;
    min-width: 265px;
}
.attendance_table_wrap th.punch[data-v-2f828b8a] {
    width: 174px;
}
.attendance_table_wrap th.punch.separated[data-v-2f828b8a] {
    width: 295px;
    min-width: 295px;
}
.attendance_table_wrap th.punch_round[data-v-2f828b8a] {
    width: 114px;
}
.attendance_table_wrap th.break[data-v-2f828b8a] {
    width: 174px;
}
.attendance_table_wrap th.break_round[data-v-2f828b8a] {
    width: 114px;
}
.attendance_table_wrap th.carfare[data-v-2f828b8a] {
    width: 60px;
}
.attendance_table_wrap th.shift_start[data-v-2f828b8a] {
    width: 48px;
    min-width: 58px;
}
.attendance_table_wrap th.shift_end[data-v-2f828b8a] {
    width: 48px;
    min-width: 58px;
}
.attendance_table_wrap th.punch_start[data-v-2f828b8a] {
    width: 87px;
    min-width: 71px;
}
.attendance_table_wrap th.punch_end[data-v-2f828b8a] {
    width: 87px;
    min-width: 71px;
}
.attendance_table_wrap th.punch_round_start[data-v-2f828b8a] {
    width: 57px;
}
.attendance_table_wrap th.punch_round_end[data-v-2f828b8a] {
    width: 57px;
}
.attendance_table_wrap th.break_start[data-v-2f828b8a] {
    width: 87px;
    min-width: 71px;
}
.attendance_table_wrap th.break_end[data-v-2f828b8a] {
    width: 87px;
    min-width: 71px;
}
.attendance_table_wrap th.plan_break_start[data-v-2f828b8a], .attendance_table_wrap th.plan_break_end[data-v-2f828b8a] {
    width: 58px;
    min-width: 58px;
}
.attendance_table_wrap th.actual_break_start[data-v-2f828b8a], .attendance_table_wrap th.actual_break_end[data-v-2f828b8a] {
    width: 71px;
    min-width: 71px;
}
.attendance_table_wrap th.break_round_start[data-v-2f828b8a] {
    width: 57px;
}
.attendance_table_wrap th.break_round_end[data-v-2f828b8a] {
    width: 57px;
}
.attendance_table_wrap th.button[data-v-2f828b8a] {
    width: 116px;
}
.shift_time_col[data-v-2f828b8a] {
    height: 27px;
    line-height: 27px;
}
}
.attendance_table_wrap th[data-v-2f828b8a] {
  text-align: center;
}
.attendance_table_wrap td[data-v-2f828b8a] {
  padding: 0 !important;
  text-align: center;
}
.attendance_table_wrap tr.error[data-v-2f828b8a] {
  background-color: #ffcccc !important;
}
.attendance_table_wrap tr.error td.error_click[data-v-2f828b8a] {
  cursor: pointer;
}
.attendance_table_wrap tr.error.adding td.error_click[data-v-2f828b8a], .attendance_table_wrap tr.error.editting td.error_click[data-v-2f828b8a] {
  cursor: default;
}
.exclamation_icon_wrap[data-v-2f828b8a] {
  display: inline-block;
  vertical-align: 2px;
  margin-top: 15px;
}
.exclamation_icon_wrap svg[data-v-2f828b8a] {
  width: 30px;
  height: 30px;
}.control_wrap[data-v-bc482ec3] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-bc482ec3] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-bc482ec3] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-bc482ec3] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-bc482ec3] {
  margin-top: 10px;
}.download_wrap[data-v-34c1fcb1] {
  text-align: center;
}
.download_button_wrap[data-v-34c1fcb1] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-34c1fcb1] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-34c1fcb1]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-34c1fcb1] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-34c1fcb1]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-a9c53238] {
  text-align: center;
}
.download_button_wrap[data-v-a9c53238] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-a9c53238] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-a9c53238]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-a9c53238] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-a9c53238]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-c4c08297] {
  text-align: center;
}
.attention_wrap[data-v-c4c08297] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-c4c08297] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-c4c08297] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  color: #d10c1d;
}
.download_button_wrap[data-v-c4c08297] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-c4c08297] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-c4c08297]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-c4c08297] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-c4c08297]:not(:first-child) {
    margin: 10px auto 0;
}
}.document_title[data-v-aeb400b9] {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}.document_title[data-v-70c3e0b0] {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}.document_title[data-v-6d8ebed9] {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}.document_title[data-v-519332fb] {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}.document_title[data-v-f8df0035] {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}.year_wrap[data-v-3bfe4f2f] {
  text-align: center;
}
.download_button_wrap[data-v-3bfe4f2f] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-3bfe4f2f] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-3bfe4f2f]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-3bfe4f2f] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-3bfe4f2f]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-2ed1bf8e] {
  text-align: center;
}
.download_button_wrap[data-v-2ed1bf8e] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-2ed1bf8e] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-2ed1bf8e]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-2ed1bf8e] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-2ed1bf8e]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-141ba08b] {
  text-align: center;
}
.download_wrap[data-v-141ba08b] {
  text-align: center;
}.year_wrap[data-v-314e164d] {
  text-align: center;
}
.attention_wrap[data-v-314e164d] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-314e164d] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-314e164d] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-314e164d] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-314e164d] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-314e164d]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-314e164d] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-314e164d]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-44758592] {
  text-align: center;
}
.attention_wrap[data-v-44758592] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-44758592] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-44758592] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-44758592] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-44758592] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-44758592]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-44758592] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-44758592]:not(:first-child) {
    margin: 10px auto 0;
}
}.year_wrap[data-v-f5e92188] {
  text-align: center;
}
.attention_wrap[data-v-f5e92188] {
  text-align: center;
}
.attention_wrap .attention_group[data-v-f5e92188] {
  text-align: left;
  display: inline-block;
}
.attention_wrap .attention_group p[data-v-f5e92188] {
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}
.download_button_wrap[data-v-f5e92188] {
  width: 100%;
  text-align: center;
}
.download_wrap[data-v-f5e92188] {
  width: 200px;
  text-align: center;
  display: inline-block;
}
.download_wrap[data-v-f5e92188]:not(:first-child) {
  margin-left: 10px;
}
@media (max-width: 600px) {
.download_wrap[data-v-f5e92188] {
    width: 150px;
    display: block;
    margin: 0px auto 0;
}
.download_wrap[data-v-f5e92188]:not(:first-child) {
    margin: 10px auto 0;
}
}.document_waiting[data-v-65725785] {
  font-size: 16px;
  font-weight: 600;
  margin: 10px 5px;
}
.document_waiting .instruction[data-v-65725785] {
  color: rgb(216, 26, 26);
  -webkit-animation: blink-65725785 1s ease-in infinite alternate;
  -moz-animation: blink-65725785 1s ease-in infinite alternate;
  animation: blink-65725785 1s ease-in infinite alternate;
}
@-webkit-keyframes blink-65725785 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@-moz-keyframes blink-65725785 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@keyframes blink-65725785 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
.document_block_section[data-v-65725785],
.document_instruction_section[data-v-65725785] {
  display: inline-block;
  vertical-align: top;
}
.document_block_section[data-v-65725785] {
  width: 100%;
  padding-right: 5px;
}
.document_instruction_section[data-v-65725785] {
  width: 33.3333333333%;
  padding-left: 5px;
  position: sticky;
  top: 0;
  display: none;
}
@media screen and (max-width: 949px) {
.document_block_section[data-v-65725785] {
    width: 100%;
}
.document_instruction_section[data-v-65725785] {
    display: none;
}
}.document_instruction {
  padding: 10px;
}
.document_instruction .document_instruction_title {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.document_instruction .document_instruction_content {
  margin-top: 10px;
  font-size: 13px;
  line-height: 18px;
}
.document_instruction .document_instruction_empty {
  text-align: center;
  font-size: 14px;
}.document_wrap[data-v-22702c9a] {
  padding: 15px;
  border-top: 2px solid #e389b7;
  background-color: #fff2f9;
}.document_wrap[data-v-ef41f676] {
  padding: 15px;
  border-top: 2px solid #e389b7;
  background-color: #fff2f9;
}
table th.button[data-v-ef41f676] {
  width: 165px;
  min-width: 165px;
}
table th.name[data-v-ef41f676] {
  width: 180px;
  min-width: 180px;
}
table th.created_at[data-v-ef41f676] {
  width: 190px;
  min-width: 190px;
}
@media screen and (max-width: 499px) {
table[data-v-ef41f676] {
    min-width: 435px;
}
table th.button[data-v-ef41f676] {
    width: 135px;
    min-width: 135px;
}
table th.name[data-v-ef41f676] {
    width: 150px;
    min-width: 150px;
}
table th.created_at[data-v-ef41f676] {
    width: 150px;
    min-width: 150px;
}
}.submit_wrap[data-v-bb71f790] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-bb71f790] {
  display: inline-block;
  width: 250px;
}.title_wrap[data-v-fcce460b],
.display_wrap[data-v-fcce460b] {
  max-width: 759px;
  margin: 0 auto;
}
.create_button_wrap[data-v-fcce460b] {
  text-align: center;
  margin-top: 20px;
}
.foot_wrap[data-v-fcce460b] {
  text-align: center;
}
.contract_document_attention[data-v-fcce460b] {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 600;
}
.authorization_text[data-v-fcce460b] {
  font-size: 20px;
  font-weight: bold;
  line-height: 45px;
}
.status_wrap[data-v-fcce460b] {
  margin-bottom: 20px;
  text-align: center;
}
.status_wrap p.waiting_contract[data-v-fcce460b] {
  font-size: 20px;
  font-weight: bold;
  color: rgb(243, 83, 83);
}
.status_wrap p.contracted[data-v-fcce460b] {
  font-size: 20px;
  font-weight: bold;
  color: rgb(67, 208, 81);
}
.status_wrap p.denied[data-v-fcce460b] {
  font-size: 20px;
  font-weight: bold;
  color: rgb(243, 83, 83);
}
.status_wrap p.contracted_at[data-v-fcce460b], .status_wrap p.created_at[data-v-fcce460b], .status_wrap p.denied_comment[data-v-fcce460b] {
  margin-top: 10px;
  font-size: 14px;
}.bank_wrap p[data-v-969c6daa] {
  font-size: 14px;
  line-height: 30px;
}.family_table_wrap[data-v-e3780b2f] {
  width: 610px;
}
.operation_button_wrap[data-v-e3780b2f] {
  display: inline-block;
  width: 32px;
}
.add_button_wrap[data-v-e3780b2f] {
  display: inline-block;
}.operation_button_wrap[data-v-792f2f42] {
  display: inline-block;
  width: 32px;
  margin-left: 3px;
}
.operation_button_wrap[data-v-792f2f42]:first-child {
  margin-left: 0;
}
.paidhol_table_wrap[data-v-792f2f42] {
  margin-top: 25px;
}.content_col[data-v-1fa9cf04] {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.button_col[data-v-1fa9cf04] {
  display: inline-block;
  vertical-align: top;
}.content_col[data-v-13503962] {
  display: inline-block;
  vertical-align: top;
  min-width: 200px;
}
.button_col[data-v-13503962] {
  display: inline-block;
  vertical-align: top;
  width: 67px;
  margin-left: 6px;
}
.operation_button_wrap[data-v-13503962] {
  display: inline-block;
  width: 32px;
  margin-left: 3px;
}
.operation_button_wrap[data-v-13503962]:first-child {
  margin-left: 0;
}
.image_wrap[data-v-13503962] {
  width: 343px;
  height: 216px;
}.alert_wrap[data-v-7553d718] {
  padding: 10px 0;
}.attention[data-v-4fe763e4] {
  color: #d10c1d;
  font-size: 15px;
  font-weight: 600;
}
.submit_button_wrap[data-v-4fe763e4] {
  margin-top: 20px;
  width: 100%;
  text-align: center;
}
.mail_pass_wrap[data-v-4fe763e4] {
  margin-top: 20px;
}.card_wrap[data-v-87380b5d] {
  position: relative;
  width: 100%;
  height: 110px;
}
.face_image_wrap[data-v-87380b5d] {
  float: left;
  width: 110px;
  height: 110px;
}
.edit_button_wrap[data-v-87380b5d] {
  display: inline-block;
}
.base_information[data-v-87380b5d],
.sub_information[data-v-87380b5d] {
  float: right;
  width: calc(100% - 110px);
  padding-left: 20px;
}
.base_information .col[data-v-87380b5d],
.sub_information .col[data-v-87380b5d] {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.base_information .col p[data-v-87380b5d],
.sub_information .col p[data-v-87380b5d] {
  margin-top: 15px;
}
.base_information .col p[data-v-87380b5d]:first-child,
.sub_information .col p[data-v-87380b5d]:first-child {
  margin-top: 0;
}
.base_information .col p span[data-v-87380b5d],
.sub_information .col p span[data-v-87380b5d] {
  vertical-align: middle;
}
.base_information .type_col[data-v-87380b5d],
.sub_information .type_col[data-v-87380b5d] {
  display: inline-block;
  vertical-align: top;
}
.base_information .badge[data-v-87380b5d],
.sub_information .badge[data-v-87380b5d] {
  background-color: #eee;
  border-radius: 3px;
  color: grey;
  text-align: center;
  display: inline-block;
  width: 50px;
  font-weight: 600;
  margin-right: 5px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}
.base_information .badge + span[data-v-87380b5d],
.sub_information .badge + span[data-v-87380b5d] {
  display: inline-block;
  width: calc(100% - 55px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.base_information .type_badge[data-v-87380b5d],
.sub_information .type_badge[data-v-87380b5d] {
  vertical-align: middle;
}
.base_information .type_badge span[data-v-87380b5d],
.sub_information .type_badge span[data-v-87380b5d] {
  display: inline-block;
  width: 50px;
  height: 25px;
  background-color: #9a9a9a;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
  line-height: 25px;
  color: #fff;
  vertical-align: middle;
}
.base_information .type_badge span.shift[data-v-87380b5d],
.sub_information .type_badge span.shift[data-v-87380b5d] {
  background-color: #4395d4;
}
.base_information .type_badge span.attendance[data-v-87380b5d],
.sub_information .type_badge span.attendance[data-v-87380b5d] {
  background-color: #4eb187;
}
.base_information .type_badge span.payment[data-v-87380b5d],
.sub_information .type_badge span.payment[data-v-87380b5d] {
  background-color: #d1aa00;
}
.base_information p.code[data-v-87380b5d],
.sub_information p.code[data-v-87380b5d] {
  font-size: 13px;
}
.base_information p.name[data-v-87380b5d],
.sub_information p.name[data-v-87380b5d] {
  padding: 0;
  padding-top: 5px;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  line-height: 26.5px;
}
.sub_information[data-v-87380b5d] {
  margin-top: 9px;
}
.order_button_wrap[data-v-87380b5d] {
  position: absolute;
  right: 0px;
  bottom: -20px;
}
.order_button_wrap .prev_button_wrap[data-v-87380b5d] {
  margin-right: 3px;
}
.order_button_wrap .prev_button_wrap[data-v-87380b5d],
.order_button_wrap .next_button_wrap[data-v-87380b5d] {
  display: inline-block;
  width: 30px;
}
.mypc_button[data-v-87380b5d] {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 900px) {
.card_wrap[data-v-87380b5d] {
    height: 150px;
}
.sub_information .type_col[data-v-87380b5d] {
    display: block;
    margin-top: 15px;
}
}
@media screen and (max-width: 730px) {
.mypc_button[data-v-87380b5d] {
    top: initial;
    bottom: 0;
    left: 0;
}
}
@media screen and (max-width: 630px) {
.card_wrap[data-v-87380b5d] {
    height: 220px;
}
.edit_button_wrap[data-v-87380b5d] {
    display: block;
}
.sub_information .col[data-v-87380b5d] {
    display: block;
    margin-top: 10px;
}
.sub_information .col[data-v-87380b5d]:first-of-type {
    margin-top: 0px;
}
.sub_information .col p[data-v-87380b5d] {
    margin-top: 10px;
}
.sub_information .type_col[data-v-87380b5d] {
    margin-top: 10px;
}
}
@media screen and (max-width: 499px) {
.card_wrap[data-v-87380b5d] {
    height: 175px;
}
.base_information[data-v-87380b5d] {
    float: none;
    width: 100%;
    padding: 0 0 5px;
}
.base_information p.name[data-v-87380b5d] {
    padding-top: 0;
    font-size: 18px;
    line-height: 24px;
}
.sub_information[data-v-87380b5d] {
    margin-top: 0;
    padding-left: 10px;
}
.sub_information .col[data-v-87380b5d] {
    margin-top: 7px;
}
.sub_information .col[data-v-87380b5d]:first-of-type {
    margin-top: 0px;
}
.sub_information .col p[data-v-87380b5d] {
    margin-top: 7px;
}
.sub_information .type_col[data-v-87380b5d] {
    margin-top: 7px;
}
.sub_information .badge[data-v-87380b5d] {
    width: 40px;
    margin-right: 5px;
    font-size: 12px;
    line-height: 16px;
}
.sub_information .badge + span[data-v-87380b5d] {
    font-size: 12px;
}
.sub_information .type_badge span[data-v-87380b5d] {
    width: 40px;
    height: 20px;
    font-size: 10px;
    margin-right: 3px;
    line-height: 20px;
}
.order_button_wrap[data-v-87380b5d] {
    bottom: initial;
    top: 40px;
}
.mypc_button[data-v-87380b5d] {
    top: 0;
    bottom: initial;
    right: 0;
    left: initial;
}
.mypc_button_wrap[data-v-87380b5d] {
    display: none;
}
}.card_wrap[data-v-91791b5c] {
  width: 100%;
  padding: 5px 10px 25px;
  border-bottom: 2px solid grey;
  margin-bottom: 10px;
}
.menu_wrap[data-v-91791b5c] {
  width: 100%;
  padding: 0 10px;
}
.demand_change_attention_wrap[data-v-91791b5c] {
  margin-bottom: 10px;
  margin-top: 10px;
}
@media screen and (max-width: 499px) {
.card_wrap[data-v-91791b5c] {
    padding-bottom: 10px;
}
.demand_change_attention_wrap[data-v-91791b5c] {
    margin-bottom: 10px;
}
}.submit_wrap[data-v-f5771692] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-f5771692] {
  display: inline-block;
  width: 250px;
}.submit_wrap[data-v-daf49806] {
  margin-top: 25px;
  text-align: center;
}
.submit_button_wrap[data-v-daf49806] {
  display: inline-block;
  width: 250px;
}.content_col[data-v-d88b11a0] {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.button_col[data-v-d88b11a0] {
  display: inline-block;
  vertical-align: top;
}.card_wrap[data-v-9ddc4815] {
  position: relative;
  width: 100%;
  height: 110px;
}
.face_image_wrap[data-v-9ddc4815] {
  float: left;
  width: 110px;
  height: 110px;
}
.edit_button_wrap[data-v-9ddc4815] {
  display: inline-block;
}
.base_information[data-v-9ddc4815],
.sub_information[data-v-9ddc4815] {
  float: right;
  width: calc(100% - 110px);
  padding-left: 20px;
}
.base_information .col[data-v-9ddc4815],
.sub_information .col[data-v-9ddc4815] {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.base_information .col p[data-v-9ddc4815],
.sub_information .col p[data-v-9ddc4815] {
  margin-top: 15px;
}
.base_information .col p[data-v-9ddc4815]:first-child,
.sub_information .col p[data-v-9ddc4815]:first-child {
  margin-top: 0;
}
.base_information .col p span[data-v-9ddc4815],
.sub_information .col p span[data-v-9ddc4815] {
  vertical-align: middle;
}
.base_information .type_col[data-v-9ddc4815],
.sub_information .type_col[data-v-9ddc4815] {
  display: inline-block;
  vertical-align: top;
}
.base_information .badge[data-v-9ddc4815],
.sub_information .badge[data-v-9ddc4815] {
  background-color: #eee;
  border-radius: 3px;
  color: grey;
  text-align: center;
  display: inline-block;
  width: 50px;
  font-weight: 600;
  margin-right: 5px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}
.base_information .badge + span[data-v-9ddc4815],
.sub_information .badge + span[data-v-9ddc4815] {
  display: inline-block;
  width: calc(100% - 55px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.base_information .type_badge[data-v-9ddc4815],
.sub_information .type_badge[data-v-9ddc4815] {
  vertical-align: middle;
}
.base_information .type_badge span[data-v-9ddc4815],
.sub_information .type_badge span[data-v-9ddc4815] {
  display: inline-block;
  width: 50px;
  height: 25px;
  background-color: #9a9a9a;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  margin-right: 5px;
  line-height: 25px;
  color: #fff;
  vertical-align: middle;
}
.base_information .type_badge span.shift[data-v-9ddc4815],
.sub_information .type_badge span.shift[data-v-9ddc4815] {
  background-color: #4395d4;
}
.base_information .type_badge span.attendance[data-v-9ddc4815],
.sub_information .type_badge span.attendance[data-v-9ddc4815] {
  background-color: #4eb187;
}
.base_information .type_badge span.payment[data-v-9ddc4815],
.sub_information .type_badge span.payment[data-v-9ddc4815] {
  background-color: #d1aa00;
}
.base_information p.code[data-v-9ddc4815],
.sub_information p.code[data-v-9ddc4815] {
  font-size: 13px;
}
.base_information p.name[data-v-9ddc4815],
.sub_information p.name[data-v-9ddc4815] {
  padding: 0;
  padding-top: 5px;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  line-height: 26.5px;
}
.sub_information[data-v-9ddc4815] {
  margin-top: 9px;
}
.order_button_wrap[data-v-9ddc4815] {
  position: absolute;
  right: 0px;
  bottom: -20px;
}
.order_button_wrap .prev_button_wrap[data-v-9ddc4815] {
  margin-right: 3px;
}
.order_button_wrap .prev_button_wrap[data-v-9ddc4815],
.order_button_wrap .next_button_wrap[data-v-9ddc4815] {
  display: inline-block;
  width: 30px;
}
.mypc_button[data-v-9ddc4815] {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 900px) {
.card_wrap[data-v-9ddc4815] {
    height: 150px;
}
.sub_information .type_col[data-v-9ddc4815] {
    display: block;
    margin-top: 15px;
}
}
@media screen and (max-width: 730px) {
.mypc_button[data-v-9ddc4815] {
    top: initial;
    bottom: 0;
    left: 0;
}
}
@media screen and (max-width: 630px) {
.card_wrap[data-v-9ddc4815] {
    height: 220px;
}
.edit_button_wrap[data-v-9ddc4815] {
    display: block;
}
.sub_information .col[data-v-9ddc4815] {
    display: block;
    margin-top: 10px;
}
.sub_information .col[data-v-9ddc4815]:first-of-type {
    margin-top: 0px;
}
.sub_information .col p[data-v-9ddc4815] {
    margin-top: 10px;
}
.sub_information .type_col[data-v-9ddc4815] {
    margin-top: 10px;
}
}
@media screen and (max-width: 499px) {
.card_wrap[data-v-9ddc4815] {
    height: 175px;
}
.base_information[data-v-9ddc4815] {
    float: none;
    width: 100%;
    padding: 0 0 5px;
}
.base_information p.name[data-v-9ddc4815] {
    padding-top: 0;
    font-size: 18px;
    line-height: 24px;
}
.sub_information[data-v-9ddc4815] {
    margin-top: 0;
    padding-left: 10px;
}
.sub_information .col[data-v-9ddc4815] {
    margin-top: 7px;
}
.sub_information .col[data-v-9ddc4815]:first-of-type {
    margin-top: 0px;
}
.sub_information .col p[data-v-9ddc4815] {
    margin-top: 7px;
}
.sub_information .type_col[data-v-9ddc4815] {
    margin-top: 7px;
}
.sub_information .badge[data-v-9ddc4815] {
    width: 40px;
    margin-right: 5px;
    font-size: 12px;
    line-height: 16px;
}
.sub_information .badge + span[data-v-9ddc4815] {
    font-size: 12px;
}
.sub_information .type_badge span[data-v-9ddc4815] {
    width: 40px;
    height: 20px;
    font-size: 10px;
    margin-right: 3px;
    line-height: 20px;
}
.order_button_wrap[data-v-9ddc4815] {
    bottom: initial;
    top: 40px;
}
.mypc_button[data-v-9ddc4815] {
    top: 0;
    bottom: initial;
    right: 0;
    left: initial;
}
.mypc_button_wrap[data-v-9ddc4815] {
    display: none;
}
}.card_wrap[data-v-ada1ca7b] {
  width: 100%;
  padding: 5px 10px 25px;
  border-bottom: 2px solid grey;
  margin-bottom: 10px;
}
.menu_wrap[data-v-ada1ca7b] {
  width: 100%;
  padding: 0 10px;
}
.demand_change_attention_wrap[data-v-ada1ca7b] {
  margin-bottom: 10px;
  margin-top: 10px;
}
@media screen and (max-width: 499px) {
.card_wrap[data-v-ada1ca7b] {
    padding-bottom: 10px;
}
.demand_change_attention_wrap[data-v-ada1ca7b] {
    margin-bottom: 10px;
}
}.punch_in_result .ant-modal-content {
  border: 5px solid #4395d4 !important;
}.modal_title[data-v-0813dc45] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.timestamp_wrap[data-v-0813dc45] {
  font-weight: 600;
  text-align: center;
  margin: 20px 0;
  line-height: 48px;
  font-size: 48px;
}
.result_message[data-v-0813dc45] {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #4395d4;
}
.ok_button_wrap[data-v-0813dc45] {
  margin-top: 20px;
  text-align: center;
}
.ok_button_wrap button[data-v-0813dc45] {
  color: #fff;
  background-color: #f39918;
  width: 200px;
  height: 50px;
  line-height: 45px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
  cursor: pointer;
  border-radius: 4px;
}
.ok_button_wrap button[data-v-0813dc45]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 499px) {
.timestamp_wrap[data-v-0813dc45] {
    margin: 15px 0;
    font-size: 30px;
    line-height: 30px;
}
.result_message[data-v-0813dc45] {
    font-size: 17px;
}
.ok_button_wrap button[data-v-0813dc45] {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}
}.punch_out_result .ant-modal-content {
  border: 5px solid #4eb187 !important;
}.modal_title[data-v-facf8955] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.timestamp_wrap[data-v-facf8955] {
  font-weight: 600;
  text-align: center;
  margin: 20px 0;
  line-height: 48px;
  font-size: 48px;
}
.result_message[data-v-facf8955] {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #4eb187;
}
.ok_button_wrap[data-v-facf8955] {
  margin-top: 20px;
  text-align: center;
}
.ok_button_wrap button[data-v-facf8955] {
  color: #fff;
  background-color: #f39918;
  width: 200px;
  height: 50px;
  line-height: 45px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
  cursor: pointer;
  border-radius: 4px;
}
.ok_button_wrap button[data-v-facf8955]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 499px) {
.timestamp_wrap[data-v-facf8955] {
    margin: 15px 0;
    font-size: 30px;
    line-height: 30px;
}
.result_message[data-v-facf8955] {
    font-size: 17px;
}
.ok_button_wrap button[data-v-facf8955] {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}
}.break_in_result .ant-modal-content {
  border: 5px solid #4395d4 !important;
}.modal_title[data-v-1890db59] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.timestamp_wrap[data-v-1890db59] {
  font-weight: 600;
  text-align: center;
  margin: 20px 0;
  line-height: 48px;
  font-size: 48px;
}
.result_message[data-v-1890db59] {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #4395d4;
}
.ok_button_wrap[data-v-1890db59] {
  margin-top: 20px;
  text-align: center;
}
.ok_button_wrap button[data-v-1890db59] {
  color: #fff;
  background-color: #f39918;
  width: 200px;
  height: 50px;
  line-height: 45px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
  cursor: pointer;
  border-radius: 4px;
}
.ok_button_wrap button[data-v-1890db59]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 499px) {
.timestamp_wrap[data-v-1890db59] {
    margin: 15px 0;
    font-size: 30px;
    line-height: 30px;
}
.result_message[data-v-1890db59] {
    font-size: 17px;
}
.ok_button_wrap button[data-v-1890db59] {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}
}.break_out_result .ant-modal-content {
  border: 5px solid #4eb187 !important;
}.modal_title[data-v-3d7c46af] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.timestamp_wrap[data-v-3d7c46af] {
  font-weight: 600;
  text-align: center;
  margin: 20px 0;
  line-height: 48px;
  font-size: 48px;
}
.result_message[data-v-3d7c46af] {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #4eb187;
}
.ok_button_wrap[data-v-3d7c46af] {
  margin-top: 20px;
  text-align: center;
}
.ok_button_wrap button[data-v-3d7c46af] {
  color: #fff;
  background-color: #f39918;
  width: 200px;
  height: 50px;
  line-height: 45px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
  cursor: pointer;
  border-radius: 4px;
}
.ok_button_wrap button[data-v-3d7c46af]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 499px) {
.timestamp_wrap[data-v-3d7c46af] {
    margin: 15px 0;
    font-size: 30px;
    line-height: 30px;
}
.result_message[data-v-3d7c46af] {
    font-size: 17px;
}
.ok_button_wrap button[data-v-3d7c46af] {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}
}.punch_in_out_shift_result .ant-modal-content {
  border: 5px solid #4395d4 !important;
}.modal_title[data-v-ac15a015] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.timestamp_wrap[data-v-ac15a015] {
  font-weight: 600;
  text-align: center;
  margin: 20px 0;
  line-height: 48px;
  font-size: 48px;
}
.result_message[data-v-ac15a015] {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #4395d4;
}
.ok_button_wrap[data-v-ac15a015] {
  margin-top: 20px;
  text-align: center;
}
.ok_button_wrap button[data-v-ac15a015] {
  color: #fff;
  background-color: #f39918;
  width: 200px;
  height: 50px;
  line-height: 45px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
  cursor: pointer;
  border-radius: 4px;
}
.ok_button_wrap button[data-v-ac15a015]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 499px) {
.timestamp_wrap[data-v-ac15a015] {
    margin: 15px 0;
    font-size: 30px;
    line-height: 30px;
}
.result_message[data-v-ac15a015] {
    font-size: 17px;
}
.ok_button_wrap button[data-v-ac15a015] {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}
}
.timestamp[data-v-e88efbc0] {
  font-size: 48px;
  line-height: 70px;
  margin: 20px auto 0;
  text-align: center;
}
.punch_attention[data-v-e88efbc0] {
  font-size: 22px;
  font-weight: 600;
  margin: 5px auto;
  text-align: center;
}
.punch_company_selector_wrap[data-v-e88efbc0] {
  width: 750px;
  margin: 30px auto 0;
}
.punch_branch_selector_wrap[data-v-e88efbc0],
.punch_page_toggle[data-v-e88efbc0] {
  width: 750px;
  margin: 30px auto 0;
}
.company_selector[data-v-e88efbc0] {
  display: flex;
}
.company_selector_wrap[data-v-e88efbc0] {
  display: inline-block;
  max-width: 267px;
  vertical-align: middle;
  height: 32px;
  line-height: 30px;
  flex: 1; /* 残りのスペースを最大限使用 */
  margin-right: 5px;
}
.company_selector_text[data-v-e88efbc0] {
  flex: 0 0 auto; /* 固定幅 */
  height: 32px;
  line-height: 32px;
}
.punch_page_toggle[data-v-e88efbc0] {
  line-height: 22px;
}
.punch_button_wrap[data-v-e88efbc0],
.break_button_wrap[data-v-e88efbc0] {
  margin-top: 30px;
  text-align: center;
}
.punch_button[data-v-e88efbc0] {
  height: 350px;
  width: 350px;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.punch_button[data-v-e88efbc0]:hover {
  opacity: 0.8;
}
.punch_button p[data-v-e88efbc0] {
  line-height: 40px;
  font-size: 23px;
  font-weight: 600;
  background-color: #fff;
}
.punch_button svg[data-v-e88efbc0] {
  height: 220px;
  width: 220px;
  margin-top: 30px;
}
.punch_in_button[data-v-e88efbc0],
.break_in_button[data-v-e88efbc0] {
  margin-right: 50px;
  background-color: #4395d4;
}
.break_button[data-v-e88efbc0] {
  height: 70px;
  width: 350px;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.break_button[data-v-e88efbc0]:hover {
  opacity: 0.8;
}
.break_button p[data-v-e88efbc0] {
  line-height: 40px;
  font-size: 18px;
  font-weight: 600;
  background-color: #fff;
}
.punch_out_button[data-v-e88efbc0],
.break_out_button[data-v-e88efbc0] {
  background-color: #4eb187;
}
@media screen and (max-width: 849px) {
.punch_branch_selector_wrap[data-v-e88efbc0],
  .punch_company_selector_wrap[data-v-e88efbc0],
  .punch_page_toggle[data-v-e88efbc0] {
    width: 650px;
}
.punch_button[data-v-e88efbc0] {
    height: 300px;
    width: 300px;
}
.punch_button p[data-v-e88efbc0] {
    line-height: 35px;
    font-size: 20px;
}
.punch_button svg[data-v-e88efbc0] {
    height: 190px;
    width: 190px;
    margin-top: 25px;
}
.break_button[data-v-e88efbc0] {
    width: 300px;
    height: 65px;
}
.break_button p[data-v-e88efbc0] {
    line-height: 35px;
    font-size: 20px;
}
}
@media screen and (max-width: 769px) {
.punch_branch_selector_wrap[data-v-e88efbc0],
  .punch_company_selector_wrap[data-v-e88efbc0],
  .punch_page_toggle[data-v-e88efbc0] {
    width: 430px;
}
.timestamp[data-v-e88efbc0] {
    font-size: 35px;
    line-height: 45px;
    margin: 15px auto 0;
}
.punch_attention[data-v-e88efbc0] {
    font-size: 16px;
}
.punch_branch_selector_wrap[data-v-e88efbc0] {
    margin: 20px auto 0;
}
.punch_button_wrap[data-v-e88efbc0],
  .break_button_wrap[data-v-e88efbc0] {
    margin-top: 20px;
}
.punch_button[data-v-e88efbc0] {
    height: 200px;
    width: 200px;
}
.punch_button p[data-v-e88efbc0] {
    line-height: 30px;
    font-size: 18px;
}
.punch_button svg[data-v-e88efbc0] {
    height: 125px;
    width: 125px;
    margin-top: 15px;
}
.break_button[data-v-e88efbc0] {
    width: 200px;
    height: 60px;
}
.break_button p[data-v-e88efbc0] {
    line-height: 30px;
    font-size: 18px;
}
.punch_in_button[data-v-e88efbc0],
  .break_in_button[data-v-e88efbc0] {
    margin-right: 30px;
}
}
@media screen and (max-width: 499px) {
.punch_branch_selector_wrap[data-v-e88efbc0],
  .punch_company_selector_wrap[data-v-e88efbc0],
  .punch_page_toggle[data-v-e88efbc0] {
    width: 320px;
}
.timestamp[data-v-e88efbc0] {
    font-size: 30px;
    line-height: 40px;
    margin: 15px auto 0;
}
.punch_attention[data-v-e88efbc0] {
    font-size: 12px;
}
.punch_button_wrap[data-v-e88efbc0],
  .break_button_wrap[data-v-e88efbc0] {
    margin-top: 20px;
}
.punch_button[data-v-e88efbc0] {
    height: 150px;
    width: 150px;
    padding: 10px;
}
.punch_button p[data-v-e88efbc0] {
    line-height: 25px;
    font-size: 16px;
}
.punch_button svg[data-v-e88efbc0] {
    height: 90px;
    width: 90px;
    margin-top: 12px;
}
.break_button[data-v-e88efbc0] {
    width: 150px;
    height: 45px;
    padding: 10px;
}
.break_button p[data-v-e88efbc0] {
    line-height: 25px;
    font-size: 16px;
}
.punch_in_button[data-v-e88efbc0],
  .break_in_button[data-v-e88efbc0] {
    margin-right: 20px;
}
.company_selector_text[data-v-e88efbc0],
  .company_selector_wrap[data-v-e88efbc0] {
    height: 27px;
    line-height: 25px;
}
}.punch_in_result .ant-modal-content {
  border: 5px solid #4395d4 !important;
}.modal_title[data-v-efee295c] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.timestamp_wrap[data-v-efee295c] {
  font-weight: 600;
  text-align: center;
  margin: 20px 0;
  line-height: 48px;
  font-size: 48px;
}
.result_message[data-v-efee295c] {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #4395d4;
}
.ok_button_wrap[data-v-efee295c] {
  margin-top: 20px;
  text-align: center;
}
.ok_button_wrap button[data-v-efee295c] {
  color: #fff;
  background-color: #f39918;
  width: 200px;
  height: 50px;
  line-height: 45px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
  cursor: pointer;
  border-radius: 4px;
}
.ok_button_wrap button[data-v-efee295c]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 499px) {
.timestamp_wrap[data-v-efee295c] {
    margin: 15px 0;
    font-size: 30px;
    line-height: 30px;
}
.result_message[data-v-efee295c] {
    font-size: 17px;
}
.ok_button_wrap button[data-v-efee295c] {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}
}.punch_out_result .ant-modal-content {
  border: 5px solid #4eb187 !important;
}.modal_title[data-v-2c000d47] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.timestamp_wrap[data-v-2c000d47] {
  font-weight: 600;
  text-align: center;
  margin: 20px 0;
  line-height: 48px;
  font-size: 48px;
}
.result_message[data-v-2c000d47] {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #4eb187;
}
.ok_button_wrap[data-v-2c000d47] {
  margin-top: 20px;
  text-align: center;
}
.ok_button_wrap button[data-v-2c000d47] {
  color: #fff;
  background-color: #f39918;
  width: 200px;
  height: 50px;
  line-height: 45px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
  cursor: pointer;
  border-radius: 4px;
}
.ok_button_wrap button[data-v-2c000d47]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 499px) {
.timestamp_wrap[data-v-2c000d47] {
    margin: 15px 0;
    font-size: 30px;
    line-height: 30px;
}
.result_message[data-v-2c000d47] {
    font-size: 17px;
}
.ok_button_wrap button[data-v-2c000d47] {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}
}.break_in_result .ant-modal-content {
  border: 5px solid #4395d4 !important;
}.modal_title[data-v-018d5114] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.timestamp_wrap[data-v-018d5114] {
  font-weight: 600;
  text-align: center;
  margin: 20px 0;
  line-height: 48px;
  font-size: 48px;
}
.result_message[data-v-018d5114] {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #4395d4;
}
.ok_button_wrap[data-v-018d5114] {
  margin-top: 20px;
  text-align: center;
}
.ok_button_wrap button[data-v-018d5114] {
  color: #fff;
  background-color: #f39918;
  width: 200px;
  height: 50px;
  line-height: 45px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
  cursor: pointer;
  border-radius: 4px;
}
.ok_button_wrap button[data-v-018d5114]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 499px) {
.timestamp_wrap[data-v-018d5114] {
    margin: 15px 0;
    font-size: 30px;
    line-height: 30px;
}
.result_message[data-v-018d5114] {
    font-size: 17px;
}
.ok_button_wrap button[data-v-018d5114] {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}
}.break_out_result .ant-modal-content {
  border: 5px solid #4eb187 !important;
}.modal_title[data-v-32a859b1] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.timestamp_wrap[data-v-32a859b1] {
  font-weight: 600;
  text-align: center;
  margin: 20px 0;
  line-height: 48px;
  font-size: 48px;
}
.result_message[data-v-32a859b1] {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #4eb187;
}
.ok_button_wrap[data-v-32a859b1] {
  margin-top: 20px;
  text-align: center;
}
.ok_button_wrap button[data-v-32a859b1] {
  color: #fff;
  background-color: #f39918;
  width: 200px;
  height: 50px;
  line-height: 45px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
  cursor: pointer;
  border-radius: 4px;
}
.ok_button_wrap button[data-v-32a859b1]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 499px) {
.timestamp_wrap[data-v-32a859b1] {
    margin: 15px 0;
    font-size: 30px;
    line-height: 30px;
}
.result_message[data-v-32a859b1] {
    font-size: 17px;
}
.ok_button_wrap button[data-v-32a859b1] {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}
}.punch_in_out_shift_result .ant-modal-content {
  border: 5px solid #4395d4 !important;
}.modal_title[data-v-892fec05] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.timestamp_wrap[data-v-892fec05] {
  font-weight: 600;
  text-align: center;
  margin: 20px 0;
  line-height: 48px;
  font-size: 48px;
}
.result_message[data-v-892fec05] {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #4395d4;
}
.ok_button_wrap[data-v-892fec05] {
  margin-top: 20px;
  text-align: center;
}
.ok_button_wrap button[data-v-892fec05] {
  color: #fff;
  background-color: #f39918;
  width: 200px;
  height: 50px;
  line-height: 45px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
  cursor: pointer;
  border-radius: 4px;
}
.ok_button_wrap button[data-v-892fec05]:hover {
  opacity: 0.8;
}
@media screen and (max-width: 499px) {
.timestamp_wrap[data-v-892fec05] {
    margin: 15px 0;
    font-size: 30px;
    line-height: 30px;
}
.result_message[data-v-892fec05] {
    font-size: 17px;
}
.ok_button_wrap button[data-v-892fec05] {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}
}.timestamp[data-v-de54b753] {
  font-size: 48px;
  line-height: 70px;
  margin: 20px auto 0;
  text-align: center;
}
.punch_attention[data-v-de54b753] {
  font-size: 22px;
  font-weight: 600;
  margin: 5px auto;
  text-align: center;
}
.punch_branch_selector_wrap[data-v-de54b753],
.punch_page_toggle[data-v-de54b753] {
  width: 750px;
  margin: 30px auto 0;
}
.punch_page_toggle[data-v-de54b753] {
  line-height: 22px;
}
.punch_button_wrap[data-v-de54b753],
.break_button_wrap[data-v-de54b753] {
  margin-top: 30px;
  text-align: center;
}
.punch_button[data-v-de54b753] {
  height: 350px;
  width: 350px;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.punch_button[data-v-de54b753]:hover {
  opacity: 0.8;
}
.punch_button p[data-v-de54b753] {
  line-height: 40px;
  font-size: 23px;
  font-weight: 600;
  background-color: #fff;
}
.punch_button svg[data-v-de54b753] {
  height: 220px;
  width: 220px;
  margin-top: 30px;
}
.punch_in_button[data-v-de54b753],
.break_in_button[data-v-de54b753] {
  margin-right: 50px;
  background-color: #4395d4;
}
.break_button[data-v-de54b753] {
  height: 70px;
  width: 350px;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.break_button[data-v-de54b753]:hover {
  opacity: 0.8;
}
.break_button p[data-v-de54b753] {
  line-height: 40px;
  font-size: 18px;
  font-weight: 600;
  background-color: #fff;
}
.punch_out_button[data-v-de54b753],
.break_out_button[data-v-de54b753] {
  background-color: #4eb187;
}
@media screen and (max-width: 849px) {
.punch_branch_selector_wrap[data-v-de54b753],
  .punch_page_toggle[data-v-de54b753] {
    width: 650px;
}
.punch_button[data-v-de54b753] {
    height: 300px;
    width: 300px;
}
.punch_button p[data-v-de54b753] {
    line-height: 35px;
    font-size: 20px;
}
.punch_button svg[data-v-de54b753] {
    height: 190px;
    width: 190px;
    margin-top: 25px;
}
.break_button[data-v-de54b753] {
    width: 300px;
    height: 65px;
}
.break_button p[data-v-de54b753] {
    line-height: 35px;
    font-size: 20px;
}
}
@media screen and (max-width: 769px) {
.punch_branch_selector_wrap[data-v-de54b753],
  .punch_page_toggle[data-v-de54b753] {
    width: 430px;
}
.timestamp[data-v-de54b753] {
    font-size: 35px;
    line-height: 45px;
    margin: 15px auto 0;
}
.punch_attention[data-v-de54b753] {
    font-size: 16px;
}
.punch_branch_selector_wrap[data-v-de54b753] {
    margin: 20px auto 0;
}
.punch_button_wrap[data-v-de54b753],
  .break_button_wrap[data-v-de54b753] {
    margin-top: 20px;
}
.punch_button[data-v-de54b753] {
    height: 200px;
    width: 200px;
}
.punch_button p[data-v-de54b753] {
    line-height: 30px;
    font-size: 18px;
}
.punch_button svg[data-v-de54b753] {
    height: 125px;
    width: 125px;
    margin-top: 15px;
}
.break_button[data-v-de54b753] {
    width: 200px;
    height: 60px;
}
.break_button p[data-v-de54b753] {
    line-height: 30px;
    font-size: 18px;
}
.punch_in_button[data-v-de54b753],
  .break_in_button[data-v-de54b753] {
    margin-right: 30px;
}
}
@media screen and (max-width: 499px) {
.punch_branch_selector_wrap[data-v-de54b753],
  .punch_page_toggle[data-v-de54b753] {
    width: 320px;
}
.timestamp[data-v-de54b753] {
    font-size: 30px;
    line-height: 40px;
    margin: 15px auto 0;
}
.punch_attention[data-v-de54b753] {
    font-size: 12px;
}
.punch_button_wrap[data-v-de54b753],
  .break_button_wrap[data-v-de54b753] {
    margin-top: 20px;
}
.punch_button[data-v-de54b753] {
    height: 150px;
    width: 150px;
    padding: 10px;
}
.punch_button p[data-v-de54b753] {
    line-height: 25px;
    font-size: 16px;
}
.punch_button svg[data-v-de54b753] {
    height: 90px;
    width: 90px;
    margin-top: 12px;
}
.break_button[data-v-de54b753] {
    width: 150px;
    height: 45px;
    padding: 10px;
}
.break_button p[data-v-de54b753] {
    line-height: 25px;
    font-size: 16px;
}
.punch_in_button[data-v-de54b753],
  .break_in_button[data-v-de54b753] {
    margin-right: 20px;
}
}.not_target_caution[data-v-eeff5477] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}.is_spouce_deduction_description[data-v-a353c0d8] {
  line-height: 22px !important;
  margin-bottom: 10px;
  margin-top: 5px;
}
.spouce_no_need[data-v-a353c0d8] {
  font-size: 15px;
}
.not_target_caution[data-v-a353c0d8] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}.count_description[data-v-1729ed79] {
  line-height: 22px !important;
  margin-bottom: 10px;
  margin-top: 5px;
}
.not_target_caution[data-v-1729ed79] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}.not_target_caution[data-v-eb01be85] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}.not_target_caution[data-v-60e6ee49] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}.not_target_caution[data-v-fe6a611a] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}.view_wrap[data-v-e3e2643e] {
  margin-top: 30px;
}
.view_wrap[data-v-e3e2643e]:first-child {
  margin-top: 0;
}.join_content[data-v-e0f8e263] {
  max-width: 550px;
  margin: 20px auto 40px;
}
.initial_page[data-v-e0f8e263],
.finish_page[data-v-e0f8e263] {
  margin-top: 30vh;
}
.initial_page .initial_title[data-v-e0f8e263],
.initial_page .finish_title[data-v-e0f8e263],
.finish_page .initial_title[data-v-e0f8e263],
.finish_page .finish_title[data-v-e0f8e263] {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.initial_page .company_name[data-v-e0f8e263],
.finish_page .company_name[data-v-e0f8e263] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}
.initial_page .required_time[data-v-e0f8e263],
.finish_page .required_time[data-v-e0f8e263] {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.initial_page .finish_description[data-v-e0f8e263],
.finish_page .finish_description[data-v-e0f8e263] {
  font-size: 14px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 20px;
}
.initial_page .start_button_wrap[data-v-e0f8e263],
.finish_page .start_button_wrap[data-v-e0f8e263] {
  width: 300px;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
.join_content[data-v-e0f8e263] {
    max-width: 350px;
    margin: 15px auto 30px;
}
}.not_lock_wrap[data-v-50c249ef] {
  margin-top: 15px;
  text-align: center;
}
.not_lock[data-v-50c249ef] {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}.control_wrap[data-v-d86c5ccc] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-d86c5ccc] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-d86c5ccc] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-d86c5ccc] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-d86c5ccc] {
  margin-top: 10px;
}.create_title[data-v-532ab46c] {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.select_option_attention_title[data-v-532ab46c] {
  font-size: 16px;
  font-weight: 600;
  margin-top: 15px;
}
.select_option_attention_content[data-v-532ab46c] {
  font-size: 13px;
  line-height: 16px;
  margin-top: 5px;
  margin-bottom: 20px;
  white-space: pre-wrap;
}.year_changer_wrap[data-v-69cea2d9], .change_select_option_wrap[data-v-69cea2d9], .nencho_master_table_wrap[data-v-69cea2d9] {
  max-width: 700px;
  margin: 15px auto 0;
}
.change_select_option_wrap[data-v-69cea2d9] {
  text-align: right;
}
.change_select_option_wrap .change_select_button_wrap[data-v-69cea2d9] {
  display: inline-block;
  width: 150px;
}
.nencho_master_table[data-v-69cea2d9] {
  width: 100%;
}
.nencho_master_table th[data-v-69cea2d9] {
  padding: 8px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.nencho_master_table th.name[data-v-69cea2d9] {
  width: 30%;
  min-width: 155px;
}
.nencho_master_table th.status[data-v-69cea2d9] {
  width: 15%;
  min-width: 65px;
}
.nencho_master_table th.reference[data-v-69cea2d9] {
  width: 55%;
  text-align: left;
  padding-left: 8px;
}
.nencho_master_table td[data-v-69cea2d9] {
  padding: 8px 0;
  text-align: center;
}
.nencho_master_table td.reference[data-v-69cea2d9] {
  text-align: left;
  padding-left: 8px;
  line-height: 18px;
}
.yet[data-v-69cea2d9] {
  color: #d10c1d;
  font-weight: 600;
  font-size: 16px;
}
.is_finish_employee_icon[data-v-69cea2d9] {
  text-align: center;
}
.is_finish_employee_icon svg[data-v-69cea2d9] {
  width: 45px;
  height: 45px;
}
@media screen and (max-width: 499px) {
.yet[data-v-69cea2d9] {
    font-size: 13px;
}
.is_finish_employee_icon svg[data-v-69cea2d9] {
    width: 35px;
    height: 35px;
}
.nencho_master_table th[data-v-69cea2d9] {
    font-size: 14px;
}
.nencho_master_table th.status[data-v-69cea2d9] {
    min-width: 55px;
}
}.not_lock_wrap[data-v-ba3f6a9e] {
  margin-top: 15px;
  text-align: center;
}
.not_lock[data-v-ba3f6a9e] {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}.control_wrap[data-v-1a328cab] {
  margin-top: 15px;
}
.branch_selector_wrap[data-v-1a328cab] {
  display: inline-block;
  width: calc(100% - 150px);
}
.management_button_wrap[data-v-1a328cab] {
  display: inline-block;
  width: 150px;
}
.employee_wrap[data-v-1a328cab] {
  border-top: 2px solid #9b9a9b;
  background-color: #fafafa;
  padding: 15px;
}
.table_wrap[data-v-1a328cab] {
  margin-top: 10px;
}.is_spouce_deduction_description[data-v-dd5d5406] {
  line-height: 22px !important;
  margin-bottom: 10px;
  margin-top: 5px;
}
.spouce_no_need[data-v-dd5d5406] {
  font-size: 15px;
}.count_description[data-v-dcf472f8] {
  line-height: 22px !important;
  margin-bottom: 10px;
  margin-top: 5px;
}.view_wrap[data-v-7ee64514] {
  margin-top: 30px;
}
.view_wrap[data-v-7ee64514]:first-child {
  margin-top: 0;
}.join_content[data-v-812a2d1b] {
  max-width: 550px;
  margin: 20px auto 40px;
}
.initial_page[data-v-812a2d1b],
.finish_page[data-v-812a2d1b] {
  margin-top: 30vh;
}
.initial_page .initial_title[data-v-812a2d1b],
.initial_page .finish_title[data-v-812a2d1b],
.finish_page .initial_title[data-v-812a2d1b],
.finish_page .finish_title[data-v-812a2d1b] {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.initial_page .company_name[data-v-812a2d1b],
.finish_page .company_name[data-v-812a2d1b] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}
.initial_page .required_time[data-v-812a2d1b],
.finish_page .required_time[data-v-812a2d1b] {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.initial_page .required_document_title[data-v-812a2d1b],
.finish_page .required_document_title[data-v-812a2d1b] {
  max-width: 300px;
  margin: 25px auto 0px;
  font-weight: bold;
  font-size: 16px;
}
.initial_page .required_document[data-v-812a2d1b],
.finish_page .required_document[data-v-812a2d1b] {
  max-width: 300px;
  margin: 8px auto 0;
  font-size: 14px;
}
.initial_page .finish_description[data-v-812a2d1b],
.finish_page .finish_description[data-v-812a2d1b] {
  font-size: 14px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 20px;
}
.initial_page .start_button_wrap[data-v-812a2d1b],
.finish_page .start_button_wrap[data-v-812a2d1b] {
  width: 300px;
  margin: 20px auto 0;
}
.initial_page .to_nencho_master_button_wrap[data-v-812a2d1b],
.finish_page .to_nencho_master_button_wrap[data-v-812a2d1b] {
  width: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
.join_content[data-v-812a2d1b] {
    max-width: 350px;
    margin: 15px auto 30px;
}
}
@media screen and (max-width: 499px) {
.finish_page .to_nencho_master_button_wrap[data-v-812a2d1b] {
    max-width: 300px;
    width: initial;
}
}.view_wrap[data-v-14c1a024] {
  margin-top: 30px;
}
.view_wrap[data-v-14c1a024]:first-child {
  margin-top: 0;
}.insurance_title_caution[data-v-b36fc1aa] {
  color: #d10c1d;
}.insurance_title_caution[data-v-b136e903] {
  color: #d10c1d;
}.join_content[data-v-12bb05a0] {
  max-width: 550px;
  margin: 20px auto 40px;
}
.initial_page[data-v-12bb05a0],
.finish_page[data-v-12bb05a0] {
  margin-top: 30vh;
}
.initial_page .initial_title[data-v-12bb05a0],
.initial_page .finish_title[data-v-12bb05a0],
.finish_page .initial_title[data-v-12bb05a0],
.finish_page .finish_title[data-v-12bb05a0] {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.initial_page .company_name[data-v-12bb05a0],
.finish_page .company_name[data-v-12bb05a0] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}
.initial_page .required_time[data-v-12bb05a0],
.finish_page .required_time[data-v-12bb05a0] {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.initial_page .required_document_title[data-v-12bb05a0],
.finish_page .required_document_title[data-v-12bb05a0] {
  max-width: 300px;
  margin: 25px auto 0px;
  font-weight: bold;
  font-size: 16px;
}
.initial_page .required_document[data-v-12bb05a0],
.finish_page .required_document[data-v-12bb05a0] {
  max-width: 300px;
  margin: 8px auto 0;
  font-size: 14px;
  white-space: pre-wrap;
  line-height: 18px;
}
.initial_page .finish_description[data-v-12bb05a0],
.finish_page .finish_description[data-v-12bb05a0] {
  font-size: 14px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 20px;
}
.initial_page .start_button_wrap[data-v-12bb05a0],
.finish_page .start_button_wrap[data-v-12bb05a0] {
  width: 300px;
  margin: 20px auto 0;
}
.initial_page .to_nencho_master_button_wrap[data-v-12bb05a0],
.finish_page .to_nencho_master_button_wrap[data-v-12bb05a0] {
  width: 300px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
.join_content[data-v-12bb05a0] {
    max-width: 350px;
    margin: 15px auto 30px;
}
}
@media screen and (max-width: 499px) {
.finish_page .to_nencho_master_button_wrap[data-v-12bb05a0] {
    max-width: 300px;
    width: initial;
}
}.view_wrap[data-v-81aa8aca] {
  margin-top: 30px;
}
.view_wrap[data-v-81aa8aca]:first-child {
  margin-top: 0;
}.join_content[data-v-680c06b8] {
  max-width: 550px;
  margin: 20px auto 40px;
}
.initial_page[data-v-680c06b8],
.finish_page[data-v-680c06b8] {
  margin-top: 30vh;
}
.initial_page .initial_title[data-v-680c06b8],
.initial_page .finish_title[data-v-680c06b8],
.finish_page .initial_title[data-v-680c06b8],
.finish_page .finish_title[data-v-680c06b8] {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.initial_page .company_name[data-v-680c06b8],
.finish_page .company_name[data-v-680c06b8] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}
.initial_page .required_time[data-v-680c06b8],
.finish_page .required_time[data-v-680c06b8] {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.initial_page .required_document_title[data-v-680c06b8],
.finish_page .required_document_title[data-v-680c06b8] {
  max-width: 300px;
  margin: 25px auto 0px;
  font-weight: bold;
  font-size: 16px;
}
.initial_page .required_document[data-v-680c06b8],
.finish_page .required_document[data-v-680c06b8] {
  max-width: 300px;
  margin: 8px auto 0;
  font-size: 14px;
}
.initial_page .finish_description[data-v-680c06b8],
.finish_page .finish_description[data-v-680c06b8] {
  font-size: 14px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 20px;
}
.initial_page .start_button_wrap[data-v-680c06b8],
.finish_page .start_button_wrap[data-v-680c06b8] {
  width: 300px;
  margin: 20px auto 0;
}
.initial_page .to_nencho_master_button_wrap[data-v-680c06b8],
.finish_page .to_nencho_master_button_wrap[data-v-680c06b8] {
  width: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
.join_content[data-v-680c06b8] {
    max-width: 350px;
    margin: 15px auto 30px;
}
}
@media screen and (max-width: 499px) {
.finish_page .to_nencho_master_button_wrap[data-v-680c06b8] {
    max-width: 300px;
    width: initial;
}
}.loan_attention[data-v-2d920925] {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}.loan_attention[data-v-0a474fa6] {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}.loan_attention[data-v-7900f4b7] {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}.loan_attention[data-v-a279be22] {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}.view_wrap[data-v-55250105] {
  margin-top: 30px;
}
.view_wrap[data-v-55250105]:first-child {
  margin-top: 0;
}.join_content[data-v-1b9798e7] {
  max-width: 550px;
  margin: 20px auto 40px;
}
.initial_page[data-v-1b9798e7],
.finish_page[data-v-1b9798e7] {
  margin-top: 30vh;
}
.initial_page .initial_title[data-v-1b9798e7],
.initial_page .finish_title[data-v-1b9798e7],
.finish_page .initial_title[data-v-1b9798e7],
.finish_page .finish_title[data-v-1b9798e7] {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.initial_page .company_name[data-v-1b9798e7],
.finish_page .company_name[data-v-1b9798e7] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}
.initial_page .required_time[data-v-1b9798e7],
.finish_page .required_time[data-v-1b9798e7] {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.initial_page .required_document_title[data-v-1b9798e7],
.finish_page .required_document_title[data-v-1b9798e7] {
  max-width: 300px;
  margin: 25px auto 0px;
  font-weight: bold;
  font-size: 16px;
}
.initial_page .required_document[data-v-1b9798e7],
.finish_page .required_document[data-v-1b9798e7] {
  max-width: 300px;
  margin: 8px auto 0;
  font-size: 14px;
  white-space: pre-wrap;
  line-height: 18px;
}
.initial_page .finish_description[data-v-1b9798e7],
.finish_page .finish_description[data-v-1b9798e7] {
  font-size: 14px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 20px;
}
.initial_page .start_button_wrap[data-v-1b9798e7],
.finish_page .start_button_wrap[data-v-1b9798e7] {
  width: 300px;
  margin: 20px auto 0;
}
.initial_page .to_nencho_master_button_wrap[data-v-1b9798e7],
.finish_page .to_nencho_master_button_wrap[data-v-1b9798e7] {
  width: 300px;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
.join_content[data-v-1b9798e7] {
    max-width: 350px;
    margin: 15px auto 30px;
}
}
@media screen and (max-width: 499px) {
.finish_page .to_nencho_master_button_wrap[data-v-1b9798e7] {
    max-width: 300px;
    width: initial;
}
}.mail_title[data-v-2369de8d] {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.lang__select[data-v-62ef97cc] {
  text-align: center;
  margin-top: 20px;
}
.reset_demo[data-v-62ef97cc] {
  margin-top: 20px;
  text-align: center;
}
.form__item__select[data-v-62ef97cc] {
  width: 100%;
  height: 54px;
  position: relative;
  margin-top: 10px;
}
.form__item__select select[data-v-62ef97cc] {
  width: 100%;
  height: 100%;
  border: none;
  border: 1px solid #e6e6e6;
  background: #fff;
  padding-left: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
}
.form__item__select[data-v-62ef97cc]:before {
  content: "";
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #000 transparent transparent transparent;
}
.login__version[data-v-62ef97cc] {
  width: calc(100% - 30px);
  max-width: 500px;
  font-size: 14px;
  margin: auto;
}
.login__version td[data-v-62ef97cc]:nth-child(1) {
  width: 24px;
}
.change_language_button span[data-v-62ef97cc] {
  color: black !important;
}
.change_language_button span.link[data-v-62ef97cc] {
  text-decoration: underline;
  color: rgb(46, 87, 209) !important;
}
.change_language_button .divider[data-v-62ef97cc] {
  margin: 0 5px;
}
.login_wrapper[data-v-62ef97cc] {
  background-image: url(/img/login/login_bg.svg);
  background-size: cover;
  min-height: 100vh;
  padding: 0 0 30px;
}
.login[data-v-62ef97cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.login__inner[data-v-62ef97cc] {
  width: 500px;
  margin: 30px auto 30px;
}
.login__logo[data-v-62ef97cc] {
  width: 200px;
  display: block;
  margin: 0 auto;
}
.login__note[data-v-62ef97cc] {
  border: 2px solid #dc2525;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #dc2525;
  background: #fff;
  padding: 10px 0;
  margin-top: 20px;
}
.login__alert[data-v-62ef97cc] {
  margin: 25vh auto;
  width: 280px;
}
.login__alert p[data-v-62ef97cc] {
  font-size: 18px;
}
.login__box[data-v-62ef97cc] {
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: 40px 30px 55px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 40px;
}
.login__box__company[data-v-62ef97cc] {
  color: black;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.login__box__id[data-v-62ef97cc] {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: rgba(51, 51, 51, 0.5);
  margin-top: 8px;
}
.login__form[data-v-62ef97cc] {
  margin-top: 30px;
}
.login__mfa__title[data-v-62ef97cc] {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.login__mfa__desc[data-v-62ef97cc],
.login__mfa__hint[data-v-62ef97cc],
.login__mfa__unsupported[data-v-62ef97cc] {
  font-size: 14px;
  line-height: 1.6;
  color: #444;
}
.login__mfa__hint[data-v-62ef97cc] {
  margin-top: 8px;
}
.login__mfa__method_wrap[data-v-62ef97cc] {
  margin-top: 20px;
}
.login__mfa__methods[data-v-62ef97cc] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.login__mfa__method[data-v-62ef97cc] {
  display: inline-block;
  padding: 7px 10px;
  border: 1px solid #bfc9d3;
  border-radius: 4px;
  font-size: 13px;
  color: #333 !important;
  cursor: pointer;
}
.login__mfa__method.active[data-v-62ef97cc] {
  border-color: #4495d4;
  background: #e9f3fb;
  font-weight: bold;
}
.login__mfa__method.disabled[data-v-62ef97cc] {
  opacity: 0.45;
  cursor: not-allowed;
}
.login__mfa__challenge[data-v-62ef97cc] {
  margin-top: 20px;
  background: #5c88ac;
}
.login__mfa__unsupported[data-v-62ef97cc] {
  margin-top: 16px;
  padding: 12px;
  border-radius: 4px;
  background: #fff2f0;
  border: 1px solid #ffd6d3;
}
.login__form__invalid[data-v-62ef97cc] {
  padding: 20px 0;
}
.login__form__invalid__item[data-v-62ef97cc] {
  font-size: 15px;
  line-height: 25px;
}
.form__item[data-v-62ef97cc] {
  display: block;
}
.form__item.pass[data-v-62ef97cc],
.form__item.mail[data-v-62ef97cc] {
  margin-top: 20px;
}
.form__item__head[data-v-62ef97cc] {
  color: black;
  font-size: 14px;
}
.form__item__input[data-v-62ef97cc] {
  width: 100%;
  height: 54px;
  background: #edf3f7;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
}
.btn[data-v-62ef97cc] {
  width: 260px;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #4495d4;
  border-radius: 5px;
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
  margin: 30px auto 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.form__item__data__import__input[data-v-62ef97cc] {
  width: 140px;
  height: 40px;
  background: #edf3f7;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
}
.import_btn[data-v-62ef97cc] {
  width: 140px;
  height: 40px;
  line-height: 40px;
  padding: 13px;
  background: #e1b101;
  border-radius: 5px;
  color: #fff !important;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  margin-left: 15px;
}
.login__form__foot[data-v-62ef97cc] {
  display: table;
  text-align: center;
  font-size: 14px;
  margin: 30px auto 0;
  color: #4495d4;
}
.login__copyright[data-v-62ef97cc] {
  margin: auto;
  margin-top: 15px;
  font-size: 14px;
  text-align: center;
}

/* ダイアログ */
.v--modal-box.v--modal[data-v-62ef97cc] {
  border-radius: 10px !important;
  height: initial !important;
}
.new_button_wrap[data-v-62ef97cc] {
  width: 100%;
  text-align: center;
}
.new_button[data-v-62ef97cc] {
  display: inline-block;
  width: 100%;
  max-width: 225px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  background-color: #3ba4e1 !important;
  border-radius: 5px;
  color: white;
  font-weight: 600;
  text-decoration: none;
}
.cancel_button_wrap[data-v-62ef97cc] {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.cancel_button_wrap span[data-v-62ef97cc] {
  display: inline-block;
  color: gray;
  border-radius: 9px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 25px;
  font-weight: 600;
}
.dialog_content[data-v-62ef97cc] {
  position: relative;
  padding: 35px 35px 25px;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  max-height: 85vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.dialog_button_new[data-v-62ef97cc] {
  margin-top: 25px;
  margin-bottom: 10px;
}

/* パスワードリセット */
.pass_reset_content[data-v-62ef97cc] {
  padding-top: 20px;
  font-size: 16px;
}
.instruction[data-v-62ef97cc] {
  font-size: 15px;
}
.mail_wrap[data-v-62ef97cc] {
  margin-top: 20px;
}
.mail_wrap span[data-v-62ef97cc] {
  font-size: 16px;
}
.page_title[data-v-62ef97cc] {
  background-color: #9b9a9b;
  line-height: 40px;
  font-size: 19px;
  color: white;
  text-align: center;
}
.page_title.error[data-v-62ef97cc] {
  background-color: #d10c1d;
}
.error_wrap p[data-v-62ef97cc] {
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  width: 100%;
}
.error_wrap p.detail[data-v-62ef97cc] {
  font-size: 14px;
  line-height: 15px;
}
.app_popup[data-v-62ef97cc] {
  display: none;
}
@media screen and (max-width: 959px) {
.dialog_content[data-v-62ef97cc] {
    padding: 15px;
}
.mark_wrap[data-v-62ef97cc] {
    vertical-align: top;
    display: inline-block;
    height: 30px;
    width: 30px;
    margin: 0 10px;
    border: 0.5px rgb(236, 236, 236) solid;
    border-radius: 6px;
    padding: 2px;
}
.mark_img[data-v-62ef97cc] {
    height: 24px;
}
.app_popup[data-v-62ef97cc] {
    height: 50px;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    margin: auto;
    background: #fff;
    animation: fadeIn 0.2s ease 0.5s 1 normal backwards;
}
.app_popup.android[data-v-62ef97cc] {
    position: fixed;
    top: initial;
    bottom: 0px;
}
.app_popup_content[data-v-62ef97cc] {
    width: 100%;
    padding: 10px 5px;
}
.app_button_wrap[data-v-62ef97cc] {
    display: inline-block;
    float: right;
}
.open_app_button[data-v-62ef97cc],
  .close_app_button[data-v-62ef97cc] {
    display: inline-block;
    text-align: center;
    height: 30px;
    font-size: 13px;
    font-weight: 600;
}
.open_app_button[data-v-62ef97cc] {
    background-color: #3273dc;
    color: white !important;
    width: 60px;
    line-height: 30px;
    border-radius: 15px;
}
.close_app_button[data-v-62ef97cc] {
    background-color: white;
    color: black !important;
    width: 20px;
    line-height: 20px;
    border-radius: 15px;
    margin-left: 10px;
}
.app_popup_text[data-v-62ef97cc] {
    display: inline-block;
    padding: 3px 0 4px;
    vertical-align: top;
}
.app_popup_text .app_name[data-v-62ef97cc] {
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 1px;
}
.app_popup_text .app_caution[data-v-62ef97cc] {
    color: red;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
}
@keyframes app_popup_appear-62ef97cc {
0% {
      height: 0;
}
}
@keyframes app_popup_content_appear-62ef97cc {
0% {
      opacity: 0;
}
99% {
      opacity: 0;
}
}
.app_popup.android[data-v-62ef97cc] {
    animation-name: app_popup_appear-62ef97cc;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
}
.app_popup.android .app_popup_content[data-v-62ef97cc] {
    animation-name: app_popup_content_appear-62ef97cc;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}
}
@media screen and (max-width: 499px) {
.login__inner[data-v-62ef97cc] {
    margin: 20px auto 20px;
}
.login__note[data-v-62ef97cc] {
    margin-left: 15px;
    margin-right: 15px;
}
.login__box[data-v-62ef97cc] {
    padding: 20px 20px 30px;
    margin: 20px 15px 25px;
}
.login__box__id[data-v-62ef97cc] {
    margin-top: 10px;
}
.login__form[data-v-62ef97cc] {
    margin-top: 20px;
}
.form__item.pass[data-v-62ef97cc] {
    margin-top: 15px;
}
.login__alert[data-v-62ef97cc] {
    width: 240px;
}
.login__alert p[data-v-62ef97cc] {
    font-size: 15px;
}
.login__version[data-v-62ef97cc] {
    margin-left: 15px;
    margin-right: 15px;
}
}
.circle[data-v-068036ed] {
    fill: #dc2525;
}
.arrow[data-v-068036ed] {
    fill: #3e3a39;
}
@keyframes blink-068036ed {
0% {
      opacity: 0;
}
20% {
      opacity: 1;
}
80% {
      opacity: 1;
}
100% {
      opacity: 0;
}
}
svg[data-v-068036ed] {
    animation: blink-068036ed 2s infinite;
}
.logo_blink_wrapper[data-v-068036ed] {
    width: 100px;
    margin: auto;
    margin-top: calc(calc(100dvh - 100px) / 2);
}
.error_wrap[data-v-795c2af3] {
  margin: 30px auto 30px;
}
.login_logo[data-v-795c2af3] {
  width: 200px;
  display: block;
  margin: 0 auto;
}
.login_copyright[data-v-795c2af3] {
  margin: auto;
  margin-top: 15px;
  font-size: 14px;
  text-align: center;
}
.login_alert[data-v-795c2af3] {
  margin: 25vh auto;
  text-align: center;
}
.login_alert p[data-v-795c2af3] {
  font-size: 18px;
  white-space: pre-wrap;
  line-height: 25px;
  font-weight: 600;
}
.login_wrapper[data-v-795c2af3] {
  background-image: url(/img/login/login_bg.svg);
  background-size: cover;
  min-height: 100vh;
  padding: 0 0 30px;
}
@media screen and (max-width: 499px) {
.login_alert p[data-v-795c2af3] {
    font-size: 16px;
}
}.exec_button_wrap[data-v-ec7612e4] {
  margin-top: 40px;
  text-align: center;
}
.title_wrap[data-v-ec7612e4],
.attention_wrap[data-v-ec7612e4],
.reset_pass_wrap[data-v-ec7612e4] {
  width: 450px;
  margin: 0 auto;
}
.reset_pass_wrap[data-v-ec7612e4] {
  margin-top: 30px;
}.pdfviewer_wrap[data-v-3c8b5d93] {
  margin-top: 10px;
}
.nodata[data-v-3c8b5d93] {
  text-align: center;
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
  color: black;
}
.app_caution[data-v-3c8b5d93] {
  text-align: right;
  font-size: 8px;
  margin-top: 5px;
  font-weight: 600;
  color: #d10c1d;
}
.login_page_link[data-v-3c8b5d93] {
  text-align: right;
  font-size: 8px;
  margin-top: 5px;
  font-weight: 600;
}
.back_button_wrap[data-v-3c8b5d93] {
  width: 759px;
  text-align: left;
  margin: 10px auto 0;
}
@media screen and (max-width: 799px) {
.back_button_wrap[data-v-3c8b5d93] {
    width: 550px;
}
}
@media screen and (max-width: 599px) {
.back_button_wrap[data-v-3c8b5d93] {
    width: 350px;
}
}.is_spouce_deduction_description[data-v-3c6a859e] {
  line-height: 22px !important;
  margin-bottom: 10px;
  margin-top: 5px;
}
.spouce_no_need[data-v-3c6a859e] {
  font-size: 15px;
}.count_description[data-v-d6ed7d08] {
  line-height: 22px !important;
  margin-bottom: 10px;
  margin-top: 5px;
}.content_col[data-v-0d2178b6] {
  display: inline-block;
  vertical-align: top;
  min-width: 200px;
}
.image_wrap[data-v-0d2178b6] {
  width: 343px;
  height: 216px;
}.content_col[data-v-f3481e0f] {
  display: inline-block;
  vertical-align: top;
  min-width: 200px;
}
.image_wrap[data-v-f3481e0f] {
  width: 343px;
  height: 216px;
}.view_wrap[data-v-ad46411b] {
  margin-top: 30px;
}
.view_wrap[data-v-ad46411b]:first-child {
  margin-top: 0;
}.join_content[data-v-060d054f] {
  max-width: 550px;
  margin: 20px auto 40px;
}
.initial_page[data-v-060d054f],
.finish_page[data-v-060d054f] {
  margin-top: 30vh;
}
.initial_page .initial_title[data-v-060d054f],
.initial_page .finish_title[data-v-060d054f],
.finish_page .initial_title[data-v-060d054f],
.finish_page .finish_title[data-v-060d054f] {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.initial_page .company_name[data-v-060d054f],
.finish_page .company_name[data-v-060d054f] {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
}
.initial_page .required_time[data-v-060d054f],
.finish_page .required_time[data-v-060d054f] {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
}
.initial_page .finish_description[data-v-060d054f],
.finish_page .finish_description[data-v-060d054f] {
  font-size: 14px;
  text-align: center;
  max-width: 600px;
  margin: 15px auto 0;
  line-height: 20px;
}
.initial_page .start_button_wrap[data-v-060d054f],
.finish_page .start_button_wrap[data-v-060d054f] {
  width: 300px;
  margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
.join_content[data-v-060d054f] {
    max-width: 350px;
    margin: 15px auto 30px;
}
}