@charset "UTF-8";
/*----------------------------------

common

----------------------------------*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
  overflow: hidden;
  position: relative;
  color: #525252;
  width: 1440px;
  margin: 0 auto;
}

main {
  position: relative;
}

a {
  color: #8E8E8E;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}
a:hover {
  opacity: 0.6;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  image-rendering: -webkit-optimize-contrast;
}

input,
textarea,
select {
  padding: 9px 10px;
  background: #fff;
  border: 1px solid #D3D3D3;
  color: #222222;
  border-radius: 4px;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password] {
  width: 100%;
}

textarea {
  width: 100%;
  height: 150px;
}

::-webkit-input-placeholder {
  opacity: 1;
  color: #adadad;
}

::-moz-placeholder {
  opacity: 1;
  color: #adadad;
}

:-ms-input-placeholder {
  opacity: 1;
  color: #adadad;
}

::-ms-input-placeholder {
  opacity: 1;
  color: #adadad;
}

::placeholder {
  opacity: 1;
  color: #adadad;
}

.input_box p {
  font-size: 16px;
  margin-bottom: 7px;
}
.input_box + .input_box {
  margin-top: 17px;
}

.input_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
}
.input_data .txt {
  color: #525252;
}

.input_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
}
.input_area.check_area {
  gap: 16px;
  margin-top: 7px;
}

input[type=radio],
input[type=checkbox] {
  -moz-opacity: 0;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  position: absolute;
}

.radio {
  cursor: pointer;
}
.radio input[type=radio] + .radio_icon {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  margin-top: -0.2em;
  margin-right: 13px;
  border-radius: 50%;
  border: 2px solid #838383;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.radio input[type=radio]:focus + .radio_icon, .radio input[type=radio]:hover + .radio_icon {
  border-color: #000000;
}
.radio input[type=radio]:checked + .radio_icon {
  border: 5px solid #0D66D0;
  position: relative;
}
.radio input[type=radio]:checked + .radio_icon::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border: 2px solid #378EF0;
  top: -9px;
  left: -9px;
  margin: auto;
  border-radius: 50%;
}

.check {
  cursor: pointer;
}
.check input[type=checkbox] + .check_icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 24px;
  height: 24px;
  margin-top: -0.25em;
  margin-right: 8px;
  border-radius: 2px;
}
.check input[type=checkbox] + .check_icon:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  border: 2px solid #ccc;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 2;
}
.check input[type=checkbox] + .check_icon:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 2px;
  border: solid 2px transparent;
  z-index: 3;
}
.check input[type=checkbox]:focus + .check_icon::before, .check input[type=checkbox]:hover + .check_icon::before {
  border-color: #000;
}
.check input[type=checkbox]:checked + .check_icon {
  background: #1473E6;
}
.check input[type=checkbox]:checked + .check_icon:after {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  right: 0;
  margin: auto;
  width: 8px;
  height: 12px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: solid 2px transparent;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.calender input {
  -webkit-appearance: none;
  position: relative;
  height: 44px;
}
.calender input::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: transparent;
  z-index: 1;
}
.calender input::after {
  content: "";
  background: url("../images/icon_calender.svg") no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.calender input::-webkit-date-and-time-value {
  text-align: left;
}

.file {
  position: relative;
  cursor: pointer;
}
.file input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.file input:focus + span, .file input:hover + span {
  opacity: 0.6;
}
.file span {
  color: #378EF0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.file span::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../images/icon_file.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

span.required {
  padding-right: 32px;
  background: url("../images/icon_required.svg") no-repeat right center;
  background-size: 10px;
}

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

.mb20 {
  margin-bottom: 20px;
}

.table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 4px;
  border: solid 1px #C4C4C4;
  line-height: 1.2;
  width: 100%;
}
.table tbody td {
  border-top: solid 1px #E1E1E1;
}
.table tbody td:first-child {
  padding-left: 16px;
}
.table tbody td:last-child {
  padding-right: 16px;
}
.table thead {
  background-color: #F5F6FA;
}
.table thead tr th {
  padding: 16px 12px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  font-weight: 400;
}
.table thead tr th:first-child {
  border-top-left-radius: 4px;
  padding-left: 16px;
}
.table thead tr th:last-child {
  border-top-right-radius: 4px;
  padding-right: 16px;
}
.table thead tr th.arrow span {
  position: relative;
}
.table thead tr th.arrow span::after {
  content: "";
  display: block;
  width: 8px;
  height: 10px;
  background-image: url("../images/icon_down_arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 8px;
  right: -15px;
}
.table tbody {
  background-color: #ffffff;
}
.table tbody tr {
  vertical-align: middle;
}
.table tbody tr td {
  padding: 16px 12px 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  font-weight: 400;
}
.table tbody tr td a {
  color: #525252;
}
.table tbody tr td .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 3px;
}
.table tbody tr td.applicationState {
  color: #ADADAD;
}
.table tbody tr td.applicationState.fin a {
  color: #ADADAD;
}
.table tbody tr td.applicationState.comp a {
  color: #378EF0;
}
.table tbody tr td.applicationState.nocomp a {
  color: #FF0000;
}
.table tbody tr td.eventState {
  color: #378EF0;
}
.table tbody tr td.eventState.before a {
  color: #378EF0;
}
.table tbody tr td.eventState.stop a {
  color: #FF0000;
}
.table tbody tr td.eventState.fin a {
  color: #ADADAD;
}
.table tbody tr:last-child {
  border-bottom: 1px solid #C4C4C4;
}
.table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
.table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

.cat {
  display: block;
  width: 46px;
  text-align: center;
  padding: 4px 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  font-size: 15px;
  line-height: 1;
}
.cat.cat01 {
  background-color: #E6EFFF;
}
.cat.cat02 {
  background-color: #D7F4E3;
}
.cat.cat03 {
  background-color: #FFF0C9;
}

/*----------------------------------

header

----------------------------------*/
header {
  width: 100%;
  height: 64px;
  background-color: #fff;
  padding: 12px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
header .logo {
  margin-right: 36px;
}
header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header nav ul li + li {
  margin-left: 32px;
}
header nav ul li a {
  color: #8E8E8E;
  padding-left: 27px;
}
header nav ul li.active a {
  color: #378EF0;
  font-weight: bold;
}
header nav ul li.header_event a {
  background: url("../images/header_event.svg") no-repeat left center;
  background-size: 16px 12px;
}
header nav ul li.header_worker a {
  background: url("../images/header_worker.svg") no-repeat left center;
  background-size: 24px 24px;
}
header nav ul li.header_attendances a {
  background: url("../images/header_attendances.svg") no-repeat left center;
  background-size: 24px 24px;
}
header nav ul li.header_payrolls a {
  background: url("../images/header_payrolls.svg") no-repeat left center;
  background-size: 24px 24px;
}
header nav ul li.header_message a {
  background: url("../images/header_message.svg") no-repeat left center;
  background-size: 24px 24px;
}
header nav ul li.header_work-chat-room a {
  background: url("../images/header_chat.svg") no-repeat left center;
  background-size: 24px 24px;
}
header nav ul li.header_master-data a {
  background: url("../images/header_master.svg") no-repeat left center;
  background-size: 24px 24px;
}
header nav ul li.header_event.active a {
  background: url("../images/header_event_active.svg") no-repeat left center;
  background-size: 16px 12px;
}
header nav ul li.header_worker.active a {
  background: url("../images/header_worker_active.svg") no-repeat left center;
  background-size: 24px 24px;
}
header nav ul li.header_attendances.active a {
  background: url("../images/header_attendances_active.svg") no-repeat left center;
  background-size: 24px 24px;
}
header nav ul li.header_payrolls.active a {
  background: url("../images/header_payrolls_active.svg") no-repeat left center;
  background-size: 24px 24px;
}
header nav ul li.header_message.active a {
  background: url("../images/header_message_active.svg") no-repeat left center;
  background-size: 24px 24px;
}
header nav ul li.header_work-chat-room.active a {
  background: url("../images/header_chat_active.svg") no-repeat left center;
  background-size: 24px 24px;
}
header nav ul li.header_master-data.active a {
  background: url("../images/header_master_active.svg") no-repeat left center;
  background-size: 24px 24px;
}
header .header_mypage {
  position: absolute;
  right: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 24px;
}
header .header_mypage a {
  display: block;
  color: #378EF0;
  padding-left: 17px;
  background: url("../images/header_mypage.svg") no-repeat left center;
  background-size: 9px 9px;
}

/*----------------------------------

下層共通

----------------------------------*/
.breadcrumb {
  background: #FAFAFC;
  padding: 20px 28px;
}
.breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.breadcrumb ul li a {
  color: #525252;
}
.breadcrumb ul li + li {
  margin-left: 12px;
  padding-left: 12px;
  background: url("../images/breadcrumb_arrow.svg") no-repeat left center;
  background-size: 6px 10px;
}

main.page {
  background: #F5F6FA;
  padding: 41px 120px 60px;
  min-height: 770px;
}
main.page .box_wh {
  background: #fff;
  border-radius: 20px;
  padding: 24px;
}
main.page .box_wh + .box_wh {
  margin-top: 40px;
}
main.page .box_wh.pb43 {
  padding-bottom: 43px;
}
main.page h1 {
  font-size: 38px;
  line-height: 1.3;
}
main.page h2.hdg2 {
  font-size: 28px;
  color: #00BF8C;
}

/*----------------------------------

ボタン・リンク

----------------------------------*/
a.btn,
button.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 300px;
  height: 40px;
  background-color: #378EF0;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a.btn.gray,
button.btn.gray {
  background: none;
  border: 1px solid #8E8E8E;
  color: #8E8E8E;
}
a.btn.blue2,
button.btn.blue2 {
  background: #F4F9FF;
  border: 1px solid #378EF0;
  color: #378EF0;
}
a.btn.red,
button.btn.red {
  background: #FF0000;
}
a.btn.red2,
button.btn.red2 {
  color: #FF0000;
  border: solid 1px #ff0000;
  background: #ffffff;
}
a.btn:hover,
button.btn:hover {
  opacity: 0.6;
}
a.btn.edit,
button.btn.edit {
  width: 96px;
}
a.btn:disabled:hover,
button.btn:disabled:hover {
  opacity: 1;
}
a.btn:disabled.disabledGray,
button.btn:disabled.disabledGray {
  background-color: #CCCCCC;
}
a.btn:disabled.disabledGray2,
button.btn:disabled.disabledGray2 {
  color: #CCCCCC;
  border: solid 1px #CCCCCC;
}

/*----------------------------------

モーダル

----------------------------------*/
.modal {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.modal .bg {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  z-index: 1;
}
.modal .box_wh {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  background: #fff;
  border-radius: 20px;
  width: 1000px;
}

/*----------------------------------

ログイン

----------------------------------*/
.login {
  background: #66CCF8;
  padding: 78px 120px 78px 0;
}
.login main {
  background: url("../images/login_img.png") no-repeat top 64px left;
}
.login .box {
  width: 480px;
  height: 744px;
  margin: 0 0 0 auto;
  padding: 78px 40px;
  border-radius: 4px;
  background: #fff;
}
.login .box h1 {
  text-align: center;
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 40px;
  color: #00BF8C;
}
.login .box button.btn {
  width: 268px;
  height: 45px;
  font-size: 13px;
  margin: 92px auto 0;
}

/*----------------------------------

マイページ

----------------------------------*/
.mypage main > .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mypage main > .flex .btn.delete {
  width: 176px;
  margin-right: 8px;
}
.mypage main > .flex .btn.logout {
  width: 144px;
}
.mypage .head_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mypage .profile_img {
  margin-top: 2px;
  width: 160px;
  border-radius: 50%;
  overflow: hidden;
}
.mypage .profile_img img {
  display: block;
  width: 100%;
}
.mypage .content + .content {
  margin-top: 22px;
}
.mypage .profile_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 14px;
  margin-top: 23px;
}
.mypage .profile_info .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 12px;
  font-weight: 500;
}
.mypage .profile_info .detail .ttl {
  width: 150px;
  padding-left: 28px;
  position: relative;
}
.mypage .profile_info .detail .ttl:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.mypage .profile_info .detail .ttl.name::before {
  background-image: url("../images/icon_name.svg");
}
.mypage .profile_info .detail .ttl.date::before {
  background-image: url("../images/icon_date.svg");
}
.mypage .profile_info .detail .ttl.email::before {
  background-image: url("../images/icon_mail.svg");
}
.mypage .profile_info .detail .ttl.tel::before {
  background-image: url("../images/icon_tel.svg");
}
.mypage .profile_info .detail .txt {
  width: 250px;
}
.mypage .passwd {
  margin-top: 16px;
}
.mypage.image-edit .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mypage.image-edit .content .changeImg {
  margin-top: 24px;
}
.mypage.image-edit .content .save {
  margin-top: 40px;
}
.mypage.image-edit .content .deleteImg,
.mypage.image-edit .content .cancel {
  margin-top: 8px;
}
.mypage.account-edit .box_wh {
  padding-top: 64px;
  padding-bottom: 64px;
}
.mypage.account-edit .content {
  width: 368px;
  margin: 0 auto;
}
.mypage.account-edit .input_data {
  gap: 6px;
}
.mypage.account-edit .input_data + .input_data {
  margin-top: 18px;
}
.mypage.account-edit .input_data .input_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.mypage.account-edit .input_data .input_name input {
  width: 176px;
}
.mypage.account-edit .btn {
  margin: 0 auto;
}
.mypage.account-edit .check {
  margin-top: 24px;
}
.mypage.account-edit .cancel {
  margin-top: 8px;
}
.mypage.password .box_wh {
  padding-top: 59px;
  padding-bottom: 64px;
}
.mypage.password .content {
  width: 368px;
  margin: 0 auto;
}
.mypage.password .input_data {
  gap: 6px;
}
.mypage.password .input_data + .input_data {
  margin-top: 18px;
}
.mypage.password .input_data.now_data {
  padding-bottom: 22px;
  border-bottom: solid 1px #00BF8C;
}
.mypage.password .input_data .input_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.mypage.password .input_data .input_name input {
  width: 176px;
}
.mypage.password .btn {
  margin: 0 auto;
}
.mypage.password .check {
  margin-top: 40px;
}
.mypage.password .cancel {
  margin-top: 8px;
}
.mypage.confirm .box_wh {
  padding-top: 61px;
  padding-bottom: 64px;
}
.mypage.confirm .content {
  width: 572px;
  margin-left: 154px;
}
.mypage.confirm .check_txt {
  font-size: 24px;
  margin-bottom: 30px;
  color: #525252;
}
.mypage.confirm .input_data {
  gap: 8px;
}
.mypage.confirm .input_data + .input_data {
  margin-top: 19px;
}
.mypage.confirm .btn {
  margin-left: auto;
  margin-right: 0;
}
.mypage.confirm .complete {
  margin-top: 40px;
}
.mypage.confirm .back {
  margin-top: 8px;
}
.mypage .modal .box_wh {
  padding-top: 95px;
  padding-bottom: 88px;
}
.mypage .modal .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mypage .modal .big {
  font-size: 38px;
  font-weight: bold;
}
.mypage .modal .small {
  margin-top: 35px;
}
.mypage .modal .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  margin-top: 24px;
}
.mypage .modal .btns .btn {
  width: 144px;
}

/*----------------------------------

案件管理

----------------------------------*/
.event main.page .box_wh {
  padding-top: 22px;
}
.event main.page .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.event main.page .new_entry {
  width: 192px;
}
.event main.page .hdg2.min {
  font-size: 20px;
}
.event main.page .content_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 13px 24px;
  margin-top: 9px;
}
.event main.page input,
.event main.page select,
.event main.page textarea {
  padding-top: 7px;
  padding-bottom: 7px;
}
.event main.page input::-webkit-input-placeholder, .event main.page select::-webkit-input-placeholder, .event main.page textarea::-webkit-input-placeholder {
  color: #8E8E8E;
}
.event main.page input::-moz-placeholder, .event main.page select::-moz-placeholder, .event main.page textarea::-moz-placeholder {
  color: #8E8E8E;
}
.event main.page input:-ms-input-placeholder, .event main.page select:-ms-input-placeholder, .event main.page textarea:-ms-input-placeholder {
  color: #8E8E8E;
}
.event main.page input::-ms-input-placeholder, .event main.page select::-ms-input-placeholder, .event main.page textarea::-ms-input-placeholder {
  color: #8E8E8E;
}
.event main.page input::placeholder,
.event main.page select::placeholder,
.event main.page textarea::placeholder {
  color: #8E8E8E;
}
.event main.page .calender input {
  width: 176px;
  height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.event main.page .select select {
  width: 176px;
  background: url(../images/select_arrow.svg) no-repeat right 12px center;
  background-size: 24px;
}
.event main.page .free input {
  width: 362px;
}
.event main.page .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  margin-top: 15px;
}
.event main.page .btns .clearBtn {
  width: 112px;
}
.event main.page .btns .searchBtn {
  width: 96px;
}
.event main.page .wrap {
  margin-top: 40px;
}
.event main.page .wrap .btn.download {
  margin-left: auto;
  width: 208px;
}
.event main.page .wrap .table {
  margin-top: 16px;
}
.event main.page .wrap .table .th01,
.event main.page .wrap .table .td01 {
  width: 82px;
}
.event main.page .wrap .table .th02,
.event main.page .wrap .table .td02 {
  width: 204px;
}
.event main.page .wrap .table .th03,
.event main.page .wrap .table .td03 {
  width: 109px;
}
.event main.page .wrap .table .th04,
.event main.page .wrap .table .td04 {
  width: 168px;
}
.event main.page .wrap .table .th05,
.event main.page .wrap .table .td05 {
  width: 278px;
}
.event main.page .wrap .table .th06,
.event main.page .wrap .table .td06 {
  width: 105px;
}
.event main.page .wrap .table .th07,
.event main.page .wrap .table .td07 {
  width: 90px;
}
.event main.page .wrap .table .th08,
.event main.page .wrap .table .td08 {
  width: 57px;
}
.event main.page .wrap .table .th09,
.event main.page .wrap .table .td09 {
  width: 107px;
}
.event.create main.page .box_wh {
  margin-top: 17px;
  padding-top: 31px;
  padding-bottom: 64px;
}
.event.create main.page .content {
  max-width: 844px;
  width: 100%;
  margin: 0 auto;
}
.event.create main.page .data + .data {
  margin-top: 18px;
}
.event.create main.page .data .input_area {
  margin-top: 6px;
}
.event.create main.page .data .input_area.middle {
  max-width: 368px;
}
.event.create main.page .data .input_area.mt16 {
  margin-top: 16px;
}
.event.create main.page .data .input_area.short {
  max-width: 200px;
}
.event.create main.page .data .input_area.calender {
  max-width: 176px;
}
.event.create main.page .data .input_area.time input {
  max-width: 176px;
}
.event.create main.page .data .input_area.select {
  gap: 16px;
}
.event.create main.page .data .input_area.select select {
  background-position: right 4px center;
}
.event.create main.page .data .input_area input,
.event.create main.page .data .input_area select {
  padding-top: 9px;
  padding-bottom: 9px;
}
.event.create main.page .data .input_area textarea {
  height: 120px;
}
.event.create main.page .searchPlace {
  margin-top: 8px;
  width: 176px;
}
.event.create main.page .confirmBtn,
.event.create main.page .cancel {
  margin: 0 auto;
}
.event.create main.page .confirmBtn {
  margin-top: 40px;
}
.event.create main.page .cancel {
  margin-top: 8px;
}
.event.confirm main.page .box_wh {
  margin-top: 27px;
  padding-top: 59px;
  padding-bottom: 64px;
}
.event.confirm main.page .box_wh .content {
  max-width: 844px;
  margin: 0 auto;
}
.event.confirm main.page .box_wh .content .hdg {
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: 400;
}
.event.confirm main.page .box_wh .content .data + .data {
  margin-top: 18px;
}
.event.confirm main.page .box_wh .content .data .txt {
  margin-top: 11px;
  line-height: 1.375;
}
.event.confirm main.page .box_wh .content .data .txt + .txt {
  margin-top: 9px;
}
.event.confirm main.page .box_wh .content .data .txt.mt5 {
  margin-top: 5px;
}
.event.confirm main.page .box_wh .content .data .txt.file {
  color: #378EF0;
  margin-top: 2px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.event.confirm main.page .box_wh .content .data .txt.file:hover, .event.confirm main.page .box_wh .content .data .txt.file:focus {
  opacity: 0.6;
}
.event.confirm main.page .box_wh .content .data.mb30 {
  margin-bottom: 30px;
}
.event.confirm main.page .box_wh .content .data .cat_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 2px;
  margin-top: 14px;
}
.event.confirm main.page .box_wh .content .data .flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 27px;
}
.event.confirm main.page .box_wh .btn {
  margin: 0 auto;
}
.event.confirm main.page .box_wh .btn.completeBtn {
  margin-top: 50px;
}
.event.confirm main.page .box_wh .btn.backBtn {
  margin-top: 8px;
}
.event.detail .modal .content {
  padding: 93px 0 112px;
  text-align: center;
}
.event.detail .modal .content .ttl {
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 35px;
}
.event.detail .modal .content .txt {
  margin-bottom: 22px;
}
.event.detail .modal .content .flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.event.detail .modal .content .flex button {
  width: 144px;
}
.event.detail main.page .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 20px;
}
.event.detail main.page .tab li {
  padding: 8px 10px;
  display: block;
  background-color: #ffffff;
  border: solid 1px #D7DBEC;
  text-align: center;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.event.detail main.page .tab li.active, .event.detail main.page .tab li:hover, .event.detail main.page .tab li:focus {
  background-color: #388EF0;
  color: #ffffff;
}
.event.detail main.page .tab li:first-child {
  width: 114px;
}
.event.detail main.page .tab li:last-child {
  width: 193px;
}
.event.detail main.page .hd_content {
  margin-top: 16px;
  margin-left: 23px;
}
.event.detail main.page .hd_content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.event.detail main.page .hd_content .title .status_area {
  margin-top: 13px;
  margin-left: 71px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.event.detail main.page .hd_content .title .status_area .status {
  display: block;
  width: 72px;
  border: solid 1px #378EF0;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 1;
  padding: 3px;
  color: #378EF0;
  border-radius: 10px;
}
.event.detail main.page .hd_content .title .status_area .status.before {
  border-color: #378EF0;
  color: #378EF0;
}
.event.detail main.page .hd_content .title .status_area .status.finish {
  border-color: #707070;
  color: #525252;
}
.event.detail main.page .hd_content .title .status_area .status.start {
  border-color: #76C60F;
  color: #76C60F;
}
.event.detail main.page .hd_content .title .status_area .status.stop {
  border-color: #FF0000;
  color: #FF0000;
}
.event.detail main.page .hd_content .title .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 15px;
  margin-left: auto;
  margin-top: -4px;
}
.event.detail main.page .hd_content .title .btns .editBtn {
  width: 96px;
}
.event.detail main.page .hd_content .title .btns .stopBtn,
.event.detail main.page .hd_content .title .btns .restartBtn {
  width: 158px;
}
.event.detail main.page .hd_content .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-top: 10px;
}
.event.detail main.page .hd_content .info p {
  padding-left: 32px;
  position: relative;
}
.event.detail main.page .hd_content .info p:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.event.detail main.page .hd_content .info p.date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 4px;
}
.event.detail main.page .hd_content .info p.date:before {
  background-image: url("../images/ico_calender2.svg");
}
.event.detail main.page .hd_content .info p.place:before {
  background-image: url("../images/icon_map.svg");
}
.event.detail main.page .hd_content .info p.address::before {
  background-image: url("../images/icon_address.svg");
}
.event.detail main.page .hd_content .info_txt {
  margin-top: 14px;
}
.event.detail main.page .box_wh.worker {
  padding-top: 19px;
  padding-bottom: 24px;
  margin-top: 22px;
}
.event.detail main.page .box_wh.worker .hdg3 {
  font-size: 20px;
  color: #00BF8C;
  font-weight: bold;
}
.event.detail main.page .box_wh.worker .no_select {
  margin-top: 17px;
}
.event.detail main.page .box_wh.worker .workerSelect {
  width: 256px;
  margin-top: 20px;
}
.event.detail main.page .box_wh.worker .persons {
  margin-top: 21px;
}
.event.detail main.page .box_wh.worker .persons + .persons {
  margin-top: 19px;
}
.event.detail main.page .box_wh.worker .persons .ttl {
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.event.detail main.page .box_wh.worker .persons .ttl::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.event.detail main.page .box_wh.worker .persons .ttl .btn {
  width: 64px;
  height: 24px;
  font-size: 10px;
  margin-left: 30px;
}
.event.detail main.page .box_wh.worker .persons .ttl.leader {
  padding-left: 26px;
}
.event.detail main.page .box_wh.worker .persons .ttl.leader:before {
  background-image: url("../images/icon_leader.svg");
  width: 24.435px;
  height: 23.383px;
  margin-top: 1px;
}
.event.detail main.page .box_wh.worker .persons .ttl.workers {
  padding-left: 28px;
}
.event.detail main.page .box_wh.worker .persons .ttl.workers::before {
  background-image: url("../images/icon_worker.svg");
  width: 18px;
  height: 18px;
  left: 2px;
}
.event.detail main.page .box_wh.worker .persons .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 14px;
}
.event.detail main.page .box_wh.worker .persons .box .person {
  background-color: #EAFFF9;
  border-radius: 4px;
  padding: 18px 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
  position: relative;
}
.event.detail main.page .box_wh.worker .persons .box .person .age span {
  margin-right: 4px;
}
.event.detail main.page .box_wh.worker .persons .box .person .cats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 2px;
}
.event.detail main.page .box_wh.worker .persons .box .person.rookie:before {
  content: "";
  background-image: url("../images/icon_rookie.svg");
  display: block;
  width: 12.643px;
  height: 19.707px;
  position: absolute;
  top: 50%;
  left: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
}
.event.detail main.page .box_wh.job_detail {
  margin-top: 24px;
  padding: 22px 24px 24px;
}
.event.detail main.page .box_wh.job_detail .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 24px;
}
.event.detail main.page .box_wh.job_detail .content .ttl {
  position: relative;
  font-weight: 500;
}
.event.detail main.page .box_wh.job_detail .content .ttl:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.event.detail main.page .box_wh.job_detail .content .left_box {
  width: 372px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.event.detail main.page .box_wh.job_detail .content .left_box .ttl {
  padding-left: 32px;
}
.event.detail main.page .box_wh.job_detail .content .left_box .ttl::before {
  left: 3px;
  width: 18px;
  height: 22px;
  background-image: url("../images/icon_list.svg");
}
.event.detail main.page .box_wh.job_detail .content .left_box .box_green {
  margin-top: 8px;
  background-color: #EAFFF9;
  border-radius: 20px;
  padding: 15px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.event.detail main.page .box_wh.job_detail .content .left_box .box_green li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 13px;
}
.event.detail main.page .box_wh.job_detail .content .left_box .box_green li .list_ttl {
  width: 70px;
  font-weight: 400;
  letter-spacing: 0.0267em;
}
.event.detail main.page .box_wh.job_detail .content .left_box .box_green li .list_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2px;
}
.event.detail main.page .box_wh.job_detail .content .left_box .box_green li .list_txt p {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event.detail main.page .box_wh.job_detail .content .left_box .box_green li .list_txt p.leader_num span {
  margin-left: 33px;
}
.event.detail main.page .box_wh.job_detail .content .left_box .box_green li .list_txt p.worker_num span {
  margin-left: 29px;
}
.event.detail main.page .box_wh.job_detail .content .left_box .box_green li .list_txt p.rookie {
  position: relative;
  padding-left: 19px;
}
.event.detail main.page .box_wh.job_detail .content .left_box .box_green li .list_txt p.rookie:before {
  content: "";
  background-image: url("../images/icon_rookie.svg");
  display: block;
  width: 12.643px;
  height: 19.707px;
  position: absolute;
  top: 3px;
  left: 1px;
  background-size: contain;
  background-repeat: no-repeat;
}
.event.detail main.page .box_wh.job_detail .content .left_box .box_green li .list_txt p .price {
  margin-left: 8px;
}
.event.detail main.page .box_wh.job_detail .content .left_box .box_green li .list_txt p .parking {
  margin-left: 10px;
}
.event.detail main.page .box_wh.job_detail .content .left_box .box_green li .list_txt img {
  display: block;
  margin-top: 10px;
  max-width: 256px;
  width: 100%;
}
.event.detail main.page .box_wh.job_detail .content .right_box {
  margin-top: -2px;
}
.event.detail main.page .box_wh.job_detail .content .right_box .box + .box {
  margin-top: 17px;
  padding-top: 15px;
  border-top: solid 1px #00BF8C;
}
.event.detail main.page .box_wh.job_detail .content .right_box .ttl {
  padding-left: 32px;
}
.event.detail main.page .box_wh.job_detail .content .right_box .job:before {
  background-image: url("../images/icon_job.svg");
  width: 18px;
  height: 22px;
  left: 2px;
  margin-top: 2px;
}
.event.detail main.page .box_wh.job_detail .content .right_box .note:before {
  background-image: url("../images/icon_note.svg");
  width: 22.955px;
  height: 20.103px;
  left: 1px;
  margin-top: 1px;
}
.event.detail main.page .box_wh.job_detail .content .right_box .reserve:before {
  background-image: url("../images/icon_reserve.svg");
  width: 22px;
  height: 20px;
  left: 2px;
}
.event.detail main.page .box_wh.job_detail .content .right_box .terms:before {
  background-image: url("../images/icon_terms.svg");
  width: 22.416px;
  height: 22.027px;
  left: 2px;
}
.event.detail main.page .box_wh.job_detail .content .right_box .txt {
  font-weight: 500;
  margin-top: 15px;
}
.event.detail main.page .box_wh.worker_recruit {
  margin-top: 24px;
  padding-top: 19px;
  padding-bottom: 24px;
}
.event.detail main.page .box_wh.worker_recruit .submitBtn {
  width: 192px;
}
.event.detail main.page .box_wh.worker_recruit .table {
  margin-top: 16px;
}
.event.detail main.page .box_wh.worker_recruit .table .th01,
.event.detail main.page .box_wh.worker_recruit .table .td01 {
  width: 111px;
}
.event.detail main.page .box_wh.worker_recruit .table .th02,
.event.detail main.page .box_wh.worker_recruit .table .td02 {
  width: 126px;
}
.event.detail main.page .box_wh.worker_recruit .table .th03,
.event.detail main.page .box_wh.worker_recruit .table .td03 {
  width: 73px;
  text-align: center;
}
.event.detail main.page .box_wh.worker_recruit .table .th04,
.event.detail main.page .box_wh.worker_recruit .table .td04 {
  width: 73px;
  text-align: center;
}
.event.detail main.page .box_wh.worker_recruit .table .th05,
.event.detail main.page .box_wh.worker_recruit .table .td05 {
  width: 167px;
}
.event.detail main.page .box_wh.worker_recruit .table .th06,
.event.detail main.page .box_wh.worker_recruit .table .td06 {
  width: 59px;
}
.event.detail main.page .box_wh.worker_recruit .table .th07,
.event.detail main.page .box_wh.worker_recruit .table .td07 {
  width: 110px;
}
.event.detail main.page .box_wh.worker_recruit .table .th08,
.event.detail main.page .box_wh.worker_recruit .table .td08 {
  width: 123px;
  text-align: center;
}
.event.detail main.page .box_wh.worker_recruit .table .th09,
.event.detail main.page .box_wh.worker_recruit .table .td09 {
  width: 119px;
}
.event.detail main.page .box_wh.worker_recruit .table .th10,
.event.detail main.page .box_wh.worker_recruit .table .td10 {
  width: 75px;
}
.event.detail main.page .box_wh.worker_recruit .table .th11,
.event.detail main.page .box_wh.worker_recruit .table .td11 {
  width: 116px;
}
.event.detail main.page .box_wh.worker_recruit .table .submit_status.reserv {
  color: #378EF0;
}
.event.detail main.page .box_wh.worker_recruit .table .submit_status.complete {
  color: #525252;
}
.event.detail main.page .box_wh.worker_recruit .table .check_status.open {
  position: relative;
}
.event.detail main.page .box_wh.worker_recruit .table .check_status.open:after {
  content: "";
  width: 18.828px;
  height: 13.414px;
  background-image: url("../images/icon_open.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.event.detail main.page .box_wh.worker_recruit .table .response.ok {
  color: #378EF0;
}
.event.detail main.page .box_wh.worker_recruit .table .response.ng {
  color: #ADADAD;
}
.event.detail main.page .box_wh.worker_recruit .table .response.considering {
  color: #00BF8C;
}
.event.detail main.page .box_wh.worker_recruit .table .flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.event.detail main.page #wokerlist {
  display: none;
}
.event.detail main.page.page01 .status_area .finish,
.event.detail main.page.page01 .status_area .start,
.event.detail main.page.page01 .status_area .stop {
  display: none !important;
}
.event.detail main.page.page01 .restartBtn,
.event.detail main.page.page01 .persons {
  display: none !important;
}
.event.detail main.page.page02 .status_area .before,
.event.detail main.page.page02 .status_area .start,
.event.detail main.page.page02 .status_area .stop {
  display: none !important;
}
.event.detail main.page.page02 .no_select,
.event.detail main.page.page02 .workerSelect,
.event.detail main.page.page02 .restartBtn {
  display: none !important;
}
.event.detail main.page.page03 .status_area .before,
.event.detail main.page.page03 .status_area .finish,
.event.detail main.page.page03 .status_area .stop {
  display: none !important;
}
.event.detail main.page.page03 .no_select,
.event.detail main.page.page03 .workerSelect,
.event.detail main.page.page03 .restartBtn {
  display: none !important;
}
.event.detail main.page.page04 .status_area .before,
.event.detail main.page.page04 .status_area .finish,
.event.detail main.page.page04 .status_area .start {
  display: none !important;
}
.event.detail main.page.page04 .no_select,
.event.detail main.page.page04 .workerSelect,
.event.detail main.page.page04 .stopBtn {
  display: none !important;
}
.event.detail main.page.page05 .status_area .finish,
.event.detail main.page.page05 .status_area .stop,
.event.detail main.page.page05 .status_area .start {
  display: none !important;
}
.event.detail main.page.page05 .no_select,
.event.detail main.page.page05 .workerSelect,
.event.detail main.page.page05 .restartBtn {
  display: none !important;
}
.event.reader-edit main.page h1 span {
  color: #378EF0;
  margin-left: 88px;
}
.event.reader-edit main.page .box_wh {
  margin-top: 19px;
  padding-top: 20px;
  padding-bottom: 24px;
}
.event.reader-edit main.page .hdg2 {
  font-size: 20px;
}
.event.reader-edit main.page .flex {
  margin-top: 14px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.event.reader-edit main.page .flex .left_box {
  width: 840px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 13px 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.event.reader-edit main.page .flex .right_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  margin-bottom: -6px;
}
.event.reader-edit main.page .flex .right_box .clearBtn {
  width: 112px;
}
.event.reader-edit main.page .flex .right_box .searchBtn {
  width: 96px;
}
.event.worker-choice main.page .box_wh {
  padding-top: 18px;
}
.event.worker-choice main.page .box_wh + .box_wh {
  margin-top: 25px;
}
.event.worker-choice main.page .hdg2 .result_num {
  display: inline-block;
  margin-left: 8px;
}
.event.worker-choice main.page .content_box {
  margin-top: 13px;
}
.event.worker-choice main.page .flex_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  margin-bottom: 20px;
}
.event.worker-choice main.page .left_box {
  width: 770px;
}
.event.worker-choice main.page .left_box .table_wrap {
  height: 486px;
  overflow-y: auto;
  margin-top: 14px;
  border-radius: 4px;
  border: solid 1px #C4C4C4;
}
.event.worker-choice main.page .left_box .table {
  position: relative;
  margin-top: 0;
  border: none;
}
.event.worker-choice main.page .left_box .table thead {
  position: sticky;
  top: 0;
  background-color: #F5F6FA;
  z-index: 999;
}
.event.worker-choice main.page .left_box .table .th01, .event.worker-choice main.page .left_box .table .td01 {
  width: 190px;
}
.event.worker-choice main.page .left_box .table .th02, .event.worker-choice main.page .left_box .table .td02 {
  width: 95px;
}
.event.worker-choice main.page .left_box .table .th03, .event.worker-choice main.page .left_box .table .td03 {
  width: 90px;
}
.event.worker-choice main.page .left_box .table .th04, .event.worker-choice main.page .left_box .table .td04 {
  width: 160px;
}
.event.worker-choice main.page .left_box .table .th05, .event.worker-choice main.page .left_box .table .td05 {
  width: 80px;
}
.event.worker-choice main.page .left_box .table .th06, .event.worker-choice main.page .left_box .table .td06 {
  width: 150px;
}
.event.worker-choice main.page .left_box .table .th07, .event.worker-choice main.page .left_box .table .td07 {
  width: 90px;
}
.event.worker-choice main.page .left_box .table .th08, .event.worker-choice main.page .left_box .table .td08 {
  width: 70px;
}
.event.worker-choice main.page .left_box .txt_blue {
  font-weight: bold;
  color: #378EF0;
}
.event.worker-choice main.page .right_box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.event.worker-choice main.page .right_box .list {
  background-color: #EAFFF9;
  padding: 10px;
  margin-top: 14px;
  border-radius: 4px;
}
.event.worker-choice main.page .right_box ul {
  height: 466px;
  overflow: auto;
}
.event.worker-choice main.page .right_box ul li {
  background-color: #fff;
  padding: 9px 10px 19px;
}
.event.worker-choice main.page .right_box ul li .list_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.event.worker-choice main.page .right_box ul li .list_content .name {
  margin-left: -5px;
}
.event.worker-choice main.page .right_box ul li .list_content .flex {
  gap: 3px;
}
.event.worker-choice main.page .right_box ul li .list_content:last-child {
  margin-left: 40px;
  margin-top: 5px;
}
.event.worker-choice main.page .right_box ul li .list_content .gender {
  min-width: 32px;
}
.event.worker-choice main.page .right_box ul li .list_content .age {
  min-width: 34px;
}
.event.worker-choice main.page .right_box ul li + li {
  margin-top: 5px;
}
.event.worker-choice main.page .hd_content {
  margin-bottom: 20px;
}
.event.worker-choice main.page .hd_content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.event.worker-choice main.page .hd_content .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-top: 10px;
}
.event.worker-choice main.page .hd_content .info p {
  padding-left: 32px;
  position: relative;
}
.event.worker-choice main.page .hd_content .info p:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.event.worker-choice main.page .hd_content .info p.date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 4px;
}
.event.worker-choice main.page .hd_content .info p.date:before {
  background-image: url("../images/ico_calender2.svg");
}
.event.worker-choice main.page .hd_content .info p.place:before {
  background-image: url("../images/icon_map.svg");
}
.event.worker-choice main.page .hd_content .info p.address::before {
  background-image: url("../images/icon_address.svg");
}
.event.worker-choice main.page .hd_content .info_txt {
  margin-top: 14px;
}
.event.worker-choice main.page .content {
  margin-bottom: 20px;
}
.event.worker-choice main.page .content .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  margin: 27px 0 -5px auto;
}
.event.worker-choice .input_data {
  gap: 5px;
}
.event.worker-choice .input_area input.w-164 {
  width: 164px;
}
.event.worker-choice .input_area.vertical01 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 6px;
}
.event.worker-choice .input_area.vertical02 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 15px;
}
.event.worker-choice .input_area.adjust01 {
  margin: 9px 0 0 4px;
}
.event.worker-choice .input_area.adjust02 {
  margin: 7px 30px 20px;
}
.event.worker-choice .input_area.adjust03 {
  margin: 13px 0 45px 3px;
}
.event.worker-choice .input_area select.pt-9 {
  padding-top: 9px;
}
.event.worker-choice .input_area select.pb-9 {
  padding-bottom: 9px;
}
.event.worker-choice .nextBtn,
.event.worker-choice .backBtn {
  margin: 0 auto;
  width: 302px;
}
.event.worker-choice .backBtn {
  margin-top: 8px;
}
.event.worker-choice-confirm main.page .wrap {
  margin-top: 0;
  margin-bottom: 20px;
}
.event.worker-choice-confirm main.page .flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.event.worker-choice-confirm main.page .table .th01, .event.worker-choice-confirm main.page .table .td01 {
  width: 151px;
}
.event.worker-choice-confirm main.page .table .th02, .event.worker-choice-confirm main.page .table .td02 {
  width: 103px;
}
.event.worker-choice-confirm main.page .table .th03, .event.worker-choice-confirm main.page .table .td03 {
  width: 105px;
}
.event.worker-choice-confirm main.page .table .th04, .event.worker-choice-confirm main.page .table .td04 {
  width: 168px;
}
.event.worker-choice-confirm main.page .table .th05, .event.worker-choice-confirm main.page .table .td05 {
  width: 102px;
}
.event.worker-choice-confirm main.page .table .th06, .event.worker-choice-confirm main.page .table .td06 {
  width: 116px;
}
.event.worker-choice-confirm main.page .table .th07, .event.worker-choice-confirm main.page .table .td07 {
  width: 94px;
}
.event.worker-choice-confirm main.page .hdg2.min + p {
  font-size: 20px;
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 16px;
}
.event.reader-edit main.page h1 span {
  color: #378EF0;
  margin-left: 88px;
}
.event.reader-edit main.page h1 .num {
  margin-left: 80px;
}
.event.reader-edit main.page h1 .rookie {
  position: relative;
  margin-left: 46px;
}
.event.reader-edit main.page h1 .rookie:before {
  content: "";
  width: 21.79px;
  height: 33.97px;
  background-image: url("../images/icon_rookie.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 14px;
  left: -24px;
}
.event.reader-edit main.page .box_wh {
  margin-top: 19px;
  padding-top: 20px;
  padding-bottom: 24px;
}
.event.reader-edit main.page .hdg2 {
  font-size: 20px;
}
.event.reader-edit main.page .flex {
  margin-top: 14px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.event.reader-edit main.page .flex .left_box {
  width: 840px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 13px 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.event.reader-edit main.page .flex .right_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  margin-bottom: -6px;
}
.event.reader-edit main.page .flex .right_box .clearBtn {
  width: 112px;
}
.event.reader-edit main.page .flex .right_box .searchBtn {
  width: 96px;
}
.event.reader-edit main.page .reader_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 16px;
  margin-top: 52px;
}
.event.reader-edit main.page .reader_list .left_box {
  width: 772px;
}
.event.reader-edit main.page .reader_list .left_box .hdg2 span {
  margin-left: 8px;
}
.event.reader-edit main.page .reader_list .left_box .table {
  margin-top: 14px;
}
.event.reader-edit main.page .reader_list .left_box th,
.event.reader-edit main.page .reader_list .left_box td {
  height: 54px;
}
.event.reader-edit main.page .reader_list .left_box .th01,
.event.reader-edit main.page .reader_list .left_box .td01 {
  width: 130px;
}
.event.reader-edit main.page .reader_list .left_box .th02,
.event.reader-edit main.page .reader_list .left_box .td02 {
  width: 73px;
}
.event.reader-edit main.page .reader_list .left_box .th03,
.event.reader-edit main.page .reader_list .left_box .td03 {
  width: 73px;
}
.event.reader-edit main.page .reader_list .left_box .th04,
.event.reader-edit main.page .reader_list .left_box .td04 {
  width: 167px;
}
.event.reader-edit main.page .reader_list .left_box .th04 .flex,
.event.reader-edit main.page .reader_list .left_box .td04 .flex {
  margin-top: 0;
}
.event.reader-edit main.page .reader_list .left_box .th05,
.event.reader-edit main.page .reader_list .left_box .td05 {
  width: 71px;
}
.event.reader-edit main.page .reader_list .left_box .th06,
.event.reader-edit main.page .reader_list .left_box .td06 {
  width: 108px;
}
.event.reader-edit main.page .reader_list .left_box .th07,
.event.reader-edit main.page .reader_list .left_box .td07 {
  width: 73px;
}
.event.reader-edit main.page .reader_list .left_box .th08,
.event.reader-edit main.page .reader_list .left_box .td08 {
  width: 77px;
}
.event.reader-edit main.page .reader_list .left_box .th08 {
  color: #378EF0;
  font-weight: bold;
}
.event.reader-edit main.page .reader_list .right_box {
  width: 364px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.event.reader-edit main.page .reader_list .right_box .box_green {
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #EAFFF9;
  border-radius: 4px;
  gap: 8px;
  margin-top: 14px;
}
.event.reader-edit main.page .reader_list .right_box .box_green .person {
  position: relative;
  background-color: #ffffff;
  padding: 11px 15px 19px 56px;
  border-radius: 4px;
}
.event.reader-edit main.page .reader_list .right_box .box_green .person .check {
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
}
.event.reader-edit main.page .reader_list .right_box .box_green .person .flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
  margin-top: 0;
}
.event.reader-edit main.page .reader_list .right_box .box_green .person .flex + .flex {
  margin-top: 5px;
}
.event.reader-edit main.page .reader_list .right_box .box_green .person .flex .cats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 2px;
}
.event.reader-edit main.page .completeBtn {
  margin: 24px auto 0;
  width: 300px;
}
.event.reader-edit main.page .backBtn {
  margin: 8px auto 0;
  width: 300px;
}

.worker main.page ul.tab {
  background-color: #D7DBEC;
  border-radius: 5px;
  width: 397px;
  padding: 2px;
}
.worker main.page ul.tab li.list {
  border-radius: 5px;
  padding: 6px 10px;
}
.worker main.page ul.tab li.list:first-child {
  width: 180px;
}
.worker main.page ul.tab li.list:last-child {
  width: 212px;
}
.worker main.page .flex.mt0 {
  margin-top: 0;
}
.worker main.page .no_ttl {
  margin-top: 27px;
}
.worker main.page .wrap .table .th01,
.worker main.page .wrap .table .td01 {
  width: 30px;
}
.worker main.page .wrap .table .red_circle {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #f00;
  border-radius: 50%;
}
.worker main.page .wrap .table .th02,
.worker main.page .wrap .table .td02 {
  width: 75px;
}
.worker main.page .wrap .table .th03,
.worker main.page .wrap .table .td03 {
  width: 120px;
}
.worker main.page .wrap .table .th04,
.worker main.page .wrap .table .td04 {
  width: 95px;
}
.worker main.page .wrap .table .th05,
.worker main.page .wrap .table .td05 {
  width: 80px;
}
.worker main.page .wrap .table .th06,
.worker main.page .wrap .table .td06 {
  width: 110px;
}
.worker main.page .wrap .table .th07,
.worker main.page .wrap .table .td07 {
  width: 200px;
}
.worker main.page .wrap .table .th07 .flex,
.worker main.page .wrap .table .td07 .flex {
  margin-top: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.worker main.page .wrap .table .th08,
.worker main.page .wrap .table .td08 {
  width: 110px;
}
.worker main.page .wrap .table .th09,
.worker main.page .wrap .table .td09 {
  width: 120px;
}
.worker main.page .wrap .table .th10,
.worker main.page .wrap .table .td10 {
  width: 100px;
}
.worker main.page .wrap .table .th11,
.worker main.page .wrap .table .td11 {
  width: 158px;
}
.worker main.page .wrap .table .th11.black_status img,
.worker main.page .wrap .table .td11.black_status img {
  margin: 0 auto;
}
.worker main.page .wrap .table .th11.black_status.on img,
.worker main.page .wrap .table .td11.black_status.on img {
  display: block;
}
.worker main.page .wrap .table .th11.black_status.off img,
.worker main.page .wrap .table .td11.black_status.off img {
  display: none;
}
.worker main.page .alert {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 24px;
  background-color: #EAFFF9;
  border-radius: 20px;
  padding: 11px 16px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.worker main.page .alert .close {
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.worker main.page #approvalworker {
  display: none;
}
.worker main.page #approvalworker .free input {
  width: 936px;
}
.worker main.page #approvalworker .table .th01,
.worker main.page #approvalworker .table .td01 {
  width: 80px;
}
.worker main.page #approvalworker .table .th02,
.worker main.page #approvalworker .table .td02 {
  width: 105px;
}
.worker main.page #approvalworker .table .th03,
.worker main.page #approvalworker .table .td03 {
  width: 128px;
}
.worker main.page #approvalworker .table .th04,
.worker main.page #approvalworker .table .td04 {
  width: 106px;
}
.worker main.page #approvalworker .table .th05,
.worker main.page #approvalworker .table .td05 {
  width: 122px;
}
.worker main.page #approvalworker .table .th06,
.worker main.page #approvalworker .table .td06 {
  width: 267px;
}
.worker main.page #approvalworker .table .th06 .flex,
.worker main.page #approvalworker .table .td06 .flex {
  margin-top: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.worker main.page #approvalworker .table .th07,
.worker main.page #approvalworker .table .td07 {
  width: 200px;
}
.worker main.page #approvalworker .table .th08,
.worker main.page #approvalworker .table .td08 {
  width: 188px;
}
.worker main.page #approvalworker .table .th08.status,
.worker main.page #approvalworker .table .td08.status {
  padding-left: 23px;
}
.worker main.page #approvalworker .table .th08.status.ng a,
.worker main.page #approvalworker .table .td08.status.ng a {
  color: #707070;
}
.worker main.page #approvalworker .table .th08.status.ok a,
.worker main.page #approvalworker .table .td08.status.ok a {
  color: #00BF8C;
}
.worker main.page #approvalworker .table .th08.status.stay a,
.worker main.page #approvalworker .table .td08.status.stay a {
  color: #378EF0;
}
.worker.new-worker main.page.cancelSave .box_wh .name .status,
.worker.new-worker main.page.cancelSave .box_wh .alert {
  display: block;
}
.worker.new-worker main.page.cancelSave .box_wh .btn {
  display: none;
}
.worker.new-worker main.page .box_wh {
  margin-top: 16px;
  padding-top: 21px;
}
.worker.new-worker main.page .box_wh .name {
  color: #00BF8C;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
  position: relative;
}
.worker.new-worker main.page .box_wh .name span {
  margin-left: 8px;
}
.worker.new-worker main.page .box_wh .name .status {
  display: block;
  width: 104px;
  border: solid 1px #525252;
  border-radius: 20px;
  padding: 3px 10px;
  line-height: 1;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  right: -152px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  color: #525252;
  margin-left: 0;
  display: none;
}
.worker.new-worker main.page .box_wh .date {
  letter-spacing: 0.0267em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 33px;
  margin-bottom: 5px;
}
.worker.new-worker main.page .box_wh .date span {
  font-weight: bold;
}
.worker.new-worker main.page .box_wh .alert {
  width: 100%;
  border-radius: 20px;
  background-color: #FFEAEA;
  padding: 12px 16px 11px;
  margin-bottom: 20px;
  margin-top: 7px;
  display: none;
}
.worker.new-worker main.page .box_wh .flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  margin-bottom: 5px;
}
.worker.new-worker main.page .box_wh .flex .data {
  width: 49%;
  margin-bottom: 44px;
}
.worker.new-worker main.page .box_wh .flex .data .data_box {
  width: 100%;
  display: block;
}
.worker.new-worker main.page .box_wh .flex .data .data_box + .data_box {
  margin-top: 7px;
}
.worker.new-worker main.page .box_wh .flex .data .data_box .txt {
  color: #8E8E8E;
  padding-left: 12px;
}
.worker.new-worker main.page .box_wh .flex .data .data_box .txt span {
  margin-left: 10px;
}
.worker.new-worker main.page .box_wh .btn {
  width: 332px;
  margin: 0 auto;
}
.worker.new-worker main.page .box_wh .btn + .btn {
  margin-top: 8px;
}
.worker.new-worker .modal .content {
  padding: 93px 0 112px;
  text-align: center;
}
.worker.new-worker .modal .content .ttl {
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 35px;
}
.worker.new-worker .modal .content .txt {
  margin-bottom: 22px;
}
.worker.new-worker .modal .content .flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.worker.new-worker .modal .content .flex button {
  width: 144px;
}
.worker.worker-detail main.page.black .alert {
  display: none;
}
.worker.worker-detail main.page.black .alert2 {
  display: block;
}
.worker.worker-detail main.page.black .foot_area {
  display: none;
}
.worker.worker-detail main.page .alert {
  margin-top: 9px;
}
.worker.worker-detail main.page .alert2 {
  width: 100%;
  border-radius: 20px;
  background-color: #FFEAEA;
  padding: 12px 16px 11px;
  margin-bottom: 20px;
  margin-top: 24px;
  display: none;
}
.worker.worker-detail main.page .box_wh {
  padding-bottom: 85px;
  margin-top: 20px;
}
.worker.worker-detail main.page .box_wh .content {
  display: block;
}
.worker.worker-detail main.page .box_wh .content .flex.ttl {
  margin-bottom: 14px;
}
.worker.worker-detail main.page .box_wh .content .flex.ttl h2.hdg2 span {
  margin-left: 9px;
}
.worker.worker-detail main.page .box_wh .content .flex.ttl .btn {
  width: 96px;
  position: relative;
  top: 4px;
}
.worker.worker-detail main.page .box_wh .content .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  margin-bottom: 20px;
}
.worker.worker-detail main.page .box_wh .content .info p {
  padding-left: 32px;
  position: relative;
}
.worker.worker-detail main.page .box_wh .content .info p:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.worker.worker-detail main.page .box_wh .content .info p.date:before {
  background-image: url("../images/icon_date.svg");
}
.worker.worker-detail main.page .box_wh .content .info p.sex:before {
  background-image: url("../images/icon_name.svg");
}
.worker.worker-detail main.page .box_wh .content .info p.tel {
  margin-left: -1px;
}
.worker.worker-detail main.page .box_wh .content .info p.tel:before {
  background-image: url("../images/icon_tel.svg");
}
.worker.worker-detail main.page .box_wh .content .info p.address:before {
  background-image: url("../images/icon_map.svg");
}
.worker.worker-detail main.page .box_wh .content .flex.data {
  gap: 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.worker.worker-detail main.page .box_wh .content .box_ttl {
  color: #00BF8C;
  font-size: 20px;
  font-weight: bold;
}
.worker.worker-detail main.page .box_wh .content .left_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.worker.worker-detail main.page .box_wh .content .box_green {
  margin-top: 8px;
  background-color: #EAFFF9;
  border-radius: 20px;
  padding: 15px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 11px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 372px;
}
.worker.worker-detail main.page .box_wh .content .box_green li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 33px;
}
.worker.worker-detail main.page .box_wh .content .box_green li.mt {
  margin-top: -8px;
}
.worker.worker-detail main.page .box_wh .content .box_green li .list_ttl {
  min-width: 65px;
  font-weight: 400;
  letter-spacing: 0.0267em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.worker.worker-detail main.page .box_wh .content .box_green li .list_ttl.bold {
  font-weight: bold;
  margin-top: -2px;
}
.worker.worker-detail main.page .box_wh .content .box_green li .list_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0;
}
.worker.worker-detail main.page .box_wh .content .box_green li .list_txt p {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.worker.worker-detail main.page .box_wh .content .box_green li .list_txt p.mail {
  font-size: 14px;
}
.worker.worker-detail main.page .box_wh .content .right_box {
  width: 772px;
}
.worker.worker-detail main.page .box_wh .content .right_box .table {
  margin-top: 12px;
}
.worker.worker-detail main.page .box_wh .content .right_box .table .th01,
.worker.worker-detail main.page .box_wh .content .right_box .table .td01 {
  width: 135px;
  padding-left: 24px;
}
.worker.worker-detail main.page .box_wh .content .right_box .table .th02,
.worker.worker-detail main.page .box_wh .content .right_box .table .td02 {
  width: 180px;
}
.worker.worker-detail main.page .box_wh .content .right_box .table .th03,
.worker.worker-detail main.page .box_wh .content .right_box .table .td03 {
  width: 150px;
}
.worker.worker-detail main.page .box_wh .content .right_box .table .th04,
.worker.worker-detail main.page .box_wh .content .right_box .table .td04 {
  width: 207px;
}
.worker.worker-detail main.page .box_wh .content .right_box .table .th04 .flex,
.worker.worker-detail main.page .box_wh .content .right_box .table .td04 .flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.worker.worker-detail main.page .box_wh .content .right_box .table .th05,
.worker.worker-detail main.page .box_wh .content .right_box .table .td05 {
  width: 100px;
}
.worker.worker-detail main.page .box_wh .content .right_box .table .th05.status.ok,
.worker.worker-detail main.page .box_wh .content .right_box .table .td05.status.ok {
  color: #378EF0;
}
.worker.worker-detail main.page .box_wh .content .right_box .table .th05.status.ng,
.worker.worker-detail main.page .box_wh .content .right_box .table .td05.status.ng {
  color: #ADADAD;
}
.worker.worker-detail main.page .box_wh .content .right_box .table .th05.status.stay,
.worker.worker-detail main.page .box_wh .content .right_box .table .td05.status.stay {
  color: #00BF8C;
}
.worker.worker-detail main.page .box_wh .content .foot_area {
  margin-top: 42px;
}
.worker.worker-detail main.page .box_wh .content .foot_area .ttl {
  font-size: 20px;
  font-weight: bold;
  color: #00BF8C;
  letter-spacing: 0.00417em;
  line-height: 1;
}
.worker.worker-detail main.page .box_wh .content .foot_area .txt {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 18px;
  font-size: 20px;
  font-weight: 500;
}
.worker.worker-detail main.page .box_wh .content .foot_area .txt span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.worker.worker-detail main.page .box_wh .content .foot_area .txt.txt {
  margin-top: 14px;
}
.worker.worker-edit main.page .box_wh {
  padding-top: 67px;
}
.worker.worker-edit main.page .data .input_area {
  gap: 16px;
}
.worker.worker-edit main.page .data .input_area.sex {
  gap: 39px;
}
.worker.worker-edit main.page .data .input_area.mt16 {
  margin-top: 16px;
}
.worker.worker-edit main.page .data .input_area.select.car-info, .worker.worker-edit main.page .data .input_area.car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.worker.worker-edit main.page .data .input_area.vaccine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.worker.worker-edit main.page .data .input_area.vaccine .count {
  padding-left: 32px;
}
.worker.worker-edit main.page .data .input_area.vaccine .count input {
  margin-right: 8px;
}
.worker.worker-edit main.page .data input,
.worker.worker-edit main.page .data select {
  width: 368px;
}
.worker.worker-edit main.page .data .min {
  width: 176px;
}
.worker.worker-edit main.page .data .min2 {
  width: 88px;
}
.worker.worker-edit main.page .data .min3 {
  width: 149px;
}
.worker.worker-edit main.page .data .long {
  width: 678px;
}

/*----------------------------------

勤怠管理

----------------------------------*/
.attendances main.page .box_wh {
  padding-top: 22px;
}
.attendances main.page .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.attendances main.page .hdg2.min {
  font-size: 20px;
}
.attendances main.page .content_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 13px 24px;
  margin-top: 9px;
}
.attendances main.page input,
.attendances main.page select,
.attendances main.page textarea {
  padding-top: 9px;
  padding-bottom: 9px;
}
.attendances main.page input::-webkit-input-placeholder, .attendances main.page select::-webkit-input-placeholder, .attendances main.page textarea::-webkit-input-placeholder {
  color: #8E8E8E;
}
.attendances main.page input::-moz-placeholder, .attendances main.page select::-moz-placeholder, .attendances main.page textarea::-moz-placeholder {
  color: #8E8E8E;
}
.attendances main.page input:-ms-input-placeholder, .attendances main.page select:-ms-input-placeholder, .attendances main.page textarea:-ms-input-placeholder {
  color: #8E8E8E;
}
.attendances main.page input::-ms-input-placeholder, .attendances main.page select::-ms-input-placeholder, .attendances main.page textarea::-ms-input-placeholder {
  color: #8E8E8E;
}
.attendances main.page input::placeholder,
.attendances main.page select::placeholder,
.attendances main.page textarea::placeholder {
  color: #8E8E8E;
}
.attendances main.page .calender input {
  width: 176px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.attendances main.page .free input {
  width: 460px;
}
.attendances main.page .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  margin-top: 30px;
  margin-left: auto;
}
.attendances main.page .btns .clearBtn {
  width: 112px;
}
.attendances main.page .btns .searchBtn {
  width: 96px;
}
.attendances main.page .wrap {
  margin-top: 25px;
}
.attendances main.page .wrap .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 20px;
}
.attendances main.page .wrap .tab li {
  padding: 5px 10px;
  display: block;
  background-color: #ffffff;
  border: solid 1px #D7DBEC;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.attendances main.page .wrap .tab li.active, .attendances main.page .wrap .tab li:hover, .attendances main.page .wrap .tab li:focus {
  background-color: #388EF0;
  color: #ffffff;
}
.attendances main.page .wrap .tab li:first-child {
  width: 119px;
}
.attendances main.page .wrap .tab li:last-child {
  width: 134px;
}
.attendances main.page .wrap .table {
  margin-top: 18px;
}
.attendances main.page .wrap .table .th01,
.attendances main.page .wrap .table .td01 {
  width: 49px;
}
.attendances main.page .wrap .table .th02,
.attendances main.page .wrap .table .td02 {
  width: 200px;
}
.attendances main.page .wrap .table .th03,
.attendances main.page .wrap .table .td03 {
  width: 85px;
}
.attendances main.page .wrap .table .th04,
.attendances main.page .wrap .table .td04 {
  width: 124px;
}
.attendances main.page .wrap .table .th05,
.attendances main.page .wrap .table .td05 {
  width: 272px;
}
.attendances main.page .wrap .table .th06,
.attendances main.page .wrap .table .td06 {
  width: 110px;
}
.attendances main.page .wrap .table .th07,
.attendances main.page .wrap .table .td07 {
  width: 240px;
}
.attendances main.page .wrap .table a {
  display: block;
  width: 100%;
  color: #525252;
}
.attendances.detail main.page .hd_content {
  margin-top: 16px;
}
.attendances.detail main.page .hd_content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.attendances.detail main.page .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-top: 10px;
}
.attendances.detail main.page .info p {
  padding-left: 32px;
  position: relative;
}
.attendances.detail main.page .info p:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.attendances.detail main.page .info p.leader {
  padding-left: 26px;
}
.attendances.detail main.page .info p.leader:before {
  background-image: url("../images/icon_leader.svg");
  width: 24.435px;
  height: 23.383px;
  margin-top: 1px;
}
.attendances.detail main.page .info p.worker {
  padding-left: 26px;
}
.attendances.detail main.page .info p.worker:before {
  background-image: url("../images/icon_worker.svg");
  width: 19px;
  height: 19px;
  margin-top: 1px;
}
.attendances.detail main.page .info p.time {
  padding-left: 32px;
}
.attendances.detail main.page .info p.time::before {
  background-image: url("../images/icon_time.svg");
  background-position: 0 1px;
  width: 23px;
  height: 23px;
}
.attendances.detail main.page .info p.date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 4px;
}
.attendances.detail main.page .info p.date:before {
  background-image: url("../images/ico_calender2.svg");
}
.attendances.detail main.page .info p.place:before {
  background-image: url("../images/icon_map.svg");
}
.attendances.detail main.page .info p.address::before {
  background-image: url("../images/icon_address.svg");
}
.attendances.detail main.page .info_txt {
  margin-top: 14px;
}
.attendances.detail main.page .box_wh.worker {
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: 45px;
}
.attendances.detail main.page .box_wh.worker + .box_wh.worker {
  margin-top: 15px;
}
.attendances.detail main.page .box_wh.worker .info {
  margin-top: 5px;
  gap: 20px;
}
.attendances.detail main.page .box_wh.worker .flex {
  gap: 3px;
}
.attendances.detail main.page .box_wh.worker .hdg3 {
  font-size: 20px;
  color: #00BF8C;
  font-weight: bold;
  margin-top: 20px;
}
.attendances.detail main.page .box_wh.worker .content_box {
  width: 1000px;
  gap: 13px 70px;
}
.attendances.detail main.page .box_wh.worker .content_box.benefit {
  gap_: 220px;
  gap: 180px;
  margin-top: 15px;
}
.attendances.detail main.page .box_wh.worker .content_box.benefit .input_data:last-child {
  margin-top: -8px;
}
.attendances.detail main.page .box_wh.worker .content_box .input_data .input_area {
  gap: 5px;
}
.attendances.detail main.page .box_wh.worker .content_box .input_data .input_area .check {
  margin-left: 2px;
}
.attendances.detail main.page .box_wh.worker .content_box .input_data .input_area .yen {
  margin: 25px 0 0 3px;
  line-height: 1;
}
.attendances.detail main.page .box_wh.worker .content_box .input_data .input_area.flex_d {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin: 0;
  gap: 15px;
}
.attendances.detail main.page .box_wh.worker .content_box .input_data .input_area .free_word {
  width: 368px;
}
.attendances.detail main.page .box_wh.worker .content_box .input_data .input_area .money_word {
  width: 180px;
}
.attendances.detail main.page .box_wh.worker .content_box .input_data .stamping_txt {
  font-size: 14px;
  color: #8E8E8E;
  margin-top: 2px;
}
.attendances.detail main.page .box_wh.worker .content_box .input_data .stamping_txt.clocking_out {
  margin-left: 45px;
}
.attendances.detail main.page .box_wh.worker .content_box .input_data .stamping_txt.break {
  margin-left: 78px;
}
.attendances.detail main.page .box_wh.worker .content_box .txt {
  margin-right: 6px;
}
.attendances.detail main.page .box_wh.worker .content_box .select select {
  width: 78px;
  background: url(../images/select_arrow.svg) no-repeat right 0 center;
  background-size: 24px;
}
.attendances.detail main.page .box_wh.worker .content_box .total {
  margin: 2px 0 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 205px;_width: 200px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.attendances.detail main.page .box_wh.worker .content_box .total_txt {
  font-size: 16px; _font-size: 20px;
  font-weight: bold;
  color: #378EF0;
}
.attendances.detail main.page .box_wh.worker .content_box .total_txt .total_time {
  font-size: 25px; _font-size: 28px;
  vertical-align: -3px;
  margin-left: 16px;
}
.attendances.detail main.page .box_wh.worker .content_box .total .overtime_txt {
  font-size: 14px;
  color: #378EF0;
}
.attendances.detail main.page .box_wh.worker .content_box .total .overtime_txt .overtime_time {
  margin-left: 10px;
}
.attendances.detail main.page .box_wh.worker .content_box .calculation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.attendances.detail main.page .box_wh.worker .content_box .calculation_item p {
  font-weight: 500;
}
.attendances.detail main.page .box_wh.worker .content_box .calculation_item p:last-child {
  margin-top: 3px;
}
.attendances.detail main.page .box_wh.worker .content_box .calculation_item .num span {
  font-size: 28px;
  font-weight: bold;
  color: #378EF0;
  margin-right: 1px;
}
.attendances.detail main.page .box_wh.worker .content_box .calculation .plus {
  margin: 36px 20px 0;
}
.attendances.detail main.page .box_wh.worker .content_box .calculation .equal {
  margin: 33px 40px 0;
}
.attendances.detail .nextBtn {
  margin: 40px auto 0;
  width: 302px;
}
.attendances.confirm main.page .read {
  margin-top: 20px;
}
.attendances.confirm main.page .box_wh.worker {
  margin-top: 20px;
}
.attendances.confirm main.page .box_wh.worker .content_box {
  gap: 0 123px;
}
.attendances.confirm main.page .box_wh.worker .content_box .total {
  margin: -8px 0 0;
}
.attendances.confirm main.page .box_wh.worker .content_box .calculation {
  margin-top: -5px;
}
.attendances.confirm main.page .box_wh.worker .benefit_content {
  margin-top: 12px;
}
.attendances.confirm main.page .box_wh.worker .benefit_content .benefit_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.attendances.confirm main.page .box_wh.worker .benefit_content .benefit_txt p .ttl {
  display: inline-block;
  min-width:125px; _width: 105px;
}
.attendances.confirm main.page .box_wh.worker .benefit_content .benefit_txt p .num {
  display: inline-block;
  width: 170px;
}
.attendances.confirm main.page .box_wh.worker .benefit_content .benefit_txt + .benefit_txt {
  margin-top: 5px;
}
.attendances.confirm .backBtn {
  margin: 8px auto 0;
  width: 302px;
  background: #fff;
}
.attendances.confirm .pb_5 {
  padding-bottom: 5px;
}

/*----------------------------------

完了ページ

----------------------------------*/
.complete main.page .box_wh {
  padding-top: 53px;
  padding-bottom: 80px;
}
.complete main.page .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.complete main.page .hdg2 {
  font-size: 38px;
}
.complete main.page .complete_txt {
  font-size: 20px;
  margin-top: 20px;
}
.complete main.page .pig {
  display: block;
  width: 346px;
  margin-top: 35px;
}
.complete main.page .panda {
  display: block;
  width: 210px;
  margin-top: 35px;
  margin-left: -40px;
}
.complete main.page .kp {
  display: block;
  width: 295px;
  margin-top: 35px;
}
.complete main.page .btn {
  margin-top: 52px;
  width: 264px;
}

/*----------------------------------

マスター管理

----------------------------------*/
.master .master_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 32px;
  margin: 26px 0;
}
.master .master_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 304px;
  height: 160px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  border-radius: 20px;
  padding-left: 60px;
}
.master .master_list li:nth-child(1) a {
  background: url("../images/master_img01.png") no-repeat left center #378EF0;
  background-size: 108px;
}
.master .master_list li:nth-child(2) a {
  background: url("../images/master_img02.png") no-repeat left 5px center #378EF0;
  background-size: 108px;
}
.master .master_list li:nth-child(3) a {
  background: url("../images/master_img03.png") no-repeat left 5px center #378EF0;
  background-size: 108px;
}
.master .master_message p {
  font-size: 24px;
}
.master .master_message p + textarea {
  height: 164px;
}
.master .master_message textarea {
  height: 200px;
  margin: 10px 0 15px;
}
.master .btn_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 8px;
  margin-top: 40px;
}
.master .mb0 {
  margin-bottom: 0 !important;
}
.master .invitation {
  width: 224px;
}
.master main.page .content_box {
  gap: 64px;
}
.master main.page .email input[type=email] {
  width: 440px;
}
.master main.page .btns {
  margin-top: 42px;
}
.master main.page .wrap {
  margin-top: 24px;
}
.master main.page .wrap .table1 .th01, .master main.page .wrap .table1 .td01 {
  width: 230px;
}
.master main.page .wrap .table1 .th02, .master main.page .wrap .table1 .td02 {
  width: 90px;
}
.master main.page .wrap .table1 .th03, .master main.page .wrap .table1 .td03 {
  width: 600px;
}
.master main.page .wrap .table1 .th04, .master main.page .wrap .table1 .td04 {
  width: 280px;
}
.master main.page .wrap .table2 .th01, .master main.page .wrap .table2 .td01 {
  width: 200px;
}
.master main.page .wrap .table2 .th02, .master main.page .wrap .table2 .td02 {
  width: 200px;
}
.master main.page .wrap .table2 .th03, .master main.page .wrap .table2 .td03 {
  width: 200px;
}
.master main.page .wrap .table2 .th04, .master main.page .wrap .table2 .td04 {
  width: 320px;
}
.master main.page .wrap .table2 .th05, .master main.page .wrap .table2 .td05 {
  width: 280px;
}
.master main.page .head_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.master main.page .head_block .btns {
  margin-top: 0;
}
.master table a {
  display: block;
  width: 100%;
  color: #525252;
}
.master .modal .content {
  padding: 26px 114px 40px;
}
.master .modal h2 {
  text-align: center;
  font-size: 38px;
  color: #00BF8C;
  font-weight: bold;
}
.master .modal .center {
  text-align: center;
  margin: 26px 0;
}
.master .modal input[type=email] {
  width: 772px;
}
.master .modal .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  margin-top: 32px;
}
.master .modal .btns button {
  width: 144px;
}
.master .modal .content2 {
  padding-top: 95px;
  padding-bottom: 88px;
  text-align: center;
}
.master .modal .content2 .big {
  font-size: 38px;
  font-weight: bold;
}
.master .modal .content2 .small {
  margin-top: 35px;
}
.master .modal .content2 .btns {
  margin-top: 24px;
}
.master .profile_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 14px;
  margin-top: 23px;
}
.master .profile_info .txt {
  font-weight: bold;
}
.master .profile_info .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 12px;
  font-weight: 500;
}
.master .profile_info .detail + .detail {
  margin-left: 150px;
}
.master .profile_info .detail .ttl {
  width: 150px;
  padding-left: 28px;
  position: relative;
}
.master .profile_info .detail .ttl:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.master .profile_info .detail .ttl.name::before {
  background-image: url("../images/icon_name.svg");
}
.master .profile_info .detail .ttl.date::before {
  background-image: url("../images/icon_date.svg");
}
.master .profile_info .detail .ttl.email::before {
  background-image: url("../images/icon_mail.svg");
}
.master .profile_info .detail .ttl.tel::before {
  background-image: url("../images/icon_tel.svg");
}
.master .profile_info .detail .ttl2 {
  width: 150px;
}
.master .profile_info .detail .txt {
  width: 250px;
}
.master .facility_content .profile_info .detail .ttl {
  width: 180px;
}
.master .facility_content .profile_info .detail .ttl2 {
  width: 150px;
}
.master .facility_content .profile_info .detail .txt {
  width: 250px;
}
.master .facility_content .profile_info2 .detail {
  width: 100%;
}
.master .facility_content .profile_info2 .detail .ttl.address::before {
  background-image: url("../images/icon_map.svg");
}
.master .facility_content .profile_info2 .detail .txt {
  width: calc(100% - 180px);
}
.master .add {
  width: 160px;
}
.master .input_area.freeword {
  width: 840px;
}
.master input[name=post-code] {
  width: 176px;
}
.master .input_area.select {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.master .input_area.select select {
  width: 176px;
  background: url(../images/select_arrow.svg) no-repeat right 12px center;
  background-size: 24px;
}
.master .input_area {
  gap: 0;
  width: 100%;
  margin-top: 8px;
}

/*----------------------------------

個別メッセージ管理

----------------------------------*/
.message.event.detail main.page table a {
  display: block;
  width: 100%;
  color: #525252;
}
.message.event.detail main.page ul.tab {
  background-color: #D7DBEC;
  border-radius: 5px;
  width: 205px;
  padding: 2px;
}
.message.event.detail main.page ul.tab li.list {
  border-radius: 5px;
  padding: 6px 10px;
}
.message.event.detail main.page ul.tab li.list:first-child {
  width: 100px;
}
.message.event.detail main.page ul.tab li.list:last-child {
  width: 100px;
}
.message.event.detail main.page .wrap {
  margin-top: 24px;
}
.message.event.detail main.page .wrap .table .th01, .message.event.detail main.page .wrap .table .td01 {
  width: 200px;
  padding-left: 48px;
}
.message.event.detail main.page .wrap .table .th02, .message.event.detail main.page .wrap .table .td02 {
  width: 155px;
}
.message.event.detail main.page .wrap .table .th03, .message.event.detail main.page .wrap .table .td03 {
  width: 120px;
}
.message.event.detail main.page .wrap .table .th04, .message.event.detail main.page .wrap .table .td04 {
  width: 250px;
}
.message.event.detail main.page .wrap .table .th05, .message.event.detail main.page .wrap .table .td05 {
  width: 165px;
}
.message.event.detail main.page .wrap .table .th06, .message.event.detail main.page .wrap .table .td06 {
  width: 310px;
}
.message.event.detail main.page .wrap .table .unread {
  position: relative;
}
.message.event.detail main.page .wrap .table .unread::after {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  background: #378EF0;
  border-radius: 100%;
}
.message.event.detail main.page .tab {
  margin: 0 0 24px;
}
.message.event.detail main.page .tab li:last-child {
  width: 114px;
}
.message.event.detail main.page .new_message {
  width: 208px;
}
.message.event.detail main.page .content_box input[name=name] {
  width: 160px;
}
.message.event.detail main.page .content_box input[name=id] {
  width: 284px;
}
.message.event.detail main.page .content_box input[name=free-word] {
  width: 568px;
}
.message.event.detail main.page .content_box .required {
  padding-right: 15px;
}
.message.event.detail main.page .content_box .btns {
  margin: auto 0 0 auto;
}
.message.confirm .required {
  padding-right: 15px;
}
.message .flex .btns .red2 {
  background: none;
}
.message.master main.page .btns {
  margin-top: 0;
}
.message .message_id {
  margin: 4px 0 30px;
}
.message .message_id .ttl {
  margin-right: 54px;
}
.message .message_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.message .message_info .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.message .message_info .detail .ttl {
  width: 100px;
}
.message .message_info .detail .txt {
  font-weight: bold;
  width: 285px;
}
.message .message_info + .message_info {
  margin-top: 10px;
}
.message .message_txt {
  border-top: 1px solid #00BF8B;
  margin-top: 15px;
  padding-top: 15px;
}
.message .message_box + .message_box {
  border-top: 1px solid #00BF8B;
  margin-top: 15px;
  padding-top: 15px;
}
.message .message_box + .message_textarea {
  margin-top: 16px;
}
.message .message_box .message_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.message .message_box .message_flex button {
  background: none;
  border: none;
  margin-left: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.message .message_box .message_flex button:hover {
  opacity: 0.6;
}
.message .message_box .message_icon {
  width: 40px;
  margin-right: 8px;
}
.message .message_box .message_name {
  font-size: 20px;
  font-weight: bold;
}
.message .message_box .message_name.my {
  color: #00BF8B;
}
.message .message_box .message_txt2 {
  margin: 8px 0 2px;
}
.message .message_textarea {
  height: 172px;
  margin-bottom: 24px;
}
.message .message_textarea + .btns button {
  width: 144px;
}
.message .btn_reply {
  border: none;
  margin-left: 20px;
  padding: 0;
  background: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.message .btn_reply img {
  vertical-align: top;
}
.message .btn_reply:hover {
  opacity: 0.6;
}
.message .message_txt_reply {
  padding-left: 4px;
  border-left: 2px solid #b2b2b2;
  margin: 8px 0;
  font-size: 14px;
}
.message .reply_textarea_box {
  margin-top: 16px;
  position: relative;
}
.message .reply_textarea_box .message_textarea {
  padding-top: 2.5em;
}
.message .reply_textarea_box .message_txt_reply_box {
  position: absolute;
  top: 5px;
  left: 5px;
  background: #eeeff3;
  padding: 5px 15px;
  width: calc(100% - 10px);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.message .reply_textarea_box .message_txt_reply_box .btn_close {
  width: 15px;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  padding: 0;
  background: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.message .reply_textarea_box .message_txt_reply_box .btn_close:hover {
  opacity: 0.6;
}
.message .reply_textarea_box .message_txt_reply_box .message_txt_reply {
  width: calc(100% - 25px);
  margin: 0;
  color: #8E8E8E;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message.create h2 {
  color: #00BF8C;
  font-size: 20px;
  margin-bottom: 13px;
}
.message.create .button_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
.message.create .button_flex button {
  width: 240px;
}
.message.create .case_box {
  background: #F5F6FA;
  border-radius: 54px;
  margin: 6px 0 20px;
  padding: 11px 16px;
  display: table;
}
.message.create .case_box .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.message.create .case_box .inner .case {
  margin-right: 24px;
}
.message.create .case_box .inner .name {
  margin-right: 16px;
}
.message.create .case_box .inner button {
  background: none;
  border: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.message.create .case_box .inner button:hover {
  opacity: 0.6;
}
.message.create .radio_box .inner {
  padding-left: 18px;
}
.message.create .radio_box .inner label + label {
  margin-left: 50px;
}
.message.create span.required {
  padding-right: 15px;
}
.message.create main.page .data .input_area textarea {
  height: 400px;
}
.message.create .radio_box2 .inner {
  padding-left: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.message.create .radio_box2 .inner label:first-child {
  margin: 5px 0;
}
.message.create .radio_box2 .inner .flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
  padding-left: 30px;
}
.message.create main.page .modal .box_wh {
  padding: 28px 0;
  height: 95vh;
  margin-top: 0;
}
.message.create main.page .modal .content {
  max-width: 952px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: auto;
}
.message.create main.page .modal .content .hdg2 {
  font-size: 38px;
  color: #00BF8C;
  text-align: center;
  margin-bottom: 22px;
}
.message.create main.page .modal .content .hdg3 {
  font-size: 20px;
  color: #00BF8C;
  margin-bottom: 12px;
}
.message.create main.page .modal .content .content_box {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.message.create main.page .modal .data .ttl {
  margin-bottom: 4px;
}
.message.create main.page .modal .data .input_area input {
  padding: 7px 10px;
}
.message.create main.page .modal .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}
.message.create main.page .modal .btns .btn {
  width: 112px;
}
.message.create main.page .modal .btns .searchBtn, .message.create main.page .modal .btns .btn2 {
  width: 96px;
}
.message.create main.page .modal .wrap {
  margin-top: 24px;
}
.message.create main.page .modal .wrap .table thead, .message.create main.page .modal .wrap .table tbody {
  display: block;
}
.message.create main.page .modal .wrap .table tbody {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 342px;
}
.message.create main.page .modal .wrap .table tbody tr td {
  padding: 16px 12px 15px;
  height: 54px;
}
.message.create main.page .modal .wrap .table .th01,
.message.create main.page .modal .wrap .table .td01 {
  width: 186px;
  padding-left: 16px;
}
.message.create main.page .modal .wrap .table .th02,
.message.create main.page .modal .wrap .table .td02 {
  width: 90px;
}
.message.create main.page .modal .wrap .table .th03,
.message.create main.page .modal .wrap .table .td03 {
  width: 90px;
}
.message.create main.page .modal .wrap .table .th04,
.message.create main.page .modal .wrap .table .td04 {
  width: 200px;
}
.message.create main.page .modal .wrap .table .th04 .flex,
.message.create main.page .modal .wrap .table .td04 .flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.message.create main.page .modal .wrap .table .th05,
.message.create main.page .modal .wrap .table .td05 {
  width: 80px;
}
.message.create main.page .modal .wrap .table .th06,
.message.create main.page .modal .wrap .table .td06 {
  width: 164px;
}
.message.create main.page .modal .wrap .table .th07,
.message.create main.page .modal .wrap .table .td07 {
  width: 80px;
}
.message.create main.page .modal .wrap .table .th08,
.message.create main.page .modal .wrap .table .td08 {
  width: 62px;
}
.message.create main.page .modal .wrap .table2 tbody {
  height: 442px;
}
.message.create main.page .modal .wrap .table2 .th01,
.message.create main.page .modal .wrap .table2 .td01 {
  width: 120px;
  padding-left: 16px;
}
.message.create main.page .modal .wrap .table2 .th02,
.message.create main.page .modal .wrap .table2 .td02 {
  width: 250px;
}
.message.create main.page .modal .wrap .table2 .th03,
.message.create main.page .modal .wrap .table2 .td03 {
  width: 140px;
}
.message.create main.page .modal .wrap .table2 .th04,
.message.create main.page .modal .wrap .table2 .td04 {
  width: 380px;
}
.message.create main.page .modal .wrap .table2 .th05,
.message.create main.page .modal .wrap .table2 .td05 {
  width: 62px;
}
.message.create main.page .modal .wrap .btn {
  width: 160px;
  margin: 24px auto 0;
}
.message.create main.page .modal .wrap .btn.btn2 {
  width: 96px;
}
.message.create main.page .modal .sellect_box {
  border-radius: 20px;
  background: #F5F6FA;
  padding: 11px 16px;
}
.message.create main.page .modal .sellect_box .hdg4 {
  font-size: 28px;
  color: #00BF8C;
  margin-bottom: 12px;
}
.message.create main.page .modal .sellect_box .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-top: 10px;
}
.message.create main.page .modal .sellect_box .info p {
  padding-left: 32px;
  position: relative;
}
.message.create main.page .modal .sellect_box .info p:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.message.create main.page .modal .sellect_box .info p.date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 4px;
}
.message.create main.page .modal .sellect_box .info p.date:before {
  background-image: url("../images/ico_calender2.svg");
}
.message.create main.page .modal .sellect_box .info p.place:before {
  background-image: url("../images/icon_map.svg");
}
.message.create main.page .modal .sellect_box .info p.address::before {
  background-image: url("../images/icon_address.svg");
}
.message.create main.page .modal .sellect_box .info_txt {
  margin-top: 14px;
}
.message.create main.page .modal .free2 input {
  width: 712px;
}
.message.create main.page .modal .hidden {
  display: none;
}

/*----------------------------------

お仕事チャットルーム 新規～詳細

----------------------------------*/
.work-chat-room.message .btn2 {
  width: 142px;
}
.work-chat-room.message .icon_chat {
  position: relative;
  padding-right: 40px;
}
.work-chat-room.message .icon_chat::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: url("../images/icon_chat.svg") no-repeat;
  width: 21px;
  height: 21px;
}
.work-chat-room.message .chat_photo {
  margin: 36px 0 8px;
  width: 164px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.work-chat-room.message .chat_photo:hover {
  opacity: 0.6;
}
.work-chat-room.message .message_textarea {
  margin-bottom: 0;
}
.work-chat-room.message .input_area + .btns button {
  width: 144px;
}
.work-chat-room.message .btn.cancelBackBtn {
  width: 144px !important;
}
.work-chat-room.message .modal .modal_cont {
  padding: 0;
  background: none;
  width: 100%;
  max-width: 921px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.work-chat-room.message .modal .modal_cont .closeBtn {
  position: absolute;
  top: -48px;
  left: 3px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.work-chat-room.message .modal .modal_cont .closeBtn:hover {
  opacity: 0.6;
}
.work-chat-room.message .modal .modal_cont .btn {
  margin: 16px auto 0;
  width: 100%;
}
.work-chat-room.message .input_data .img {
  width: 164px;
}
.work-chat-room.message main.page .data .input_area textarea {
  height: 274px;
}
.work-chat-room.message main.page .content .required::after {
  content: none;
}
.work-chat-room.message .input_data2 {
  margin-left: 24px;
}
.work-chat-room.message .free3 {
  width: 557px;
}
.work-chat-room.message .ttl {
  margin-bottom: 6px;
}
.work-chat-room.message .file {
  width: 208px;
  height: 40px;
  display: block;
}
.work-chat-room.message .file .btn {
  width: 208px;
}
.work-chat-room.message .btns2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  margin-top: 24px;
}
.work-chat-room.message .btns2 button {
  margin: 0 !important;
}
.work-chat-room.message main.page .modal .wrap .table2 tbody {
  height: 265px;
}
.work-chat-room.message main.page .modal .wrap .table2 .th01, .work-chat-room.message main.page .modal .wrap .table2 .td01 {
  width: 95px;
}
.work-chat-room.message main.page .modal .wrap .table2 .th02, .work-chat-room.message main.page .modal .wrap .table2 .td02 {
  width: 200px;
}
.work-chat-room.message main.page .modal .wrap .table2 .th03, .work-chat-room.message main.page .modal .wrap .table2 .td03 {
  width: 140px;
}
.work-chat-room.message main.page .modal .wrap .table2 .th04, .work-chat-room.message main.page .modal .wrap .table2 .td04 {
  width: 165px;
}
.work-chat-room.message main.page .modal .wrap .table2 .th05, .work-chat-room.message main.page .modal .wrap .table2 .td05 {
  width: 290px;
}
.work-chat-room.message main.page .modal .wrap .table2 .th06, .work-chat-room.message main.page .modal .wrap .table2 .td06 {
  width: 62px;
}

.work-edit-confirm .txt.your-car span {
  margin-left: 32px;
}
.work-edit-confirm .txt.your-bank span {
  margin-left: 21px;
  margin-right: 22px;
}
.work-edit-confirm .txt.vaccine span {
  margin-left: 17px;
}

/*----------------------------------

案件情報の編集

----------------------------------*/
.edit .modal .box_wh {
  padding: 28px 0;
  height: 95vh;
}
.edit .modal .content {
  max-width: 952px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: auto;
}
.edit .modal .content .hdg2 {
  font-size: 38px;
  color: #00BF8C;
  text-align: center;
  margin-bottom: 22px;
}
.edit .modal .data .ttl {
  margin-bottom: 4px;
}
.edit .modal .data .input_area input {
  padding: 7px 10px;
}
.edit .modal .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}
.edit .modal .btns .btn {
  width: 112px;
}
.edit .modal .btns .btn2 {
  width: 96px;
}
.edit .modal .wrap {
  margin-top: 48px;
}
.edit .modal .wrap .table thead, .edit .modal .wrap .table tbody {
  display: block;
}
.edit .modal .wrap .table tbody {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 368px;
}
.edit .modal .wrap .table tbody tr:has(input[name=place]:checked) {
  background-color: #F4F9FF;
}
.edit .modal .wrap .table tbody tr td {
  padding: 16px 12px 15px;
  height: 54px;
}
.edit .modal .wrap .table .th01,
.edit .modal .wrap .table .td01 {
  width: 51px;
}
.edit .modal .wrap .table .th02,
.edit .modal .wrap .table .td02 {
  width: 81px;
}
.edit .modal .wrap .table .th03,
.edit .modal .wrap .table .td03 {
  width: 167px;
}
.edit .modal .wrap .table .th04,
.edit .modal .wrap .table .td04 {
  width: 133px;
}
.edit .modal .wrap .table .th05,
.edit .modal .wrap .table .td05 {
  width: 245px;
}
.edit .modal .wrap .table .th06,
.edit .modal .wrap .table .td06 {
  width: 275px;
}
.edit .modal .btn2 .btn {
  width: 144px;
  margin: 0 auto;
}
.edit .modal .btn2 .btn + .btn {
  margin-top: 12px;
}
.edit .modal .btn2 .btn.decisionBtn {
  margin-top: 50px;
}

/*----------------------------------

出勤するワーカーを決める（リーダー）

----------------------------------*/
.event.add-reader main.page .pd {
  padding: 32px 0 24px;
}
.event.add-reader main.page .pt {
  padding-top: 19px;
}
.event.add-reader main.page .pt18 {
  padding-top: 18px;
}
.event.add-reader main.page .content .bgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 830px;
  margin: 0 auto;
}
.event.add-reader main.page .content .bgs .bg1, .event.add-reader main.page .content .bgs .bg2, .event.add-reader main.page .content .bgs .bg3 {
  text-align: center;
}
.event.add-reader main.page .content .bgs .bg1 {
  position: relative;
}
.event.add-reader main.page .content .bgs .bg1 .txt {
  position: absolute;
  bottom: 4px;
  left: -50px;
}
.event.add-reader main.page .content .bgs .bg2 {
  position: relative;
}
.event.add-reader main.page .content .bgs .bg2 .txt {
  position: absolute;
  bottom: 4px;
  left: -75px;
}
.event.add-reader main.page .content .bgs .circle1, .event.add-reader main.page .content .bgs .circle2, .event.add-reader main.page .content .bgs .circle3 {
  font-size: 32px;
}
.event.add-reader main.page .content .bgs .circle1 {
  width: 64px;
  height: 64px;
  line-height: 58px;
  border-radius: 50%;
  border: 3px solid #00BF8C;
  margin: 0 auto;
  position: relative;
}
.event.add-reader main.page .content .bgs .circle1::after {
  content: "";
  display: block;
  background-color: #F5F6FA;
  width: 271px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 88px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.event.add-reader main.page .content .bgs .circle2, .event.add-reader main.page .content .bgs .circle3 {
  width: 64px;
  height: 64px;
  line-height: 64px;
  border-radius: 50%;
  background-color: #F5F6FA;
  margin: 0 auto;
}
.event.add-reader main.page .content .bgs .circle2 {
  position: relative;
}
.event.add-reader main.page .content .bgs .circle2::after {
  content: "";
  display: block;
  background-color: #F5F6FA;
  width: 271px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 88px;
}
.event.add-reader main.page .content .bgs .txt {
  font-size: 24px;
  font-weight: bold;
  margin-top: 11px;
  white-space: nowrap;
}
.event.add-reader main.page .content .bgs .txt_green {
  color: #00BF8C;
  font-weight: bold;
}
.event.add-reader main.page .content .bgs .txt_gray {
  color: #D3D3D3;
}
.event.add-reader main.page .hdgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 56px;
}
.event.add-reader main.page .hdgs h3.hdg3 {
  font-size: 28px;
  color: #388EF0;
}
.event.add-reader main.page .mt22 {
  margin-top: 22px;
}
.event.add-reader main.page .wrap {
  margin-top: 9px;
}
.event.add-reader main.page .wrap .table {
  margin-top: 0;
}
.event.add-reader main.page .wrap .table th:last-child,
.event.add-reader main.page .wrap .table td:last-child {
  text-align: center;
}
.event.add-reader main.page .wrap .table td:last-child {
  padding-right: 12px;
}
.event.add-reader main.page .wrap .table .th01,
.event.add-reader main.page .wrap .table .td01 {
  width: 108px;
}
.event.add-reader main.page .wrap .table .th02,
.event.add-reader main.page .wrap .table .td02 {
  width: 132px;
}
.event.add-reader main.page .wrap .table .th03,
.event.add-reader main.page .wrap .table .td03 {
  width: 82px;
}
.event.add-reader main.page .wrap .table .th04,
.event.add-reader main.page .wrap .table .td04 {
  width: 77px;
}
.event.add-reader main.page .wrap .table .th05,
.event.add-reader main.page .wrap .table .td05 {
  width: 149px;
}
.event.add-reader main.page .wrap .table .th06,
.event.add-reader main.page .wrap .table .td06 {
  width: 76px;
}
.event.add-reader main.page .wrap .table .th07,
.event.add-reader main.page .wrap .table .td07 {
  width: 123px;
}
.event.add-reader main.page .wrap .table .th08,
.event.add-reader main.page .wrap .table .td08 {
  width: 166px;
}
.event.add-reader main.page .wrap .table .th09,
.event.add-reader main.page .wrap .table .td09 {
  width: 239px;
}
.event.add-reader main.page .wrap .flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.event.add-reader main.page .nextBtn, .event.add-reader main.page .backBtn {
  margin: 0 auto;
}
.event.add-reader main.page .nextBtn {
  margin-top: 16px;
  width: 246px;
}
.event.add-reader main.page .backBtn {
  margin-top: 8px;
  width: 184px;
}

/*----------------------------------

出勤するワーカーを決める（一般ワーカー）

----------------------------------*/
.event.add-worker main.page .content .bgs .circle1 {
  line-height: 64px;
  border: none;
  background-color: #00BF8C;
}
.event.add-worker main.page .content .bgs .circle1::after {
  background-color: #03BF8C;
}
.event.add-worker main.page .content .bgs .circle2 {
  line-height: 58px;
  border: 3px solid #00BF8C;
  background-color: transparent;
}
.event.add-worker main.page .content .bgs .txt_white {
  color: #fff;
  font-weight: bold;
}
.event.add-worker main.page .hdgs {
  gap: 0;
}
.event.add-worker main.page .hdgs h2.hdg2 {
  margin-right: 56px;
}
.event.add-worker main.page .hdgs h3.hdg3 {
  margin-right: 43px;
}
.event.add-worker main.page .hdgs h3.hdg3:last-child {
  position: relative;
}
.event.add-worker main.page .hdgs h3.hdg3.rookie:last-child::before { background: url(../images/icon_rookie.png) no-repeat; }
.event.add-worker main.page .hdgs h3.hdg3:last-child::before {
  content: "";
  /* background: url(../images/icon_rookie.png) no-repeat; */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 17px;
  height: 26px;
  position: absolute;
  top: 23px;
  left: -17px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.event.add-worker main.page .decisionBtn, .event.add-worker main.page .backBtn2 {
  margin: 0 auto;
  width: 302px;
}
.event.add-worker main.page .decisionBtn {
  margin-top: 16px;
}
.event.add-worker main.page .backBtn2 {
  margin-top: 8px;
}

/*----------------------------------

出勤するワーカーを決める（確認）

----------------------------------*/
.event.add-worker-confirm main.page .pt16 {
  padding-top: 16px;
}
.event.add-worker-confirm main.page .content .bgs .circle2 {
  line-height: 64px;
  border: none;
  background-color: #00BF8C;
}
.event.add-worker-confirm main.page .content .bgs .circle2::after {
  background-color: #03BF8C;
}
.event.add-worker-confirm main.page .content .bgs .circle3 {
  line-height: 58px;
  border: 3px solid #00BF8C;
  background-color: transparent;
}
.event.add-worker-confirm main.page .hdgs {
  margin-bottom: 4px;
}
.event.add-worker-confirm main.page .wrap .inner_part {
  margin: 23px 0 19px;
}
.event.add-worker-confirm main.page .wrap .inner_part:last-child {
  margin: 0;
}
.event.add-worker-confirm main.page .wrap .inner_part .tit_part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.event.add-worker-confirm main.page .wrap .inner_part .name_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  gap: 8px;
  margin-top: 12px;
}
.event.add-worker-confirm main.page .wrap .inner_part .name_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 376px;
  background-color: #EAFFF9;
  border-radius: 5px;
  padding: 19px 24px;
}
.event.add-worker-confirm main.page .wrap .inner_part .name_list li .name_list_details {
  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;
  position: relative;
}
.event.add-worker-confirm main.page .wrap .inner_part .name_list li .name_list_details p {
  margin-right: 16px;
}
.event.add-worker-confirm main.page .wrap .inner_part .name_list li .name_list_details p:nth-of-type(2) {
  min-width: 32px;
}
.event.add-worker-confirm main.page .wrap .inner_part .name_list li .name_list_details p:nth-of-type(3) {
  min-width: 34px;
}
.event.add-worker-confirm main.page .wrap .inner_part .name_list li .name_list_details .flex {
  gap: 0 2px;
}
.event.add-worker-confirm main.page .wrap .inner_part .name_list li .rookie::before {
  content: "";
  background: url(../images/icon_rookie.png) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 13px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: -17px;
}
.event.add-worker-confirm main.page .decisionBtn, .event.add-worker-confirm main.page .backBtn2 {
  width: 183px;
}

/*----------------------------------

給与管理

----------------------------------*/
.payrolls main.page #paid {
  display: none;
}
.payrolls main.page button.download {
  width: 256px;
}
.payrolls main.page ul.payrolls_tab {
  background-color: #D7DBEC;
  border-radius: 5px;
  width: 269px;
  padding: 2px;
}
.payrolls main.page ul.payrolls_tab li.list {
  border-radius: 5px;
  padding: 6px 10px;
}
.payrolls main.page ul.payrolls_tab li.list:first-child {
  width: 116px;
}
.payrolls main.page ul.payrolls_tab li.list:last-child {
  width: 148px;
}
.payrolls main.page .content .content_box {
  position: relative;
}
.payrolls main.page .content .content_box .input_data {
  gap: 8px;
}
.payrolls main.page .content .content_box .input_data .calender input::after {
  background: url(../images/ico_calender2.svg) no-repeat;
}
.payrolls main.page .content .content_box .input_data .free_tit {
  position: relative;
}
.payrolls main.page .content .content_box .input_data .free_tit::after {
  content: "";
  background: url(../images/icon_required.svg) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 6px;
  right: -42px;
}
.payrolls main.page .content .content_box .input_data .free input {
  width: 464px;
  height: 43px;
}
.payrolls main.page .content .content_box .btns {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-top: 0;
}
.payrolls main.page .content .flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
.payrolls main.page .content .flex.mb15 {
  margin-bottom: 15px;
}
.payrolls main.page .content .flex button.done {
  margin-left: 42px;
  width: 192px;
}
.payrolls main.page .content .flex .period {
  font-size: 20px;
  position: absolute;
  right: 0;
}
.payrolls main.page .content .flex .period::before {
  content: "";
  background: url(../images/ico_calender2.svg) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 4px;
  left: -28px;
}
.payrolls main.page .content .flex .period span {
  margin: 0 4px;
}
.payrolls main.page .content .flex .yen {
  font-size: 28px;
  color: #525252;
  margin-left: 16px;
}
.payrolls main.page .content .flex h3.account {
  margin-left: 64px;
}
.payrolls main.page .content .flex h3 .account_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 28px;
  color: #525252;
  font-weight: bold;
  margin-left: 16px;
  gap: 0 16px;
}
.payrolls main.page .content .flex a {
  font-size: 16px;
  color: #378EF0;
  position: absolute;
  bottom: 5px;
  right: 24px;
}
.payrolls main.page .content .flex a::after {
  content: "";
  background: url(../images/link_arrow.svg) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 6px;
  height: 10px;
  position: absolute;
  top: 9px;
  right: -16px;
}
.payrolls main.page .box_wh.worker + .box_wh.worker {
  margin-top: 11px;
}

/*----------------------------------

給与管理詳細

----------------------------------*/
.payrolls_detail main.page .box_wh.worker.mt35 {
  margin-top: 35px;
}
.payrolls_detail main.page .box_wh.worker.mt35 + .box_wh.worker {
  margin-top: 21px;
}
.payrolls_detail main.page .box_wh.worker.mt35 + .box_wh.worker h3.hdg3:first-of-type {
  margin-top: 39px;
}
.payrolls_detail main.page .box_wh.worker.mt35 + .box_wh.worker h3.hdg3:last-of-type {
  margin-top: 19px;
}
.payrolls_detail main.page .content .status_area {
  margin-left: 40px;
}
.payrolls_detail main.page .content .status_area .status {
  display: block;
  width: 62px;
  background-color: #FFE6E6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 3px;
  color: #FF0000;
  border-radius: 5px;
  font-size: 18px;
}
.payrolls_detail main.page .content .status_area .status.before {
  background-color: #FFE6E6;
  color: #FF0000;
}
.payrolls_detail main.page .content .status_area .status.finish {
  width: 98px;
  background-color: #F5F6FA;
  color: #525252;
}
.payrolls_detail main.page .content .box_gr {
  background: #F5F6FA;
  border-radius: 20px;
  padding: 15px 24px 24px;
}
.payrolls_detail main.page .content .box_gr.mt18 {
  margin-top: 18px;
}
.payrolls_detail main.page .content .box_gr.mt18 + .box_gr {
  margin-top: 16px;
}
.payrolls_detail main.page .content .box_gr h2.hdg2 {
  position: relative;
}
.payrolls_detail main.page .content .box_gr h2.hdg2 span {
  position: absolute;
  right: 0;
}
.payrolls_detail main.page .content .box_gr .date {
  margin: 9px 0 0 8px;
}
.payrolls_detail main.page .content .box_gr .date img {
  position: relative;
  top: -2px;
  left: -8px;
}
.payrolls_detail main.page .content .box_gr .exp {
  margin-top: 12px;
}
.payrolls_detail main.page .content .box_gr .basic {
  margin-top: 9px;
}
.payrolls_detail main.page .content .box_gr table {
  margin-top: 10px;
}
.payrolls_detail main.page .content .box_gr table .td01 {
  width: 100px;
}
.payrolls_detail main.page .content .box_gr table .td02, .payrolls_detail main.page .content .box_gr table .td04 {
  width: 169px;
}
.payrolls_detail main.page .content .box_gr table .td03, .payrolls_detail main.page .content .box_gr table .td05 {
  width: 102px;
}

/*----------------------------------

お仕事チャットルーム

----------------------------------*/
.work-chat-room main.page .new_post {
  width: 176px;
}
.work-chat-room main.page .content .calender input::after {
  background: url(../images/ico_calender2.svg) no-repeat;
}
.work-chat-room main.page .content .required {
  position: relative;
}
.work-chat-room main.page .content .required::after {
  content: "";
  background: url(../images/icon_required.svg) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 8px;
  right: -33px;
}
.work-chat-room main.page .content .free01 input {
  width: 567px;
}
.work-chat-room main.page .content .free02 input {
  width: 344px;
}
.work-chat-room main.page .content .free03 input {
  width: 160px;
}
.work-chat-room main.page .content .free04 input {
  width: 844px;
}
.work-chat-room main.page .wrap table a {
  display: block;
  width: 100%;
  color: #525252;
}
.work-chat-room main.page .wrap .table .th01,
.work-chat-room main.page .wrap .table .td01 {
  width: 200px;
  padding-left: 48px;
}
.work-chat-room main.page .wrap .table .th02,
.work-chat-room main.page .wrap .table .td02 {
  width: 170px;
}
.work-chat-room main.page .wrap .table .th03,
.work-chat-room main.page .wrap .table .td03 {
  width: 332px;
}
.work-chat-room main.page .wrap .table .th04,
.work-chat-room main.page .wrap .table .td04 {
  width: 135px;
}
.work-chat-room main.page .wrap .table .th05,
.work-chat-room main.page .wrap .table .td05 {
  width: 130px;
}
.work-chat-room main.page .wrap .table .th06,
.work-chat-room main.page .wrap .table .td06 {
  width: 230px;
}
.work-chat-room main.page .wrap .table .unread {
  position: relative;
}
.work-chat-room main.page .wrap .table .unread::after {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  background: #378EF0;
  border-radius: 100%;
}
.work-chat-room main.page .btns.right {
  margin: auto 0 0 auto;
}

.work-chat-room.message .btn2 {
  width: 142px;
}
.work-chat-room.message .icon_chat {
  position: relative;
  padding-right: 40px;
}
.work-chat-room.message .icon_chat::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: url("../images/icon_chat.svg") no-repeat;
  width: 21px;
  height: 21px;
}
.work-chat-room.message .chat_photo {
  margin: 36px 0 8px;
  width: 164px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.work-chat-room.message .chat_photo:hover {
  opacity: 0.6;
}
.work-chat-room.message .message_textarea {
  margin-bottom: 0;
}
.work-chat-room.message .input_area + .btns button {
  width: 144px;
}
.work-chat-room.message .modal .modal_cont {
  padding: 0;
  background: none;
  width: 100%;
  max-width: 921px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.work-chat-room.message .modal .modal_cont .closeBtn {
  position: absolute;
  top: -48px;
  left: 3px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.work-chat-room.message .modal .modal_cont .closeBtn:hover {
  opacity: 0.6;
}
.work-chat-room.message .modal .modal_cont .btn {
  margin: 16px auto 0;
  width: 100%;
}
.work-chat-room.message .input_data .img {
  width: 164px;
}
.work-chat-room.message main.page .data .input_area textarea {
  height: 274px;
}
.work-chat-room.message main.page .content .required::after {
  content: none;
}
.work-chat-room.message .input_data2 {
  margin-left: 24px;
}
.work-chat-room.message .free3 {
  width: 557px;
}
.work-chat-room.message .ttl {
  margin-bottom: 6px;
}
.work-chat-room.message .file {
  width: 208px;
  height: 40px;
  display: block;
}
.work-chat-room.message .file .btn {
  width: 208px;
}
.work-chat-room.message .btns2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  margin-top: 24px;
}
.work-chat-room.message .btns2 button {
  margin: 0 !important;
}
.work-chat-room.message main.page .modal .wrap .table2 tbody {
  height: 265px;
}
.work-chat-room.message main.page .modal .wrap .table2 .th01, .work-chat-room.message main.page .modal .wrap .table2 .td01 {
  width: 95px;
}
.work-chat-room.message main.page .modal .wrap .table2 .th02, .work-chat-room.message main.page .modal .wrap .table2 .td02 {
  width: 200px;
}
.work-chat-room.message main.page .modal .wrap .table2 .th03, .work-chat-room.message main.page .modal .wrap .table2 .td03 {
  width: 140px;
}
.work-chat-room.message main.page .modal .wrap .table2 .th04, .work-chat-room.message main.page .modal .wrap .table2 .td04 {
  width: 165px;
}
.work-chat-room.message main.page .modal .wrap .table2 .th05, .work-chat-room.message main.page .modal .wrap .table2 .td05 {
  width: 290px;
}
.work-chat-room.message main.page .modal .wrap .table2 .th06, .work-chat-room.message main.page .modal .wrap .table2 .td06 {
  width: 62px;
}