@charset "UTF-8";
/* add 202409 */
/* profile */
.p-task-entry__form .p-mypage__edit {
  line-height: 1.2;
  padding: 1em;
  cursor: pointer;
  margin-top: 0;
}

.profile_image.fileupload_btn {
  margin-top: 10px;
  display: inline-block;
}

.fileupload {
  appearance: none;
}

/* task */
.p-task__table-icon3 {
  white-space: nowrap;
  min-width: 110px;
}

/* task entry */
.js_modal ul.p-task__labels {
  margin-top: 0;
}

/* task_detail */
.p-task-detail__files li {
  border: none;
  background: none;
  padding: 0;
}

.p-task-detail__files li a,
.p-task-entry__new-list.p-task-comment_list li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 5px 15px;
  background: #ddd;
  border-radius: 100vmax;
}

.p-task-right__comments .p-task-detail__files {
  display: block;
}
.p-task-right__comments .p-task-detail__files li {
  width: 100%;
  margin-top: 10px;
}
.p-task-right__comments .p-task-detail__files li a {
  background: #fff;
  border: 1px solid #b4b2b3;
}

@media screen and (min-width: 900px) {
  .p-task-right__comments .p-task-detail__files {
/*    display: flex; */
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5em;
  }
  .p-task-right__comments .p-task-detail__files li {
    width: fit-content;
    margin-top: 10px;
  }
}
.p-task-detail .p-task-right__comments li + li {
  border: none;
}

.p-task__spAcco.--expired {
  color: #cc0000;
}

.p-task__table table tr.hide td.p-task__spAcco {
  opacity: 0;
}

.p-task__table table tr.hide td.p-task__spAcco.open {
  opacity: 1;
}

@media screen and (min-width: 900px) {
  .p-task-right_form {
    padding: 20px 20px 40px 20px;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #b4b2b3;
  }
}
.p-task-right_form .reply-source {
  width: fit-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.5em;
}
.p-task-right_form .reply-source .reply-source_no {
  padding: 0.2em 0.5em;
  border: 1px solid #b4b2b3;
}

.p-task-detail .p-task-right_form .reply-source .p-task-entry__cards-delete {
  right: 0;
}

.p-task-right__comments li p.p-task-right__links {
  position: absolute;
  left: 15px;
  bottom: 10px;
  color: #f67600;
  display: flex;
  justify-content: flex-end;
  gap: 1em;
}

.p-task-right__comments li p.p-task-right__links button {
  color: #f67600;
}

.p-task-right__comments li p.p-task-right__links span {
  cursor: pointer;
}

@media screen and (min-width: 900px) {
  .p-task-right__comments li:first-of-type {
    border-top: none;
  }
}
.p-task-right__buttons .p-task-entry__modal-button {
  border-radius: 0;
  border: none;
}
.p-task-right__buttons .p-modal__list {
  height: fit-content;
  padding-bottom: 1em;
}

.p-modal__list {
  font-size: 14px;
  margin-top: 0;
}

.p-modal__list .c-btn-box {
  margin-left: 0.5em;
}

.p-task-entry__modal-button {
  width: 90%;
}

.p-modal.is-open { display: block !important; }
[x-cloak] { display:none !important; }

.text-red-600 {
    color: red;
    font-weight: bold;
    text-align: center;
}


@media screen and (min-width: 900px) {
  .p-task-entry__modal-button {
    max-width: 400px;
  }
}
.p-modal__search input {
  padding: 5px 15px 5px 60px;
  border-radius: 100vmax;
  margin: 20px 0;
  background: #fff;
}

.task_file_btn {
  text-indent: -9999px;
  overflow: hidden;
  width: 35px;
  height: 35px;
  background: #ddd url(../images/icon_clip.svg) no-repeat center center;
  background-size: 25px 25px;
  cursor: pointer;
}

.task_file_btn:hover {
  opacity: 0.5;
}

.p-task-entry__new-list.p-task-comment_list {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5em;
}
.p-task-entry__new-list.p-task-comment_list li {
  width: fit-content;
  padding: 0.3em 0.5em 0.3em 0.8em;
  margin: 0.3em 0;
  border: none;
  background: #fff;
  border: 1px solid #b4b2b3;
}
.p-task-comment_list {
  margin-top: 1em;
}
.p-task-comment_list li {
  width: 100%;
  position: relative;
}

.p-task-detail .p-task-entry__cards-delete {
  position: relative;
  width: 1.2em;
  height: 1.2em;
  top: 0.2em;
  right: 0.1em;
  display: inline-block;
  background: none;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-task-detail .p-task-entry__cards-delete::before, .p-task-detail .p-task-entry__cards-delete::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #000;
  height: 2px;
  width: 0.8rem;
}
.p-task-detail .p-task-entry__cards-delete::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.p-task-detail .p-task-entry__cards-delete::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.p-task-entry__new-list.p-task-comment_list.p-task-comment_to li {
  border: none;
  background: #eee;
}

.p-task-right__comments li.p-task-right__comments-reply {
  border: none;
  padding-bottom: 0;
}
.p-task-right__comments li.p-task-right__comments-reply textarea {
  min-height: 5em;
  margin-bottom: 1em;
}
.p-task-right__comments li.p-task-right__comments-reply .p-task-right__name {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.p-task-right__comments li.p-task-right__comments-reply .p-task-right__name .p-task-entry__cards-delete {
  position: relative;
  top: 0;
  right: auto;
}

.p-task-right__name.--re {
  padding-left: 2em;
}

.p-task-right__name.--re::before {
  content: "RE";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 900px) {
  .fixed {
    position: fixed;
    top: 0;
  }
  .p-task-right.fixed {
    width: calc(40% - 1.25rem + 4px);
    right: 1.25rem;
    background: #fff;
  }
  .p-task-right__comments {
    position: relative;
    margin-top: 0;
    scrollbar-width: none;
    max-height: none;
  }
  .p-task-right__bottom {
    overflow: auto;
  }
  .p-task-right__comments > li {
    padding-bottom: 4em;
  }
  .p-task-right__comments > li p.p-task-right__links {
    right: 3em;
    bottom: 1em;
  }
}
.active {
  display: block;
  visibility: visible;
}

.inactive {
  display: none;
  visibility: hidden;
}

a.recomment-reply_link {
  text-decoration: underline;
}

/* mypage */
@media screen and (min-width: 900px) {
  .p-mypage__icon + .c-button.--icon {
    line-height: 1rem;
    text-align: left;
    padding: 1em 0.5em 1em 4em;
    text-indent: -2.5em;
  }
  dl.p-mypage__info {
    display: flex;
    flex-wrap: wrap;
  }
  dl.p-mypage__info dt {
    width: 30%;
    border-bottom: none;
  }
  dl.p-mypage__info dd {
    width: 70%;
    border-bottom: none;
  }
  dl.p-mypage__info dt:last-of-type, dl.p-mypage__info dd:last-of-type {
    border-bottom: solid 1px #f67600;
  }
  .p-modal.--sm {
    min-height: 500px;
    padding-bottom: 4em;
    box-sizing: border-box;
  }
  .p-modal.--sm button {
    margin: 1em 0;
  }
  .p-modal__list {
    height: 65%;
  }
}
/* user */
.p-entry__radio .c-check {
  font-weight: normal;
}

.p-entry__note {
  margin-top: 0.5em;
}

/* group */
@media screen and (min-width: 900px) {
  .p-entry__item .p-task-entry__new-uplode {
    display: flex;
    align-items: center;
    gap: 1em;
  }
  .p-entry__item .p-task-entry__new-note {
    width: inherit;
  }
  .p-entry__item .js_newMemberForm .p-modal-new__item {
    align-items: center;
  }
  .js_newMemberForm .p-modal-new__main {
    padding-top: 30px;
  }
}
/* notification */
.l-inner.notification h1 {
  display: none;
}

.search-form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-wrap: nowrap;
  border-radius: 4px;
  border: 2px solid #333;
  background: #fff;
  height: 2.3rem;
  padding-left: 0.5em;
}
.search-form input {
  border: none;
  background: none;
  outline: none;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  font-weight: 500;
}
.search-form input::placeholder {
  color: #9c9c9c;
}
.search-form button {
  width: 2rem;
  height: 2rem;
  border: none;
}
.search-form button::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

#p-notification-select {
  width: 100%;
  margin-bottom: 0.5em;
  height: 2.5em;
  padding: 0 1em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolyline%20points%3D%220%2C5%205%2C10%2010%2C5%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

@media screen and (min-width: 900px) {
  #p-notification-select {
    width: 14em;
    margin-right: 2em;
  }
}
.p-notification__tab {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.p-notification__tab li {
  width: 50%;
}
.p-notification__tab li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  width: 100%;
  height: 3rem;
  padding: 0 2.5em;
  padding: 0.5em;
  font-weight: bold;
  background: #e0e0e0;
}
.p-notification__tab li.current > a {
  background: #ffbd86;
}

.p-notification__sub-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  justify-self: end;
  align-self: end;
  margin: 10px;
}
.p-notification__sub-tab li > a {
  border: #b4b2b3 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  line-height: 0.3;
  padding: 0 0.5em;
  width: 4rem;
  height: 2.5rem;
  background: #e0e0e0;
}
.p-notification__sub-tab li.current > a {
  background: #fff;
}
.p-notification__sub-tab li.--tile > a {
  border-left: none;
  border-radius: 0 4px 4px 0;
}
.p-notification__sub-tab li.--list > a {
  border-radius: 4px 0 0 4px;
}

.p-notification__box {
    background: #fff;
    padding: 20px;
}
.p-notification__box .p-notification__list li {
  margin-bottom: 20px;
}
.p-notification__box .p-notification__list li > a {
  display: inline-block;
  padding: 20px;
  width: 100%;
  height: 100%;
}
.p-notification__box .p-notification__list li h2 {
  color: #f67600;
  font-weight: 500;
  font-size: 1.1rem;
  margin-bottom: 0.5em;
}
.p-notification__box .p-notification__list li .p-notification__list-user {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 30px;
  width: 100%;
  color: #9c9c9c;
  font-weight: 500;
}
.p-notification__box .p-notification__list li .p-notification__list-user img {
  width: 20%;
  max-width: 45px;
  margin-right: 1em;
}
.p-notification__box .p-notification__list li .p-notification__list-user .--date {
  font-size: 0.7em;
}
.p-notification__box .p-notification__list.--tile li {
  background: #f9f2eb;
  border-radius: 10px;
}
.p-notification__box .p-notification__list.--list li {
  border-bottom: rgba(51, 51, 51, 0.8) solid 1px;
  padding: 20px 0;
}
.p-notification__box .p-notification__list.--list li h2 {
  font-weight: 700;
}

@media screen and (min-width: 900px) {
  .p-notification__head {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
  }
  .p-notification__head .p-notification__tab {
    margin-bottom: 1rem;
    margin-right: 2em;
  }
  .p-notification__head .p-notification__tab li > a {
    padding: 0 2.5em;
  }
  .p-notification__head .search-form {
    width: 25%;
  }
  .p-notification__head .p-notification__sub-tab {
    flex-grow: 1;
    margin: 0;
    height: 3rem;
  }
  .p-notification__head .p-notification__sub-tab li > a {
    border: none;
    width: 3rem;
    height: 3rem;
    border-radius: 0;
  }
  .p-notification__box {
    padding: 25px;
    background: #fff;
  }
  .p-notification__box .p-notification__list li > a {
    padding: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-notification__box .p-notification__list li .p-notification__list-user {
    margin-top: auto;
  }
  .p-notification__box .p-notification__list.--tile {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .p-notification__box .p-notification__list.--tile > li {
    margin-bottom: 0;
  }
  .p-notification__box .p-notification__list.--tile li > a {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .p-notification__box .p-notification__list.--tile li > a > p:last-of-type {
    flex-grow: 1;
    margin-bottom: 1em;
  }
  .p-notification__box .p-notification__list.--list {
    min-height: 500px;
  }
  .p-notification__box .p-notification__list.--list li > a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5em;
    width: auto;
    height: auto;
  } 
  .p-notification__box .p-notification__list.--list li h2 {
    width: 100%;
    margin-bottom: 0;
  }
  .p-notification__box .p-notification__list.--list li .p-notification__list-user {
    margin-top: 0;
    margin-left: auto;
    width: auto;
  }
}
#reload-notice {
  width: 25em;
  height: 80px;
  max-width: 95%;
  color: #fff;
  font-weight: bold;
  font-size: 1.25rem;
  background: #f67600;
  border-radius: 0 0 1em 1em;
  position: fixed;
  margin: auto;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  display: none;
  opacity: 0;
}

#reload-notice.active {
  display: grid;
  place-items: center;
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  animation-duration: 2.3s !important;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.c-btn-box {
  display: flex;
  align-items: center;
  margin-right: 1em;
}
.c-btn-box input[type=checkbox], .c-btn-box input[type=radio] {
  display: block;
  appearance: none;
  position: relative;
  background-color: #fff;
  margin: 0 0.5em 0 0;
}
.c-btn-box input[type=checkbox] {
  height: 1.5em;
  width: 1.5em;
  border: 1px solid #8b98a5;
  border-radius: 4px;
}
.c-btn-box input[type=checkbox]:checked {
  background-color: #fff;
}
.c-btn-box input[type=checkbox]:checked::before {
  content: "";
  display: block;
  border-right: 2px solid #f67600;
  border-bottom: 2px solid #f67600;
  width: 0.4em;
  height: 1.1em;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0.5em;
}
.c-btn-box input[type=radio] {
  height: 15px;
  width: 15px;
  border: 1px solid #333;
  border-radius: 50%;
}
.c-btn-box input[type=radio]:checked {
  background-color: #fff;
}
.c-btn-box input[type=radio]:checked::before {
  content: "";
  display: block;
  background-color: #f67600;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-profile__box-radio .c-btn-box {
  margin-right: 0.3em;
}

/*# sourceMappingURL=def0924.css.map */