@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
.action_checkbox {
  min-width: 28px;
  height: 28px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 2px solid #9BA8B9;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  position: relative;
  background-color: #FFF;
}
.action_checkbox:checked {
  border: none;
  background-color: #DC1478;
}
.action_checkbox:checked::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 5px;
  width: 9px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.action_checkbox:disabled {
  border: none;
  background-color: #D9D9D9;
}
.action_checkbox:disabled::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 5px;
  width: 9px;
  height: 15px;
  border: solid #9BA8B9;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.action_radio_button {
  width: 28px;
  height: 28px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #008CDC;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #FFF;
}
.action_radio_button:before {
  content: "";
  display: block;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.action_radio_button:checked:before {
  background-color: #008CDC;
}
.action_radio_button:disabled {
  border: none;
  background-color: #D9D9D9;
}

a, button {
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  text-decoration: none;
}
a:hover, button:hover {
  opacity: 0.7;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
@media screen and (max-width: 1024px) {
  a:hover, button:hover {
    opacity: 1;
  }
}

.user_list_area_wrapper {
  padding: 30px;
  background-color: #FFF;
}
@media screen and (max-width: 1024px) {
  .user_list_area_wrapper {
    padding: 17px 13px;
  }
}

.user_list_area_heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  .user_list_area_heading {
    display: block;
    height: auto;
    margin-bottom: 20px;
  }
}
.user_list_area_heading__text {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .user_list_area_heading__text {
    margin-bottom: 20px;
  }
}
.user_list_area_heading__text--count {
  margin-left: 8px;
}
.user_list_area_heading__action-btn {
  display: block;
  width: 120px;
  padding-top: 11px;
  padding-bottom: 11px;
  border: 1px solid #0437A0;
  color: #0437A0;
  border-radius: 2px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .user_list_area_heading__action-btn {
    width: 100%;
  }
}
.user_list_area_heading__action-btn--add, .user_list_area_heading__action-btn--ownerChange {
  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;
  gap: 0 10px;
}
.user_list_area_heading__action-btn--ownerChange {
  width: 180px;
}
@media screen and (max-width: 1024px) {
  .user_list_area_heading__action-btn--ownerChange {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .user_list_area_heading__action-btn + .user_list_area_heading__action-btn {
    margin-top: 10px;
  }
}

.user_list_area_heading_actions_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
}
@media screen and (max-width: 1024px) {
  .user_list_area_heading_actions_wrapper {
    display: block;
  }
}

.user_list_area_system_management_spacing {
  height: 30px;
}
.user_list_area_system_management_spacing__border {
  position: relative;
}
.user_list_area_system_management_spacing__border::before {
  content: "";
  background-color: #F5F5F5;
  width: calc(100% + 70px);
  height: 4px;
  position: absolute;
  top: 0;
  left: -35px;
}

.user_list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
  border-top: 1px solid #9BA4A9;
  padding-right: 15px !important;
}
@media screen and (max-width: 1024px) {
  .user_list_item {
    padding-left: 0;
  }
}
.user_list_item:last-child {
  border-bottom: 1px solid #9BA4A9;
}
.user_list_item:hover {
  background-color: #D4E4FC;
}

.user_list_item_profile_link {
  width: 100%;
  color: #000;
}

.user_list_item_profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 25px 0 25px 15px;
}
@media screen and (max-width: 1024px) {
  .user_list_item_profile {
    padding-left: 0;
  }
}
.user_list_item_profile:has(> .user_list_item_profile_img_order) {
  padding: 20px 0 20px 13px;
}
@media screen and (max-width: 1024px) {
  .user_list_item_profile:has(> .user_list_item_profile_img_order) {
    padding-left: 0;
  }
}

.user_list_item_profile_img {
  position: relative;
  width: 50px;
  height: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.user_list_item_profile_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.user_list_item_profile_img--sun::after {
  background: url("/images/profile/icon_sun.svg") no-repeat;
}
.user_list_item_profile_img--cloud::after {
  background: url("/images/profile/icon_cloud.svg") no-repeat;
}
.user_list_item_profile_img--rain::after {
  background: url("/images/profile/icon_rain.svg") no-repeat;
}
.user_list_item_profile_img::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: -8px;
  background-size: contain;
}

.user_list_item_profile_detail__name {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}
.activity_ranking_list_wrapper .user_list_item_profile_detail__name {
  max-width: 168px;
  white-space: nowrap;
}
.user_list_item_profile_detail__department {
  font-size: 14px;
}
.activity_ranking_list_wrapper .user_list_item_profile_detail__department {
  max-width: 168px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user_list_item_profile_action--delete {
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
}
.user_list_item_profile_action--radio {
  width: 28px;
  height: 28px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #008CDC;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.user_list_item_profile_action--radio:before {
  content: "";
  display: block;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.user_list_item_profile_action--radio:checked:before {
  background-color: #008CDC;
}
.user_list_item_profile_action--checkbox {
  width: 28px;
  height: 28px;
  accent-color: #DC1478;
}
.user_list_item_profile_action--changeOwner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 10px;
  padding: 6px 12px;
  border-radius: 2px;
  font-weight: bold;
  color: #FFF;
  background-color: #008CDC;
}

.user_list_area_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}

.user_list_area_more_btn__text {
  display: block;
  margin-top: 6px;
  color: #0437A0;
}

.user_list_item_profile_img_order {
  width: 18px;
  font-size: 24px;
  font-weight: 300;
  text-align: center;
}
.user_list_item_profile_img_order--01, .user_list_item_profile_img_order--02, .user_list_item_profile_img_order--03 {
  font-size: 30px;
  font-weight: bold;
}
.user_list_item_profile_img_order--01 {
  color: #c2af65;
}
.user_list_item_profile_img_order--02 {
  color: #a6a5a3;
}
.user_list_item_profile_img_order--03 {
  color: #bf8c67;
}

.user_list_item_profile_like_count {
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}

.group_info_list_wrapper {
  padding: 30px;
  background-color: #FFF;
}
@media screen and (max-width: 1024px) {
  .group_info_list_wrapper {
    padding: 17px 13px;
  }
}

.group_info_list_area_heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  .group_info_list_area_heading {
    display: block;
    height: auto;
    margin-bottom: 20px;
  }
}
.group_info_list_area_heading__text {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .group_info_list_area_heading__text {
    margin-bottom: 20px;
  }
}
.group_info_list_area_heading__action-btn {
  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;
  gap: 0 10px;
  width: 120px;
  padding-top: 11px;
  padding-bottom: 11px;
  border: 1px solid #0437A0;
  color: #0437A0;
  border-radius: 2px;
}
@media screen and (max-width: 1024px) {
  .group_info_list_area_heading__action-btn {
    width: 100%;
  }
}
.group_info_list_area_heading__action-btn--add {
  gap: 0 10px;
}

.group_info_list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 15px;
  background-color: #EDEDF2;
}
.group_info_list_item--menu {
  gap: 15px;
  padding-right: 15px;
}
.group_info_list_item--no-menu {
  padding-right: 47px;
}
.group_info_list_item + .group_info_list_item {
  margin-top: 4px;
}
.group_info_list_item:hover {
  background-color: #D4E4FC;
}
.group_info_list_item .dropdown {
  font-size: 0;
}

.group_info_list_item_inner {
  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;
  width: 100%;
  color: #404040;
}

.group_info_list_item_name_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 15px;
}

.group_info_list_item_name__text {
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  .group_info_list_item_name__text {
    margin-bottom: 5px;
  }
}
.group_info_list_item_name__detail {
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .group_info_list_item_name__detail {
    margin-bottom: 5px;
  }
}

.group_info_list_item_action_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
}

.group_info_list_item_action--menu, .group_info_list_item_action--delete {
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
}
.group_info_list_item_action--menu img, .group_info_list_item_action--delete img {
  display: block;
  font-size: 0;
}
.group_info_list_item_action--menu {
  height: 40px;
}

.group_info_list_item_action_member {
  width: 160px;
  text-align: right;
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .group_info_list_item_action_member {
    display: none;
    text-align: left;
  }
}
.group_info_list_item_action_member--sp {
  display: none;
}
@media screen and (max-width: 1024px) {
  .group_info_list_item_action_member--sp {
    display: block;
  }
}

.organization_info_list_wrapper {
  padding: 30px;
  background-color: #FFF;
}
@media screen and (max-width: 1024px) {
  .organization_info_list_wrapper {
    padding: 17px 13px;
  }
}

.organization_info_list .organization_info_list_heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .organization_info_list_heading {
    display: block;
    height: auto;
    margin-bottom: 20px;
  }
}
.organization_info_list .organization_info_list_heading__text {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .organization_info_list_heading__text {
    margin-bottom: 20px;
  }
}
.organization_info_list .organization_info_list_heading__action-btn {
  width: 120px;
  padding-top: 11px;
  padding-bottom: 11px;
  border: 1px solid #0437A0;
  color: #0437A0;
  border-radius: 2px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .organization_info_list_heading__action-btn {
    display: block;
    width: 100%;
  }
}
.organization_info_list .organization_info_list_heading__action-btn--add {
  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;
  gap: 0 10px;
}
.organization_info_list .accordion-item {
  border-radius: 0;
  border: transparent;
}
.organization_info_list .accordion-item:not(:last-of-type) {
  margin-bottom: 4px;
}
.organization_info_list .accordion-item .accordion-item > .accordion-header .organization-name {
  font-weight: normal;
  font-size: 16px;
}
.organization_info_list .accordion-item .accordion-item > .accordion-header {
  background-color: #EDEDF2;
}
.organization_info_list .accordion-header {
  position: relative;
  padding: 0;
  margin-bottom: 0;
  background-color: #D4E4FC;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .accordion-header {
    padding: 0;
  }
}
.organization_info_list .accordion-header .organization-label {
  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;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  cursor: pointer;
}
.organization_info_list .accordion-header .organization-label .organization_info_list_right_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  padding-right: 15px;
}
.organization_info_list .accordion-header .organization-label .organization_info_list_right_box .organization-members {
  margin-right: 10px;
}
.organization_info_list .accordion-header .organization-label .organization_info_list_right_box .dropdown {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.organization_info_list .accordion-header .accordion-button {
  width: auto;
  height: auto;
  padding: 18px 14px 17px 26px;
  background-color: transparent;
  border: none;
  color: #404040;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .accordion-header .accordion-button {
    padding-top: 0;
    padding-bottom: 28px;
    padding-left: 15px;
    font-size: 16px;
  }
}
.organization_info_list .accordion-header .accordion-button::after {
  position: static;
  margin-left: 0;
  width: 14px;
  height: 14px;
  background-size: 14px 14px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z' stroke='%23212529' stroke-width='1.2'/%3e%3c/svg%3e");
}
.organization_info_list .accordion-header .accordion-button:not(.collapsed)::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.organization_info_list .accordion-header .accordion-button--last-level {
  height: 48px;
}
.organization_info_list .accordion-header .accordion-button--last-level::after {
  display: none;
}
.organization_info_list .accordion-header .accordion-button.collapsed {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.organization_info_list .accordion-header .accordion-button:has(span.sp) {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-right: 40px;
}
.organization_info_list .accordion-header .accordion-button:focus {
  z-index: auto;
}
.organization_info_list .accordion-header .organization-info {
  width: 100%;
  padding: 11px 15px 11px 0;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .accordion-header .organization-info {
    padding: 22px 15px 22px 0;
  }
}
.organization_info_list .accordion-header .organization-name {
  font-size: 18px;
  font-weight: bold;
  color: #404040;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .accordion-header .organization-name {
    font-size: 16px;
  }
}
.organization_info_list .accordion-header .organization-members {
  color: #404040;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .accordion-header .organization-members {
    font-size: 14px;
  }
}
.organization_info_list .accordion-header .sp.organization-members {
  margin-top: 7px;
}
.organization_info_list .accordion-body {
  padding: 4px 0 0 0;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .accordion-body {
    padding-left: 0;
    padding-right: 0;
  }
}
.organization_info_list .accordion-body p {
  margin-bottom: 0;
}
.organization_info_list .accordion-body p + ul {
  margin-top: 5px;
}
.organization_info_list .accordion-body ul {
  padding-left: 24px;
  margin-bottom: 0;
}
.organization_info_list .accordion-body .accordion-header .accordion-button {
  font-size: 16px;
  font-weight: normal;
}
.organization_info_list .accordion-body .accordion-header .accordion-button::after {
  top: 18px;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .accordion-body .accordion-header .accordion-button::after {
    top: 18px;
  }
}
.organization_info_list .organization_info_list_right_box {
  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: 17px;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .organization_info_list_right_box {
    gap: 5px;
    padding-right: 10px;
  }
}
.organization_info_list .organization_info_list_right_box > span {
  color: #404040;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .organization_info_list_right_box > span {
    font-size: 12px;
  }
}
.organization_info_list .organization_info_list_right_box .form-check {
  padding: 0;
  margin-left: 0;
}
.organization_info_list .organization_info_list_right_box .form-check .form-check-input {
  width: 28px;
  height: 28px;
  margin: 0;
  border-color: #9BA8B9;
}
.organization_info_list .organization_info_list_right_box .dropdown {
  font-size: 0;
}
.organization_info_list .organization_info_list_right_box_action {
  font-size: 0;
}
.organization_info_list .accordion .accordion-header .organization_info_list_right_box .form-check {
  margin-left: 0;
}
.organization_info_list .accordion .dropdown-menu.comment_edit_menu {
  padding-left: 0;
  position: relative;
  top: -22px;
}
.organization_info_list .accordion-item > .accordion-header > .d-flex > .accordion-button {
  padding-left: 26px;
}
.organization_info_list .accordion-item > .accordion-header > .d-flex > .accordion-button::after {
  left: 16px;
}
.organization_info_list .accordion-item:not(:has(.accordion-item)) > .accordion-header > .d-flex > .accordion-button {
  padding-left: 42px;
}
.organization_info_list .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button {
  padding-left: 38px;
}
.organization_info_list .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button::after {
  left: 28px;
}
.organization_info_list .accordion-item .accordion-item:not(:has(.accordion-item)) > .accordion-header > .d-flex > .accordion-button {
  padding-left: 54px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button {
  padding-left: 50px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button::after {
  left: 40px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item:not(:has(.accordion-item)) > .accordion-header > .d-flex > .accordion-button {
  padding-left: 66px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button {
  padding-left: 62px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button::after {
  left: 52px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item:not(:has(.accordion-item)) > .accordion-header > .d-flex > .accordion-button {
  padding-left: 78px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button {
  padding-left: 74px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button::after {
  left: 64px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item:not(:has(.accordion-item)) > .accordion-header > .d-flex > .accordion-button {
  padding-left: 90px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button {
  padding-left: 86px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button::after {
  left: 76px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item:not(:has(.accordion-item)) > .accordion-header > .d-flex > .accordion-button {
  padding-left: 102px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button {
  padding-left: 98px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button::after {
  left: 88px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item:not(:has(.accordion-item)) > .accordion-header > .d-flex > .accordion-button {
  padding-left: 114px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button {
  padding-left: 110px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button::after {
  left: 100px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item:not(:has(.accordion-item)) > .accordion-header > .d-flex > .accordion-button {
  padding-left: 126px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button {
  padding-left: 122px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item > .accordion-header > .d-flex > .accordion-button::after {
  left: 112px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item:not(:has(.accordion-item)) > .accordion-header > .d-flex > .accordion-button {
  padding-left: 138px;
}
.organization_info_list .organization_info_list_item_action {
  font-size: 0;
}
.organization_info_list .organization_info_list_item_action--menu {
  width: 20px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: none;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .organization_info_list_item_action--menu {
    width: 16px;
    height: 26px;
  }
}
.organization_info_list .organization_info_list_item_action--menu img {
  width: 100%;
  height: auto;
}
.organization_info_list .no_move .accordion-button {
  padding-left: 20px;
  background: #EDEDF2;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .no_move .accordion-button {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.organization_info_list .no_move .accordion-button::after {
  content: none;
}
.organization_info_list .no_move .organization_info_list_right_box input:checked {
  background-color: #DC1478;
}
.organization_info_list .form-check-input {
  display: block !important;
  border-radius: 4px;
}
.organization_info_list .pc {
  display: block;
}
.organization_info_list .sp {
  display: none;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .pc {
    display: none;
  }
  .organization_info_list .sp {
    display: block;
    margin-top: 0;
  }
}
.organization_info_list .organization_info_single_list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #D4E4FC;
}
.organization_info_list .organization_info_single_list_item + .organization_info_single_list_item {
  margin-top: 4px;
}
.organization_info_list .organization_info_single_list_item:hover {
  background-color: #D4E4FC;
}
.organization_info_list .organization_info_single_list_item--no-select {
  margin-bottom: 6px;
  border: 1px solid #008CDC;
  background-color: #FFF;
}
.organization_info_list .organization_info_single_list_item--no-select:hover {
  background-color: #FFF;
}
.organization_info_list .organization_info_single_list_item_inner {
  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;
  width: 100%;
}
.organization_info_list .organization_info_single_list_item_name {
  width: 100%;
  padding: 13px 15px;
  color: #404040;
}
.organization_info_list .organization_info_single_list_item_name_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 15px;
  width: 100%;
}
.organization_info_list .organization_info_single_list_item_name__text {
  font-size: 16px;
  font-weight: bold;
}
.organization_info_list .organization_info_single_list_item_action_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
  padding-right: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.organization_info_list .organization_info_single_list_item_action_member {
  text-align: right;
  font-size: 12px;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .organization_info_single_list_item_action_member {
    display: none;
    margin-top: 5px;
    text-align: left;
  }
}
.organization_info_list .organization_info_single_list_item_action_member--sp {
  display: none;
}
@media screen and (max-width: 1024px) {
  .organization_info_list .organization_info_single_list_item_action_member--sp {
    display: block;
  }
}
.organization_info_list .organization_info_single_list_item_action--delete {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
}
.organization_info_list .organization_info_single_list_item_action--delete img {
  display: block;
  font-size: 0;
}

@media screen and (max-width: 1024px) {
  .list_group_wrapper {
    padding: 17px 13px;
  }
}
.list_group_wrapper--section {
  margin-bottom: 20px;
  padding: 30px;
  background-color: #FFF;
}
.list_group_wrapper--register {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 4px solid #E8F1FF;
}

@media screen and (max-width: 575.98px) {
  .user_area--oneonone .user_area_link {
    display: block;
    text-align: right;
  }
}
.user_area--related_okr_detail {
  width: 100%;
  padding: 15px 27px;
  background-color: #FFF;
}

.user_area_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 13px;
}

.user_area_icon {
  position: relative;
  width: 50px;
  height: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 575.98px) {
  .user_area_icon--oneonone-left {
    margin-left: auto;
  }
}
.user_area_icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.user_area_icon--sun::after {
  background: url("/images/profile/icon_sun.svg") no-repeat;
}
.user_area_icon--cloud::after {
  background: url("/images/profile/icon_cloud.svg") no-repeat;
}
.user_area_icon--rain::after {
  background: url("/images/profile/icon_rain.svg") no-repeat;
}
.user_area_icon::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: -8px;
  background-size: contain;
}

.user_area_profile {
  color: #000;
}
@media screen and (max-width: 575.98px) {
  .user_area_profile--oneonone-right {
    text-align: left;
  }
}
.user_area_profile--oneonone {
  width: 162px;
}
@media screen and (max-width: 575.98px) {
  .user_area_profile--oneonone {
    width: 120px;
  }
}
.user_area_profile__name {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: bold;
}
.user_area_profile__team {
  font-size: 12px;
}

.user_area_oneonone_exchange_icon {
  width: 14px;
  height: 18px;
}
@media screen and (max-width: 575.98px) {
  .user_area_oneonone_exchange_icon {
    padding-top: 16px;
  }
}
.user_area_oneonone_exchange_icon img {
  width: 100%;
  height: auto;
}

.user_area_oneonone_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 16px;
}
@media screen and (max-width: 575.98px) {
  .user_area_oneonone_wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0 13px;
  }
}

.user_area_list_wrapper {
  width: 232px;
  background-color: #FFF;
}
@media screen and (max-width: 1024px) {
  .user_area_list_wrapper {
    display: none;
  }
}

.user_area_list_title {
  padding: 7px 10px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #D9D9D9;
}

.user_area_list_item {
  padding: 15px 14px;
}
.user_area_list_item:not(:last-child) {
  border-bottom: 1px solid #D9D9D9;
}

.comment_block_wrapper .accordion {
  --bs-accordion-border-width: 0;
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-btn-padding-y: 0;
  --bs-accordion-btn-color: inherit;
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-btn-focus-border-color: none;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 0;
  --bs-accordion-body-padding-y: 0;
  --bs-accordion-active-color: inherit;
  --bs-accordion-active-bg: transparent;
}
.comment_block_wrapper .accordion-item {
  border: none;
  background-color: transparent;
}
.comment_block_wrapper .accordion-button:not(.collapsed) {
  background-color: #EDEDF2;
}
.comment_block_wrapper .accordion-body {
  padding: 0;
}

.comment_block_accordion_header {
  padding: 20px;
  gap: 8px;
  background-color: #EDEDF2;
}
.comment_block_accordion_header__logo {
  font-size: 0;
}
.comment_block_accordion_header__title {
  font-size: 15px;
}

.comment_block_user_icon_wrapper {
  padding-top: 4px;
}

.comment_block_user_icon {
  position: relative;
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.comment_block_user_icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.comment_block_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding: 24px 20px 20px;
}
.comment_block_form--post {
  background-color: #EDEDF2;
}
.comment_block_form--reply {
  padding-left: 34px;
  padding-right: 0;
}

.comment_block_form_wrapper {
  width: 100%;
}

.comment_block_form_textarea_wrapper textarea {
  width: 100%;
  padding: 10px 13px;
  border-color: #008CDC;
  border-radius: 4px;
  font-size: 14px;
}

.comment_block_form_textarea_replyto {
  margin-bottom: 6px;
  font-size: 12px;
}
.comment_block_form_textarea_replyto__name {
  color: #DC1478;
}

.comment_block_form_actions {
  margin-top: 5px;
}

.comment_block_form_actions, .comment_block_form_attached, .comment_block_form_attached_pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.comment_block_form_attached {
  gap: 20px;
  font-size: 0;
}

.comment_block_form_attached_pdf {
  font-size: 0;
}
.comment_block_form_attached_pdf__title {
  font-size: 12px;
}

.comment_block_form_attached_pdf__title {
  margin-left: 10px;
  margin-right: 10px;
}

.comment_block_list {
  padding: 20px;
  background-color: #FFF;
}

.comment_block_list_item:not(:first-child) {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #D9D9D9;
}

.comment_block_list_item_post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.comment_block_list_item_post--posted {
  margin-top: 40px;
  padding-left: 42px;
}

.comment_block_form_submit_btn .btn {
  padding: 0;
  border: none;
}
.comment_block_form_submit_btn .btn:disabled {
  opacity: 0.15;
}

.comment_block_user_icon_wrapper {
  padding-top: 4px;
}

.comment_block_list_item_content {
  width: 100%;
}

.comment_block_list_item_post_wrapper {
  padding: 10px 15px;
  border-radius: 4px;
  background-color: #EDEDF2;
}

.comment_block_list_item_post_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comment_block_list_item_post_header__name {
  font-size: 14px;
  font-weight: 500;
}
.comment_block_list_item_post_header__menu {
  height: 20px;
  font-size: 0;
}

.comment_block_list_item_post_header {
  margin-bottom: 4px;
}

.comment_block_list_item_post_text {
  margin-bottom: 11px;
}

.comment_block_list_item_post_date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  font-size: 13px;
  font-weight: 300;
}
@media screen and (max-width: 1024px) {
  .comment_block_list_item_post_date {
    display: block;
  }
}

.comment_block_list_item_image {
  margin-top: 8px;
}
.comment_block_list_item_image__link {
  display: block;
  width: 150px;
}
.comment_block_list_item_image__link img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.comment_block_list_item_pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
  border: 1px solid #9BA4A9;
  border-radius: 4px;
}
.comment_block_list_item_pdf__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 10px;
  font-size: 12px;
  color: #000;
}

.comment_block_list_item_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 11px;
  font-size: 12px;
}

.comment_block_list_item_action_favorite__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  padding-right: 6px;
}

.comment_block_list_item_action_response_like button, .comment_block_list_item_action_response_reply button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.comment_block_list_item_action_response {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.comment_block_list_item_action_response_like_btn {
  position: relative;
  padding-left: 24px;
  font-size: 12px;
  color: #333;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.comment_block_list_item_action_response_like_btn::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 55%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("/images/common/icon_good_border.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.comment_block_list_item_action_response_like_btn--liked, .comment_block_list_item_action_response_like_btn:hover {
  color: #DC1478;
}
.comment_block_list_item_action_response_like_btn--liked::before, .comment_block_list_item_action_response_like_btn:hover::before {
  background-image: url("/images/common/icon_good_pink.png");
}
.comment_block_list_item_action_response_like_btn:hover {
  opacity: 0.8;
}

.dynamic_overflow .dynamic_overflow_text {
  line-height: 1.2em;
  overflow: hidden;
  display: block;
  padding: 0;
  -webkit-transition: max-height 250ms ease;
  transition: max-height 250ms ease;
}
.dynamic_overflow .dynamic_overflow_text.initial_lines-1 {
  max-height: calc(1 * 1.2em);
}
.dynamic_overflow .dynamic_overflow_text.initial_lines-2 {
  max-height: calc(2 * 1.2em);
}
.dynamic_overflow .dynamic_overflow_text.initial_lines-3 {
  max-height: calc(3 * 1.2em);
}
.dynamic_overflow .dynamic_overflow_text.initial_lines-4 {
  max-height: calc(4 * 1.2em);
}
.dynamic_overflow .dynamic_overflow_text.initial_lines-5 {
  max-height: calc(5 * 1.2em);
}
.dynamic_overflow .dynamic_overflow_text.initial_lines-6 {
  max-height: calc(6 * 1.2em);
}
.dynamic_overflow .dynamic_overflow_text.initial_lines-7 {
  max-height: calc(7 * 1.2em);
}
.dynamic_overflow .dynamic_overflow_text.initial_lines-8 {
  max-height: calc(8 * 1.2em);
}
.dynamic_overflow .dynamic_overflow_text.initial_lines-9 {
  max-height: calc(9 * 1.2em);
}
.dynamic_overflow .dynamic_overflow_text.initial_lines-10 {
  max-height: calc(10 * 1.2em);
}
.dynamic_overflow .dynamic_overflow_text.initial_lines-11 {
  max-height: calc(11 * 1.2em);
}
.dynamic_overflow .dynamic_overflow_text.initial_lines-12 {
  max-height: calc(12 * 1.2em);
}
.dynamic_overflow .dynamic_overflow_text:has(~ .dynamic_overflow_control input:checked) {
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}
.dynamic_overflow .dynamic_overflow_control input {
  display: none;
}
.dynamic_overflow .dynamic_overflow_control input:checked ~ .dynamic_overflow_button--open {
  display: none;
}
.dynamic_overflow .dynamic_overflow_control input:checked ~ .dynamic_overflow_button--close {
  display: inline;
}
.dynamic_overflow .dynamic_overflow_control .dynamic_overflow_button {
  cursor: pointer;
  padding: 0;
  color: #008CDC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  text-decoration: none;
}
.dynamic_overflow .dynamic_overflow_control .dynamic_overflow_button:hover {
  opacity: 0.7;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
@media screen and (max-width: 1024px) {
  .dynamic_overflow .dynamic_overflow_control .dynamic_overflow_button:hover {
    opacity: 1;
  }
}
.dynamic_overflow .dynamic_overflow_control .dynamic_overflow_button--open {
  display: inline;
}
.dynamic_overflow .dynamic_overflow_control .dynamic_overflow_button--close {
  display: none;
}

.component_area {
  padding: 40px;
}
@media screen and (max-width: 1024px) {
  .component_area {
    padding-left: 13px;
    padding-right: 13px;
  }
}
.component_area + .component_area {
  margin-bottom: 40px;
}
.component_area--group-list-section {
  background-color: #F5F5F5;
}
.component_area--gray-back {
  background-color: #F5F5F5;
}
.component_area h3 {
  margin-bottom: 30px;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

:root {
  interpolate-size: allow-keywords;
}

body {
  font-family: YakuHanJP, Noto Sans JP, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, "Crimson Pro", sans-serif;
  color: #3B3B3B;
  position: relative;
}
body.signup, body.login {
  background-image: url(/images/common/bk.png);
  background-size: cover;
}
@media screen and (max-width: 1024px) {
  body.signup, body.login {
    background-image: none;
  }
}

input.form-control[type=text], input.form-control[type=password] {
  font-size: 14px;
  padding: 0.782rem 0.75rem;
  border-radius: 2px;
}
input.form-control[type=text]::-webkit-input-placeholder, input.form-control[type=password]::-webkit-input-placeholder {
  color: #9c9c9c;
}
input.form-control[type=text]::-moz-placeholder, input.form-control[type=password]::-moz-placeholder {
  color: #9c9c9c;
}
input.form-control[type=text]:-ms-input-placeholder, input.form-control[type=password]:-ms-input-placeholder {
  color: #9c9c9c;
}
input.form-control[type=text]::-ms-input-placeholder, input.form-control[type=password]::-ms-input-placeholder {
  color: #9c9c9c;
}
input.form-control[type=text]::placeholder, input.form-control[type=password]::placeholder {
  color: #9c9c9c;
}
input.form-control[type=password]::-ms-reveal {
  display: none;
}

textarea.form-control {
  border-radius: 2px;
  font-size: 14px;
}

.form-control.btn.indigo_btn {
  color: white;
  background-color: #282763;
  border-color: #282763;
  border-radius: 2px !important;
}
.form-control.btn.indigo_btn:hover, .form-control.btn.indigo_btn:focus, .form-control.btn.indigo_btn:focus-visible, .form-control.btn.indigo_btn:active, .form-control.btn.indigo_btn:visited {
  border-color: #0d6efd;
  background-color: #0d6efd;
}
@media screen and (max-width: 1024px) {
  .form-control.btn.indigo_btn:hover, .form-control.btn.indigo_btn:focus, .form-control.btn.indigo_btn:focus-visible, .form-control.btn.indigo_btn:active, .form-control.btn.indigo_btn:visited {
    border-color: #282763;
    background-color: #282763;
  }
}

.form-control.btn.btn-outline-dark {
  border-radius: 2px;
}
.form-control.btn.btn-outline-dark:hover, .form-control.btn.btn-outline-dark:focus, .form-control.btn.btn-outline-dark:focus-visible, .form-control.btn.btn-outline-dark:active, .form-control.btn.btn-outline-dark:visited {
  color: rgb(33, 37, 41);
  background-color: #fff;
  border-color: #9c9c9c;
}
@media screen and (max-width: 1024px) {
  .form-control.btn.btn-outline-dark:hover, .form-control.btn.btn-outline-dark:focus, .form-control.btn.btn-outline-dark:focus-visible, .form-control.btn.btn-outline-dark:active, .form-control.btn.btn-outline-dark:visited {
    color: rgb(33, 37, 41);
    background-color: #fff;
    border-color: rgb(33, 37, 41);
  }
}

.form-radio,
.form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin: 0;
  position: relative;
}
.form-radio .form-check-input,
.form-check .form-check-input {
  width: 20px;
  height: 20px;
  border-color: #9BA8B9;
}
.form-radio label,
.form-check label {
  cursor: pointer;
  width: 100%;
}
.form-radio.pink_checkbox input:checked,
.form-check.pink_checkbox input:checked {
  background-color: #DC1478;
}
.form-radio.no_text,
.form-check.no_text {
  padding: 0 !important;
  border: transparent !important;
}
.form-radio.no_text .form-check-input,
.form-check.no_text .form-check-input {
  margin: 0;
}
.form-radio a.person_link,
.form-check a.person_link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.form-radio a.person_link:hover,
.form-check a.person_link:hover {
  background-color: rgba(0, 140, 220, 0.3);
}
.form-radio .info_box .person_area,
.form-check .info_box .person_area {
  gap: 20px;
}

@media screen and (max-width: 1024px) {
  .form-radio {
    padding-left: 25px;
    padding-right: 0;
  }
}

.accordion-button {
  border-radius: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.accordion-button.collapsed {
  border-radius: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.accordion-button.left_arrow {
  color: #0437A0;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  padding-left: 4em;
}
.accordion-button.left_arrow::after {
  position: absolute;
  top: 18px;
  left: 20px;
  background-image: url(/images/okr/icon_blue_arrow.svg);
  background-position: center center;
}
@media screen and (max-width: 1024px) {
  .accordion-button.left_arrow {
    padding-left: 20px;
  }
  .accordion-button.left_arrow::after {
    left: -5px;
  }
}
.accordion-button--blue-back {
  background-color: #E3EDFC;
}
.accordion-button--blue-back:not(.collapsed) {
  background-color: #E3EDFC;
}

input[type=radio].form-check-input {
  font-size: 24px;
  cursor: pointer;
  margin-top: 3px;
  margin-left: -23px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
input[type=radio].form-check-input:checked {
  background-color: #fff;
  border-color: #008CDC;
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%23008CDC'/%3e%3c/svg%3e");
}

.viewing_permission {
  border: 2px solid #FF8C1E !important;
  position: relative;
}
.viewing_permission::after {
  content: "閲覧権限表示";
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  border-radius: 0px 0px 4px 0px;
  background: #FF8C1E;
  padding: 2px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.viewing_permission:hover::after {
  opacity: 1;
}
.viewing_permission:has(.oneonone_detail_comment.accordion) > .inner_box .action_btn_area .good_btn:hover::after {
  bottom: 30px;
}

*::-webkit-input-placeholder {
  color: #9C9C9C !important;
}

*::-moz-placeholder {
  color: #9C9C9C !important;
}

*:-ms-input-placeholder {
  color: #9C9C9C !important;
}

*::-ms-input-placeholder {
  color: #9C9C9C !important;
}

*::placeholder {
  color: #9C9C9C !important;
}

.btn.btn-primary {
  border-radius: 2px;
}
@media screen and (max-width: 1024px) {
  .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:focus-visible, .btn.btn-primary:active, .btn.btn-primary:visited {
    border-color: rgb(13, 110, 253);
    background-color: rgb(13, 110, 253);
  }
}

.dropdown.dropend .three_point_btn {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #EDEDF2;
  z-index: 20;
}
.dropdown.dropend .comment_edit_menu {
  border: transparent;
  min-width: 100px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  z-index: 20;
}
.dropdown.dropend .comment_edit_menu .dropdown-item {
  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;
  gap: 10px;
}
.dropdown.dropend .comment_edit_menu .dropdown-item:disabled {
  cursor: default;
}
.dropdown.dropend .comment_edit_menu .dropdown-item:disabled img {
  opacity: 0.5;
}

.svh-100 {
  height: 100svh;
}

.error_box {
  margin-top: 20px;
}
.error_box .alert.alert-danger {
  font-size: 14px;
  text-align: left;
  color: #E80505;
  border-color: #FFEEF6;
  background-color: #FFEEF6;
  padding: 8px 15px;
}
.error_box .alert span {
  display: block;
}
.error_box + .group_edit_list {
  margin-top: 15px !important;
}
.error_box + .group_edit_list .btn_box {
  top: -118px !important;
}
.signup_area,
.login_area {
  background-color: white;
  max-width: 440px;
  margin: auto;
  border-radius: 8px;
}
@media screen and (max-width: 1024px) {
  .signup_area,
  .login_area {
    max-width: none;
    margin-left: -12px;
    margin-right: -12px;
  }
}
.signup_area header,
.login_area header {
  padding: 40px 32px 20px;
  border-bottom: 1px solid #D9D9D9;
}
@media screen and (max-width: 1024px) {
  .signup_area header,
  .login_area header {
    padding: 40px 15px 20px;
  }
}
.signup_area header .input_box,
.login_area header .input_box {
  margin: 20px 0;
}
.signup_area header .input_box .input_group,
.login_area header .input_box .input_group {
  text-align: left;
  margin-bottom: 20px;
}
.signup_area header .input_box .input_group label,
.login_area header .input_box .input_group label {
  font-size: 14px;
}
.signup_area header .mail_comfort input,
.login_area header .mail_comfort input {
  margin-bottom: 0 !important;
  border-right: transparent;
}
.signup_area header .mail_comfort button,
.login_area header .mail_comfort button {
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-left: transparent;
}
@media screen and (max-width: 1024px) {
  .signup_area header .mail_comfort button:hover, .signup_area header .mail_comfort button:focus, .signup_area header .mail_comfort button:focus-visible, .signup_area header .mail_comfort button:active, .signup_area header .mail_comfort button:visited,
  .login_area header .mail_comfort button:hover,
  .login_area header .mail_comfort button:focus,
  .login_area header .mail_comfort button:focus-visible,
  .login_area header .mail_comfort button:active,
  .login_area header .mail_comfort button:visited {
    background-color: #fff !important;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-left: transparent;
  }
}
.signup_area header a.foget_pw,
.login_area header a.foget_pw {
  font-size: 14px;
}
.signup_area header input, .signup_area header a,
.login_area header input,
.login_area header a {
  display: block;
}
.signup_area header input:not(:last-child), .signup_area header a:not(:last-child),
.login_area header input:not(:last-child),
.login_area header a:not(:last-child) {
  margin-bottom: 12px;
}
.signup_area .text_box,
.login_area .text_box {
  margin: 30px 0;
}
.signup_area .text_box h2,
.login_area .text_box h2 {
  font-size: 20px;
  margin-bottom: 30px;
}
.signup_area .text_box p,
.login_area .text_box p {
  font-size: 14px;
}
.signup_area .mail_text_box,
.login_area .mail_text_box {
  text-align: left;
}
.signup_area .mail_text_box p,
.login_area .mail_text_box p {
  margin-bottom: 5px;
}
.signup_area .mail_text_box .mail,
.login_area .mail_text_box .mail {
  font-size: 18px;
}
.signup_area .second_input_area,
.login_area .second_input_area {
  padding: 20px 32px 30px;
}
@media screen and (max-width: 1024px) {
  .signup_area .second_input_area,
  .login_area .second_input_area {
    padding: 20px 15px;
  }
}
.signup_area .second_input_area .newmenber_btn,
.login_area .second_input_area .newmenber_btn {
  color: white;
  background-color: #FF8C1E;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  border-radius: 2px;
}
.signup_area .second_input_area .newmenber_btn:hover,
.login_area .second_input_area .newmenber_btn:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .signup_area .second_input_area .newmenber_btn:hover,
  .login_area .second_input_area .newmenber_btn:hover {
    opacity: 1;
  }
}
.signup_area footer,
.login_area footer {
  padding: 20px 32px 40px;
  border-top: 1px solid #D9D9D9;
}
@media screen and (max-width: 1024px) {
  .signup_area footer,
  .login_area footer {
    padding: 20px 15px 40px;
  }
}
.signup_area footer img,
.login_area footer img {
  margin-right: 5px;
}
.signup_area .btn,
.login_area .btn {
  font-size: 16px;
  font-weight: 500;
}
.signup_area .btn-outline-dark,
.login_area .btn-outline-dark {
  color: var(--main, #282763);
  border-radius: 4px;
  border: 1px solid var(--main, #282763);
  background: #FFF;
}

.signup .cont_box .text_box h2 {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.signup.send_mail .cont_box .text_box h2 {
  color: #000;
  font-size: 24px;
  font-weight: 400;
}
.signup.send_mail .cont_box .text_box p {
  font-size: 16px;
}
.retransmission_btn {
  max-width: 200px;
  margin: auto;
}

.tutorial_area {
  text-align: center;
}
.tutorial_area h1 {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .tutorial_area h1 {
    margin-top: -30%;
  }
}
.tutorial_area h1 img {
  width: 318px;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .tutorial_area h1 img {
    width: 210px;
  }
}
.tutorial_area.meetyou h2 {
  margin: 60px 0 20px;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .tutorial_area.meetyou h2 {
    font-size: 18px;
  }
}
.tutorial_area.meetyou p {
  line-height: 32px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .tutorial_area.meetyou p {
    text-align: left;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 25px;
  }
  .tutorial_area.meetyou p br {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .tutorial_area.meetyou .inner_box {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .tutorial_area.okr, .tutorial_area.oneonone, .tutorial_area.fbrequest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100svh;
  }
}
@media screen and (max-width: 1024px) {
  .tutorial_area.okr h1, .tutorial_area.oneonone h1, .tutorial_area.fbrequest h1 {
    margin-top: 0;
    padding-top: 15%;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.tutorial_area.okr h1 img, .tutorial_area.oneonone h1 img, .tutorial_area.fbrequest h1 img {
  width: 388px;
  heigh: auto;
}
@media screen and (max-width: 1024px) {
  .tutorial_area.okr h1 img, .tutorial_area.oneonone h1 img, .tutorial_area.fbrequest h1 img {
    width: 210px;
  }
}
.tutorial_area.okr h2, .tutorial_area.oneonone h2, .tutorial_area.fbrequest h2 {
  font-size: 36px;
  font-weight: 900;
  margin-bottom: 20px;
}
.tutorial_area.okr .dot_button_area, .tutorial_area.oneonone .dot_button_area, .tutorial_area.fbrequest .dot_button_area {
  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;
  gap: 10px;
  margin: 30px 0;
}
.tutorial_area.okr .dot_button_area div, .tutorial_area.okr .dot_button_area a, .tutorial_area.oneonone .dot_button_area div, .tutorial_area.oneonone .dot_button_area a, .tutorial_area.fbrequest .dot_button_area div, .tutorial_area.fbrequest .dot_button_area a {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #D9D9D9;
}
.tutorial_area.okr .dot_button_area div.active, .tutorial_area.okr .dot_button_area a.active, .tutorial_area.oneonone .dot_button_area div.active, .tutorial_area.oneonone .dot_button_area a.active, .tutorial_area.fbrequest .dot_button_area div.active, .tutorial_area.fbrequest .dot_button_area a.active {
  background: #000;
}
@media screen and (max-width: 1024px) {
  .tutorial_area.okr p, .tutorial_area.oneonone p, .tutorial_area.fbrequest p {
    text-align: left;
  }
}
@media screen and (max-width: 1024px) {
  .tutorial_area.okr .inner_box, .tutorial_area.oneonone .inner_box, .tutorial_area.fbrequest .inner_box {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
  }
}
.tutorial_area .btn {
  width: 213px;
  font-size: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 2px !important;
}
@media screen and (max-width: 1024px) {
  .tutorial_area .btn {
    width: 100%;
    max-width: 400px;
    line-height: 32px;
  }
}

.main_area {
  background: #F5F5F5;
  padding-top: 56px;
}
@media screen and (max-width: 1024px) {
  .main_area {
    min-width: auto;
  }
  .main_area .col {
    padding: 0;
  }
}
.main_area header.gheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: var(--main, #282763);
  padding: 13px 20px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 210;
}
.main_area header.gheader .btn.spmenu_btn {
  display: none;
  border-radius: 2px;
}
@media screen and (max-width: 1024px) {
  .main_area header.gheader .btn.spmenu_btn {
    display: block;
  }
}
.main_area header.gheader h1 {
  margin: 0;
  line-height: normal;
  font-size: small;
}
.main_area header.gheader .alertarea {
  position: relative;
}
.main_area header.gheader .alertarea span {
  position: absolute;
  top: -2px;
  right: -8px;
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #DC1478;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  text-align: center;
  line-height: 13px;
}
.main_area header.gheader .btn {
  padding: 0;
  margin: 0;
  border-radius: 2px;
}
.main_area header.gheader .btn.option_area {
  height: 23px;
}
.main_area .header_alertarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .main_area .header_alertarea .option_area {
    display: none;
  }
}
.main_area .cont_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.main_area .cont_box:has(.two_col) {
  min-width: 1241px;
}
@media screen and (max-width: 1024px) {
  .main_area .cont_box {
    display: block;
  }
  .main_area .cont_box:has(.two_col) {
    min-width: auto;
  }
}
.main_area main {
  background: #F5F5F5;
  padding: 30px 23px;
  width: calc(100% - 259px);
  max-width: 738px;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .main_area main {
    width: 100%;
    padding: 12px 0 0;
    max-width: none;
  }
}
.main_area main h2 {
  color: #404040;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area main h2 {
    padding: 0 20px;
  }
}
.main_area main h2:has(br) + .search_box:has(.btn_box) {
  margin-top: -63px;
}
@media screen and (max-width: 1024px) {
  .main_area main h2:has(br) + .search_box:has(.btn_box) {
    display: none;
  }
}
.main_area main h2 + .error_box .alert-danger {
  color: #E80505;
  border-color: #E80505;
}
.main_area main .title_area + .error_box .alert-danger {
  color: #E80505;
  border-color: #E80505;
}
.main_area main:has(.bottom_fixbtn_box) {
  position: relative;
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .main_area main:has(.bottom_fixbtn_box) {
    margin-bottom: 78px;
  }
}
.main_area main .bottom_fixbtn_box {
  position: fixed;
  bottom: 0;
  left: 270px;
  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: 10px;
  width: calc(100% - 270px);
  padding: 26px 26px 26px 60px;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
  z-index: 105;
}
@media screen and (max-width: 1024px) {
  .main_area main .bottom_fixbtn_box {
    padding: 15px;
  }
}
.main_area main .bottom_fixbtn_box:has(> :nth-child(3):last-child) {
  gap: 50px;
}
@media screen and (max-width: 1024px) {
  .main_area main .bottom_fixbtn_box:has(> :nth-child(3):last-child) {
    gap: 10px;
  }
}
.main_area main .bottom_fixbtn_box:has(> :nth-child(2):last-child) {
  gap: 283px;
}
@media screen and (max-width: 1024px) {
  .main_area main .bottom_fixbtn_box:has(> :nth-child(2):last-child) {
    gap: 10px;
  }
}
.main_area main .bottom_fixbtn_box:has(> :nth-child(1):last-child) {
  gap: 0;
  padding-left: 290px;
}
@media screen and (max-width: 1024px) {
  .main_area main .bottom_fixbtn_box:has(> :nth-child(1):last-child) {
    gap: 10px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .main_area main .bottom_fixbtn_box {
    width: 100%;
    left: 0;
  }
}
.main_area main .bottom_fixbtn_box .btn {
  color: var(--main, #282763);
  border: 1px solid var(--main, #282763);
  background-color: #fff;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .main_area main .bottom_fixbtn_box .btn {
    width: 100%;
  }
}
.main_area main .bottom_fixbtn_box .btn.csvout_btn, .main_area main .bottom_fixbtn_box .btn.edit_btn, .main_area main .bottom_fixbtn_box .btn.add_blue_btn, .main_area main .bottom_fixbtn_box .btn.save_btn {
  color: #fff;
  background-color: #0437A0;
}
.main_area main .bottom_fixbtn_box .back_to_key_results {
  height: 48px;
}
.main_area aside {
  width: 270px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 200;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .main_area aside {
    margin-left: -270px;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: margin-left 0.4s;
    transition: margin-left 0.4s;
  }
  .main_area aside.active {
    margin-left: 0;
  }
}
.main_area aside .sidebar_nav {
  position: fixed;
  top: 56px;
  left: 0;
  width: 270px;
  height: calc(100svh - 56px);
  overflow: auto;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .main_area aside .sidebar_nav {
    position: absolute;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
  }
}
.main_area aside .profile_area {
  background-color: #fff;
  padding: 20px 15px 25px 35px;
  background-image: url(/images/common/sidebar_gdbk.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.main_area aside .profile_area h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  margin-top: 20px;
}
.main_area aside .profile_text {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.main_area aside .icon_img {
  position: relative;
  width: 72px;
  height: 72px;
}
.main_area aside .icon_img > img {
  z-index: 10;
}
.main_area aside .icon_img .tag_img {
  position: absolute;
  top: 0;
  right: -5px;
  width: 24px;
  height: 24px;
}
.main_area aside .icon_img.willism {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.main_area aside .icon_img.willism .img_mask {
  width: 72px;
}
.main_area aside .icon_img.willism .willism_logo {
  width: 86px;
  height: auto;
}
.main_area aside .img_mask {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
  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;
  margin-left: -5px;
}
.main_area aside .img_mask img {
  max-height: 100%;
}
.main_area aside .accordion {
  --bs-accordion-border-radius: 0;
}
.main_area aside .accordion-item {
  --bs-accordion-border-radius: 0;
  border-left: 0;
  border-right: 0;
}
.main_area aside .accordion-item.sp {
  display: none;
}
@media screen and (max-width: 1024px) {
  .main_area aside .accordion-item.sp {
    display: block;
  }
}
.main_area aside .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.main_area aside .accordion-button {
  color: #DC1478;
  font-size: 16px;
  padding: 8px 15px 8px 75px;
  border-left: 4px solid #DC1478;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
  position: relative;
}
.main_area aside .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 12' fill='%23DC1478'%3e%3cpath fill-rule='evenodd' d='M1.05 11.3001L0 10.2501L4.6 5.65006L0 1.05006L1.05 6.10352e-05L6.7 5.65006L1.05 11.3001Z'/%3e%3c/svg%3e");
  background-size: 6px;
  background-position: center;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.main_area aside .accordion-button.collapsed {
  color: #404040;
  border-color: #fff;
}
.main_area aside .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 12' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.05 11.3001L0 10.2501L4.6 5.65006L0 1.05006L1.05 6.10352e-05L6.7 5.65006L1.05 11.3001Z'/%3e%3c/svg%3e");
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.main_area aside .accordion-button.collapsed svg {
  margin-right: 15px;
  stroke: #404040;
}
.main_area aside .accordion-button.collapsed .svgicon_fill {
  stroke: none;
  fill: #404040;
}
.main_area aside .accordion-button.collapsed img.normal {
  display: block;
}
.main_area aside .accordion-button.collapsed img.active {
  display: none;
}
.main_area aside .accordion-button.collapsed.linked::after {
  background-image: none;
}
.main_area aside .accordion-button svg {
  width: 25px;
  margin-right: 15px;
  stroke: #DC1478;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 37px;
}
.main_area aside .accordion-button .svgicon_fill {
  stroke: none;
  fill: #DC1478;
}
.main_area aside .accordion-button img {
  position: absolute;
  top: auto;
  bottom: auto;
  left: 37px;
}
.main_area aside .accordion-button img.normal {
  display: none;
}
.main_area aside .accordion-button img.active {
  display: block;
}
.main_area aside .accordion-button.linked::after {
  background-image: none;
}
.main_area aside .accordion-body {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.main_area aside .accordion-body > li > a {
  padding: 10px 10px 10px 75px;
  list-style: none;
  background: #F6FAFE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.main_area aside .accordion-body > li > a.active {
  background: #D4E4FC;
}
.main_area aside .accordion-body > li:not(:first-of-type) > a {
  border-top: 1px solid rgba(78, 82, 85, 0.2);
}
.main_area aside .accordion-body > li > ul {
  list-style: none;
  background-color: #fff;
  padding-left: 0;
}
.main_area aside .accordion-body > li > ul li a {
  padding: 7px 10px 7px 93px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.main_area aside .accordion-body > li > ul li a.active {
  background: #EDEDF2;
}
.main_area aside .accordion-body a {
  color: #0437A0;
}

.notice_list.dropdown,
.option_dropbox.dropdown {
  display: none;
}

.option_dropbox {
  position: fixed;
  top: 66px;
  right: 10px;
  border-radius: 4px;
  border: 1px solid rgba(78, 82, 85, 0.2);
  background: #FFF;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding-left: 0;
  z-index: 310;
}
.option_dropbox li {
  list-style: none;
}
.option_dropbox li a {
  color: #404040;
  font-size: 16px;
  line-height: 40px;
  padding: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
}
.option_dropbox li a.active, .option_dropbox li a:hover {
  background: #EDEDF2;
}

.notice_list.dropdown {
  position: fixed;
  top: 22px;
  right: 220px;
  background: #FFF;
  border-radius: 4px;
  border: 1px solid rgba(78, 82, 85, 0.2);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 480px;
  z-index: 310;
}
.notice_list.dropdown ul {
  max-height: calc(100svh - 129px);
  overflow: auto;
}
.notice_list.dropdown ul li {
  display: block !important;
}
.notice_list.dropdown ul li .img_mask {
  width: 40px !important;
  height: 40px !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
  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;
  margin-left: -5px;
}
.notice_list.dropdown ul li .img_mask img {
  max-height: 100%;
}
.notice_list.dropdown ul li header .icon_img .tag_img {
  top: 0 !important;
  right: -8px !important;
}
.notice_list > header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #EAEBEC;
  padding: 5px 15px 10px;
}
.notice_list > header h6 {
  margin: 0;
}
.notice_list > header .btn {
  padding: 0;
  border-radius: 2px;
}
.notice_list ul {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}
.notice_list ul li {
  padding: 15px 30px;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 25px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.notice_list ul li:not(:last-of-type) {
  border-bottom: 1px solid rgba(78, 82, 85, 0.2);
}
@media screen and (max-width: 1024px) {
  .notice_list ul li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px 15px;
  }
}
.notice_list ul li:hover {
  background-color: #D4E4FC;
}
@media screen and (max-width: 1024px) {
  .notice_list ul li:hover {
    background-color: #FFF;
  }
}
.notice_list ul li .view_area_link:hover {
  opacity: 0;
}
.notice_list ul li header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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: 20px;
  width: 100%;
}
.notice_list ul li .icon_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-width: 75px;
}
.notice_list ul li .icon_img > img {
  z-index: 10;
}
.notice_list ul li .icon_img .tag_img {
  position: absolute;
  top: 0;
  right: -8px;
}
.notice_list ul li .img_mask {
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
  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;
  margin-left: -5px;
}
.notice_list ul li .img_mask img {
  max-height: 100%;
}
@media screen and (max-width: 1024px) {
  .notice_list ul li .mid_area {
    max-width: calc(100% - 170px);
  }
}
.notice_list ul li .cat_tag {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  padding: 0px 10px;
  border-radius: 4px;
}
.notice_list ul li .cat_tag.oneonone {
  background: #DC1478;
}
.notice_list ul li .cat_tag.okr {
  background: #5AC8B4;
}
.notice_list ul li .cat_tag.group {
  background: #008CDC;
}
.notice_list ul li .cat_tag.fb {
  background: #FF8C1E;
}
.notice_list ul li .cat_tag.comment {
  background: #5457A3;
}
.notice_list ul li .time_area {
  color: #000;
  font-size: 16px;
  font-weight: 300;
  margin-left: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.notice_list ul li .text_area {
  margin-top: 10px;
}
.notice_list ul li .text_area.pc {
  display: block;
}
.notice_list ul li .text_area.sp {
  display: none;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .notice_list ul li .text_area.pc {
    display: none;
  }
  .notice_list ul li .text_area.sp {
    display: block;
    margin-top: 0;
  }
}
.notice_list ul li .text_area p {
  font-size: 16px;
  margin-bottom: 0;
}
.notice_list ul li .text_area p span.bold {
  font-weight: bold;
}
.notice_list .view_area_link {
  left: 0;
}
.notice_list footer.notice_footer {
  background: #EAEBEC;
  text-align: center;
}
.notice_list footer.notice_footer a {
  padding: 10px;
  color: #404040;
  font-size: 16px;
  font-weight: 700;
  display: block;
}

.profile_setting.main_area main {
  margin-left: auto;
}
.profile_setting h2 {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .profile_setting h2 {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .profile_setting .title_area {
    padding: 0 15px;
  }
  .profile_setting .title_area h2 {
    padding: 0;
  }
}
.profile_setting .save_btn {
  color: #fff;
  background-color: #0437A0;
  border-radius: 2px;
  width: 180px;
  height: 48px;
}
@media screen and (max-width: 1024px) {
  .profile_setting .save_btn {
    width: 100%;
  }
}
.profile_setting .save_btn:disabled {
  opacity: 1;
}
.profile_setting .input_box {
  margin: 20px 0 30px;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .profile_setting .input_box {
    padding: 0 15px;
    background: #F5F5F5;
    overflow: hidden;
  }
}
.profile_setting .input_box header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 20px;
  padding: 16px 30px;
  background: #Fff;
  background-image: url(/images/common/gdbk01.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  border-bottom: 1px solid #D9D9D9;
}
@media screen and (max-width: 1024px) {
  .profile_setting .input_box header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px;
    border-radius: 4px 4px 0 0;
    background-size: auto;
  }
}
.profile_setting .input_box .pict_and_weather {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .profile_setting .input_box .pict_and_weather {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    gap: 0;
  }
}
.profile_setting .input_box .pict_and_weather .img_box {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .profile_setting .input_box .pict_and_weather .img_box {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.profile_setting .input_box .pict_and_weather .img_box figure {
  margin-bottom: 6px;
  width: 88px;
  height: 88px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto 10px;
}
.profile_setting .input_box .pict_and_weather .img_box figure img {
  width: 88px;
  height: 88px;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile_setting .input_box .pict_and_weather .img_box .upload_btn {
  color: #404040;
  font-size: 14px;
  font-weight: 700;
  border-radius: 2px;
}
.profile_setting .input_box .weather_box {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .profile_setting .input_box .weather_box {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.profile_setting .input_box .weather_box .btn_group {
  border: 1px solid #0437A0;
  border-radius: 2px;
}
.profile_setting .input_box .weather_box .btn_group > .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0px;
}
.profile_setting .input_box .weather_box .btn_group > .btn img {
  width: 20px;
  height: 20px;
}
.profile_setting .input_box .weather_box .btn_group input[type=radio]:checked + .btn {
  border: 1px solid #D4E4FC;
  background-color: #D4E4FC;
}
.profile_setting .input_box .weather_box button, .profile_setting .input_box .weather_box label {
  padding: 3px 15px;
  line-height: normal;
  height: 30px;
}
.profile_setting .input_box .weather_box button img, .profile_setting .input_box .weather_box label img {
  display: block;
  margin: auto;
}
.profile_setting .input_box .weather_box button.active, .profile_setting .input_box .weather_box label.active {
  border: 1px solid #D4E4FC;
  background-color: #D4E4FC;
}
.profile_setting .input_box .name_box {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.profile_setting .input_box .name_box input {
  width: 100%;
}
.profile_setting .input_box h3 {
  color: #404040;
  font-size: 16px;
  font-weight: 700;
}
.profile_setting .input_box .input_area {
  padding: 16px 30px;
  background: #Fff;
  border-bottom: 1px solid #D9D9D9;
}
@media screen and (max-width: 1024px) {
  .profile_setting .input_box .input_area {
    padding: 16px;
  }
}
.profile_setting .alert_tag {
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  border-radius: 2px;
  background: #DC1478;
  padding: 2px 5px;
}
.profile_setting .bottom_btnbox {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .profile_setting .bottom_btnbox {
    padding: 0 15px 15px;
  }
}
.profile_setting .bottom_btnbox .save_btn {
  margin: auto;
}
.profile_setting .file_addimg_Modal .modal-body .upfile_select_btnbox {
  position: relative;
  text-align: center;
}
.profile_setting .file_addimg_Modal .modal-body .upfile_select_btnbox .upfile_btn {
  opacity: 0;
  position: absolute;
  top: 0;
  left: calc(50% - 100px);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  cursor: pointer;
}
.profile_setting .file_addimg_Modal .modal-body .upfile_select_btnbox button {
  width: 200px;
  height: 200px;
  background-color: #D9D9D9;
  border-radius: 50%;
  margin: auto;
}
.profile_setting .file_addimg_Modal .modal-body .upfile_select_btnbox.select_img {
  position: absolute;
  left: calc(50% - 100px);
  z-index: 1;
}
.profile_setting .file_addimg_Modal .modal-body .upfile_select_btnbox.select_img .btn {
  opacity: 0;
}
.profile_setting .file_addimg_Modal .modal-footer {
  border-top: none;
  gap: 16px;
  padding: 16px;
}
.profile_setting .file_addimg_Modal .modal-footer .btn {
  border-radius: 0;
  width: 48%;
  height: 48px;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .profile_setting .file_addimg_Modal .modal-footer .btn {
    width: 47%;
  }
}
.profile_setting .upfile_box {
  margin: auto;
  width: 200px;
  height: 200px;
  position: relative;
}
.profile_setting .upfile_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
}
.profile_setting .upfile_box .btn-close {
  width: 32px;
  height: 32px;
  padding: 0;
  background-image: url(/images/common/close_btn.png);
  background-size: 32px;
  --bs-btn-close-opacity: 1;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .profile_setting .error_box {
    padding: 0 15px;
  }
}
.profile_setting .error_box .alert.alert-danger {
  color: #E80505;
  border-color: #E80505;
}
.profile_setting.andmenu header.gheader {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.profile_setting.andmenu main {
  padding: 30px 23px;
  width: calc(100% - 215px);
  max-width: 738px;
  margin-right: auto;
  margin-left: 0;
}
.profile_setting.andmenu main .title_area h2 {
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu main {
    width: 100%;
    padding: 0;
  }
  .profile_setting.andmenu main .title_area .btn_box .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.profile_setting.andmenu .profile_setting_show .icon_img {
  width: 88px;
  height: 88px;
}
.profile_setting.andmenu .profile_setting_show .icon_img .tag_img {
  position: absolute;
  top: 1px;
  right: -2px;
  width: 24px;
  height: 24px;
}
.profile_setting.andmenu .profile_setting_show .input_box h3 {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
}
.profile_setting.andmenu .profile_setting_show .input_box h3 span {
  color: #9BA4A9;
  font-size: 14px;
  font-weight: 400;
}
.profile_setting.andmenu .profile_setting_show .input_area h3 {
  color: #9BA4A9;
  font-size: 14px;
  font-weight: 400;
}
.profile_setting.andmenu .profile_setting_show .input_area.textarea_showarea h3 {
  color: #404040;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
  position: relative;
}
.profile_setting.andmenu .profile_setting_show .input_area.textarea_showarea h3::before {
  content: "";
  width: 4px;
  height: 24px;
  background: #D9D9D9;
  position: absolute;
  top: -2px;
  left: -10px;
}
.profile_setting.andmenu .profile_setting_show .profile_text {
  font-weight: 400;
  margin-bottom: 10px;
}
.profile_setting.andmenu .language_radio_area {
  padding: 35px 55px;
  background-color: #fff;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 30px;
  margin-top: 15px;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu .language_radio_area {
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px;
  }
}
.profile_setting.andmenu .language_radio_area img {
  margin-right: 10px;
}
.profile_setting.andmenu .registration_receive_notifications_area {
  background-color: transparent;
  margin-top: 20px;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu .registration_receive_notifications_area {
    margin-top: 0;
    padding: 0 15px;
  }
}
.profile_setting.andmenu .registration_receive_notifications_area .search_box {
  margin-bottom: 0;
}
.profile_setting.andmenu .registration_receive_notifications_area .search_box .btn_box {
  position: absolute;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu .registration_receive_notifications_area .search_box .btn_box {
    display: none;
  }
}
.profile_setting.andmenu .registration_receive_notifications_area > .inner_box {
  background-color: #fff;
  padding: 30px 35px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu .registration_receive_notifications_area > .inner_box {
    padding: 15px;
  }
  .profile_setting.andmenu .registration_receive_notifications_area > .inner_box .form-check {
    padding: 16px 0;
  }
}
.profile_setting.andmenu .registration_receive_notifications_area .person_list {
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu .registration_receive_notifications_area .person_list .title_btn_area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .profile_setting.andmenu .registration_receive_notifications_area .person_list h3 {
    margin-bottom: 0;
  }
}
.profile_setting.andmenu .registration_receive_notifications_area .person_list .btn_box .group_add_btn {
  width: 180px;
  height: 48px;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu .registration_receive_notifications_area .person_list .btn_box {
    width: auto;
  }
  .profile_setting.andmenu .registration_receive_notifications_area .person_list .btn_box .group_add_btn {
    padding: 15px 20px;
  }
}
.profile_setting.andmenu .registration_receive_notifications_area .person_area .icon_img {
  width: 50px;
  height: 50px;
}
.profile_setting.andmenu .registration_receive_notifications_area .person_area .trash_btn {
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu .registration_receive_notifications_area .group_list {
    padding: 0;
  }
  .profile_setting.andmenu .registration_receive_notifications_area .group_list h3 {
    text-align: left;
  }
}
.profile_setting.andmenu .add_select_review_partner {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu.oneonone.regist .title_area {
    padding: 0;
  }
  .profile_setting.andmenu.oneonone.regist .title_area h2 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu.oneonone.regist .group_list {
    padding: 0;
  }
}
.profile_setting.andmenu.oneonone.regist .group_list .inner_box {
  display: block;
  margin-bottom: 4px;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu.oneonone.regist .group_list .header_box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .profile_setting.andmenu.oneonone.regist .group_list .header_box .text_box {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.profile_setting.andmenu.oneonone.regist .group_list h3 {
  color: #404040;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu.oneonone.regist .group_list h3 {
    text-align: left;
  }
}
.profile_setting.andmenu.oneonone.regist .group_list .num_box {
  color: #404040;
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu.okr .title_area {
    padding: 0;
  }
}
.profile_setting.andmenu .notification_item_settings_area {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu .notification_item_settings_area .p_box {
    padding: 0;
  }
}
.profile_setting.andmenu .notification_item_settings_area .inner_box header,
.profile_setting.andmenu .notification_item_settings_area .inner_box .col_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0 20px 20px;
  background-color: #fff;
  border-bottom: 1px solid #9BA4A9;
}
.profile_setting.andmenu .notification_item_settings_area .inner_box header {
  background: #D2E1F0;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu .notification_item_settings_area .inner_box header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 30px;
  }
}
.profile_setting.andmenu .notification_item_settings_area .inner_box.myself_area {
  margin-top: 45px;
}
.profile_setting.andmenu .notification_item_settings_area h3, .profile_setting.andmenu .notification_item_settings_area h4 {
  color: #404040;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}
.profile_setting.andmenu .notification_item_settings_area h4 {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 4px;
}
.profile_setting.andmenu .notification_item_settings_area ul.setting_list li,
.profile_setting.andmenu .notification_item_settings_area .swich_box {
  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;
  gap: 15px;
  padding-right: 20px;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu .notification_item_settings_area .swich_box {
    -ms-flex-item-align: end;
        align-self: flex-end;
    width: 70%;
    padding-left: 5px;
  }
}
.profile_setting.andmenu .notification_item_settings_area ul.setting_list {
  margin-bottom: 0;
  padding-left: 0;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu .notification_item_settings_area ul.setting_list {
    width: 70%;
  }
}
.profile_setting.andmenu .notification_item_settings_area ul.setting_list li {
  width: 480px;
  padding: 20px 20px 20px 5px;
  border-bottom: 1px solid #9BA4A9;
}
@media screen and (max-width: 1024px) {
  .profile_setting.andmenu .notification_item_settings_area ul.setting_list li {
    width: 100%;
  }
}
.profile_setting.andmenu .notification_item_settings_area ul.setting_list li:first-of-type {
  padding-top: 0;
}
.profile_setting.andmenu .notification_item_settings_area ul.setting_list li:last-of-type {
  padding-bottom: 0;
  border-bottom: transparent;
}
@media screen and (max-width: 1024px) {
  .profile_setting.okr h2 {
    margin-top: 0;
  }
}

@media screen and (max-width: 1024px) {
  .help main,
  .terms_service main {
    padding: 16px;
  }
  .help main h2,
  .terms_service main h2 {
    padding: 0;
  }
}

.help_box,
.terms_service_box {
  padding: 35px;
  border-radius: 4px;
  background: #FFF;
}
@media screen and (max-width: 1024px) {
  .help_box,
  .terms_service_box {
    padding: 13px;
  }
}
.help_box h3,
.terms_service_box h3 {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}
.help_box .accordion-item,
.terms_service_box .accordion-item {
  border-radius: 0;
  border: transparent;
}
.help_box .accordion-item:not(:last-of-type),
.terms_service_box .accordion-item:not(:last-of-type) {
  margin-bottom: 4px;
}
.help_box .accordion-item .accordion-header,
.terms_service_box .accordion-item .accordion-header {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .help_box .accordion-item .accordion-header,
  .terms_service_box .accordion-item .accordion-header {
    padding: 0;
  }
}
.help_box .accordion-item .accordion-button,
.terms_service_box .accordion-item .accordion-button {
  background-color: #D4E4FC;
  border: 1px solid #D4E4FC;
  border-radius: 0;
}
.help_box .accordion-item .accordion-button.collapsed,
.terms_service_box .accordion-item .accordion-button.collapsed {
  border-radius: 0;
  background: #Fff;
  border: 1px solid #D9D9D9;
}
@media screen and (max-width: 1024px) {
  .help_box .accordion-item .accordion-body,
  .terms_service_box .accordion-item .accordion-body {
    padding-left: 0;
    padding-right: 0;
  }
}
.help_box .accordion-item .accordion-body p,
.terms_service_box .accordion-item .accordion-body p {
  margin-bottom: 0;
}
.help_box .accordion-item .accordion-body p + ul,
.terms_service_box .accordion-item .accordion-body p + ul {
  margin-top: 5px;
}
.help_box .accordion-item .accordion-body ul,
.terms_service_box .accordion-item .accordion-body ul {
  padding-left: 24px;
  margin-bottom: 0;
}
.help_box.by_organization_icon .accordion-item .accordion-button::after,
.terms_service_box.by_organization_icon .accordion-item .accordion-button::after {
  background-image: url(/images/common/icon_pentagon.svg);
  background-position: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.help_box.by_organization_icon .accordion-item .accordion-button.collapsed::after,
.terms_service_box.by_organization_icon .accordion-item .accordion-button.collapsed::after {
  rotate: -90deg;
}
.help_box.by_organization_icon .accordion-item .accordion-button:not(.collapsed)::after,
.terms_service_box.by_organization_icon .accordion-item .accordion-button:not(.collapsed)::after {
  rotate: -180deg;
}

.terms_service_box p, .terms_service_box h4, .terms_service_box h5, .terms_service_box h6, .terms_service_box li {
  color: #404040;
  font-size: 13px;
  font-weight: 350;
  line-height: normal;
}
.terms_service_box h6 {
  margin-bottom: 0;
}
.terms_service_box ul {
  padding-left: 20px;
  list-style: disc;
}
.terms_service_box ol {
  padding-left: 13px;
}

.ttl_flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ttl_flexbox.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1024px) {
  .ttl_flexbox.center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.ttl_flexbox h2:has(+ .right_box) {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .ttl_flexbox h2:has(+ .right_box) {
    margin-bottom: 20px;
  }
}
.ttl_flexbox .right_box {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .ttl_flexbox .right_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 5px;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    padding: 0 15px;
  }
}
.ttl_flexbox .right_box .recently_viewed_organizations_btn {
  width: 245px;
}
.ttl_flexbox .right_box .recently_viewed_organizations_btn + .dropdown-menu {
  width: 245px;
}
@media screen and (max-width: 1024px) {
  .ttl_flexbox .right_box .recently_viewed_organizations_btn + .dropdown-menu {
    width: 100%;
  }
}
.ttl_flexbox:has(+ .search_box) h2, .ttl_flexbox:has(+ .right_box) h2 {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .ttl_flexbox:has(+ .header_info .sort_box) .right_box {
    margin-bottom: 0;
  }
}
.ttl_flexbox:has(+ .okr_list) {
  margin-bottom: 20px;
}

.main_area .p_box {
  padding: 34px 38px;
  background-color: #fff;
  border-radius: 4px;
}
.main_area .btn {
  border-radius: 2px;
  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;
}
.main_area .btn.w180_btn {
  width: 180px;
  height: 48px;
}
@media screen and (max-width: 1024px) {
  .main_area .btn.w180_btn {
    width: auto;
  }
}
.main_area .btn.delete_btn {
  width: auto;
  height: auto;
  padding: 0;
}
.main_area .btn.delete_redbtn {
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  border-radius: 2px;
  background: #DF4C4A;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_area .csvout_btn,
.main_area .add_public_partner_btn,
.main_area .edit_btn,
.main_area .save_btn,
.main_area .add_blue_btn,
.main_area .add_btn {
  color: #fff;
  background-color: #0437A0;
}
.main_area .csvout_btn.disabled, .main_area .csvout_btn:disabled,
.main_area .add_public_partner_btn.disabled,
.main_area .add_public_partner_btn:disabled,
.main_area .edit_btn.disabled,
.main_area .edit_btn:disabled,
.main_area .save_btn.disabled,
.main_area .save_btn:disabled,
.main_area .add_blue_btn.disabled,
.main_area .add_blue_btn:disabled,
.main_area .add_btn.disabled,
.main_area .add_btn:disabled {
  background: #D9D9D9;
}
.main_area .edit_btn {
  margin-left: auto;
}
.main_area .auto_cal_btn {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  border-radius: 2px;
  background: #404040;
}
.main_area .all_select_btn,
.main_area .user_select_btn,
.main_area .draft_save_btn,
.main_area .back_btn,
.main_area .cancel_btn,
.main_area .clear_btn {
  color: #0437A0;
  border-color: #0437A0;
  background-color: #fff;
  margin-left: auto;
}
.main_area .cancel_skyblue_btn,
.main_area .add_owner_btn {
  color: #fff;
  background: #008CDC;
}
.main_area .add_owner_btn {
  font-size: 14px;
  font-weight: 700;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
}
.main_area .add_owner_btn .pc {
  display: block;
}
.main_area .add_owner_btn .sp {
  display: none;
}
@media screen and (max-width: 1024px) {
  .main_area .add_owner_btn {
    padding: 7px;
  }
  .main_area .add_owner_btn .pc {
    display: none;
  }
  .main_area .add_owner_btn .sp {
    display: block;
  }
}
.main_area .change_history_btn {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  border-radius: 2px;
  background: #404040;
}
.main_area .operation_btn {
  color: #FFF;
  text-align: center;
  height: auto;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  border-radius: 4px;
  background: #404040;
  padding: 6px 12px;
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .main_area .operation_btn {
    display: none;
  }
}
.main_area .trash_btn {
  padding: 0;
}
.main_area .cancel_select_btn {
  padding: 0;
}
.main_area .btn_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main_area .search_box {
  margin-bottom: 20px;
}
.main_area .search_box:has(> .btn) .btn_box, .main_area .search_box:has(.btn_box) .btn_box {
  margin: 0;
}
.main_area .search_box:has(> .btn) input.search_text, .main_area .search_box:has(.btn_box) input.search_text {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area .search_box {
    margin-top: 0;
  }
}
.main_area .search_box .btn_box {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
}
.main_area .search_box .btn_box .btn {
  height: 48px;
  margin-left: 0;
  padding-left: 25px;
  padding-right: 25px;
}
@media screen and (max-width: 1024px) {
  .main_area .search_box .btn_box .btn {
    display: none;
  }
}
.main_area .search_box .add_btn {
  margin-left: auto;
}
.main_area .search_box .search_text {
  margin-top: 0;
  padding-left: 40px;
  background-image: url("/images/common/icon_search.png");
  background-repeat: no-repeat;
  background-position: center left 10px;
}
@media screen and (max-width: 1024px) {
  .main_area .search_box + .error_box {
    padding: 0 15px;
  }
}
.main_area .search_box + .error_box .alert-danger {
  color: #E80505;
  border-color: #E80505;
}
.main_area .select_wh_arrow {
  width: 100%;
}
.main_area .select_wh_arrow .form-select {
  color: #fff;
  background: #404040;
  background-image: url("/images/okr/icon_arrow_wh.svg");
  background-repeat: no-repeat;
  background-position: center right 10px;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.main_area .select_wh_arrow.sp {
  display: none;
}
@media screen and (max-width: 1024px) {
  .main_area .select_wh_arrow.sp {
    display: block;
  }
}
.main_area .bottom_brn_box {
  margin-top: 25px;
}
@media screen and (max-width: 1024px) {
  .main_area .bottom_brn_box {
    display: none;
  }
}
.main_area .bottom_brn_box .btn_box {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.main_area .bottom_brn_box .btn_box .btn {
  height: 48px;
  margin-left: 25px;
  padding-left: 25px;
  padding-right: 25px;
}
.main_area .form-switch {
  padding: 0;
  position: relative;
}
.main_area .form-switch .form-check-input {
  width: 68px;
  height: 28px;
  margin: 0;
  background-color: #9BA8B9;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"), url("/images/personal_settings/OFF.svg");
  background-repeat: no-repeat;
  background-position: left, 28px center;
  background-size: auto;
}
.main_area .form-switch .form-check-input:checked {
  background-color: rgb(220, 20, 120);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"), url("/images/personal_settings/ON.svg");
  background-position: right, 14px center;
}
.main_area .good_area,
.main_area .comment_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding: 0;
}
.main_area .good_area.unread {
  color: #DC1478;
  font-weight: 700;
}
.main_area .comment_area.unread {
  color: #FF8C1E;
  font-weight: 700;
}
.main_area .comment_area.unread span:not(:is(#___priority_up_dummy)) {
  color: #FF8C1E;
}
.main_area .hierarchy_list,
.main_area .person_list {
  background-color: #fff;
  padding: 35px 30px;
}
@media screen and (max-width: 1024px) {
  .main_area .hierarchy_list,
  .main_area .person_list {
    padding: 0;
  }
}
.main_area .hierarchy_list .form-radio,
.main_area .hierarchy_list .form-check,
.main_area .person_list .form-radio,
.main_area .person_list .form-check {
  border-top: 1px solid #9BA4A9;
  padding: 25px;
}
@media screen and (max-width: 1024px) {
  .main_area .hierarchy_list .form-radio,
  .main_area .hierarchy_list .form-check,
  .main_area .person_list .form-radio,
  .main_area .person_list .form-check {
    padding: 16px 16px 16px 35px;
  }
}
.main_area .hierarchy_list .form-radio:last-of-type,
.main_area .hierarchy_list .form-check:last-of-type,
.main_area .person_list .form-radio:last-of-type,
.main_area .person_list .form-check:last-of-type {
  border-bottom: 1px solid #9BA4A9;
}
.main_area .hierarchy_list .form-radio .group_edit_btn,
.main_area .hierarchy_list .form-check .group_edit_btn,
.main_area .person_list .form-radio .group_edit_btn,
.main_area .person_list .form-check .group_edit_btn {
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .main_area .hierarchy_list .form-radio,
  .main_area .person_list .form-radio {
    padding-left: 25px;
    padding-right: 0;
  }
}
.main_area .person_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1024px) {
  .main_area .person_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .main_area .person_area:first-of-type {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .main_area .person_area:first-of-type .profile {
    text-align: right;
  }
  .main_area .person_area:last-of-type {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.main_area .person_area.btn {
  position: relative;
}
.main_area .person_area:has(.person_num) {
  gap: 0;
}
.main_area .person_area:has(.person_num) .icon_img:not(:first-of-type) {
  margin-left: -5px;
}
.main_area .person_area .icon_img {
  position: relative;
}
.main_area .person_area .icon_img .tag_img {
  position: absolute;
  top: -3px;
  right: -12px;
  width: 24px;
  height: 24px;
}
.main_area .person_area .icon_img--profile-detail .tag_img {
  top: -2px;
  right: -2px;
}
.main_area .person_area:has(.icon_img) {
  gap: 0;
}
.main_area .person_area_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 18px;
}
@media screen and (max-width: 1024px) {
  .main_area .hierarchy_list .sub_title_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 10px;
    padding: 15px 0 30px;
  }
}
.main_area .hierarchy_list h3 {
  margin-bottom: 0;
}
.main_area .hierarchy_list input[type=radio].form-check-input {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .main_area .hierarchy_list input[type=radio].form-check-input {
    margin-left: -15px;
  }
}
.main_area .img_mask {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  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;
}
.main_area .img_mask img {
  max-height: 100%;
}
.main_area .sub_title_area {
  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;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .main_area .sub_title_area .btn {
    width: 100%;
  }
}
.main_area .sub_title_area h3 {
  color: #000;
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .main_area .sub_title_area h3 {
    font-size: 16px;
    font-weight: 400;
  }
}
.main_area .date_ttl_bar {
  border-radius: 2px 2px 0px 0px;
  background: #008CDC;
  color: #fff;
  padding: 3px 10px 3px 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main_area .date_ttl_bar .date time {
  font-weight: bold;
  margin-right: 5px;
}
.main_area .date_ttl_bar .dropdown.dropend .three_point_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
}
.main_area .oneonone_tab_pane .inner_box {
  position: relative;
}
.main_area .oneonone_tab_pane .inner_box:not(:first-of-type) {
  margin-top: 20px;
}
.main_area.notice main {
  padding: 15px;
}
.main_area.notice main h2 {
  padding: 0;
}
.main_area .oneonone_detail_header {
  background-color: #fff;
  padding: 13px 24px;
}
.main_area .oneonone_detail_header .oneonone_persons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.main_area .oneonone_detail_header .oneonone_persons .person_area {
  width: calc(100% - 14px);
}
.main_area .oneonone_detail_header .icon_img {
  width: 50px;
  height: 50px;
}
.main_area .oneonone_detail_header .profile {
  color: #000;
}
.main_area .oneonone_detail_header .profile h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.main_area .oneonone_detail_header .profile p {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}
.main_area .public_status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 10px;
  color: #008CDC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_area .public_status::after {
  content: "";
  background-color: #D4E4FC;
  height: 2px;
  width: 100%;
}
.main_area .public_status span {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_area .public_status img {
  margin-bottom: 8px;
}
.main_area .public_status img[src$="/images/common/icon_limited_release.svg"] {
  margin-bottom: 4px;
}
.main_area .tag_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 15px;
}
.main_area .tag_area .department_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
}
.main_area .tag_area .department_box .btn,
.main_area .tag_area .department_box span {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  padding: 0;
}
.main_area .tag_area .department_box .group_btn span,
.main_area .tag_area .department_box .org_btn span {
  color: #404040;
  font-size: 14px;
  font-weight: 400;
}
.main_area .tag_area .department_box .group_btn span:has(+ span)::after,
.main_area .tag_area .department_box .org_btn span:has(+ span)::after {
  content: "、";
}
.main_area .tag_area .department_box .group_btn span:has(+ span.group_num)::after,
.main_area .tag_area .department_box .org_btn span:has(+ span.group_num)::after {
  content: none;
}
.main_area .tag_area .icon_img {
  width: 28px;
  height: 28px;
}
.main_area .tag_area .icon_img .tag_img {
  width: 24px;
  height: 24px;
}
.main_area .tag_area .img_mask {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  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;
}
.main_area .tag_area .img_mask img {
  max-height: 100%;
}
.main_area .tag_area .personal_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding: 0;
  position: relative;
}
.main_area .tag_area .personal_tag:has(.person_num) {
  gap: 0;
}
.main_area .tag_area .personal_tag--review_detail .icon_img {
  width: 28px !important;
  height: 28px !important;
}
.main_area.oneonone .modal .modal-dialog {
  max-width: 360px;
}
.main_area.oneonone .modal .good_area {
  position: absolute;
  top: -35px;
  left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
}
.main_area .oneonone_body .view_area {
  width: 100%;
  padding: 20px 20px 10px;
  background-color: #fff;
  border-top: 2px solid #008CDC;
  position: relative;
  overflow: hidden;
}
.main_area .oneonone_body .view_area::before {
  content: "";
  width: 28px;
  height: 28px;
  background-color: #008CDC;
  display: block;
  position: absolute;
  top: -14px;
  left: -14px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.main_area .oneonone_body .view_area h4 {
  color: #DC1478;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.main_area .oneonone_body .view_area h4::before {
  margin-top: 6px;
  mix-blend-mode: luminosity;
}
.main_area .oneonone_body .view_area h4.icon_ribbon::before {
  content: url(/images/common/icon_ribbon.png);
}
.main_area .oneonone_body .view_area h4.icon_beginner_sign::before {
  content: url(/images/common/icon_beginner_sign.png);
}
.main_area .oneonone_body .view_area h4.icon_fire::before {
  content: url(/images/common/icon_fire.png);
}
.main_area .oneonone_body .view_area h4.icon_pin::before {
  content: url(/images/common/icon_pin.png);
}
.main_area .oneonone_body .view_area p {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
.main_area .oneonone_body .view_area p.content_area {
  max-height: 3.6em;
  overflow: hidden;
}
.main_area .oneonone_body .icon_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding-top: 10px;
  position: relative;
}
.main_area .oneonone_body .icon_area::before {
  content: "";
  width: calc(100% + 40px);
  height: 1px;
  background-color: #D9D9D9;
  position: absolute;
  top: 0;
  left: -20px;
}
.main_area .oneonone_body .icon_area .good_area,
.main_area .oneonone_body .icon_area .comment_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.main_area .oneonone_body .icon_area .comment_area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.main_area footer.personal_memo {
  background: #D4E4FC;
  padding: 20px;
  margin-top: 10px;
}
.main_area footer.personal_memo .inner_box {
  background-color: #fff;
  padding: 10px 18px;
}
.main_area footer.personal_memo h3 {
  color: #008CDC;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.main_area footer.personal_memo h3::before {
  content: url(/images/common/icon_book.png);
  margin-top: 7px;
  mix-blend-mode: luminosity;
}
.main_area footer.personal_memo p {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_area .comment_input_header {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #EDEDF2;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.main_area .comment_input_header.collapsed {
  background-color: #fff;
}
.main_area .comment_input_header.collapsed + #comment_input_box {
  padding-top: 20px;
  background: #EDEDF2;
}
.main_area .comment_input_header + #comment_input_box .comment_input_area {
  padding-top: 0;
}
.main_area .comment_input_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 20px;
  background: #EDEDF2;
}
.main_area .comment_input_area + .oneonone_comment_list::before {
  content: none;
}
.main_area .comment_input_area + .oneonone_comment_list + .oneonone_comment_list {
  padding-top: 0;
}
.main_area .comment_input_area .comment_area {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.main_area .comment_input_area .comment_area textarea {
  border-color: #008CDC;
}
.main_area .comment_input_area .comment_area .button_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-top: 7px;
}
.main_area .comment_input_area .comment_area .button_area span {
  font-size: 12px;
  color: #9c9c9c;
  margin-right: 20px;
}
.main_area .comment_input_area .comment_area .button_area .btn {
  padding: 0;
  line-height: 1;
  border: none;
}
.main_area .comment_input_area .comment_area .button_area .btn.send_btn {
  margin-left: auto;
}
.main_area .comment_input_area .comment_area .button_area .btn.send_btn:disabled {
  opacity: 0.15;
}
.main_area .comment_input_area .comment_area .button_area .file_upload_btn {
  position: relative;
  overflow: hidden;
}
.main_area .comment_input_area .comment_area .button_area .file_upload_btn img {
  cursor: pointer;
}
.main_area .comment_input_area .comment_area .button_area .file_upload_btn input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper .comment_area_reply_to {
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 300;
  color: #000;
  pointer-events: none;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper .comment_area_reply_to__name {
  color: #DC1478;
}
.main_area .oneonone_comment_list {
  background: #fff;
  padding: 20px;
  position: relative;
}
.main_area .oneonone_comment_list .inner_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main_area .oneonone_comment_list .inner_box .icon_img {
  display: block;
}
.main_area .oneonone_comment_list--stamp .inner_box::before {
  content: none;
}
.main_area .add_img_box {
  display: inline-block;
  margin: 10px 0 0;
  border: 1px solid #9BA4A9;
  border-radius: 4px;
}
.main_area .add_img_box .mask {
  max-width: 150px;
  max-height: 107px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  z-index: 110;
}
.main_area .add_img_box .mask img {
  width: 100%;
}
.main_area .add_pdf_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
  border: 1px solid #9BA4A9;
  border-radius: 4px;
}
.main_area .add_pdf_box a {
  font-size: 12px;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10px;
  position: relative;
  z-index: 110;
}
.main_area .add_pdf_box img {
  padding: 10px;
}
.main_area .add_pdf_box .trash_btn {
  margin-left: auto;
  padding: 0;
}
.main_area .past_comments_area {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media screen and (max-width: 1024px) {
  .main_area .past_comments_area {
    width: calc(100% - 42px);
  }
}
.main_area .past_comments_area:has(+ .reply_comment)::after, .main_area .past_comments_area:has(+ .reply_comment.inner_box)::after {
  height: 0%;
}
.main_area .past_comments_area:has(+ .reply_comment.show), .main_area .past_comments_area:has(+ .reply_comment.inner_box) {
  position: relative;
}
.main_area .past_comments_area:has(+ .reply_comment.show)::after, .main_area .past_comments_area:has(+ .reply_comment.inner_box)::after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background-color: #D9D9D9;
  position: absolute;
  top: 40px;
  left: -28px;
  z-index: 1;
}
.main_area .past_comments {
  border-radius: 4px;
  background: #EDEDF2;
  padding: 10px 15px;
  position: relative;
}
.main_area .past_comments h5 {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.main_area .past_comments p {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_area .past_comments .date_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area .past_comments .date_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 5px;
  }
}
.main_area .past_comments .date_area time {
  color: #000;
  font-size: 11px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.main_area .past_comments .dropdown {
  position: absolute;
  top: 2px;
  right: 16px;
}
.main_area .past_comments .dropdown .btn {
  padding: 0;
  height: 26px;
}
.main_area .past_comments .reply_comment_area_reply_to {
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 300;
  color: #000;
}
.main_area .past_comments .reply_comment_area_reply_to__name {
  color: #DC1478;
}
.main_area .past_comments .reply_comment_area_stamp {
  width: 26px;
  height: 26px;
  margin-bottom: 10px;
}
.main_area .past_comments .reply_comment_area_stamp img {
  width: 100%;
  height: auto;
}
.main_area .action_btn_area {
  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;
  margin-top: 10px;
  margin-bottom: 15px;
}
.main_area .action_btn_area .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  padding: 0;
}
.main_area .action_btn_area .btn img, .main_area .action_btn_area .btn svg {
  display: block;
  margin-bottom: -2px;
}
.main_area .action_btn_area .icon_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.main_area .action_btn_area .icon_area .number {
  font-size: 15px;
}
.main_area .btn.good_icon_btn {
  height: 20px;
  padding: 0 5px 0 0;
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  background: #FFF;
}
.main_area .good_btn {
  margin-left: auto;
  margin-right: 10px;
  height: 28px;
  position: relative;
  z-index: 100;
}
.main_area .good_btn::before {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  content: "";
  margin-bottom: -3px;
  background-image: url(/images/common/icon_good_border.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.main_area .good_btn.active {
  color: #DC1478;
  border-color: transparent;
}
.main_area .good_btn.active::before {
  content: "";
  margin-bottom: -3px;
  background-image: url(/images/common/icon_good_pink.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.main_area .good_btn.active:hover::after {
  content: "取り消す";
  color: #fff;
  border-radius: 2px;
  background: #5A6171;
  padding: 3px 5px;
  position: absolute;
  bottom: -25px;
  left: -13px;
}
.main_area .good_btn:hover {
  color: #DC1478;
  border-color: transparent;
}
.main_area .good_btn:hover::before {
  content: "";
  margin-bottom: -3px;
  background-color: #EAEAEA;
  background-image: url(/images/common/icon_good_pink.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.main_area .people_profile_area {
  background-color: #fff;
  padding: 16px 30px 0;
  margin-bottom: 20px;
  background-image: url(/images/common/gdbk01.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  border-bottom: 1px solid #D9D9D9;
  border-radius: 4px;
}
@media screen and (max-width: 1024px) {
  .main_area .people_profile_area {
    padding: 16px 15px 0;
  }
}
.main_area .people_profile_area .person_area {
  gap: 30px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .main_area .people_profile_area .person_area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 30px;
  }
  .main_area .people_profile_area .person_area .profile {
    text-align: center;
  }
}
.main_area .people_profile_area .person_area p {
  margin-bottom: 0;
}
.main_area .people_profile_area .person_area > .icon_img {
  width: 100px;
  height: 100px;
}
.main_area .people_profile_area .person_area > .icon_img .tag_img {
  top: 1px;
  right: -3px;
}
.main_area .people_profile_area .btn_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: 15px;
  margin-top: 15px;
}
.main_area .people_profile_area .btn_box .btn {
  color: #0437A0;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: 1px solid #0437A0;
}
.main_area .people_profile_area .btn_box .btn::before {
  display: block;
  margin-bottom: -6px;
}
.main_area .people_profile_area .btn_box .send_request_btn {
  color: #fff;
  border: 1px solid #DC1478;
  background: #DC1478;
}
.main_area .people_profile_area .btn_box .send_request_btn::before {
  content: url(/images/common/icon_send_request_btn.svg);
}
@media screen and (max-width: 1024px) {
  .main_area .people_profile_area .btn_box .send_request_btn {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.main_area .people_profile_area .btn_box .message_btn::before {
  content: url(/images/common/icon_message_blue.svg);
}
@media screen and (max-width: 1024px) {
  .main_area .people_profile_area .btn_box .message_btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.main_area .people_profile_area .btn_box .tel_btn::before {
  content: url(/images/common/icon_tel_blue.svg);
}
@media screen and (max-width: 1024px) {
  .main_area .people_profile_area .btn_box .tel_btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.main_area .people_profile_area .people_profile_accordion {
  margin-top: 25px;
  margin-left: -30px;
  margin-right: -30px;
}
@media screen and (max-width: 1024px) {
  .main_area .people_profile_area .people_profile_accordion {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.main_area .people_profile_area .people_profile_accordion .inner_box {
  border-top: 4px solid #F5F5F5;
}
.main_area .people_profile_area .people_profile_accordion .accordion-header {
  margin-bottom: 0;
}
.main_area .people_profile_area .people_profile_accordion .accordion-button:not(.collapsed) {
  background-color: #fff;
}
.main_area .people_profile_area .people_profile_accordion .accordion-button::before {
  content: "";
  display: block;
  width: 4px;
  height: 24px;
  margin-right: 10px;
  background-color: #D9D9D9;
}
.main_area .people_profile_area .people_profile_accordion .accordion-body {
  padding-top: 0;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_area .people_profile_area .people_profile_accordion .accordion-body p {
  margin-bottom: 0;
}
.main_area .people_profile_area + .nav-tabs {
  margin-bottom: 10px;
}
.main_area .form_sec {
  padding: 20px 30px;
}
.main_area .form_sec:not(:first-of-type) {
  border-top: 4px solid #D4E4FC;
}
@media screen and (max-width: 1024px) {
  .main_area .form_sec {
    padding: 15px;
  }
}
.main_area .form_sec .flex_box {
  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;
}
@media screen and (max-width: 1024px) {
  .main_area .form_sec .flex_box {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .main_area .form_sec.add_viewer_sec .progress {
    width: calc(100% - 150px);
  }
}
.main_area .form_sec.add_viewer_sec .view_area {
  margin-bottom: 0;
}
.main_area .form_sec.add_viewer_sec .pc {
  display: block;
}
.main_area .form_sec.add_viewer_sec .sp {
  display: none;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .main_area .form_sec.add_viewer_sec .pc {
    display: none;
  }
  .main_area .form_sec.add_viewer_sec .sp {
    display: block;
    margin-top: 0;
  }
}
.main_area .input-group {
  border-radius: 2px;
  border: 1px solid #9BA4A9;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main_area .input-group input {
  border-right-color: #9BA4A9;
}
.main_area .input-group input[type=date] {
  line-height: 34px;
}
.main_area .input-group input.flatpickr-input {
  border: transparent;
  border-right: 1px solid #9BA4A9;
}
@media screen and (max-width: 1024px) {
  .main_area .input-group input.flatpickr-input {
    border-left: 1px solid #9BA4A9;
  }
}
.main_area .input-group .input-group-text {
  width: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: transparent;
  border-left: 1px solid #9BA4A9;
}
.main_area .multi_name_input_area {
  width: calc(100% - 49px);
  height: 100%;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 0.782rem 0.75rem;
  background-color: #fff;
  border-right-color: #9BA4A9;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main_area .multi_name_input_area span.placeholder {
  color: #9BA4A9;
  font-size: 15px;
  font-weight: 400;
  background-color: transparent;
}
.main_area .multi_name_input_area span.tag {
  border-radius: 4px;
  background: #D4E4FC;
  padding: 4px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_area .multi_name_input_area span.tag img {
  display: block;
}
.main_area .radio_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .main_area .radio_area {
    display: block;
  }
}
.main_area .radio_area + * {
  margin-top: 30px;
}
.main_area .radio_box + * {
  margin-top: 20px;
}
.main_area .info_box .person_area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}
.main_area .info_box .person_area .profile {
  text-align: left;
}
.main_area .error_text {
  color: #DC1478;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .main_area .error_text {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.main_area .error_text .pdf_upload_btn {
  padding: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.main_area .error_text .pdf_upload_btn img {
  padding: 0;
}
.main_area .error_text .pdf_upload_btn .upload_input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.main_area .error_text .preview_btn {
  color: #DC1478;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .main_area .error_text .preview_btn {
    width: 100%;
  }
}
.main_area .footer_btn_box {
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-top: 1px solid #D9D9D9;
}
@media screen and (max-width: 1024px) {
  .main_area .footer_btn_box {
    display: none;
  }
}
.main_area .footer_btn_box .btn {
  color: var(--main, #282763);
  border: 1px solid var(--main, #282763);
}
.main_area .footer_btn_box .save_btn {
  color: #fff;
  background-color: #0437A0;
}
.main_area .select_area .inner_box {
  margin-top: 20px;
}
.main_area .select_area .inner_box--organization, .main_area .select_area .inner_box--group, .main_area .select_area .inner_box--user {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 4px solid #E8F1FF;
}
.main_area .select_area .inner_box--organization .sub_title_area, .main_area .select_area .inner_box--group .sub_title_area, .main_area .select_area .inner_box--user .sub_title_area {
  height: 48px;
}
@media screen and (max-width: 1024px) {
  .main_area .select_area .inner_box--organization .sub_title_area, .main_area .select_area .inner_box--group .sub_title_area, .main_area .select_area .inner_box--user .sub_title_area {
    display: block;
    height: auto;
  }
  .main_area .select_area .inner_box--organization .sub_title_area h3, .main_area .select_area .inner_box--group .sub_title_area h3, .main_area .select_area .inner_box--user .sub_title_area h3 {
    margin-bottom: 20px;
  }
}
.main_area .select_area ul {
  list-style: none;
  padding: 0;
}
.main_area .select_area ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
  width: 100%;
}
.main_area .select_area ul li .delete_btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_area .select_area ul li .person_area .icon_img {
  width: 50px;
  height: 50px;
  position: relative;
}
.main_area .select_area ul li .member_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 20px;
}
.main_area .select_area ul li .member_area_count {
  font-size: 14px;
  white-space: nowrap;
}
.main_area .select_area .info_box {
  width: calc(100% - 35px);
}
.main_area .select_area .info_box .person_area {
  gap: 20px;
}
.main_area .select_area .info_box--title {
  font-weight: bold;
}
.main_area .select_area .okr_obj_list--group li {
  background-color: #EDEDF2;
}
.main_area .select_area .okr_obj_list--user li {
  margin-bottom: 0px;
}
.main_area .select_area .okr_obj_list--user li, .main_area .select_area .okr_obj_list--share-owner li {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #9BA4A9;
  background: none;
}
.main_area .select_area .okr_obj_list--user li:first-child, .main_area .select_area .okr_obj_list--share-owner li:first-child {
  border-top: 1px solid #9BA4A9;
}
.main_area .select_area .okr_obj_list--user .profile_name, .main_area .select_area .okr_obj_list--share-owner .profile_name {
  font-size: 16px;
  font-weight: bold;
}
.main_area .select_area .okr_obj_list--user .profile_affiliation, .main_area .select_area .okr_obj_list--share-owner .profile_affiliation {
  margin-bottom: 0;
}
.main_area .reply_comment {
  padding: 0;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_area .reply_comment .comment_input_area {
  background-color: transparent;
  padding: 0 0 0 40px;
}
.main_area .reply_comment.inner_box {
  padding: 20px 0 0 40px;
}
.main_area .period_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: 5px;
  padding: 20px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .main_area .period_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 10px;
  }
  .main_area .period_area img {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.main_area .period_area .date {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: auto;
}
@media screen and (max-width: 1024px) {
  .main_area .period_area .date {
    width: 100%;
  }
}
.main_area .period_area .date span {
  padding: 6px 8px;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  border-radius: 2px 0px 0px 2px;
  background: #9BA8B9;
  line-height: 32px;
}
.main_area .period_area .date .flatpickr-input {
  color: #3B3B3B;
  padding: 5px 40px 5px 8px;
  max-width: 116px;
  line-height: 32px;
  text-align: left;
  border: transparent;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .main_area .period_area .date .flatpickr-input {
    max-width: none;
    text-align: left;
    padding: 5px 8px;
  }
}
.main_area .period_area .input-group-text {
  width: 38px;
  height: 44px;
  background-color: transparent !important;
  border-left: transparent;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 1024px) {
  .main_area .period_area .input-group-text {
    display: none;
  }
}
.main_area .regist_form {
  background-color: #fff;
  border-radius: 4px;
  border: 4px solid #D4E4FC;
}
.main_area .regist_form header.ttl h3 {
  color: #404040;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 25px;
}
.main_area .regist_form header.ttl h3 span {
  color: #404040;
  font-size: 18px;
  font-weight: 400;
  margin-top: 5px;
  display: block;
}
.main_area .regist_form h3, .main_area .regist_form h4 {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_area .regist_form h3 .required_item, .main_area .regist_form h4 .required_item {
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 5px;
  margin-left: 5px;
  border-radius: 2px;
  background: #DC1478;
}
.main_area .regist_form h3 .border_item, .main_area .regist_form h4 .border_item {
  color: #9BA8B9;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 5px;
  margin-left: 5px;
  border-radius: 2px;
  border: 1px solid #9BA8B9;
  background: #Fff;
}
.main_area .regist_form .form-control {
  position: relative;
}
.main_area .regist_form .form-check {
  font-size: 15px;
}
.main_area .regist_form .btn_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area .regist_form .btn_box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.main_area .full_width {
  max-width: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_area .two_col {
  max-width: none;
  min-width: 983px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
  padding-right: 0;
}
@media screen and (max-width: 1024px) {
  .main_area .two_col {
    min-width: auto;
  }
}
.main_area .two_col .main_content {
  width: 668px;
  max-width: 668px;
  min-width: auto;
}
@media screen and (max-width: 1024px) {
  .main_area .two_col .main_content {
    max-width: none;
    width: 100%;
    padding: 0 16px 16px;
  }
}
.main_area .two_col .main_side {
  width: 259px;
}
@media screen and (max-width: 1024px) {
  .main_area .two_col .main_side {
    width: 100%;
    padding: 15px;
    background-color: #fff;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management main h2, .main_area.fb_request main h2, .main_area.oneonone main h2, .main_area.people main h2 {
    padding: 0;
    margin-bottom: 20px;
  }
  .main_area.system_management main h2:has(+ .add_select_review_partner), .main_area.fb_request main h2:has(+ .add_select_review_partner), .main_area.oneonone main h2:has(+ .add_select_review_partner), .main_area.people main h2:has(+ .add_select_review_partner) {
    margin-bottom: 0;
  }
}
.main_area.system_management main .nav-tabs, .main_area.fb_request main .nav-tabs, .main_area.oneonone main .nav-tabs, .main_area.people main .nav-tabs {
  gap: 4px;
}
.main_area.system_management main .nav-tabs .nav-item, .main_area.fb_request main .nav-tabs .nav-item, .main_area.oneonone main .nav-tabs .nav-item, .main_area.people main .nav-tabs .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main_area.system_management main .nav-tabs .nav-link, .main_area.fb_request main .nav-tabs .nav-link, .main_area.oneonone main .nav-tabs .nav-link, .main_area.people main .nav-tabs .nav-link {
  width: 100%;
  border: transparent;
  border-radius: 0;
  background: #fff;
  color: #9C9C9C;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
  line-height: normal;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management main .nav-tabs .nav-link, .main_area.fb_request main .nav-tabs .nav-link, .main_area.oneonone main .nav-tabs .nav-link, .main_area.people main .nav-tabs .nav-link {
    font-size: 15px;
    padding-left: 3px;
    padding-right: 3px;
  }
}
.main_area.system_management main .nav-tabs .nav-link::after, .main_area.fb_request main .nav-tabs .nav-link::after, .main_area.oneonone main .nav-tabs .nav-link::after, .main_area.people main .nav-tabs .nav-link::after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #D9D9D9;
  position: absolute;
  top: 0;
  left: 0;
}
.main_area.system_management main .nav-tabs .nav-link.active, .main_area.fb_request main .nav-tabs .nav-link.active, .main_area.oneonone main .nav-tabs .nav-link.active, .main_area.people main .nav-tabs .nav-link.active {
  color: #DC1478;
  background-color: #fff;
}
.main_area.system_management main .nav-tabs .nav-link.active::after, .main_area.fb_request main .nav-tabs .nav-link.active::after, .main_area.oneonone main .nav-tabs .nav-link.active::after, .main_area.people main .nav-tabs .nav-link.active::after {
  background-color: #DC1478;
}
.main_area.system_management main .profile h5, .main_area.fb_request main .profile h5, .main_area.oneonone main .profile h5, .main_area.people main .profile h5 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.main_area.system_management main .profile p, .main_area.fb_request main .profile p, .main_area.oneonone main .profile p, .main_area.people main .profile p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
.main_area.system_management.detail .icon_img, .main_area.system_management.organization .icon_img, .main_area.fb_request.detail .icon_img, .main_area.fb_request.organization .icon_img, .main_area.oneonone.detail .icon_img, .main_area.oneonone.organization .icon_img, .main_area.people.detail .icon_img, .main_area.people.organization .icon_img {
  position: relative;
  width: 72px;
  height: 72px;
}
.main_area.system_management.detail .icon_img .tag_img, .main_area.system_management.organization .icon_img .tag_img, .main_area.fb_request.detail .icon_img .tag_img, .main_area.fb_request.organization .icon_img .tag_img, .main_area.oneonone.detail .icon_img .tag_img, .main_area.oneonone.organization .icon_img .tag_img, .main_area.people.detail .icon_img .tag_img, .main_area.people.organization .icon_img .tag_img {
  position: absolute;
  width: 24px;
  height: 24px;
}
.main_area.system_management.detail .profile p, .main_area.system_management.organization .profile p, .main_area.fb_request.detail .profile p, .main_area.fb_request.organization .profile p, .main_area.oneonone.detail .profile p, .main_area.oneonone.organization .profile p, .main_area.people.detail .profile p, .main_area.people.organization .profile p {
  margin-bottom: 0;
}
.main_area.system_management.detail .img_mask, .main_area.system_management.organization .img_mask, .main_area.fb_request.detail .img_mask, .main_area.fb_request.organization .img_mask, .main_area.oneonone.detail .img_mask, .main_area.oneonone.organization .img_mask, .main_area.people.detail .img_mask, .main_area.people.organization .img_mask {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
}
.main_area.system_management.detail .img_mask img, .main_area.system_management.organization .img_mask img, .main_area.fb_request.detail .img_mask img, .main_area.fb_request.organization .img_mask img, .main_area.oneonone.detail .img_mask img, .main_area.oneonone.organization .img_mask img, .main_area.people.detail .img_mask img, .main_area.people.organization .img_mask img {
  max-height: 100%;
}
.main_area.system_management.detail .comment_input_area .icon_img, .main_area.system_management.organization .comment_input_area .icon_img, .main_area.fb_request.detail .comment_input_area .icon_img, .main_area.fb_request.organization .comment_input_area .icon_img, .main_area.oneonone.detail .comment_input_area .icon_img, .main_area.oneonone.organization .comment_input_area .icon_img, .main_area.people.detail .comment_input_area .icon_img, .main_area.people.organization .comment_input_area .icon_img {
  width: 32px;
  height: 32px;
}
.main_area.system_management.detail .oneonone_comment_list .icon_img, .main_area.system_management.organization .oneonone_comment_list .icon_img, .main_area.fb_request.detail .oneonone_comment_list .icon_img, .main_area.fb_request.organization .oneonone_comment_list .icon_img, .main_area.oneonone.detail .oneonone_comment_list .icon_img, .main_area.oneonone.organization .oneonone_comment_list .icon_img, .main_area.people.detail .oneonone_comment_list .icon_img, .main_area.people.organization .oneonone_comment_list .icon_img {
  width: 32px;
  height: 32px;
}
.main_area.system_management.detail .oneonone_comment_list .icon_img .tag_img, .main_area.system_management.organization .oneonone_comment_list .icon_img .tag_img, .main_area.fb_request.detail .oneonone_comment_list .icon_img .tag_img, .main_area.fb_request.organization .oneonone_comment_list .icon_img .tag_img, .main_area.oneonone.detail .oneonone_comment_list .icon_img .tag_img, .main_area.oneonone.organization .oneonone_comment_list .icon_img .tag_img, .main_area.people.detail .oneonone_comment_list .icon_img .tag_img, .main_area.people.organization .oneonone_comment_list .icon_img .tag_img {
  width: 24px;
  height: 24px;
}
.main_area.system_management.organization .sub_title_area, .main_area.fb_request.organization .sub_title_area, .main_area.oneonone.organization .sub_title_area, .main_area.people.organization .sub_title_area {
  margin-bottom: 10px;
}
.main_area.system_management.organization .person_area, .main_area.fb_request.organization .person_area, .main_area.oneonone.organization .person_area, .main_area.people.organization .person_area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}
.main_area.system_management.organization .person_area .profile, .main_area.fb_request.organization .person_area .profile, .main_area.oneonone.organization .person_area .profile, .main_area.people.organization .person_area .profile {
  text-align: left;
}
.main_area.system_management.regist main, .main_area.system_management.request_history main, .main_area.system_management.send_request main, .main_area.fb_request.regist main, .main_area.fb_request.request_history main, .main_area.fb_request.send_request main, .main_area.oneonone.regist main, .main_area.oneonone.request_history main, .main_area.oneonone.send_request main, .main_area.people.regist main, .main_area.people.request_history main, .main_area.people.send_request main {
  display: block;
  width: 736px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management.regist main, .main_area.system_management.request_history main, .main_area.system_management.send_request main, .main_area.fb_request.regist main, .main_area.fb_request.request_history main, .main_area.fb_request.send_request main, .main_area.oneonone.regist main, .main_area.oneonone.request_history main, .main_area.oneonone.send_request main, .main_area.people.regist main, .main_area.people.request_history main, .main_area.people.send_request main {
    width: 100%;
  }
}
.main_area.system_management.regist .person_area, .main_area.system_management.request_history .person_area, .main_area.system_management.send_request .person_area, .main_area.fb_request.regist .person_area, .main_area.fb_request.request_history .person_area, .main_area.fb_request.send_request .person_area, .main_area.oneonone.regist .person_area, .main_area.oneonone.request_history .person_area, .main_area.oneonone.send_request .person_area, .main_area.people.regist .person_area, .main_area.people.request_history .person_area, .main_area.people.send_request .person_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.main_area.system_management.regist .person_area .icon_img, .main_area.system_management.request_history .person_area .icon_img, .main_area.system_management.send_request .person_area .icon_img, .main_area.fb_request.regist .person_area .icon_img, .main_area.fb_request.request_history .person_area .icon_img, .main_area.fb_request.send_request .person_area .icon_img, .main_area.oneonone.regist .person_area .icon_img, .main_area.oneonone.request_history .person_area .icon_img, .main_area.oneonone.send_request .person_area .icon_img, .main_area.people.regist .person_area .icon_img, .main_area.people.request_history .person_area .icon_img, .main_area.people.send_request .person_area .icon_img {
  width: 50px;
  height: 50px;
  position: relative;
}
.main_area.system_management.regist .person_area .icon_img img, .main_area.system_management.request_history .person_area .icon_img img, .main_area.system_management.send_request .person_area .icon_img img, .main_area.fb_request.regist .person_area .icon_img img, .main_area.fb_request.request_history .person_area .icon_img img, .main_area.fb_request.send_request .person_area .icon_img img, .main_area.oneonone.regist .person_area .icon_img img, .main_area.oneonone.request_history .person_area .icon_img img, .main_area.oneonone.send_request .person_area .icon_img img, .main_area.people.regist .person_area .icon_img img, .main_area.people.request_history .person_area .icon_img img, .main_area.people.send_request .person_area .icon_img img {
  max-height: 100%;
}
.main_area.system_management.regist .person_area .img_mask, .main_area.system_management.request_history .person_area .img_mask, .main_area.system_management.send_request .person_area .img_mask, .main_area.fb_request.regist .person_area .img_mask, .main_area.fb_request.request_history .person_area .img_mask, .main_area.fb_request.send_request .person_area .img_mask, .main_area.oneonone.regist .person_area .img_mask, .main_area.oneonone.request_history .person_area .img_mask, .main_area.oneonone.send_request .person_area .img_mask, .main_area.people.regist .person_area .img_mask, .main_area.people.request_history .person_area .img_mask, .main_area.people.send_request .person_area .img_mask {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  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;
}
.main_area.system_management.regist .person_area .tag_img, .main_area.system_management.request_history .person_area .tag_img, .main_area.system_management.send_request .person_area .tag_img, .main_area.fb_request.regist .person_area .tag_img, .main_area.fb_request.request_history .person_area .tag_img, .main_area.fb_request.send_request .person_area .tag_img, .main_area.oneonone.regist .person_area .tag_img, .main_area.oneonone.request_history .person_area .tag_img, .main_area.oneonone.send_request .person_area .tag_img, .main_area.people.regist .person_area .tag_img, .main_area.people.request_history .person_area .tag_img, .main_area.people.send_request .person_area .tag_img {
  position: absolute;
  top: -3px;
  right: -12px;
  width: 24px;
  height: 24px;
}
.main_area.system_management.regist .person_area p, .main_area.system_management.request_history .person_area p, .main_area.system_management.send_request .person_area p, .main_area.fb_request.regist .person_area p, .main_area.fb_request.request_history .person_area p, .main_area.fb_request.send_request .person_area p, .main_area.oneonone.regist .person_area p, .main_area.oneonone.request_history .person_area p, .main_area.oneonone.send_request .person_area p, .main_area.people.regist .person_area p, .main_area.people.request_history .person_area p, .main_area.people.send_request .person_area p {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management.regist .add_select_review_partner, .main_area.system_management.request_history .add_select_review_partner, .main_area.system_management.send_request .add_select_review_partner, .main_area.fb_request.regist .add_select_review_partner, .main_area.fb_request.request_history .add_select_review_partner, .main_area.fb_request.send_request .add_select_review_partner, .main_area.oneonone.regist .add_select_review_partner, .main_area.oneonone.request_history .add_select_review_partner, .main_area.oneonone.send_request .add_select_review_partner, .main_area.people.regist .add_select_review_partner, .main_area.people.request_history .add_select_review_partner, .main_area.people.send_request .add_select_review_partner {
    padding-left: 16px;
    padding-right: 16px;
  }
  .main_area.system_management.regist .add_select_review_partner .person_list, .main_area.system_management.request_history .add_select_review_partner .person_list, .main_area.system_management.send_request .add_select_review_partner .person_list, .main_area.fb_request.regist .add_select_review_partner .person_list, .main_area.fb_request.request_history .add_select_review_partner .person_list, .main_area.fb_request.send_request .add_select_review_partner .person_list, .main_area.oneonone.regist .add_select_review_partner .person_list, .main_area.oneonone.request_history .add_select_review_partner .person_list, .main_area.oneonone.send_request .add_select_review_partner .person_list, .main_area.people.regist .add_select_review_partner .person_list, .main_area.people.request_history .add_select_review_partner .person_list, .main_area.people.send_request .add_select_review_partner .person_list {
    padding: 13px 15px;
  }
  .main_area.system_management.regist .add_select_review_partner .search_box .btn_box, .main_area.system_management.request_history .add_select_review_partner .search_box .btn_box, .main_area.system_management.send_request .add_select_review_partner .search_box .btn_box, .main_area.fb_request.regist .add_select_review_partner .search_box .btn_box, .main_area.fb_request.request_history .add_select_review_partner .search_box .btn_box, .main_area.fb_request.send_request .add_select_review_partner .search_box .btn_box, .main_area.oneonone.regist .add_select_review_partner .search_box .btn_box, .main_area.oneonone.request_history .add_select_review_partner .search_box .btn_box, .main_area.oneonone.send_request .add_select_review_partner .search_box .btn_box, .main_area.people.regist .add_select_review_partner .search_box .btn_box, .main_area.people.request_history .add_select_review_partner .search_box .btn_box, .main_area.people.send_request .add_select_review_partner .search_box .btn_box {
    gap: 10px;
  }
  .main_area.system_management.regist .add_select_review_partner .search_box .btn_box .btn, .main_area.system_management.request_history .add_select_review_partner .search_box .btn_box .btn, .main_area.system_management.send_request .add_select_review_partner .search_box .btn_box .btn, .main_area.fb_request.regist .add_select_review_partner .search_box .btn_box .btn, .main_area.fb_request.request_history .add_select_review_partner .search_box .btn_box .btn, .main_area.fb_request.send_request .add_select_review_partner .search_box .btn_box .btn, .main_area.oneonone.regist .add_select_review_partner .search_box .btn_box .btn, .main_area.oneonone.request_history .add_select_review_partner .search_box .btn_box .btn, .main_area.oneonone.send_request .add_select_review_partner .search_box .btn_box .btn, .main_area.people.regist .add_select_review_partner .search_box .btn_box .btn, .main_area.people.request_history .add_select_review_partner .search_box .btn_box .btn, .main_area.people.send_request .add_select_review_partner .search_box .btn_box .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0;
  }
  .main_area.system_management.regist .add_select_review_partner .sub_title_area, .main_area.system_management.request_history .add_select_review_partner .sub_title_area, .main_area.system_management.send_request .add_select_review_partner .sub_title_area, .main_area.fb_request.regist .add_select_review_partner .sub_title_area, .main_area.fb_request.request_history .add_select_review_partner .sub_title_area, .main_area.fb_request.send_request .add_select_review_partner .sub_title_area, .main_area.oneonone.regist .add_select_review_partner .sub_title_area, .main_area.oneonone.request_history .add_select_review_partner .sub_title_area, .main_area.oneonone.send_request .add_select_review_partner .sub_title_area, .main_area.people.regist .add_select_review_partner .sub_title_area, .main_area.people.request_history .add_select_review_partner .sub_title_area, .main_area.people.send_request .add_select_review_partner .sub_title_area {
    margin: 0;
  }
}
.main_area.system_management.regist .add_select_review_partner h3, .main_area.system_management.request_history .add_select_review_partner h3, .main_area.system_management.send_request .add_select_review_partner h3, .main_area.fb_request.regist .add_select_review_partner h3, .main_area.fb_request.request_history .add_select_review_partner h3, .main_area.fb_request.send_request .add_select_review_partner h3, .main_area.oneonone.regist .add_select_review_partner h3, .main_area.oneonone.request_history .add_select_review_partner h3, .main_area.oneonone.send_request .add_select_review_partner h3, .main_area.people.regist .add_select_review_partner h3, .main_area.people.request_history .add_select_review_partner h3, .main_area.people.send_request .add_select_review_partner h3 {
  color: #404040;
  font-size: 16px;
  font-weight: 500;
}
.main_area.system_management.regist .add_select_review_partner h3 + p, .main_area.system_management.request_history .add_select_review_partner h3 + p, .main_area.system_management.send_request .add_select_review_partner h3 + p, .main_area.fb_request.regist .add_select_review_partner h3 + p, .main_area.fb_request.request_history .add_select_review_partner h3 + p, .main_area.fb_request.send_request .add_select_review_partner h3 + p, .main_area.oneonone.regist .add_select_review_partner h3 + p, .main_area.oneonone.request_history .add_select_review_partner h3 + p, .main_area.oneonone.send_request .add_select_review_partner h3 + p, .main_area.people.regist .add_select_review_partner h3 + p, .main_area.people.request_history .add_select_review_partner h3 + p, .main_area.people.send_request .add_select_review_partner h3 + p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.main_area.system_management.regist .add_select_review_partner .person_list, .main_area.system_management.request_history .add_select_review_partner .person_list, .main_area.system_management.send_request .add_select_review_partner .person_list, .main_area.fb_request.regist .add_select_review_partner .person_list, .main_area.fb_request.request_history .add_select_review_partner .person_list, .main_area.fb_request.send_request .add_select_review_partner .person_list, .main_area.oneonone.regist .add_select_review_partner .person_list, .main_area.oneonone.request_history .add_select_review_partner .person_list, .main_area.oneonone.send_request .add_select_review_partner .person_list, .main_area.people.regist .add_select_review_partner .person_list, .main_area.people.request_history .add_select_review_partner .person_list, .main_area.people.send_request .add_select_review_partner .person_list {
  max-height: none;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management.regist .add_select_review_partner .person_list, .main_area.system_management.request_history .add_select_review_partner .person_list, .main_area.system_management.send_request .add_select_review_partner .person_list, .main_area.fb_request.regist .add_select_review_partner .person_list, .main_area.fb_request.request_history .add_select_review_partner .person_list, .main_area.fb_request.send_request .add_select_review_partner .person_list, .main_area.oneonone.regist .add_select_review_partner .person_list, .main_area.oneonone.request_history .add_select_review_partner .person_list, .main_area.oneonone.send_request .add_select_review_partner .person_list, .main_area.people.regist .add_select_review_partner .person_list, .main_area.people.request_history .add_select_review_partner .person_list, .main_area.people.send_request .add_select_review_partner .person_list {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management.regist .add_select_review_partner .person_area, .main_area.system_management.request_history .add_select_review_partner .person_area, .main_area.system_management.send_request .add_select_review_partner .person_area, .main_area.fb_request.regist .add_select_review_partner .person_area, .main_area.fb_request.request_history .add_select_review_partner .person_area, .main_area.fb_request.send_request .add_select_review_partner .person_area, .main_area.oneonone.regist .add_select_review_partner .person_area, .main_area.oneonone.request_history .add_select_review_partner .person_area, .main_area.oneonone.send_request .add_select_review_partner .person_area, .main_area.people.regist .add_select_review_partner .person_area, .main_area.people.request_history .add_select_review_partner .person_area, .main_area.people.send_request .add_select_review_partner .person_area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
  .main_area.system_management.regist .add_select_review_partner .person_area .profile, .main_area.system_management.request_history .add_select_review_partner .person_area .profile, .main_area.system_management.send_request .add_select_review_partner .person_area .profile, .main_area.fb_request.regist .add_select_review_partner .person_area .profile, .main_area.fb_request.request_history .add_select_review_partner .person_area .profile, .main_area.fb_request.send_request .add_select_review_partner .person_area .profile, .main_area.oneonone.regist .add_select_review_partner .person_area .profile, .main_area.oneonone.request_history .add_select_review_partner .person_area .profile, .main_area.oneonone.send_request .add_select_review_partner .person_area .profile, .main_area.people.regist .add_select_review_partner .person_area .profile, .main_area.people.request_history .add_select_review_partner .person_area .profile, .main_area.people.send_request .add_select_review_partner .person_area .profile {
    text-align: left;
  }
}
.main_area.system_management.regist .add_select_review_partner .form-check, .main_area.system_management.request_history .add_select_review_partner .form-check, .main_area.system_management.send_request .add_select_review_partner .form-check, .main_area.fb_request.regist .add_select_review_partner .form-check, .main_area.fb_request.request_history .add_select_review_partner .form-check, .main_area.fb_request.send_request .add_select_review_partner .form-check, .main_area.oneonone.regist .add_select_review_partner .form-check, .main_area.oneonone.request_history .add_select_review_partner .form-check, .main_area.oneonone.send_request .add_select_review_partner .form-check, .main_area.people.regist .add_select_review_partner .form-check, .main_area.people.request_history .add_select_review_partner .form-check, .main_area.people.send_request .add_select_review_partner .form-check {
  gap: 30px;
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management.regist .add_select_review_partner .form-check, .main_area.system_management.request_history .add_select_review_partner .form-check, .main_area.system_management.send_request .add_select_review_partner .form-check, .main_area.fb_request.regist .add_select_review_partner .form-check, .main_area.fb_request.request_history .add_select_review_partner .form-check, .main_area.fb_request.send_request .add_select_review_partner .form-check, .main_area.oneonone.regist .add_select_review_partner .form-check, .main_area.oneonone.request_history .add_select_review_partner .form-check, .main_area.oneonone.send_request .add_select_review_partner .form-check, .main_area.people.regist .add_select_review_partner .form-check, .main_area.people.request_history .add_select_review_partner .form-check, .main_area.people.send_request .add_select_review_partner .form-check {
    padding-left: 0;
    padding-right: 0;
  }
}
.main_area.system_management.regist .add_select_review_partner .form-radio, .main_area.system_management.request_history .add_select_review_partner .form-radio, .main_area.system_management.send_request .add_select_review_partner .form-radio, .main_area.fb_request.regist .add_select_review_partner .form-radio, .main_area.fb_request.request_history .add_select_review_partner .form-radio, .main_area.fb_request.send_request .add_select_review_partner .form-radio, .main_area.oneonone.regist .add_select_review_partner .form-radio, .main_area.oneonone.request_history .add_select_review_partner .form-radio, .main_area.oneonone.send_request .add_select_review_partner .form-radio, .main_area.people.regist .add_select_review_partner .form-radio, .main_area.people.request_history .add_select_review_partner .form-radio, .main_area.people.send_request .add_select_review_partner .form-radio {
  gap: 30px;
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management.regist .add_select_review_partner .form-radio, .main_area.system_management.request_history .add_select_review_partner .form-radio, .main_area.system_management.send_request .add_select_review_partner .form-radio, .main_area.fb_request.regist .add_select_review_partner .form-radio, .main_area.fb_request.request_history .add_select_review_partner .form-radio, .main_area.fb_request.send_request .add_select_review_partner .form-radio, .main_area.oneonone.regist .add_select_review_partner .form-radio, .main_area.oneonone.request_history .add_select_review_partner .form-radio, .main_area.oneonone.send_request .add_select_review_partner .form-radio, .main_area.people.regist .add_select_review_partner .form-radio, .main_area.people.request_history .add_select_review_partner .form-radio, .main_area.people.send_request .add_select_review_partner .form-radio {
    padding-left: 25px;
    padding-right: 0;
  }
}
.main_area.system_management.regist .add_select_review_partner .nav-tabs, .main_area.system_management.request_history .add_select_review_partner .nav-tabs, .main_area.system_management.send_request .add_select_review_partner .nav-tabs, .main_area.fb_request.regist .add_select_review_partner .nav-tabs, .main_area.fb_request.request_history .add_select_review_partner .nav-tabs, .main_area.fb_request.send_request .add_select_review_partner .nav-tabs, .main_area.oneonone.regist .add_select_review_partner .nav-tabs, .main_area.oneonone.request_history .add_select_review_partner .nav-tabs, .main_area.oneonone.send_request .add_select_review_partner .nav-tabs, .main_area.people.regist .add_select_review_partner .nav-tabs, .main_area.people.request_history .add_select_review_partner .nav-tabs, .main_area.people.send_request .add_select_review_partner .nav-tabs {
  margin-top: 20px;
}
.main_area.system_management.regist .error_box, .main_area.fb_request.regist .error_box, .main_area.oneonone.regist .error_box, .main_area.people.regist .error_box {
  padding: 0;
}
.main_area.system_management.regist h2, .main_area.fb_request.regist h2, .main_area.oneonone.regist h2, .main_area.people.regist h2 {
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management.regist h2, .main_area.fb_request.regist h2, .main_area.oneonone.regist h2, .main_area.people.regist h2 {
    padding: 0;
  }
  .main_area.system_management.regist h2:has(~ .regist_form), .main_area.system_management.regist h2:has(~ .add_select_review_partner), .main_area.fb_request.regist h2:has(~ .regist_form), .main_area.fb_request.regist h2:has(~ .add_select_review_partner), .main_area.oneonone.regist h2:has(~ .regist_form), .main_area.oneonone.regist h2:has(~ .add_select_review_partner), .main_area.people.regist h2:has(~ .regist_form), .main_area.people.regist h2:has(~ .add_select_review_partner) {
    padding: 0 16px;
  }
}
.main_area.system_management.regist .person_list, .main_area.fb_request.regist .person_list, .main_area.oneonone.regist .person_list, .main_area.people.regist .person_list {
  max-height: calc(100dvh - 252px);
  overflow: auto;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management.regist .person_list, .main_area.fb_request.regist .person_list, .main_area.oneonone.regist .person_list, .main_area.people.regist .person_list {
    max-height: calc(100dvh - 270px);
  }
}
.main_area.system_management.regist .organization_group .accordion-header, .main_area.fb_request.regist .organization_group .accordion-header, .main_area.oneonone.regist .organization_group .accordion-header, .main_area.people.regist .organization_group .accordion-header {
  margin-bottom: 4px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management.send_request h2, .main_area.fb_request.send_request h2, .main_area.oneonone.send_request h2, .main_area.people.send_request h2 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.main_area.system_management.send_request .regist_form .footer_btn_box, .main_area.fb_request.send_request .regist_form .footer_btn_box, .main_area.oneonone.send_request .regist_form .footer_btn_box, .main_area.people.send_request .regist_form .footer_btn_box {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .error_box, .main_area.fb_request .error_box, .main_area.oneonone .error_box, .main_area.people .error_box {
    padding: 0 15px;
  }
}
.main_area.system_management .error_box .alert.alert-danger, .main_area.fb_request .error_box .alert.alert-danger, .main_area.oneonone .error_box .alert.alert-danger, .main_area.people .error_box .alert.alert-danger {
  color: #E80505;
  border-color: #E80505;
}
.main_area.system_management.request_history .nav-tabs button, .main_area.fb_request.request_history .nav-tabs button, .main_area.oneonone.request_history .nav-tabs button, .main_area.people.request_history .nav-tabs button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.main_area.system_management.request_history .nav-tabs button::before, .main_area.fb_request.request_history .nav-tabs button::before, .main_area.oneonone.request_history .nav-tabs button::before, .main_area.people.request_history .nav-tabs button::before {
  display: block;
  margin-bottom: -6px;
}
.main_area.system_management.request_history .nav-tabs.reception::before, .main_area.fb_request.request_history .nav-tabs.reception::before, .main_area.oneonone.request_history .nav-tabs.reception::before, .main_area.people.request_history .nav-tabs.reception::before {
  content: url("/images/common/icon_reception.svg");
}
.main_area.system_management.request_history .nav-tabs.reception.active::before, .main_area.fb_request.request_history .nav-tabs.reception.active::before, .main_area.oneonone.request_history .nav-tabs.reception.active::before, .main_area.people.request_history .nav-tabs.reception.active::before {
  content: url("/images/common/icon_reception_active.svg");
}
.main_area.system_management.request_history .nav-tabs.transmission::before, .main_area.fb_request.request_history .nav-tabs.transmission::before, .main_area.oneonone.request_history .nav-tabs.transmission::before, .main_area.people.request_history .nav-tabs.transmission::before {
  content: url("/images/common/icon_transmission.svg");
}
.main_area.system_management.request_history .nav-tabs.transmission.active::before, .main_area.fb_request.request_history .nav-tabs.transmission.active::before, .main_area.oneonone.request_history .nav-tabs.transmission.active::before, .main_area.people.request_history .nav-tabs.transmission.active::before {
  content: url("/images/common/icon_transmission_active.svg");
}
.main_area.system_management.request_history .person_area, .main_area.fb_request.request_history .person_area, .main_area.oneonone.request_history .person_area, .main_area.people.request_history .person_area {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}
.main_area.system_management.request_history .person_area:has(.profile), .main_area.fb_request.request_history .person_area:has(.profile), .main_area.oneonone.request_history .person_area:has(.profile), .main_area.people.request_history .person_area:has(.profile) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.main_area.system_management.request_history .person_area .profile, .main_area.fb_request.request_history .person_area .profile, .main_area.oneonone.request_history .person_area .profile, .main_area.people.request_history .person_area .profile {
  width: 100%;
  text-align: left;
}
.main_area.system_management.request_history .person_area .icon_img, .main_area.fb_request.request_history .person_area .icon_img, .main_area.oneonone.request_history .person_area .icon_img, .main_area.people.request_history .person_area .icon_img {
  width: 32px;
  height: 32px;
}
.main_area.system_management.request_history .person_area a.icon_img, .main_area.fb_request.request_history .person_area a.icon_img, .main_area.oneonone.request_history .person_area a.icon_img, .main_area.people.request_history .person_area a.icon_img {
  position: relative;
}
.main_area.system_management.request_history .person_area .dropdown.dropend, .main_area.fb_request.request_history .person_area .dropdown.dropend, .main_area.oneonone.request_history .person_area .dropdown.dropend, .main_area.people.request_history .person_area .dropdown.dropend {
  margin-left: auto;
}
.main_area.system_management.request_history .fb_request_list .inner_box, .main_area.fb_request.request_history .fb_request_list .inner_box, .main_area.oneonone.request_history .fb_request_list .inner_box, .main_area.people.request_history .fb_request_list .inner_box {
  background-color: #fff;
  padding: 15px 20px;
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.main_area.system_management.request_history .fb_request_list .inner_box:has(a.comment_area):hover, .main_area.fb_request.request_history .fb_request_list .inner_box:has(a.comment_area):hover, .main_area.oneonone.request_history .fb_request_list .inner_box:has(a.comment_area):hover, .main_area.people.request_history .fb_request_list .inner_box:has(a.comment_area):hover {
  background-color: #D4E4FC;
}
.main_area.system_management.request_history .fb_request_list .inner_box:not(:last-of-type), .main_area.fb_request.request_history .fb_request_list .inner_box:not(:last-of-type), .main_area.oneonone.request_history .fb_request_list .inner_box:not(:last-of-type), .main_area.people.request_history .fb_request_list .inner_box:not(:last-of-type) {
  margin-bottom: 0;
  border-bottom: 4px solid #EDEDF2;
}
.main_area.system_management.request_history .fb_request_list .inner_box h3, .main_area.fb_request.request_history .fb_request_list .inner_box h3, .main_area.oneonone.request_history .fb_request_list .inner_box h3, .main_area.people.request_history .fb_request_list .inner_box h3 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_area.system_management.request_history .fb_request_list .inner_box h3 span, .main_area.fb_request.request_history .fb_request_list .inner_box h3 span, .main_area.oneonone.request_history .fb_request_list .inner_box h3 span, .main_area.people.request_history .fb_request_list .inner_box h3 span {
  font-weight: 700;
  margin-right: 5px;
}
.main_area.system_management.request_history .fb_request_list .inner_box span, .main_area.fb_request.request_history .fb_request_list .inner_box span, .main_area.oneonone.request_history .fb_request_list .inner_box span, .main_area.people.request_history .fb_request_list .inner_box span {
  color: #000;
}
.main_area.system_management.request_history .fb_request_list .inner_box .profile p, .main_area.fb_request.request_history .fb_request_list .inner_box .profile p, .main_area.oneonone.request_history .fb_request_list .inner_box .profile p, .main_area.people.request_history .fb_request_list .inner_box .profile p {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.main_area.system_management.request_history .fb_request_list .inner_box .profile time, .main_area.fb_request.request_history .fb_request_list .inner_box .profile time, .main_area.oneonone.request_history .fb_request_list .inner_box .profile time, .main_area.people.request_history .fb_request_list .inner_box .profile time {
  color: #000;
  font-size: 11px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.main_area.system_management.request_history .fb_request_list .inner_box .icon_area, .main_area.fb_request.request_history .fb_request_list .inner_box .icon_area, .main_area.oneonone.request_history .fb_request_list .inner_box .icon_area, .main_area.people.request_history .fb_request_list .inner_box .icon_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_area.system_management.request_history .fb_request_list .inner_box .icon_area .trash_box, .main_area.fb_request.request_history .fb_request_list .inner_box .icon_area .trash_box, .main_area.oneonone.request_history .fb_request_list .inner_box .icon_area .trash_box, .main_area.people.request_history .fb_request_list .inner_box .icon_area .trash_box {
  padding: 0;
}
.main_area.system_management.request_history .fb_request_list .inner_box .icon_area .trash_box img, .main_area.fb_request.request_history .fb_request_list .inner_box .icon_area .trash_box img, .main_area.oneonone.request_history .fb_request_list .inner_box .icon_area .trash_box img, .main_area.people.request_history .fb_request_list .inner_box .icon_area .trash_box img {
  vertical-align: -3px;
}
.main_area.system_management.request_history .fb_request_list .inner_box .good_area.unread span, .main_area.fb_request.request_history .fb_request_list .inner_box .good_area.unread span, .main_area.oneonone.request_history .fb_request_list .inner_box .good_area.unread span, .main_area.people.request_history .fb_request_list .inner_box .good_area.unread span {
  color: #DC1478 !important;
}
.main_area.system_management.request_history .fb_request_list .inner_box .comment_area.unread span, .main_area.fb_request.request_history .fb_request_list .inner_box .comment_area.unread span, .main_area.oneonone.request_history .fb_request_list .inner_box .comment_area.unread span, .main_area.people.request_history .fb_request_list .inner_box .comment_area.unread span {
  color: #FF8C1E !important;
}
.main_area.system_management.request_history .fb_request_list .inner_box a.comment_area, .main_area.fb_request.request_history .fb_request_list .inner_box a.comment_area, .main_area.oneonone.request_history .fb_request_list .inner_box a.comment_area, .main_area.people.request_history .fb_request_list .inner_box a.comment_area {
  width: calc(100% - 46px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main_area.system_management.request_history .fb_request_list .inner_box--request-history, .main_area.fb_request.request_history .fb_request_list .inner_box--request-history, .main_area.oneonone.request_history .fb_request_list .inner_box--request-history, .main_area.people.request_history .fb_request_list .inner_box--request-history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.main_area.system_management.request_history .fb_request_list .over_link_area, .main_area.fb_request.request_history .fb_request_list .over_link_area, .main_area.oneonone.request_history .fb_request_list .over_link_area, .main_area.people.request_history .fb_request_list .over_link_area {
  position: relative;
  z-index: 30;
}
.main_area.system_management.request_history .request_list .inner_box, .main_area.fb_request.request_history .request_list .inner_box, .main_area.oneonone.request_history .request_list .inner_box, .main_area.people.request_history .request_list .inner_box {
  background-color: #fff;
  padding: 15px 20px;
  position: relative;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.main_area.system_management.request_history .request_list .inner_box:has(a.comment_area):hover, .main_area.fb_request.request_history .request_list .inner_box:has(a.comment_area):hover, .main_area.oneonone.request_history .request_list .inner_box:has(a.comment_area):hover, .main_area.people.request_history .request_list .inner_box:has(a.comment_area):hover {
  background-color: #D4E4FC;
}
.main_area.system_management.request_history .request_list .inner_box:not(:last-of-type), .main_area.fb_request.request_history .request_list .inner_box:not(:last-of-type), .main_area.oneonone.request_history .request_list .inner_box:not(:last-of-type), .main_area.people.request_history .request_list .inner_box:not(:last-of-type) {
  margin-bottom: 0;
  border-bottom: 4px solid #EDEDF2;
}
.main_area.system_management.request_history .request_list .inner_box h3, .main_area.fb_request.request_history .request_list .inner_box h3, .main_area.oneonone.request_history .request_list .inner_box h3, .main_area.people.request_history .request_list .inner_box h3 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_area.system_management.request_history .request_list .inner_box h3 span, .main_area.fb_request.request_history .request_list .inner_box h3 span, .main_area.oneonone.request_history .request_list .inner_box h3 span, .main_area.people.request_history .request_list .inner_box h3 span {
  font-weight: 700;
  margin-right: 5px;
}
.main_area.system_management.request_history .request_list .inner_box span, .main_area.fb_request.request_history .request_list .inner_box span, .main_area.oneonone.request_history .request_list .inner_box span, .main_area.people.request_history .request_list .inner_box span {
  color: #000;
}
.main_area.system_management.request_history .request_list .inner_box .profile p.index, .main_area.fb_request.request_history .request_list .inner_box .profile p.index, .main_area.oneonone.request_history .request_list .inner_box .profile p.index, .main_area.people.request_history .request_list .inner_box .profile p.index {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.main_area.system_management.request_history .request_list .inner_box .profile time, .main_area.fb_request.request_history .request_list .inner_box .profile time, .main_area.oneonone.request_history .request_list .inner_box .profile time, .main_area.people.request_history .request_list .inner_box .profile time {
  color: #000;
  font-size: 11px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.main_area.system_management.request_history .request_list .inner_box .icon_area, .main_area.fb_request.request_history .request_list .inner_box .icon_area, .main_area.oneonone.request_history .request_list .inner_box .icon_area, .main_area.people.request_history .request_list .inner_box .icon_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_area.system_management.request_history .request_list .inner_box .icon_area .trash_box, .main_area.fb_request.request_history .request_list .inner_box .icon_area .trash_box, .main_area.oneonone.request_history .request_list .inner_box .icon_area .trash_box, .main_area.people.request_history .request_list .inner_box .icon_area .trash_box {
  padding: 0;
}
.main_area.system_management.request_history .request_list .inner_box .icon_area .trash_box img, .main_area.fb_request.request_history .request_list .inner_box .icon_area .trash_box img, .main_area.oneonone.request_history .request_list .inner_box .icon_area .trash_box img, .main_area.people.request_history .request_list .inner_box .icon_area .trash_box img {
  vertical-align: -3px;
}
.main_area.system_management.request_history .request_list .inner_box a.comment_area, .main_area.fb_request.request_history .request_list .inner_box a.comment_area, .main_area.oneonone.request_history .request_list .inner_box a.comment_area, .main_area.people.request_history .request_list .inner_box a.comment_area {
  width: calc(100% - 46px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main_area.system_management.request_history .request_list .inner_box--request-history, .main_area.fb_request.request_history .request_list .inner_box--request-history, .main_area.oneonone.request_history .request_list .inner_box--request-history, .main_area.people.request_history .request_list .inner_box--request-history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.main_area.system_management.request_history .request_list .over_link_area, .main_area.fb_request.request_history .request_list .over_link_area, .main_area.oneonone.request_history .request_list .over_link_area, .main_area.people.request_history .request_list .over_link_area {
  position: relative;
  z-index: 30;
}
.main_area.system_management.request_history .oneonone_comment_list .inner_box, .main_area.fb_request.request_history .oneonone_comment_list .inner_box, .main_area.oneonone.request_history .oneonone_comment_list .inner_box, .main_area.people.request_history .oneonone_comment_list .inner_box {
  padding: 0;
}
.main_area.system_management.request_history .oneonone_comment_list .past_comments .dropdown, .main_area.fb_request.request_history .oneonone_comment_list .past_comments .dropdown, .main_area.oneonone.request_history .oneonone_comment_list .past_comments .dropdown, .main_area.people.request_history .oneonone_comment_list .past_comments .dropdown {
  top: 7px;
}
.main_area.system_management.request_history .oneonone_comment_list .past_comments .three_point_btn, .main_area.fb_request.request_history .oneonone_comment_list .past_comments .three_point_btn, .main_area.oneonone.request_history .oneonone_comment_list .past_comments .three_point_btn, .main_area.people.request_history .oneonone_comment_list .past_comments .three_point_btn {
  height: 26px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management.request_history.detail h2, .main_area.fb_request.request_history.detail h2, .main_area.oneonone.request_history.detail h2, .main_area.people.request_history.detail h2 {
    padding: 0 15px;
  }
}
.main_area.system_management.request_history.detail .request_list > .inner_box, .main_area.fb_request.request_history.detail .request_list > .inner_box, .main_area.oneonone.request_history.detail .request_list > .inner_box, .main_area.people.request_history.detail .request_list > .inner_box {
  border-bottom: 0px;
}
.main_area.system_management.request_history.detail .oneonone_comment_list:first-child::before, .main_area.fb_request.request_history.detail .oneonone_comment_list:first-child::before, .main_area.oneonone.request_history.detail .oneonone_comment_list:first-child::before, .main_area.people.request_history.detail .oneonone_comment_list:first-child::before {
  content: none;
}
.main_area.system_management.request_history.detail .oneonone_comment_list .inner_box, .main_area.fb_request.request_history.detail .oneonone_comment_list .inner_box, .main_area.oneonone.request_history.detail .oneonone_comment_list .inner_box, .main_area.people.request_history.detail .oneonone_comment_list .inner_box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main_area.system_management.request_history.detail #comment_input_box > div, .main_area.fb_request.request_history.detail #comment_input_box > div, .main_area.oneonone.request_history.detail #comment_input_box > div, .main_area.people.request_history.detail #comment_input_box > div {
  padding-left: 30px;
}
.main_area.system_management.edit .form-check-label, .main_area.fb_request.edit .form-check-label, .main_area.oneonone.edit .form-check-label, .main_area.people.edit .form-check-label {
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management.edit .person_list, .main_area.fb_request.edit .person_list, .main_area.oneonone.edit .person_list, .main_area.people.edit .person_list {
    padding: 15px;
  }
}
.main_area.system_management.edit .person_list .person_area, .main_area.fb_request.edit .person_list .person_area, .main_area.oneonone.edit .person_list .person_area, .main_area.people.edit .person_list .person_area {
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management.edit .person_list .person_area, .main_area.fb_request.edit .person_list .person_area, .main_area.oneonone.edit .person_list .person_area, .main_area.people.edit .person_list .person_area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
  .main_area.system_management.edit .person_list .person_area .profile, .main_area.fb_request.edit .person_list .person_area .profile, .main_area.oneonone.edit .person_list .person_area .profile, .main_area.people.edit .person_list .person_area .profile {
    text-align: left;
  }
}
.main_area.system_management.edit .person_list p, .main_area.fb_request.edit .person_list p, .main_area.oneonone.edit .person_list p, .main_area.people.edit .person_list p {
  margin-bottom: 0;
}
.main_area.system_management.edit .person_list .pink_checkbox, .main_area.fb_request.edit .person_list .pink_checkbox, .main_area.oneonone.edit .person_list .pink_checkbox, .main_area.people.edit .person_list .pink_checkbox {
  margin-left: auto;
}
.main_area.system_management.edit .person_list .pink_checkbox .form-check-input, .main_area.fb_request.edit .person_list .pink_checkbox .form-check-input, .main_area.oneonone.edit .person_list .pink_checkbox .form-check-input, .main_area.people.edit .person_list .pink_checkbox .form-check-input {
  cursor: pointer;
}
.main_area.system_management .people_profile_area .person_area > .icon_img, .main_area.fb_request .people_profile_area .person_area > .icon_img, .main_area.oneonone .people_profile_area .person_area > .icon_img, .main_area.people .people_profile_area .person_area > .icon_img {
  width: 100px;
  height: 100px;
}
.main_area.system_management .people_profile_area .person_area > .icon_img .tag_img, .main_area.fb_request .people_profile_area .person_area > .icon_img .tag_img, .main_area.oneonone .people_profile_area .person_area > .icon_img .tag_img, .main_area.people .people_profile_area .person_area > .icon_img .tag_img {
  top: 1px;
  right: -3px;
}
.main_area.system_management .okr_profile_area .person_area .icon_img, .main_area.fb_request .okr_profile_area .person_area .icon_img, .main_area.oneonone .okr_profile_area .person_area .icon_img, .main_area.people .okr_profile_area .person_area .icon_img {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 1024px) {
  .main_area.oneonone main .add_select_review_partner {
    margin-right: 15px;
    margin-left: 15px;
  }
}
.main_area.oneonone main .add_select_review_partner .add_btn {
  color: #fff;
  background-color: #0437A0;
}
@media screen and (max-width: 1024px) {
  .main_area.oneonone main .add_select_review_partner:has(.search_box > .btn_box) {
    margin-top: 20px;
  }
  .main_area.oneonone main .add_select_review_partner:has(.search_box > .btn_box) .search_text {
    margin-top: 0;
  }
}
.main_area.oneonone .main_content .tab-content .inner_box:not(:last-of-type) {
  margin-bottom: 10px;
}
.main_area.oneonone.detail .action_btn_area {
  padding-top: 10px;
  margin-top: 20px;
  margin-bottom: 5px;
  position: relative;
  z-index: 20;
}
.main_area.oneonone.detail .action_btn_area::before {
  content: "";
  width: calc(100% + 40px);
  border-top: 1px solid #D9D9D9;
  position: absolute;
  top: 0;
  left: -20px;
}
@media screen and (max-width: 1024px) {
  .main_area.oneonone.request_history main {
    padding: 12px 15px;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.oneonone.request_history.detail h2 {
    padding-inline: 0;
  }
}
.main_area.oneonone.regist main {
  padding: 30px 23px;
}
@media screen and (max-width: 1024px) {
  .main_area.oneonone.regist main {
    padding: 15px;
  }
  .main_area.oneonone.regist main .add_select_review_partner {
    margin-inline: 0;
  }
}
.main_area.oneonone.regist main h2 {
  padding: 0;
}
.main_area.oneonone.regist main h2:has(~ .regist_form) {
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.oneonone.regist main h2 {
    padding: 0;
  }
  .main_area.oneonone.regist main h2:has(~ .add_select_review_partner), .main_area.oneonone.regist main h2:has(~ .regist_form) {
    padding: 0;
    margin-bottom: 20px;
  }
}
.main_area.oneonone.regist main .select_area .inner_box {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 4px solid #E8F1FF;
}
.main_area.oneonone.send_request main {
  padding: 15px;
}
.main_area.oneonone.send_request main h2 {
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .main_area .okr_profile_area .person_area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
.main_area .okr_profile_area h4 {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  margin-top: 10px;
}
.main_area .okr_profile_area .task_view_area {
  padding: 30px 0 10px;
  margin-left: -20px;
  margin-right: -20px;
  border-top: 2px solid #D9D9D9;
}
.main_area .okr_profile_area .task_view_area:has(+ .icon_area) {
  border-bottom: 2px solid #D9D9D9;
}
.main_area .okr_profile_area .public_status {
  padding: 0 20px;
}
.main_area .okr_profile_area .tag_area {
  padding: 0 20px;
  margin-bottom: 10px;
}
.main_area .okr_profile_area .icon_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  padding-top: 10px;
}
.main_area .okr_profile_area .icon_area > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.main_area .okr_profile_area__titleLink {
  color: #000;
}
.main_area .okr_profile_area.user_profile .icon_area {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: start !important;
}
.main_area .okr_profile_area .view_area {
  width: 100%;
}
.main_area .okr_profile_area_flex_box {
  margin-bottom: 22px;
}
.main_area .okr_profile_area_select_area_list_item {
  margin-top: 10px;
  padding: 10px;
  background-color: #D4E4FC;
}
@media screen and (max-width: 1024px) {
  .main_area .okr_profile_area_select_area_list_item {
    margin-top: 16px;
  }
}
.main_area .link_box {
  position: relative;
}
.main_area .view_area_link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.main_area .view_area_link:hover {
  opacity: 0.5;
  background-color: #fff;
  z-index: 10;
}
.main_area .view_area {
  padding: 20px 20px 10px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.main_area .view_area:has(+ .task_view_area):last-of-type {
  margin-bottom: 20px;
}
.main_area .view_area::before {
  content: "";
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  top: -14px;
  left: -14px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.main_area .view_area .flex_header {
  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;
  margin-bottom: 15px;
}
.main_area .view_area .flex_header:has(h3) {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 20px;
  border-bottom: 2px solid #D9D9D9;
}
.main_area .view_area .flex_header:has(h3) + .task_view_area .period_area {
  border-bottom: 2px solid #D9D9D9;
  margin-bottom: 20px;
}
.main_area .view_area .flex_header .right_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.main_area .view_area .flex_header:has(.icon_ribbon) {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 2px solid #D9D9D9;
}
.main_area .view_area .flex_header:has(.icon_ribbon) h4 {
  border-bottom: transparent;
  margin-bottom: 0;
  padding-bottom: 0;
}
.main_area .view_area .progress-bar,
.main_area .view_area .progress {
  width: 480px;
  height: 8px;
}
@media screen and (max-width: 1024px) {
  .main_area .view_area .progress-bar,
  .main_area .view_area .progress {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.main_area .view_area .tag {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  width: 71px;
  height: 28px;
  padding: 4px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 2px;
}
.main_area .view_area.unset {
  border-top: 4px solid #9BA4A9;
}
.main_area .view_area.unset::before,
.main_area .view_area.unset .progress-bar,
.main_area .view_area.unset .tag {
  background-color: #9BA4A9;
}
.main_area .view_area.unset input[type=range].input_range {
  width: 100%;
  accent-color: #9BA4A9;
}
.main_area .view_area.ontrack, .main_area .view_area.cont01 {
  border-top: 4px solid #00A971;
}
.main_area .view_area.ontrack::before,
.main_area .view_area.ontrack .progress-bar,
.main_area .view_area.ontrack .tag, .main_area .view_area.cont01::before,
.main_area .view_area.cont01 .progress-bar,
.main_area .view_area.cont01 .tag {
  background-color: #00A971;
}
.main_area .view_area.ontrack input[type=range].input_range, .main_area .view_area.cont01 input[type=range].input_range {
  width: 100%;
  accent-color: #00A971;
}
.main_area .view_area.atrisk, .main_area .view_area.cont02 {
  border-top: 4px solid #DC1478;
}
.main_area .view_area.atrisk::before,
.main_area .view_area.atrisk .progress-bar,
.main_area .view_area.atrisk .tag, .main_area .view_area.cont02::before,
.main_area .view_area.cont02 .progress-bar,
.main_area .view_area.cont02 .tag {
  background-color: #DC1478;
}
.main_area .view_area.atrisk input[type=range].input_range, .main_area .view_area.cont02 input[type=range].input_range {
  accent-color: #DC1478;
}
.main_area .view_area.complete, .main_area .view_area.cont03 {
  border-top: 4px solid #5457A3;
}
.main_area .view_area.complete::before,
.main_area .view_area.complete .progress-bar,
.main_area .view_area.complete .tag, .main_area .view_area.cont03::before,
.main_area .view_area.cont03 .progress-bar,
.main_area .view_area.cont03 .tag {
  background-color: #5457A3;
}
.main_area .view_area.complete input[type=range].input_range, .main_area .view_area.cont03 input[type=range].input_range {
  accent-color: #5457A3;
}
.main_area .view_area.behind, .main_area .view_area.cont04 {
  border-top: 4px solid #FF8C1E;
}
.main_area .view_area.behind::before,
.main_area .view_area.behind .progress-bar,
.main_area .view_area.behind .tag, .main_area .view_area.cont04::before,
.main_area .view_area.cont04 .progress-bar,
.main_area .view_area.cont04 .tag {
  background-color: #FF8C1E;
}
.main_area .view_area.behind input[type=range].input_range, .main_area .view_area.cont04 input[type=range].input_range {
  accent-color: #FF8C1E;
}
.main_area .progressbar_box {
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media screen and (max-width: 1024px) {
  .main_area .progressbar_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.main_area .progressbar_box .num_box {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_area .progressbar_box .num_box .num {
  font-size: 24px;
  font-weight: 700;
}
.main_area .progressbar_box .num_box input.num {
  width: 2.5em;
  padding: 2px;
  text-align: center;
}
.main_area .okr_keyresult_area {
  background-color: #E3EDFC;
}
.main_area .okr_keyresult_area .accordion-header {
  margin-bottom: 0;
}
.main_area .okr_keyresult_area .accordion-body {
  padding-top: 0;
}
.main_area .okr_keyresult_area .accordion-body > div:not(:first-of-type) {
  margin-top: 10px;
}
.main_area .okr_keyresult_area__titleLink {
  color: #000;
}
.main_area .fb_list .inner_box {
  background-color: #fff;
  padding: 20px 30px 10px;
}
.main_area .fb_list .inner_box:not(:last-of-type) {
  margin-bottom: 20px;
}
.main_area .fb_list .person_area {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .main_area .fb_list .person_area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.main_area .fb_list .person_area .profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 60px);
  margin-left: 10px;
}
.main_area .fb_list .person_area .profile time {
  color: #000;
  font-size: 11px;
  font-weight: 300;
}
.main_area .fb_list .person_area .profile + p {
  margin-bottom: 5px;
}
.main_area .fb_list .person_area .profile + p.content_area {
  line-height: 1.2;
  max-height: 3.6em;
  overflow: hidden;
}
.main_area .fb_list .person_area .icon_img {
  width: 32px;
  height: 32px;
}
.main_area .fb_list .profile h3 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}
.main_area .fb_list .task_view_area {
  padding: 0 0 20px;
  margin-left: -30px;
  margin-right: -30px;
}
.main_area .fb_list .task_view_area > div {
  padding: 0 30px;
}
@media screen and (max-width: 1024px) {
  .main_area .fb_list .task_view_area .tag_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: wrap-reverse;
            flex-flow: wrap-reverse;
  }
}
.main_area .fb_list .icon_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding-top: 10px;
  position: relative;
}
.main_area .fb_list .icon_area::before {
  content: "";
  width: calc(100% + 60px);
  height: 1px;
  border-top: 1px solid #D9D9D9;
  position: absolute;
  top: 0;
  left: -30px;
}
.main_area .fb_list .icon_area .btn {
  padding: 0;
}
.main_area .fb_list .icon_area .good_area,
.main_area .fb_list .icon_area .comment_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
@media screen and (max-width: 1024px) {
  .main_area.user_search .people_maincont,
  .main_area.user_search .main_content, .main_area.people .people_maincont,
  .main_area.people .main_content {
    padding: 12px 15px;
  }
  .main_area.user_search .people_maincont .error_box,
  .main_area.user_search .main_content .error_box, .main_area.people .people_maincont .error_box,
  .main_area.people .main_content .error_box {
    margin-top: 0;
    padding: 0 !important;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.user_search .people_maincont .sub_title_area, .main_area.people .people_maincont .sub_title_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 10px 0;
  }
  .main_area.user_search .people_maincont .sub_title_area h3, .main_area.people .people_maincont .sub_title_area h3 {
    margin-bottom: 20px;
  }
}
.main_area.user_search .people_maincont .search_box:has(.btn_box), .main_area.people .people_maincont .search_box:has(.btn_box) {
  margin-bottom: 20px;
}
.main_area.user_search .person_list > h3, .main_area.people .person_list > h3 {
  color: #404040;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 35px;
}
.main_area.user_search .form-check, .main_area.people .form-check {
  padding: 25px 12px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .main_area.user_search .form-check, .main_area.people .form-check {
    padding: 20px 0;
  }
}
.main_area.user_search .person_area .icon_img, .main_area.people .person_area .icon_img {
  width: 50px;
  height: 50px;
}
.main_area.user_search .profile h3, .main_area.people .profile h3 {
  color: #000;
  font-size: 15px;
  font-style: normal;
  line-height: normal;
}
@media screen and (max-width: 1024px) {
  .main_area.user_search h2 {
    margin-bottom: 0;
  }
}
.main_area.user_search .search_box {
  margin-top: 0;
}
.main_area.user_search .info_box .person_area {
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area .user_search_area {
    padding: 15px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .main_area .user_search_area .person_list {
    padding: 0 15px 15px;
  }
  .main_area .user_search_area .person_list .sub_title_area {
    padding-top: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
@media screen and (max-width: 1024px) {
  .main_area .user_search_area .person_list > h3 {
    padding: 15px 15px 0;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .main_area .user_search_area .person_list > h3 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area .user_search_area .person_list .person_area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    gap: 20px;
  }
  .main_area .user_search_area .person_list .person_area .profile {
    text-align: left;
  }
}
.main_area.people.detail h3 {
  margin-bottom: 20px;
}
.main_area.people.detail h3 + p {
  margin-bottom: 40px;
}
.main_area.people.detail h4 {
  color: #404040;
  font-weight: 700;
}
.main_area.people.detail h4 span {
  font-size: 16px;
  font-weight: 400;
  margin-left: 1em;
}
@media screen and (max-width: 1024px) {
  .main_area.people.detail .person_list {
    padding: 15px;
  }
}
.main_area.people.detail .person_area {
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area.people.detail .person_area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.people.detail .profile {
    text-align: left;
  }
}
.main_area.people.detail .profile h5 {
  color: #000;
  font-size: 15px;
  margin-bottom: 10px;
}
.main_area.people.detail .profile h5 + p {
  margin-bottom: 0;
}
.main_area.people.user_profile .related_okr_area.unread span {
  color: #008CDC;
  font-weight: bold;
}
.main_area.people .user_search_area {
  padding: 0;
}
.main_area.people .okr_profile_area .view_area .icon_area {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main_area.people .okr_profile_area .view_area .comment_area {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.main_area.people .okr_profile_area .view_area .view_area_link {
  left: 0;
}
.main_area.people .okr_profile_area .info_box:not(:has(+ .okr_keyresult_area)) {
  margin-bottom: 20px;
}
.main_area.people .okr_profile_area .info_box + .okr_keyresult_area {
  margin-bottom: 20px;
}
.main_area.people .oneonone_body .icon_area {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.main_area.people .oneonone_body .good_area {
  padding: 0;
}
.main_area.people .fb_list .comment_area {
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.main_area.people .fb_list .good_area {
  padding: 0;
}
.main_area.people.edit .add_select_review_partner,
.main_area.people.edit .group_edit_list {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area.people.edit .add_select_review_partner,
  .main_area.people.edit .group_edit_list {
    padding-top: 12px;
    margin-top: 0;
  }
}
.main_area.people.edit .add_select_review_partner .search_box .btn_box,
.main_area.people.edit .group_edit_list .search_box .btn_box {
  position: absolute;
}
.main_area.people.edit .add_select_review_partner .person_list,
.main_area.people.edit .group_edit_list .person_list {
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.people.edit .add_select_review_partner .person_list,
  .main_area.people.edit .group_edit_list .person_list {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.people.edit .add_select_review_partner .person_area,
  .main_area.people.edit .group_edit_list .person_area {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.main_area.people.edit .add_select_review_partner {
  margin-top: 15px;
}
@media screen and (max-width: 1024px) {
  .main_area.people.edit .add_select_review_partner {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.people.edit .add_select_review_partner .search_box:has(.btn_box) {
    margin-bottom: 20px;
  }
  .main_area.people.edit .add_select_review_partner .search_box:has(.btn_box) .search_text {
    margin-top: 5px;
  }
}
.main_area.people.edit .add_select_review_partner .search_box .btn_box {
  top: -65px;
}
.main_area.people.edit .people_maincont .tab-pane .person_list {
  padding: 30px 35px;
}
@media screen and (max-width: 1024px) {
  .main_area.people.edit .people_maincont .tab-pane .person_list {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.people .group_list + .group_add_btn {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.main_area .registration_receive_notifications_area,
.main_area .group_search_list,
.main_area .group_edit_list {
  padding: 30px 35px;
  background-color: #fff;
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area .registration_receive_notifications_area,
  .main_area .group_search_list,
  .main_area .group_edit_list {
    padding: 0;
    background-color: transparent;
    position: relative;
  }
  .main_area .registration_receive_notifications_area:has(.group_add_btn),
  .main_area .group_search_list:has(.group_add_btn),
  .main_area .group_edit_list:has(.group_add_btn) {
    padding-top: 0px;
  }
}
.main_area .registration_receive_notifications_area .link_box .view_area_link,
.main_area .group_search_list .link_box .view_area_link,
.main_area .group_edit_list .link_box .view_area_link {
  left: 0;
}
.main_area .registration_receive_notifications_area .search_box,
.main_area .group_search_list .search_box,
.main_area .group_edit_list .search_box {
  margin-top: 0;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .main_area .registration_receive_notifications_area .search_box,
  .main_area .group_search_list .search_box,
  .main_area .group_edit_list .search_box {
    margin-bottom: 20px;
  }
}
.main_area .registration_receive_notifications_area .search_box .search_text,
.main_area .group_search_list .search_box .search_text,
.main_area .group_edit_list .search_box .search_text {
  margin-top: 0;
}
.main_area .add_btn,
.main_area .group_add_btn,
.main_area .okr_keyresult_add_btn,
.main_area .owner_change_btn {
  color: #0437A0;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #0437A0;
}
@media screen and (max-width: 1024px) {
  .main_area .add_btn,
  .main_area .group_add_btn,
  .main_area .okr_keyresult_add_btn,
  .main_area .owner_change_btn {
    width: 100% !important;
    margin-top: 0;
  }
}
.main_area .more_look_btn {
  color: #0437A0;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  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;
  margin: 30px auto;
}
@media screen and (max-width: 1024px) {
  .main_area .search_box > .add_btn,
  .main_area .search_box > .group_add_btn,
  .main_area .search_box > .owner_change_btn {
    position: absolute;
    top: -70px;
    left: 0;
  }
  .main_area .search_box > .add_btn + .search_text,
  .main_area .search_box > .group_add_btn + .search_text,
  .main_area .search_box > .owner_change_btn + .search_text {
    margin-top: 0;
  }
}
.main_area .registration_receive_notifications_area,
.main_area .add_select_review_partner,
.main_area .group_edit_list {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .main_area .registration_receive_notifications_area,
  .main_area .add_select_review_partner,
  .main_area .group_edit_list {
    padding: 15px;
    background-color: #fff;
  }
}
.main_area .registration_receive_notifications_area .btn_box,
.main_area .add_select_review_partner .btn_box,
.main_area .group_edit_list .btn_box {
  top: -80px;
  right: 0;
}
.main_area .registration_receive_notifications_area h3,
.main_area .add_select_review_partner h3,
.main_area .group_edit_list h3 {
  color: #404040;
  font-size: 20px;
  font-weight: 700;
}
.main_area .registration_receive_notifications_area .person_list .info_box,
.main_area .add_select_review_partner .person_list .info_box,
.main_area .group_edit_list .person_list .info_box {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .main_area .registration_receive_notifications_area .person_area,
  .main_area .add_select_review_partner .person_area,
  .main_area .group_edit_list .person_area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
  .main_area .registration_receive_notifications_area .person_area .profile,
  .main_area .add_select_review_partner .person_area .profile,
  .main_area .group_edit_list .person_area .profile {
    text-align: left;
  }
}
.main_area .registration_receive_notifications_area .title_btn_area,
.main_area .add_select_review_partner .title_btn_area,
.main_area .group_edit_list .title_btn_area {
  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;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .main_area .registration_receive_notifications_area .title_btn_area,
  .main_area .add_select_review_partner .title_btn_area,
  .main_area .group_edit_list .title_btn_area {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 10px;
  }
}
.main_area .registration_receive_notifications_area .title_btn_area h4,
.main_area .add_select_review_partner .title_btn_area h4,
.main_area .group_edit_list .title_btn_area h4 {
  margin-bottom: 0;
}
.main_area .registration_receive_notifications_area .title_btn_area .btn_box,
.main_area .add_select_review_partner .title_btn_area .btn_box,
.main_area .group_edit_list .title_btn_area .btn_box {
  position: static;
  gap: 10px;
}
@media screen and (max-width: 1024px) {
  .main_area .registration_receive_notifications_area .title_btn_area .btn_box,
  .main_area .add_select_review_partner .title_btn_area .btn_box,
  .main_area .group_edit_list .title_btn_area .btn_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 10px;
    width: 100%;
  }
}
.main_area .registration_receive_notifications_area .title_btn_area .btn_box .btn,
.main_area .add_select_review_partner .title_btn_area .btn_box .btn,
.main_area .group_edit_list .title_btn_area .btn_box .btn {
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .main_area .registration_receive_notifications_area .title_btn_area .btn_box .btn,
  .main_area .add_select_review_partner .title_btn_area .btn_box .btn,
  .main_area .group_edit_list .title_btn_area .btn_box .btn {
    width: 100% !important;
  }
}
.main_area .registration_receive_notifications_area h4,
.main_area .add_select_review_partner h4,
.main_area .group_edit_list h4 {
  color: #404040;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.main_area .registration_receive_notifications_area h4 span,
.main_area .add_select_review_partner h4 span,
.main_area .group_edit_list h4 span {
  font-size: 16px;
  font-weight: 400;
  margin-left: 1em;
}
.main_area .registration_receive_notifications_area .delete_redbtn,
.main_area .registration_receive_notifications_area .group_edit_btn,
.main_area .add_select_review_partner .delete_redbtn,
.main_area .add_select_review_partner .group_edit_btn,
.main_area .group_edit_list .delete_redbtn,
.main_area .group_edit_list .group_edit_btn {
  margin-left: auto;
}
.main_area .registration_receive_notifications_area .delete_redbtn img,
.main_area .registration_receive_notifications_area .group_edit_btn img,
.main_area .add_select_review_partner .delete_redbtn img,
.main_area .add_select_review_partner .group_edit_btn img,
.main_area .group_edit_list .delete_redbtn img,
.main_area .group_edit_list .group_edit_btn img {
  margin: auto;
  width: 18px;
  height: 18px;
}
@media screen and (max-width: 1024px) {
  .main_area .registration_receive_notifications_area .group_add_btn,
  .main_area .registration_receive_notifications_area .owner_change_btn,
  .main_area .add_select_review_partner .group_add_btn,
  .main_area .add_select_review_partner .owner_change_btn,
  .main_area .group_edit_list .group_add_btn,
  .main_area .group_edit_list .owner_change_btn {
    position: static;
  }
}
.main_area .group_edit_list h3 {
  color: #404040;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .main_area .group_list {
    padding: 15px;
    background: #fff;
  }
}
.main_area .group_list .inner_box {
  background: #EDEDF2;
  padding: 20px;
}
.main_area .group_list .inner_box:not(:last-of-type) {
  margin-bottom: 5px;
}
@media screen and (max-width: 1024px) {
  .main_area .group_list .inner_box {
    padding: 15px;
  }
}
.main_area .group_list .inner_box .header_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media screen and (max-width: 1024px) {
  .main_area .group_list .inner_box .header_box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.main_area .group_list .inner_box .header_box i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 15px;
  height: 15px;
}
.main_area .group_list .inner_box .text_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media screen and (max-width: 1024px) {
  .main_area .group_list .inner_box .text_box {
    display: block;
  }
}
.main_area .group_list .inner_box .text_box .num_box {
  color: #404040;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.main_area .group_list .inner_box h3 {
  color: #404040;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
.main_area .group_list .inner_box .dropdown {
  width: 24px;
  margin-left: auto;
}
.main_area .group_list .inner_box .three_point_btn {
  padding: 10px 2px;
}
.main_area .group_list .inner_box p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-top: 15px;
  margin-bottom: 0;
  padding-left: 25px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 1024px) {
  .main_area .group_list .inner_box p {
    display: none;
  }
}
.main_area .group_list + .group_add_btn {
  margin-top: 30px;
}
@media screen and (max-width: 1024px) {
  .main_area .group_list + .group_add_btn {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.fb_request.regist main {
    padding: 15px;
  }
}
.main_area.fb_request.regist main h2:has(~ .regist_form) {
  padding: 0;
}
.main_area.fb_request.regist .error_text ~ .add_img_box, .main_area.fb_request.regist .error_text ~ .add_pdf_box {
  margin: 15px 0 0;
}
.main_area.fb_request.regist .select_area .inner_box {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 4px solid #E8F1FF;
}
@media screen and (max-width: 1024px) {
  .main_area.fb_request .fb_request_list {
    padding: 0 15px 15px;
  }
}
.main_area.fb_request .fb_request_list .view_area_link {
  left: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.fb_request .radio_area .btn_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 20px;
  }
}
.main_area.fb_request .info_box .name {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.main_area.fb_request .info_box .profile h3 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.main_area.fb_request .tag_area .icon_img {
  width: 28px;
  height: 28px;
}
.main_area.fb_request .action_btn_area {
  margin-bottom: 0;
}
.main_area.fb_request.request_history .person_area {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.main_area.fb_request.request_history .fb_request_list .inner_box:not(:last-of-type) {
  margin-bottom: 10px;
}
.main_area.fb_request.request_history .good_area.unread span {
  color: #DC1478;
}
.main_area.fb_request .action_btn_area {
  padding-top: 10px;
  margin-top: 20px;
  position: relative;
  z-index: 20;
}
.main_area.fb_request .action_btn_area::before {
  content: "";
  width: calc(100% + 40px);
  border-top: 1px solid #D9D9D9;
  position: absolute;
  top: 0;
  left: -20px;
}
.main_area.fb_request .add_pdf_box,
.main_area.fb_request .add_img_box {
  margin-left: 50px;
}
.main_area.fb_request .add_pdf_box .mask,
.main_area.fb_request .add_img_box .mask {
  max-width: 240px;
  max-height: none;
}
.main_area.fb_request .add_pdf_box .pdf_tum_img {
  border-top: 1px solid #9BA4A9;
}
@media screen and (max-width: 1024px) {
  .main_area.fb_request .add_pdf_box .pdf_tum_img {
    max-width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.fb_request .request_detail {
    margin: 0 15px 15px;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.okr main {
    padding: 15px;
  }
  .main_area.okr main h2 {
    padding: 0;
  }
  .main_area.okr main h2.accordion-header {
    padding: 0 20px;
  }
  .main_area.okr main .search_box {
    padding: 0;
  }
  .main_area.okr main .info_box.header_info {
    padding: 0;
  }
  .main_area.okr main .okr_list {
    margin: 0;
  }
  .main_area.okr main .related_okr_form {
    padding: 0;
  }
  .main_area.okr main.two_col .main_content {
    padding: 0 0px 16px;
  }
}
.main_area.okr .tissue_selection_btn {
  color: #0437A0;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #0437A0;
  background-color: #fff;
  border-radius: 4px;
}
@media screen and (max-width: 1024px) {
  .main_area.okr .tissue_selection_btn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.main_area.okr .sort_box {
  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: 10px;
}
@media screen and (max-width: 1024px) {
  .main_area.okr .sort_box {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 15px;
  }
  .main_area.okr .sort_box.right_box {
    padding: 0;
  }
}
.main_area.okr .sort_box select {
  color: #4E5255;
  font-size: 14px;
  font-weight: 500;
  background: transparent;
  border: transparent;
  outline: none;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (max-width: 1024px) {
  .main_area.okr .search_box {
    padding: 0 16px;
  }
}
.main_area.okr .num_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 5px;
}
.main_area.okr .okr_profile_area .view_area {
  overflow: visible;
  border-top: none;
  padding: 0;
}
.main_area.okr .okr_profile_area .view_area::before {
  content: none;
}
.main_area.okr .okr_profile_area .date input.flatpickr-input {
  max-width: 150px;
}
@media screen and (max-width: 1024px) {
  .main_area.okr .okr_profile_area .date input.flatpickr-input {
    max-width: none;
  }
}
.main_area.okr .task_view_area {
  border: none;
  padding: 0;
}
.main_area.okr .progressbar_box .bar_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  width: calc(100% - 145px);
}
@media screen and (max-width: 1024px) {
  .main_area.okr .progressbar_box .bar_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
  }
}
.main_area.okr .progressbar_box .bar_box input[type=range].input_range {
  width: 100%;
}
.main_area.okr .progressbar_box .bar_box .form-range::-webkit-slider-runnable-track {
  background: #ddd;
}
.main_area.okr .progressbar_box .bar_box .form-range::-moz-range-track {
  background: dodgerblue;
}
.main_area.okr .progressbar_box .status_box {
  width: auto;
  border-radius: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_area.okr .progressbar_box .status_box .okr_select__option {
  padding: 5px 10px;
}
.main_area.okr .progressbar_box .status_box .okr_select__option:hover {
  color: #fff;
}
.main_area.okr .progressbar_box .status_box .okr_select__option:hover.status {
  background: #9BA8B9;
}
.main_area.okr .progressbar_box .status_box .okr_select__option:hover.behind {
  background: #FF8C1E;
}
.main_area.okr .progressbar_box .status_box .okr_select__option:hover.risk {
  background: #DC1478;
}
.main_area.okr .progressbar_box .status_box .okr_select__option:hover.track {
  background: #00A971;
}
.main_area.okr .progressbar_box .status_box .okr_select__option:hover.unset {
  background: #9BA4A9;
}
.main_area.okr .progressbar_box .okr_select__preview {
  padding: 0;
}
.main_area.okr .progressbar_box .okr_select__preview-child {
  color: #fff;
  padding: 5px 10px;
  border-radius: 2px;
}
.main_area.okr .progressbar_box .okr_select__preview-child.status {
  background: #9BA8B9;
}
.main_area.okr .progressbar_box .okr_select__preview-child.behind {
  background: #FF8C1E;
}
.main_area.okr .progressbar_box .okr_select__preview-child.risk {
  background: #DC1478;
}
.main_area.okr .progressbar_box .okr_select__preview-child.track {
  background: #00A971;
}
.main_area.okr .progressbar_box .okr_select__display {
  min-width: 142px;
  position: relative;
}
.main_area.okr .progressbar_box .okr_select__display::after {
  content: url(/images/okr/icon_arrow_wh.svg);
  position: absolute;
  right: 21px;
}
.main_area.okr .progressbar_box .okr_select__pulldown {
  min-width: 131px;
  padding: 0;
  top: 100%;
}
.main_area.okr .period_area {
  gap: 15px;
}
.main_area.okr .add_viewer_sec .select_area .sub_title_area {
  margin-bottom: 20px;
}
.main_area.okr .add_viewer_sec--publish-setting {
  padding-top: 30px;
  padding-bottom: 30px;
}
.main_area.okr .add_viewer_sec--share-owner .select_area .inner_box {
  padding-top: 0;
  border-top: none;
}
.main_area.okr .select_area ul li {
  -ms-flex-preferred-size: calc(50% - 8px);
      flex-basis: calc(50% - 8px);
}
.main_area.okr .select_area ul li:has(.view_area) {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
  .main_area.okr .select_area ul li:has(.view_area) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.main_area.okr .select_area ul li:has(.view_area) .view_area .person_area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}
@media screen and (max-width: 1024px) {
  .main_area.okr .select_area ul li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .main_area.okr .select_area ul li .info_box .person_area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.main_area.okr .select_area ul li .view_area .person_area {
  margin-bottom: 10px;
}
.main_area.okr .select_area ul li .view_area .person_area .icon_img {
  width: 32px;
  height: 32px;
}
.main_area.okr .select_area ul li .period_area,
.main_area.okr .select_area ul li .progressbar_box {
  padding: 0;
}
.main_area.okr .select_area ul li .period_area {
  margin-top: 20px;
  margin-bottom: 20px;
}
.main_area.okr .select_area ul li .icon_area {
  margin-top: 10px;
}
.main_area.okr .select_area ul li .comment_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: #404040;
  font-size: 14px;
  font-weight: 500;
}
.main_area.okr .add_select_review_partner {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area.okr .add_select_review_partner {
    margin-top: 80px;
    padding: 15px;
  }
  .main_area.okr .add_select_review_partner .search_box {
    padding: 0;
  }
  .main_area.okr .add_select_review_partner .search_box .btn_box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
    position: absolute;
    margin-bottom: 40px;
    top: -70px;
    left: 0;
  }
  .main_area.okr .add_select_review_partner .search_box .btn_box .btn.w180_btn {
    width: auto;
    margin-left: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.okr .okr_maincont {
    padding: 12px 15px;
  }
  .main_area.okr .okr_maincont .error_box {
    margin-top: 70px;
    padding: 0 !important;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.okr .okr_maincont h2 {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.okr .okr_maincont .search_box {
    padding: 0;
  }
  .main_area.okr .okr_maincont .search_box:has(.btn_box) input.search_text {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.okr .okr_maincont .person_list {
    padding: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.okr .okr_maincont .person_list .sub_title_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.okr .okr_maincont .person_list .form-check {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.okr .okr_maincont .person_list .person_area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.main_area.okr .okr_maincont .person_list .person_area .icon_img {
  width: 50px;
  height: 50px;
}
.main_area.okr .okr_maincont .person_list .profile h3 {
  color: #000;
  font-size: 15px;
  font-style: normal;
  line-height: normal;
}
.main_area.okr .okr_maincont .person_list .profile p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
.main_area.okr .okr_maincont .person_list .pink_checkbox {
  margin-left: auto;
}
.main_area.okr.keyresult_bar .okr_keyresult_area .info_box {
  position: relative;
}
.main_area.okr.keyresult_bar .okr_keyresult_area .info_box::after {
  content: "";
  width: 16px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: -17px;
  background-color: #0437A0;
  z-index: 1;
}
.main_area.okr.keyresult_bar .okr_keyresult_area .accordion-body {
  position: relative;
  padding-left: 46px;
}
.main_area.okr.keyresult_bar .okr_keyresult_area .accordion-body::after {
  content: "";
  display: block;
  width: 2px;
  height: calc(100% - 40px);
  background-color: #0437A0;
  position: absolute;
  top: -10px;
  left: 29px;
  z-index: 1;
}
.main_area.okr.keyresult_bar .okr_keyresult_area .accordion-body:has(.okr_keyresult_add_btn)::after {
  height: calc(100% - 98px);
  top: -10px;
}
.main_area.okr.keyresult_bar .info_box.header_info .person_area .profile h3 {
  border-left: transparent;
  padding-left: 0;
}
.main_area.okr.keyresult_bar .okr_no_search_result {
  padding-top: 40px;
}
.main_area.okr.keyresult_bar .okr_no_search_result__title {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.main_area.okr.keyresult_bar .okr_no_search_result__content {
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 2;
  text-align: center;
}
.main_area.okr.keyresult_bar .okr_no_search_result__image {
  width: 180px;
  margin: 0 auto;
}
.main_area.okr.keyresult_bar .okr_no_search_result__image img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .main_area.okr.okr_selection_searchbox .add_select_review_partner {
    margin-top: 20px;
  }
  .main_area.okr.okr_selection_searchbox .add_select_review_partner:has(.search_box > .btn_box) .search_box > .btn_box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
  .main_area.okr.okr_selection_searchbox .add_select_review_partner .search_box {
    padding: 15px 0 15px;
    background: #FFF;
    margin: -15px -15px 15px;
  }
  .main_area.okr.okr_selection_searchbox .add_select_review_partner .search_box:has(+ .nav-tabs) {
    margin-bottom: 0;
    padding-top: 0;
  }
  .main_area.okr.okr_selection_searchbox .add_select_review_partner .search_box > .btn_box {
    margin-bottom: 0px;
  }
  .main_area.okr.okr_selection_searchbox .add_select_review_partner .nav-tabs {
    margin: 0 -15px;
    background: #F5F5F5;
    padding-bottom: 10px;
  }
  .main_area.okr.okr_selection_searchbox .add_select_review_partner h2.accordion-header {
    padding: 0;
  }
  .main_area.okr.okr_selection_searchbox .person_list .sub_title_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 10px;
    padding: 15px 0 30px;
  }
}
.main_area.okr.keyresult .okr_profile_area h4 + label {
  margin-bottom: 30px;
}
.main_area.okr.keyresult .okr_profile_area .view_area {
  margin-top: 30px;
}
.main_area.okr.keyresult .show_area ul {
  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;
  gap: 4px 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.main_area.okr.keyresult .show_area .person_area {
  gap: 20px;
}
.main_area.okr.keyresult .show_area .person_area .icon_img {
  width: 50px;
  height: 50px;
  position: relative;
}
.main_area.okr .pc {
  display: block;
}
.main_area.okr .sp {
  display: none;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .main_area.okr .pc {
    display: none;
  }
  .main_area.okr .sp {
    display: block;
    margin-top: 0;
  }
}
.main_area .info_box.header_info {
  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;
}
@media screen and (max-width: 1024px) {
  .main_area .info_box.header_info {
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 15px;
    margin-top: 10px;
  }
}
.main_area .info_box.header_info h3 {
  color: #404040;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 5px 0 5px 10px;
  border-left: 3px solid #404040;
}
.main_area .info_box.header_info .right_box {
  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;
  gap: 15px;
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .main_area .info_box.header_info .right_box {
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 5px 10px;
    margin-top: 10px;
  }
  .main_area .info_box.header_info .right_box a {
    display: none;
  }
  .main_area .info_box.header_info .right_box .sort_box {
    margin-left: auto;
    padding: 0;
  }
}
.main_area .okr_select_box .btn.dropdown-toggle {
  color: #0437A0;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #0437A0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
  .main_area .okr_select_box .btn.dropdown-toggle {
    width: 100%;
  }
}
.main_area .okr_select_box .btn.dropdown-toggle:after {
  margin-left: auto;
}
.main_area .okr_select_box .view_select_btn {
  width: 220px;
}
.main_area .okr_select_box .view_select_btn + .dropdown-menu {
  width: 220px;
}
@media screen and (max-width: 1024px) {
  .main_area .okr_select_box .view_select_btn + .dropdown-menu {
    width: 100%;
  }
}
.main_area .okr_select_box .dropdown-menu {
  border: 1px solid #0437A0;
  border-radius: 4px;
  padding: 0;
  top: -5px !important;
  border-top: transparent;
  border-radius: 0 0 4px 4px;
}
@media screen and (max-width: 1024px) {
  .main_area .okr_select_box .dropdown-menu {
    width: 100%;
  }
}
.main_area .okr_select_box .dropdown-menu .dropdown-item {
  color: #0437A0;
  font-size: 16px;
  font-weight: 500;
}
.main_area .okr_list {
  padding-left: 0;
  list-style: none;
}
@media screen and (max-width: 1024px) {
  .main_area .okr_list {
    overflow: auto;
    margin-left: 15px;
    margin-right: 15px;
  }
}
.main_area .okr_list li {
  min-width: 928px;
}
.main_area .okr_list li:not(:first-of-type) {
  margin-top: 10px;
}
.main_area .okr_list .info_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #fff;
}
.main_area .okr_list .info_box:not(:first-of-type) {
  margin-top: 10px;
}
.main_area .okr_list .info_box > *:not(:first-child) {
  border-left: 1px solid #9BA8B9;
}
@media screen and (max-width: 1024px) {
  .main_area .okr_list .info_box {
    position: relative;
  }
  .main_area .okr_list .info_box::after {
    content: "";
    width: 15px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: -15px;
    background-color: #0437A0;
    z-index: 1;
  }
}
.main_area .okr_list .info_box .info_date {
  width: 104px;
}
.main_area .okr_list .info_box .view_area {
  width: 181px;
}
.main_area .okr_list .info_box .person_area {
  width: 114px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main_area .okr_list .info_box .totalling_box {
  width: 250px;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main_area .okr_list .info_box .totalling_box:has(.dropdown) {
  width: 287px;
}
.main_area .okr_list h3.info_ttl {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  text-indent: 3em;
  width: calc(100% - 649px);
  padding-right: 10px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url(/images/okr/icon_listnote.svg);
  background-repeat: no-repeat;
  background-position: center left 15px;
}
.main_area .okr_list h3.info_ttl:has(~ .totalling_box .dropdown) {
  width: calc(100% - 686px);
}
.main_area .okr_list h3.info_ttl span, .main_area .okr_list h3.info_ttl a {
  color: #000;
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_area .okr_list .info_date {
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 20px;
}
.main_area .okr_list .info_date span {
  color: #404040;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.main_area .okr_list .info_date img {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 8px;
}
.main_area .okr_list .view_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-top: none;
  padding: 0 20px 0 10px;
  margin-bottom: 0;
}
.main_area .okr_list .view_area::before {
  content: none;
}
.main_area .okr_list .view_area .progressbar_box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 5px;
  padding: 0 10px;
}
.main_area .okr_list .view_area .progress {
  width: 50px;
}
.main_area .okr_list .view_area .num_box {
  color: #000;
  font-size: 12px;
  font-weight: 500;
}
.main_area .okr_list .view_area .num_box .num {
  font-size: 16px;
}
.main_area .okr_list .view_area .tag {
  width: 80px;
  height: 30px;
}
.main_area .okr_list .dropdown.dropend .three_point_btn {
  background-color: #fff;
}
.main_area .okr_list .dropdown.dropend li {
  min-width: auto;
}
.main_area .okr_list .dropdown.dropend .dropdown-item {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.main_area .okr_list .person_area {
  gap: 0;
  padding: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_area .okr_list .person_area .icon_img {
  width: 28px;
  height: 28px;
  margin-left: -5px;
}
.main_area .okr_list .person_area .icon_img:has(.img_mask.person_num) {
  width: auto;
}
.main_area .okr_list .person_area .icon_img:has(.img_mask.person_num) .person_num span {
  position: static;
  margin-top: 7px;
}
.main_area .okr_list .person_area .person_num {
  position: relative;
  overflow: visible;
}
.main_area .okr_list .person_area .person_num span {
  position: absolute;
  bottom: -3px;
  right: -4px;
}
.main_area .okr_list .okr_keyresult_area .accordion-body {
  padding-right: 0;
}
@media screen and (max-width: 1024px) {
  .main_area .okr_list .okr_keyresult_area .accordion-body {
    padding-left: 40px;
    position: relative;
  }
  .main_area .okr_list .okr_keyresult_area .accordion-body::after {
    content: "";
    display: block;
    width: 2px;
    height: calc(100% - 98px);
    background-color: #0437A0;
    position: absolute;
    top: -10px;
    left: 23px;
    z-index: 1;
  }
}
.main_area .okr_list .okr_keyresult_area .accordion-body .info_ttl {
  background-image: url(/images/okr/icon_key.png);
}
.main_area .okr_list .okr_keyresult_add_btn {
  width: auto !important;
  background-color: transparent;
  margin-top: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (max-width: 1024px) {
  .main_area .okr_list .comment_edit_menu li {
    min-width: auto;
  }
  .main_area .okr_list .comment_edit_menu .dropdown-item {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.main_area .header_info {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .main_area .header_info {
    padding: 0 16px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.main_area .header_info .icon_img {
  width: 50px;
  height: 50px;
}
.main_area .header_info h3 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.main_area .header_info p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.related_okr .related_okr_form {
    padding: 0 16px;
  }
}
.main_area.related_okr .related_okr_form .select_area ul li {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0px;
  padding: 0;
}
.main_area.related_okr .related_okr_form .select_area ul li:not(:last-of-type) {
  margin-bottom: 20px;
}
.main_area.related_okr .related_okr_form .select_area ul li:has(.view_area) {
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.main_area.related_okr .related_okr_form .select_area ul li .view_area {
  margin-bottom: 0;
  width: calc(100% - 80px);
}
@media screen and (max-width: 1024px) {
  .main_area.related_okr .related_okr_form .select_area ul li .view_area {
    width: calc(100% - 58px);
  }
}
.main_area.related_okr .related_okr_form .select_area ul li .view_area h4 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}
@media screen and (max-width: 1024px) {
  .main_area.related_okr .related_okr_form .select_area ul li .view_area .period_area {
    gap: 5px;
  }
}
.main_area.related_okr .related_okr_form .select_area ul li .checkbox_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  background-color: #D4E4FC;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .main_area.related_okr .related_okr_form .select_area ul li .checkbox_area {
    padding: 19px;
  }
}
.main_area.related_okr .related_okr_form .select_area ul li .okr_keyresult_area {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: 100%;
}
.main_area.related_okr .related_okr_form .select_area ul li .okr_keyresult_area .inner_box {
  margin-top: 0;
}
.main_area.related_okr .related_okr_form .select_area ul li .okr_keyresult_area .accordion-body {
  padding: 0 0 20px 50px;
}
@media screen and (max-width: 1024px) {
  .main_area.related_okr .related_okr_form .select_area ul li .okr_keyresult_area .accordion-body {
    padding-left: 20px;
  }
}
.main_area.related_okr .related_okr_form .select_area ul li .okr_keyresult_area .accordion-body .inner_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main_area.related_okr .related_okr_form .select_area ul li .okr_keyresult_area .accordion-body .inner_box:not(:last-of-type) {
  margin-bottom: 20px;
}
.main_area.related_okr .related_okr_detail .view_area .flex_header .person_area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
}
.main_area.related_okr .related_okr_detail .inner_box .view_area:has(.view_area_link) .view_area_link {
  left: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.related_okr .task_view_area .progressbar_box,
  .main_area.related_okr .task_view_area .period_area {
    padding-inline: 0;
  }
}
.main_area.related_okr .info_box.header_info .person_area .profile h3 {
  border-left: transparent;
  padding-left: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.related_okr .main_content > h2 {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.related_okr.related_okr_detail .search_box {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.objective_regist_select_edit .search_box .btn_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: wrap-reverse;
            flex-flow: wrap-reverse;
  }
}
.main_area.objective_regist_select_edit .auto_cal_btn {
  margin-bottom: 20px;
}
.main_area .okr_connection_side:has(+ h2),
.main_area .related_okr_detail:has(+ h2) {
  margin-bottom: 30px;
}
.main_area .okr_connection_side .icon_img,
.main_area .related_okr_detail .icon_img {
  width: 32px;
  height: 32px;
}
.main_area .okr_connection_side .view_area,
.main_area .related_okr_detail .view_area {
  padding-bottom: 20px;
}
.main_area .okr_connection_side .view_area:has(.view_area_link) .view_area_link,
.main_area .related_okr_detail .view_area:has(.view_area_link) .view_area_link {
  left: 0;
}
.main_area .okr_connection_side .view_area .three_point_btn,
.main_area .related_okr_detail .view_area .three_point_btn {
  background-color: #fff;
}
.main_area .okr_connection_side .view_area h3, .main_area .okr_connection_side .view_area h4,
.main_area .related_okr_detail .view_area h3,
.main_area .related_okr_detail .view_area h4 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}
.main_area .okr_connection_side .view_area h3:has(+ .task_view_area), .main_area .okr_connection_side .view_area h4:has(+ .task_view_area),
.main_area .related_okr_detail .view_area h3:has(+ .task_view_area),
.main_area .related_okr_detail .view_area h4:has(+ .task_view_area) {
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 2px solid #D9D9D9;
}
.main_area .okr_connection_side .period_area .change_history_btn,
.main_area .related_okr_detail .period_area .change_history_btn {
  margin-left: auto;
}
.main_area .okr_connection_side .text_area,
.main_area .related_okr_detail .text_area {
  border-top: 2px solid #D9D9D9;
  padding-top: 30px;
}
.main_area .okr_connection_side .text_area h4,
.main_area .related_okr_detail .text_area h4 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  padding-left: 5px;
  padding-bottom: 0;
  border-bottom: transparent;
  border-left: 4px solid #D9D9D9;
}
.main_area .okr_connection_side .text_area p,
.main_area .related_okr_detail .text_area p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.main_area .okr_connection_side .related_okr_detail_comment .inner_box,
.main_area .related_okr_detail .related_okr_detail_comment .inner_box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.main_area .okr_connection_side .dropdown.dropend .comment_edit_menu .dropdown-item,
.main_area .related_okr_detail .dropdown.dropend .comment_edit_menu .dropdown-item {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.main_area .okr_connection_side .okr_keyresult_area .view_area,
.main_area .related_okr_detail .okr_keyresult_area .view_area {
  margin-bottom: 0;
}
.main_area .okr_connection_side .okr_keyresult_area .view_area:has(.view_area_link) .view_area_link,
.main_area .related_okr_detail .okr_keyresult_area .view_area:has(.view_area_link) .view_area_link {
  left: 0;
}
.main_area .okr_connection_side .okr_keyresult_area .okr_connection_area,
.main_area .okr_connection_side .okr_keyresult_area .comment_input_header,
.main_area .related_okr_detail .okr_keyresult_area .okr_connection_area,
.main_area .related_okr_detail .okr_keyresult_area .comment_input_header {
  background-color: #EDEDF2;
}
.main_area .okr_connection_side .okr_keyresult_area .okr_connection_area .accordion-button img,
.main_area .related_okr_detail .okr_keyresult_area .okr_connection_area .accordion-button img {
  margin-right: 10px;
}
.main_area .okr_connection_side .okr_keyresult_area .okr_connection_area__titleLink,
.main_area .related_okr_detail .okr_keyresult_area .okr_connection_area__titleLink {
  color: #000;
}
.main_area .okr_connection_side .flex_header .person_area,
.main_area .related_okr_detail .flex_header .person_area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: unset;
          flex-flow: unset;
}
.main_area .okr_connection_side__titleLink,
.main_area .related_okr_detail__titleLink {
  color: #000;
}
@media screen and (max-width: 1024px) {
  .main_area .okr_connection_side {
    width: 100%;
  }
}
.main_area .okr_connection_side h3 {
  color: #404040;
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 5px;
  margin-bottom: 13px;
}
.main_area .okr_connection_side h3 button {
  padding: 0;
}
.main_area .okr_connection_side .view_area:not(:last-of-type) {
  margin-bottom: 35px;
}
.main_area .okr_connection_side .view_area h4 {
  margin-bottom: 10px;
  padding-bottom: 15px;
}
.main_area .okr_connection_side .icon_img {
  width: 32px;
  height: 32px;
}
.main_area .okr_connection_side .period_area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 0px;
  padding: 20px 0;
}
.main_area .okr_connection_side .period_area img {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.main_area .okr_connection_side .period_area .date {
  width: 100%;
}
.main_area .okr_connection_side .period_area .date .flatpickr-input {
  max-width: none;
  text-align: left;
}
.main_area .okr_connection_side .progressbar_box {
  padding: 0;
}
.main_area .okr_connection_side .icon_area {
  margin-top: 20px;
  color: #404040;
  font-size: 14px;
  font-weight: 500;
}
.main_area .okr_connection_side__titleLink {
  color: #000;
}
.main_area .totalling_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 20px;
  padding: 20px;
}
.main_area .totalling_box .comment_total,
.main_area .totalling_box .group_total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.main_area .totalling_box .unread {
  font-size: 16px;
  font-weight: 900;
}
.main_area .totalling_box .unread.comment_total {
  color: #FF8C1E;
}
.main_area .totalling_box .unread.group_total {
  color: #008CDC;
}
.main_area .green_total {
  width: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main_area .green_total .off {
  display: block;
}
.main_area .green_total .on {
  display: none;
}
.main_area .green_total:hover .off {
  display: none;
}
.main_area .green_total:hover .on {
  display: block;
}
.main_area .initial_screen {
  text-align: center;
  margin-top: 50px;
}
@media screen and (max-width: 1024px) {
  .main_area .initial_screen {
    padding: 0 16px;
  }
}
.main_area .initial_screen > p {
  margin-bottom: 50px;
}
.main_area .initial_screen .btn_box {
  margin-top: 20px;
}
.main_area .initial_screen .btn_box .add_btn {
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .system_management_list {
    padding: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .system_management_list .search_box {
    padding: 0;
  }
}
.main_area.system_management .system_management_list .search_box:has(.btn_box) {
  margin-top: 0;
}
.main_area.system_management .system_management_list .search_box:has(.btn_box) .btn_box {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
}
.main_area.system_management .system_management_list .search_box:has(.btn_box) .btn_box .btn {
  margin-left: 0;
  height: auto;
  padding: 6px 12px;
}
.main_area.system_management .system_management_list .search_box .select_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
  margin: 15px 0 25px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .system_management_list .search_box .select_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 4px;
  }
  .main_area.system_management .system_management_list .search_box .select_area select {
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .system_management_list .user_list_area {
    padding: 0 0 15px;
  }
}
.main_area.system_management .system_management_list .user_list_area .p_box {
  padding: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .system_management_list .user_list_area .p_box {
    background-color: transparent;
    padding: 0;
  }
}
.main_area.system_management .system_management_list .user_list_area .h_text {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.main_area.system_management .system_management_list .h_text {
  min-width: 800px;
  margin-bottom: 15px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.main_area.system_management .system_management_list table {
  min-width: 800px;
}
.main_area.system_management .system_management_list table tr {
  position: relative;
}
.main_area.system_management .system_management_list table tr .view_area_link {
  width: calc(100% - 40px);
  left: 40px;
}
.main_area.system_management .system_management_list table thead th {
  color: #fff;
  background-color: #404040;
  font-size: 14px;
  font-weight: 500;
}
.main_area.system_management .system_management_list table thead th:first-child {
  width: 40px;
}
.main_area.system_management .system_management_list table thead th:nth-child(4) {
  width: 80px;
}
.main_area.system_management .system_management_list table thead th:nth-child(5) {
  width: 80px;
}
.main_area.system_management .system_management_list table thead th:nth-child(7) {
  width: 170px;
}
.main_area.system_management .system_management_list table thead th:nth-child(8) {
  width: 170px;
}
.main_area.system_management .system_management_list table thead th .th_sort {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 0;
  opacity: 0.7;
}
.main_area.system_management .system_management_list table thead th .th_sort span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main_area.system_management .system_management_list table thead th .th_sort.sort_up {
  opacity: 1;
}
.main_area.system_management .system_management_list table thead th .th_sort.sort_up .sort_btn_box .down {
  display: none;
}
.main_area.system_management .system_management_list table thead th .th_sort.sort_down {
  opacity: 1;
}
.main_area.system_management .system_management_list table thead th .th_sort.sort_down .sort_btn_box .up {
  display: none;
}
.main_area.system_management .system_management_list table tbody td {
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.main_area.system_management .system_management_list .badge_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 3px;
}
.main_area.system_management .system_management_list .badge {
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  display: inline-block;
}
.main_area.system_management .system_management_list .valid_badge {
  background: #DC1478;
}
.main_area.system_management .system_management_list .invalid_badge {
  background: #9BA8B9;
}
.main_area.system_management .system_management_list .authority_badge {
  background: #00A971;
}
.main_area.system_management .system_management_list_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .system_management_list_actions {
    display: block;
    margin-bottom: 30px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.main_area.system_management .system_management_list_actions--no-padding {
  padding: 0;
}
.main_area.system_management .system_management_list_action_btn {
  height: 32px;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  background-color: #404040;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .system_management_list_action_btn {
    display: block;
    width: 100%;
    height: 48px;
    margin-bottom: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
  }
}
.main_area.system_management .system_management_list_action_btn--create {
  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;
  gap: 12px;
  width: 158px;
  padding: 10px 26px;
  color: #0437A0;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #0437A0;
  background-color: #FFF;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .system_management_list_action_btn--create {
    width: 100%;
  }
}
.main_area.system_management .user_detail {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .user_detail h2 {
    padding-inline: 15px;
    margin-top: 5px;
  }
}
.main_area.system_management .user_detail .input_box header {
  background-image: none;
}
.main_area.system_management .user_detail .input_box .name_box span {
  color: #9BA4A9;
  font-size: 14px;
  font-weight: 400;
}
.main_area.system_management .user_detail .input_box .input_area h3 {
  color: #9BA4A9;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.main_area.system_management .user_detail .input_box .input_area .title_area {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 35px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .user_detail .input_box .input_area .title_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
  }
  .main_area.system_management .user_detail .input_box .input_area .title_area .operation_btn {
    display: block;
  }
}
.main_area.system_management .user_detail .input_box .input_area .title_area h3 {
  margin-bottom: 0.5rem;
  min-width: 112px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .user_detail .input_box .input_area .title_area h3 {
    margin-bottom: 0;
  }
}
.main_area.system_management .user_detail .input_box ul.check_list {
  padding-left: 0;
}
.main_area.system_management .user_detail .input_box ul.check_list li:has(+ li) {
  margin-bottom: 10px;
}
.main_area.system_management .user_detail .input_box ul.check_list li label {
  color: #404040;
  font-size: 16px;
  font-weight: 400;
}
.main_area.system_management .user_detail .input_box ul.check_list ul {
  padding-left: 28px;
  margin-top: 10px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .user_pw_resetting {
    padding: 15px;
  }
  .main_area.system_management .user_pw_resetting .search_box {
    padding: 0;
    margin-top: 20px;
  }
  .main_area.system_management .user_pw_resetting .search_box .cancel_btn {
    width: 100%;
    margin: 0;
  }
  .main_area.system_management .user_pw_resetting .error_box {
    padding: 0;
  }
  .main_area.system_management .user_pw_resetting .reset_password_area {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .system_management_group_list {
    padding: 12px 15px;
  }
}
.main_area.system_management .system_management_group_list .group_search_list .view_area_link {
  left: 0;
}
.main_area.system_management .system_management_group_list .group_search_list .header_box + p {
  padding-left: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .log_history_list .search_box {
    margin-bottom: 0;
  }
  .main_area.system_management .log_history_list .search_box .btn_box {
    gap: 10px;
  }
  .main_area.system_management .log_history_list .search_box .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .log_history_list {
    padding: 15px;
  }
  .main_area.system_management .log_history_list h2 {
    padding: 0;
  }
}
.main_area.system_management .log_history_list .p_box {
  margin-top: 30px;
  padding: 20px 38px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .log_history_list .p_box {
    padding: 0 15px;
    margin-top: 0;
  }
}
.main_area.system_management .log_history_list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px 0;
  margin-bottom: 0;
}
.main_area.system_management .log_history_list dl:not(:first-child) {
  border-top: 1px solid #DBDBDB;
}
.main_area.system_management .log_history_list dl dt, .main_area.system_management .log_history_list dl dd {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}
.main_area.system_management .log_history_list dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.main_area.system_management .log_history_list dl dd::before {
  margin-bottom: -3px;
}
.main_area.system_management .log_history_list dl .icon_check::before {
  content: url(/images/system_management/icon_login.svg);
}
.main_area.system_management .log_history_list dl .icon_logout::before {
  content: url(/images/system_management/icon_logout.svg);
}
.main_area.system_management .log_history_list dl .icon_exclamation::before {
  content: url(/images/system_management/icon_failure.svg);
}
.main_area.system_management .log_history_list dl .bottom_txt {
  width: 100%;
}
.main_area.system_management .log_history_list dl .bottom_txt p {
  color: #000;
  font-size: 11px;
  font-weight: 350;
  margin-bottom: 5px;
}
.main_area.system_management .log_history_list dl .bottom_txt a {
  color: #0437A0;
  font-size: 11px;
  font-weight: 350;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .organization_management {
    padding: 15px;
  }
  .main_area.system_management .organization_management > h2 {
    padding: 0;
    margin-top: 15px;
  }
  .main_area.system_management .organization_management .select_wh_arrow {
    margin-bottom: 10px;
  }
  .main_area.system_management .organization_management .accordion-button:has(span.sp) {
    padding-right: 20px;
  }
}
.main_area.system_management .organization_management .ttl_flexbox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .organization_management .ttl_flexbox {
    display: block;
    background: #F5F5F5;
    margin: -15px -15px 0;
    padding-bottom: 15px;
  }
}
.main_area.system_management .organization_management .search_box .btn_box {
  gap: 15px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .organization_management .search_box .btn_box .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 0;
  }
}
.main_area.system_management .organization_management .search_box .btn_box .group_add_btn {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .organization_management .search_box {
    background: #F5F5F5;
    margin: 0 -15px 15px;
    padding-bottom: 15px;
  }
  .main_area.system_management .organization_management .search_box .search_text {
    margin-top: 0;
  }
}
.main_area.system_management .organization_management .right_box {
  padding-right: 15px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .organization_management .right_box {
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .organization_management .add_select_review_partner {
    margin-top: 0;
  }
}
.main_area.system_management .organization_management .add_select_review_partner .right_box .view_area_link {
  right: 0;
}
.main_area.system_management .organization_management .three_point_btn {
  background-color: transparent;
}
.main_area.system_management .organization_management .form-check .form-check-input {
  width: 28px;
  height: 28px;
}
.main_area.system_management .organization_management .pc {
  display: block;
}
.main_area.system_management .organization_management .sp {
  display: none;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .organization_management .pc {
    display: none;
  }
  .main_area.system_management .organization_management .sp {
    display: block;
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .organization_creation {
    padding: 15px;
  }
  .main_area.system_management .organization_creation h2 {
    padding: 0;
  }
  .main_area.system_management .organization_creation .error_box {
    margin-top: 0;
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .organization_creation .search_box {
    margin-bottom: 0;
  }
}
.main_area.system_management .organization_creation .search_box .btn_box {
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .organization_creation .search_box .btn_box {
    gap: 10px;
  }
}
.main_area.system_management .organization_creation .search_box .btn_box .btn {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .organization_creation .search_box .btn_box .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.main_area.system_management .organization_creation .group_edit_list {
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .organization_creation .group_edit_list {
    padding-top: 15px;
    margin-top: 0px;
  }
}
.main_area.system_management .organization_creation .input_area {
  margin-bottom: 30px;
}
.main_area.system_management .organization_creation .title_btn_area {
  margin-bottom: 0;
  padding: 30px 0;
  position: relative;
}
.main_area.system_management .organization_creation .title_btn_area::before {
  content: "";
  background-color: #F5F5F5;
  width: calc(100% + 70px);
  height: 4px;
  position: absolute;
  top: 0;
  left: -35px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .organization_creation .title_btn_area::before {
    width: calc(100% + 30px);
    left: -15px;
  }
}
.main_area.system_management .organization_creation .title_btn_area h4 {
  min-width: 130px;
  font-weight: 500;
}
.main_area.system_management .organization_creation .title_btn_area .add_text {
  margin-right: auto;
}
.main_area.system_management .organization_creation .person_list {
  padding: 0;
}
.main_area.system_management .organization_creation .person_list .form-check {
  padding: 25px 12px;
}
.main_area.system_management .organization_creation .person_list .person_area .icon_img {
  width: 50px;
  height: 50px;
}
.main_area.system_management .organization_creation .profile h5 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.main_area.system_management .organization_creation .profile p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .delete_input_data {
    padding: 15px;
  }
}
.main_area.system_management .delete_input_data .search_box {
  margin-top: 0;
}
.main_area.system_management .delete_input_data .search_box .ttl_flexbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main_area.system_management .delete_input_data .search_box h3 {
  color: #404040;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
}
.main_area.system_management .delete_input_data .people_profile_area .person_area {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .delete_input_data .people_profile_area .person_area {
    -ms-flex-flow: nowrap;
        flex-flow: nowrap;
  }
  .main_area.system_management .delete_input_data .people_profile_area .person_area .profile {
    text-align: left;
  }
}
.main_area.system_management .delete_input_data .people_profile_area h3 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
}
.main_area.system_management .delete_input_data .userdate_delete_select {
  width: auto;
}
.main_area.system_management .delete_input_data .userdate_delete_select select {
  font-size: 14px;
  font-weight: 700;
  background-color: #DC1414;
}
.main_area.system_management .delete_input_data .comment_tab_area .delete_box:not(:has(+ .okr_keyresult_area)),
.main_area.system_management .delete_input_data .fb_list .delete_box:not(:has(+ .okr_keyresult_area)),
.main_area.system_management .delete_input_data .okr_profile_area .delete_box:not(:has(+ .okr_keyresult_area)) {
  margin-bottom: 20px;
}
.main_area.system_management .delete_input_data .comment_tab_area .delete_box + .okr_keyresult_area,
.main_area.system_management .delete_input_data .fb_list .delete_box + .okr_keyresult_area,
.main_area.system_management .delete_input_data .okr_profile_area .delete_box + .okr_keyresult_area {
  margin-bottom: 20px;
}
.main_area.system_management .delete_input_data .oneonone_area .inner_box {
  position: relative;
}
.main_area.system_management .delete_input_data .oneonone_area .icon_area .btn {
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .delete_input_data .fb_list .profile {
    text-align: left;
  }
}
.main_area.system_management .delete_input_data .fb_list .inner_box {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .delete_input_data .fb_list .inner_box {
    padding: 20px 15px 10px;
  }
  .main_area.system_management .delete_input_data .fb_list .inner_box .icon_area::before {
    width: calc(100% + 30px);
    left: -15px;
  }
}
.main_area.system_management .delete_input_data .fb_list .inner_box .view_area_link {
  left: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .okr_download {
    padding: 15px;
  }
  .main_area.system_management .okr_download .calendar_area {
    width: 100%;
    margin-bottom: 20px;
  }
}
.main_area.system_management .okr_download .search_box {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .okr_download .search_box {
    margin-bottom: 30px;
  }
}
.main_area.system_management .okr_download .select_wh_arrow {
  width: auto;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .okr_download .select_wh_arrow {
    width: 100%;
  }
}
.main_area.system_management .okr_download .select_wh_arrow select {
  text-align: left;
}
.main_area.system_management .okr_download .form-check {
  margin-top: 20px;
}
.main_area.system_management .btn_box {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .btn_box {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 20px;
  }
}
.main_area.system_management .btn_box .period_area {
  padding: 0;
  gap: 15px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .btn_box .period_area {
    width: 100%;
    gap: 5px;
  }
}
.main_area.system_management .btn_box .period_area .date .flatpickr-input {
  max-width: 150px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .btn_box .period_area .date .flatpickr-input {
    max-width: none;
  }
}
.main_area.system_management .btn_box .pink_checkbox {
  margin-top: 0;
}
.main_area.system_management .btn_box .input-group-text {
  padding-right: 15px;
}
.main_area.system_management .btn_box .xmark_btn {
  position: absolute;
  top: 12px;
  right: -13px;
  height: 20px;
  border-radius: 50%;
}
.main_area.system_management .outputitem_area,
.main_area.system_management .outputimg_area {
  margin: 15px 0;
}
.main_area.system_management .outputitem_area h3,
.main_area.system_management .outputimg_area h3 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
}
.main_area.system_management .outputitem_area .img_area_btn,
.main_area.system_management .outputimg_area .img_area_btn {
  width: 100%;
  background-color: #fff;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 15px;
}
.main_area.system_management .outputitem_area .img_area_btn::after,
.main_area.system_management .outputimg_area .img_area_btn::after {
  content: url(/images/common/icon_pager_arrow_right.svg);
  rotate: -90deg;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.main_area.system_management .outputitem_area .img_area_btn.collapsed::after,
.main_area.system_management .outputimg_area .img_area_btn.collapsed::after {
  rotate: 90deg;
}
.main_area.system_management .outputitem_area .img_area_btn h3,
.main_area.system_management .outputimg_area .img_area_btn h3 {
  border-left: 4px solid #BABABA;
  padding-left: 10px;
}
.main_area.system_management .outputitem_area .text_area p,
.main_area.system_management .outputimg_area .text_area p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.main_area.system_management .outputitem_area .table_area,
.main_area.system_management .outputimg_area .table_area {
  background-color: #fff;
  padding: 35px;
  margin-top: 30px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .outputitem_area .table_area,
  .main_area.system_management .outputimg_area .table_area {
    padding: 15px;
    overflow: auto;
  }
}
.main_area.system_management .outputitem_area table,
.main_area.system_management .outputimg_area table {
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .outputitem_area table,
  .main_area.system_management .outputimg_area table {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
.main_area.system_management .outputitem_area table th,
.main_area.system_management .outputimg_area table th {
  text-align: right;
}
.main_area.system_management .outputitem_area table th, .main_area.system_management .outputitem_area table td,
.main_area.system_management .outputimg_area table th,
.main_area.system_management .outputimg_area table td {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 1px 10px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .by_group h2,
  .main_area.system_management .by_organization h2 {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .by_group .add_select_review_partner,
  .main_area.system_management .by_organization .add_select_review_partner {
    padding-inline: 0;
    background-color: #F5F5F5;
  }
  .main_area.system_management .by_group .add_select_review_partner:has(.search_box > .btn_box),
  .main_area.system_management .by_organization .add_select_review_partner:has(.search_box > .btn_box) {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .by_group .add_select_review_partner .nav-tabs,
  .main_area.system_management .by_organization .add_select_review_partner .nav-tabs {
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .by_group .add_select_review_partner .outputimg_area,
  .main_area.system_management .by_organization .add_select_review_partner .outputimg_area {
    margin-bottom: 20px;
  }
}
.main_area.system_management .by_group .search_box .btn_box,
.main_area.system_management .by_organization .search_box .btn_box {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .by_group .search_box .btn_box,
  .main_area.system_management .by_organization .search_box .btn_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 10px;
  }
}
.main_area.system_management .by_group .search_box .btn_box .period_area,
.main_area.system_management .by_organization .search_box .btn_box .period_area {
  padding: 0;
}
.main_area.system_management .by_group .search_box .btn_box .pink_checkbox,
.main_area.system_management .by_organization .search_box .btn_box .pink_checkbox {
  margin-top: 0;
  margin-left: 0;
  gap: 10px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .by_group .search_box .btn_box .pink_checkbox,
  .main_area.system_management .by_organization .search_box .btn_box .pink_checkbox {
    padding-left: 24px;
    margin-bottom: 30px;
  }
}
.main_area.system_management .by_group .search_box .search_text,
.main_area.system_management .by_organization .search_box .search_text {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .by_group .sub_title_area,
  .main_area.system_management .by_organization .sub_title_area {
    margin: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .by_group .sub_title_area .btn_box,
  .main_area.system_management .by_organization .sub_title_area .btn_box {
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .user_info_regist {
    padding: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .user_info_regist .search_box {
    margin-bottom: 0;
  }
}
.main_area.system_management .user_info_regist .search_box .btn_box {
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .user_info_regist .search_box .btn_box {
    gap: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.main_area.system_management .user_info_regist .search_box .btn_box .btn {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .user_info_regist .search_box .btn_box .btn {
    -ms-flex-preferred-size: calc(50% - 6px);
        flex-basis: calc(50% - 6px);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .user_info_regist .search_box .btn_box .btn.save_btn {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .user_info_regist .error_box {
    padding: 0;
  }
}
.main_area.system_management .user_info_regist .user_info_regist_area {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .user_info_regist .user_info_regist_area .p_box {
    padding: 15px;
  }
}
.main_area.system_management .user_info_regist .file_input_box {
  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;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .user_info_regist .file_input_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.main_area.system_management .user_info_regist .file_input_box:has(input.form-control:disabled) {
  opacity: 0.4;
}
.main_area.system_management .user_info_regist .file_input_box:has(input.form-control:disabled) input.form-control::-webkit-file-upload-button {
  background: #9BA4A9;
}
.main_area.system_management .user_info_regist .file_input_box:has(input.form-control:disabled) input.form-control::file-selector-button {
  background: #9BA4A9;
}
.main_area.system_management .user_info_regist .file_input_box .file_input_name {
  color: #404040;
  font-size: 14px;
  font-weight: 400;
  padding: 0 1em;
  width: calc(100% - 138px);
  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;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .user_info_regist .file_input_box .file_input_name {
    width: 100%;
    padding: 10px;
  }
}
.main_area.system_management .user_info_regist .file_input_box.input-group {
  border: transparent;
}
.main_area.system_management .user_info_regist .file_input_box input.form-control {
  font-size: 16px;
  font-weight: 500;
}
.main_area.system_management .user_info_regist .file_input_box input.form-control::-webkit-file-upload-button {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  background: #0437A0;
}
.main_area.system_management .user_info_regist .file_input_box input.form-control::file-selector-button {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  background: #0437A0;
}
.main_area.system_management .user_info_regist .file_input_box .clear_btn {
  height: 38px;
  border-color: var(--bs-border-color);
  border-left: transparent;
}
.main_area.system_management .user_info_regist .alert_text_area {
  margin-top: 20px;
}
.main_area.system_management .user_info_regist .alert_text_area dl dt {
  color: #000;
  font-size: 11px;
  font-weight: 500;
  padding-left: 1em;
  position: relative;
}
.main_area.system_management .user_info_regist .alert_text_area dl dt::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.main_area.system_management .user_info_regist .alert_text_area dl dd {
  color: #000;
  font-size: 11px;
  font-weight: 300;
  padding-left: 1em;
}
.main_area.system_management .user_info_regist .alert_text_area dl .text_red {
  color: #DC1478;
}
.main_area.system_management .sub_title_area {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.main_area.system_management .sub_title_area .btn_box {
  gap: 15px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .sub_title_area .btn_box {
    width: 100%;
  }
  .main_area.system_management .sub_title_area .btn_box .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.main_area.system_management .comment_tab_area .comment_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  gap: 10px;
  padding: 20px 24px;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .comment_tab_area .comment_cont {
    padding: 15px;
  }
}
.main_area.system_management .comment_tab_area .comment_cont .icon_img {
  width: 32px;
  height: 32px;
}
.main_area.system_management .comment_tab_area .comment_cont .view_area_link {
  left: 0;
}
.main_area.system_management .comment_tab_area .text_area {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.main_area.system_management .comment_tab_area .text_area dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .comment_tab_area .text_area dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 5px;
  }
}
.main_area.system_management .comment_tab_area .text_area dl dt, .main_area.system_management .comment_tab_area .text_area dl dd {
  margin: 0;
}
.main_area.system_management .comment_tab_area .text_area dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.main_area.system_management .comment_tab_area .text_area dl .icon_okr::before {
  content: url("/images/system_management/icon_okr.svg");
  margin-bottom: -10px;
}
.main_area.system_management .comment_tab_area .text_area dl .icon_fb::before {
  content: url("/images/system_management/icon_fb.svg");
  margin-bottom: -6px;
}
.main_area.system_management .comment_tab_area .text_area dl .icon_oneonone::before {
  content: url("/images/system_management/icon_oneonone.svg");
  margin-bottom: -6px;
}
.main_area.system_management .comment_tab_area .text_area .panel_box {
  padding: 8px 15px;
  border-radius: 4px;
}
.main_area.system_management .comment_tab_area .text_area .panel_box.glay {
  background: #EDEDF2;
}
.main_area.system_management .comment_tab_area .text_area h4 {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.main_area.system_management .comment_tab_area .text_area p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.main_area.system_management .comment_tab_area .text_area .bottom_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .comment_tab_area .text_area .bottom_area {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 5px;
  }
}
.main_area.system_management .comment_tab_area .text_area .bottom_area p {
  color: #000;
  font-size: 11px;
  font-weight: 300;
  margin-bottom: 0;
}
.main_area.system_management .delete_box {
  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;
  gap: 20px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .delete_box {
    gap: 10px;
  }
}
.main_area.system_management .delete_box .view_area_link {
  left: 0;
}
.main_area.system_management .delete_icon_btn {
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .main_area.system_management .delete_icon_btn img {
    width: 35px;
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .main_area .reset_password_area {
    padding: 0 15px 15px;
  }
}
.main_area .reset_password_area .p_box {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .main_area .reset_password_area .p_box {
    padding: 15px;
    margin-top: 0;
  }
}
.main_area .reset_password_area p {
  color: #000;
  font-size: 15px;
  font-weight: 400;
}
.main_area .reset_password_area input[type=password] + input[type=password] {
  margin-top: 15px;
}
.main_area .reset_password_area .error_box {
  margin-bottom: 25px;
}
@media screen and (max-width: 1024px) {
  .main_area .reset_password_area .error_box {
    padding: 0;
  }
}
.main_area .reset_password_area .error_box .alert-danger {
  text-align: center;
  border: transparent;
}
.main_area .reset_password_area .btn_box {
  margin-top: 30px;
}
.main_area .reset_password_area .btn_box .btn {
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .main_area .reset_password_area .btn_box .btn {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .main_area .inner_tablebox {
    background-color: #fff;
    padding: 10px;
  }
}
.main_area table.table-striped {
  background-color: #fff;
}
.main_area table.table-striped > tbody > tr .delete_btn {
  width: 20px;
  height: 20px;
  background-image: url("/images/common/icon_delete_btn_gl.svg");
  background-size: cover;
  background-repeat: no-repeat;
  margin: auto;
  border-radius: 50%;
}
.main_area table.table-striped > tbody > tr:nth-of-type(odd) > * {
  background: #D4E4FC;
}
.main_area table.table-striped > tbody > tr:nth-of-type(odd) > * .delete_btn {
  background-image: url("/images/common/icon_delete_btn_wh.svg");
}
.main_area table .sort_btn_box {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 3px;
}
.main_area table .sort_btn_box .up {
  rotate: 180deg;
}
.main_area .pagination_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0;
}
.main_area .pagination_box .pagination {
  --bs-pagination-color: #404040;
  --bs-pagination-border-color: #008CDC;
  margin-bottom: 0;
}
.main_area .pagination_box .pagination .active > .page-link, .main_area .pagination_box .pagination .page-link.active {
  border: 1px solid #008CDC;
  background: #008CDC;
}
.main_area .pagination_box .pagination .page-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
}
.main_area .pagination_box .pagination .page-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
}
.main_area .pagination_box .pagination .page-link img {
  display: block;
}

.group_toast {
  display: block;
  color: #fff;
  background-color: #00A971;
  width: auto;
  position: fixed;
  top: 70px;
  right: 10px;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .group_toast {
    position: static;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .group_toast .d-flex {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.error_toast {
  display: block;
  color: #fff;
  background-color: #DC1478;
  width: auto;
  position: fixed;
  top: 70px;
  right: 10px;
  z-index: 100;
}
@media screen and (max-width: 1024px) {
  .error_toast {
    position: static;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .error_toast .d-flex {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.tooltip-arrow {
  border: 1px solid #D9D9D9;
  --bs-tooltip-bg: #F5F5F5;
}

.tooltip-inner {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 4px;
  width: auto;
  max-width: none;
  padding: 12px 17px;
  border: 1px solid #D9D9D9;
  --bs-tooltip-bg: #F5F5F5;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.modal-content {
  border-radius: 4px;
  overflow: hidden;
}
.modal-content .modal-title:has(img) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.shared_organization_list_Modal .modal-dialog,
.shared_group_list_Modal .modal-dialog,
.shared_owner_list_Modal .modal-dialog,
.shared_owners_list_Modal .modal-dialog,
.person_list_Modal .modal-dialog {
  max-width: 360px;
  margin-inline: auto;
}
.shared_organization_list_Modal .modal-body,
.shared_group_list_Modal .modal-body,
.shared_owner_list_Modal .modal-body,
.shared_owners_list_Modal .modal-body,
.person_list_Modal .modal-body {
  padding: 0;
  position: relative;
}
.shared_organization_list_Modal .modal-body .good_area,
.shared_group_list_Modal .modal-body .good_area,
.shared_owner_list_Modal .modal-body .good_area,
.shared_owners_list_Modal .modal-body .good_area,
.person_list_Modal .modal-body .good_area {
  position: absolute;
  top: -35px;
  left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
.shared_organization_list_Modal .modal-body ul li:first-of-type,
.shared_group_list_Modal .modal-body ul li:first-of-type,
.shared_owner_list_Modal .modal-body ul li:first-of-type,
.shared_owners_list_Modal .modal-body ul li:first-of-type,
.person_list_Modal .modal-body ul li:first-of-type {
  border-top: transparent;
}

.confirmation-modal .modal-dialog {
  width: 360px;
  margin-inline: auto;
}
.confirmation-modal h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.confirmation-modal p {
  margin-bottom: 0;
}
.confirmation-modal .modal-footer {
  padding-top: 10px;
  border-top: transparent;
}
.confirmation-modal .modal-footer .btn {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.no_border .modal-header {
  border-bottom: transparent;
}
.no_border .modal-footer {
  border-top: transparent;
}

.comment_edit_Modal .modal-body {
  padding-top: 0;
  padding-bottom: 0;
}
.comment_edit_Modal .reply {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 5px;
}
.comment_edit_Modal .reply .name {
  color: #DC1478;
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
}
.comment_edit_Modal .add_img_box,
.comment_edit_Modal .add_pdf_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #9BA4A9;
  border-radius: 4px;
  position: absolute;
  bottom: 10px;
  left: 25px;
}
.comment_edit_Modal .add_img_box .mask,
.comment_edit_Modal .add_pdf_box .mask {
  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;
  overflow: hidden;
  width: 48px;
  height: 48px;
  border-radius: 4px;
}
.comment_edit_Modal .add_img_box img,
.comment_edit_Modal .add_pdf_box img {
  max-height: 48px;
  display: block;
  border-radius: 4px;
}
.comment_edit_Modal .add_img_box img[src$="/images/common/icon_pdf.svg"],
.comment_edit_Modal .add_pdf_box img[src$="/images/common/icon_pdf.svg"] {
  padding: 10px;
}
.comment_edit_Modal .add_img_box span,
.comment_edit_Modal .add_pdf_box span {
  padding-right: 15px;
}
.comment_edit_Modal .add_img_box .img_erase_btn,
.comment_edit_Modal .add_pdf_box .img_erase_btn {
  background-image: url(/images/common/close_btn.png);
  background-size: 30px;
  width: 32px;
  height: 32px;
  padding: 0;
  --bs-btn-close-opacity: 1;
  position: absolute;
  top: -15px;
  right: -15px;
}
.comment_edit_Modal .modal-body textarea {
  font-size: 16px;
  font-weight: 400;
}
.comment_edit_Modal .modal-body:has(.add_img_box) textarea, .comment_edit_Modal .modal-body:has(.add_pdf_box) textarea {
  padding-bottom: 75px;
}
.comment_edit_Modal .modal-body:has(.add_img_box) + .modal-footer .img_upbtn, .comment_edit_Modal .modal-body:has(.add_pdf_box) + .modal-footer .img_upbtn {
  opacity: 0.3;
  pointer-events: none;
}

.modal-header .comment_Modal, .adding_image_comment_Modal .modal-header, .adding_pdf_comment_Modal .modal-header {
  padding-bottom: 0;
}

.modal-body .file_select_btn {
  color: #fff;
  text-align: center;
  line-height: 40px;
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  border-radius: 2px;
  background: #0437A0;
  position: relative;
  pointer-events: all;
}
.modal-body .file_select_btn .upfile_btn {
  width: 100%;
  height: 40px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.modal-body .img_mask {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  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;
}
.modal-body .img_mask img {
  max-height: 100%;
}
.modal-body .img_canvas {
  background: #4E5255;
  padding: 0 10px 10px;
}
.modal-body .img_canvas .img_edit_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4E5255;
  padding-bottom: 10px;
}
.modal-body .img_canvas .img_edit_btn button {
  min-width: 46px;
  text-align: center;
}
.modal-body .img_canvas img {
  max-width: 100%;
  height: auto;
}
.modal-body .img_canvas:has(.upload_img) {
  opacity: 1;
  pointer-events: all;
}
.modal-body:has(.registration_partner_list) {
  padding: 0;
}
.modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) {
  width: 100%;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) {
    display: block;
  }
}
.modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) .person_area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  width: 100%;
  margin: 0;
  padding: 15px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  gap: 20px;
}
.modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) .person_area .profile {
  text-align: left;
  display: block;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  width: auto;
  margin: 0 5px;
}
.modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) h3, .modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) h4 {
  color: #404040;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) p {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) .icon_img {
  width: 50px;
  height: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) .icon_img .tag_img {
  width: 24px;
  height: 24px;
  position: absolute;
  top: -3px;
  right: -12px;
}
.modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  position: relative;
}
.modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) ul li {
  min-width: auto;
  margin: 0;
}
.modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) ul li > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding: 15px;
  position: relative;
}
.modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) ul li:not(:first-of-type) {
  margin-top: 0;
  border-top: 1px solid #D9D9D9;
}
.modal-body .registration_partner_list:not(:is(#___priority_up_dummy)) .registration_partner_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal-body .img_canvas {
  padding: 10px;
}
.modal-body .img_canvas .add_pdf_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
  border: 1px solid #9BA4A9;
  border-radius: 4px;
  background-color: #fff;
}
.modal-body .img_canvas .add_pdf_box a {
  font-size: 12px;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10px;
}
.modal-body .img_canvas .add_pdf_box img {
  padding: 10px;
  background: none !important;
  background-color: #fff;
}
.modal-body .stamp_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
  grid-template-columns: repeat(5, 1fr);
  -ms-grid-rows: 1fr 10px 1fr 10px 1fr;
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-body .stamp_box > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.modal-body .stamp_box > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.modal-body .stamp_box > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.modal-body .stamp_box > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.modal-body .stamp_box > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}
.modal-body .stamp_box > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.modal-body .stamp_box > *:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.modal-body .stamp_box > *:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.modal-body .stamp_box > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
}
.modal-body .stamp_box > *:nth-child(10) {
  -ms-grid-row: 3;
  -ms-grid-column: 9;
}
.modal-body .stamp_box > *:nth-child(11) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.modal-body .stamp_box > *:nth-child(12) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.modal-body .stamp_box > *:nth-child(13) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}
.modal-body .stamp_box > *:nth-child(14) {
  -ms-grid-row: 5;
  -ms-grid-column: 7;
}
.modal-body .stamp_box > *:nth-child(15) {
  -ms-grid-row: 5;
  -ms-grid-column: 9;
}
.modal-body .stamp_box .form-check {
  width: 32px;
  height: 32px;
  position: relative;
  padding: 0;
  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;
}
.modal-body .stamp_box .form-check label {
  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;
}
.modal-body .stamp_box .form-check input[type=radio] {
  border-radius: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.modal-body .stamp_box .form-check:has(input[type=radio]:checked) {
  border-radius: 2px;
  border: 1px solid #0437A0;
}
.modal-body .modal-textarea {
  position: relative;
}
.modal-body .modal-textarea textarea {
  width: 100%;
  padding: 9px 16px;
  border-radius: 4px;
  color: #404040;
}
.modal-body .modal-textarea .modal-thumbnail-container {
  position: absolute;
  bottom: 15px;
  left: 10px;
}
.modal-body .modal-textarea .modal-thumbnail-container .add_pdf_box {
  width: 440px;
}
@media screen and (max-width: 1024px) {
  .modal-body .modal-textarea .modal-thumbnail-container .add_pdf_box {
    width: 270px;
  }
}
.modal-body .modal-textarea .modal-thumbnail {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  overflow: visible;
}
.modal-body .modal-textarea .modal-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.modal-body .modal-textarea .modal-thumbnail .modal-thumbnail-delete-btn {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 32px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #ccc;
  border-radius: 50%;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  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;
  padding: 0;
}
.modal-body .modal-textarea .modal-thumbnail .modal-thumbnail-delete-btn:hover {
  background-color: rgb(255, 255, 255);
}

.modal-footer .img_upbtn {
  position: relative;
  margin-right: auto;
  padding: 0;
  background-color: transparent;
  border: transparent;
}
.modal-footer .img_upbtn input.upfile_btn {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}
.modal-footer .img_upbtn #file-upload-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
}
.modal-footer .btn {
  width: 124px;
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 2px;
}
.modal-footer .cancel_btn {
  color: #0437A0;
  border: 1px solid #0437A0;
  background: #FFF;
}
.modal-footer .save_btn,
.modal-footer .upload_btn {
  color: #fff;
  background: #0437A0;
}
.modal-footer .modal-footer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.modal-footer .modal-footer-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
}
@media screen and (max-width: 1024px) {
  .modal-footer .modal-footer-actions {
    gap: 0 5px;
  }
}
.modal-footer .modal-thumbnail-add-btn img {
  width: 40px;
  height: 40px;
}
.modal-footer .modal-thumbnail-add-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.stamp_modal .modal-body,
.pdffile_addimg_Modal .modal-body,
.file_addimg_Modal .modal-body,
.file_upload_Modal .modal-body,
.comment_Modal .modal-body,
.adding_image_comment_Modal .modal-body,
.adding_pdf_comment_Modal .modal-body {
  padding-bottom: 0;
}
.stamp_modal .modal-footer .btn,
.pdffile_addimg_Modal .modal-footer .btn,
.file_addimg_Modal .modal-footer .btn,
.file_upload_Modal .modal-footer .btn,
.comment_Modal .modal-footer .btn,
.adding_image_comment_Modal .modal-footer .btn,
.adding_pdf_comment_Modal .modal-footer .btn {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.shared_organization_list_Modal h1,
.shared_group_list_Modal h1,
.shared_owners_list_Modal h1,
.shared_owner_list_Modal h1 {
  color: #4E5255;
  font-size: 18px;
  font-weight: 500;
}

.stamp_modal .modal-dialog {
  width: 280px;
  margin-inline: auto;
}
.stamp_modal .modal-dialog h1 {
  color: #4E5255;
  font-size: 18px;
  font-weight: 500;
}
.stamp_modal .modal-body {
  padding-bottom: 1rem;
}

.change_history_modal .modal-header {
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
}
.change_history_modal dl dt {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  background: #008CDC;
  padding: 8px 15px;
}
.change_history_modal dl dd {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  border-radius: 4px;
  background: #D4E4FC;
  padding: 13px 15px;
}

.glay_bk {
  display: none;
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100svh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
}

/* 日曜日：赤 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7n+1),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n+1) {
  color: red;
}

/* 土曜日：青 */
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7),
.flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n) {
  color: blue;
}

.flatpickr-current-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cur-year {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.cur-month:before {
  content: "年　";
}

.cur-month {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.flatpickr-current-month span.cur-month {
  font-weight: 300;
  padding-top: 4px;
}

.okr_select {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #0437A0;
  background-color: #fff;
  border-radius: 4px;
  min-width: 224px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .okr_select {
    width: 100%;
  }
}
.okr_select__display {
  min-width: 224px;
}
.okr_select__display::after {
  content: url(/images/okr/icon_select_arrow.svg);
}
.okr_select__display, .okr_select__preview, .okr_select__preview-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 100%;
}
.okr_select__preview {
  padding: 5px 10px;
}
.okr_select__option {
  padding: 5px 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  background-color: #fff;
}
.okr_select__option:hover {
  background-color: #3498DB;
  color: #fff;
}
.okr_select__pulldown {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 300px;
  min-width: 246px;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 10;
  border: 1px solid #0437A0;
  background-color: #fff;
  border-radius: 4px;
  overflow-y: auto;
}
@media screen and (max-width: 1024px) {
  .okr_select__pulldown {
    width: calc(100% + 2px);
  }
}
.okr_select__s-spread {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main_area .okr_tree {
  overflow: scroll;
}
.main_area .okr_tree img {
  width: 100%;
  height: auto;
}
.main_area .okr_tree__description {
  font-size: 14px;
}
.main_area .okr_tree .okr_tree_actions {
  margin-bottom: 12px;
}
.main_area .okr_tree .okr_tree_action {
  width: 108px;
  padding: 6px 12px 8px;
  border-radius: 2px;
  font-size: 14px;
  color: #fff;
  background-color: #0437A0;
}
.main_area .okr_tree .okr_tree_action a {
  color: #FFF;
}
.main_area .okr_tree .zoom_slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 22px;
  margin-bottom: 30px;
}
.main_area .okr_tree .zoom_display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main_area .okr_tree .zoom_display__text {
  width: 60px;
  font-size: 20px;
  font-weight: bold;
}
.main_area .okr_tree .zoom_display input {
  margin-left: 12px;
}
.main_area .okr_tree .zoom_range {
  width: 232px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
  background: #D9D9D9;
  height: 8px;
  border-radius: 10px;
  outline: 0;
}
.main_area .okr_tree .zoom_range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 0;
  height: 0;
}
.main_area .okr_tree .zoom_range::-moz-range-thumb {
  width: 0;
  height: 0;
}
.main_area .okr_tree .zoom_range::-moz-focus-outer {
  border: 0;
}
.main_area .okr_tree .zoom_controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 4px;
}
.main_area .okr_tree .zoom_controls__image {
  width: 24px;
  height: 24px;
  font-size: 0;
}
.main_area .okr_tree .zoom_in, .main_area .okr_tree .zoom_out {
  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: 55px;
  height: 48px;
  border: none;
  background-color: #9BA4A9;
}
.main_area .okr_tree .zoom_in {
  padding-left: 0;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.main_area .okr_tree .zoom_out {
  padding-left: 12px;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.main_area .okr_tree .okr_tree_content {
  width: 100%;
  min-height: 100vh;
  padding: 33px 52px 49px;
  background-color: #FFF;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.main_area .okr_tree .okr_tree_layer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 44px 0;
  border-bottom: 6px solid #F5F5F5;
  overflow-x: scroll;
  overflow-y: hidden;
}
.main_area .okr_tree .okr_tree_layer:first-child {
  padding-top: 16px;
}
.main_area .okr_tree .okr_tree_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 40px;
  border-left: 6px solid #F5F5F5;
}
.main_area .okr_tree .okr_tree_block:first-child {
  padding-left: 16px;
  border-left: 0;
}
.main_area .okr_tree .okr_tree_key_results_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
}
.main_area .okr_tree .okr_tree_item {
  width: 200px;
  padding: 5px 5px 0;
}
.main_area .okr_tree .okr_tree_item--objective {
  height: 208px;
  background-color: #D1F1EB;
}
.main_area .okr_tree .okr_tree_item--objective:hover, .main_area .okr_tree .okr_tree_item--objective .hilighted {
  outline: 2px solid #00A971;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 169, 113, 0.5);
          box-shadow: 0px 4px 20px 0px rgba(0, 169, 113, 0.5);
  z-index: 2;
}
.main_area .okr_tree .okr_tree_item--objective .okr_tree_item_title__logo {
  width: 16px;
  height: 22px;
  background-image: url("/images/network/icon_objective.png");
}
.main_area .okr_tree .okr_tree_item--key_results {
  height: 174px;
  background-color: #D4E4FC;
}
.main_area .okr_tree .okr_tree_item--key_results:hover, .main_area .okr_tree .okr_tree_item--key_results .hilighted {
  outline: 2px solid #0437A0;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(4, 55, 160, 0.5);
          box-shadow: 0px 0px 20px 0px rgba(4, 55, 160, 0.5);
  z-index: 2;
}
.main_area .okr_tree .okr_tree_item--key_results .okr_tree_item_user {
  display: none;
}
.main_area .okr_tree .okr_tree_item--key_results .okr_tree_item_title__logo {
  width: 20px;
  height: 18px;
  background-image: url("/images/network/icon_key_results.png");
}
.main_area .okr_tree .okr_tree_item--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.main_area .okr_tree .okr_tree_item--hilighted.okr_tree_item--objective {
  outline: 2px solid #00A971;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 169, 113, 0.5);
          box-shadow: 0px 4px 20px 0px rgba(0, 169, 113, 0.5);
}
.main_area .okr_tree .okr_tree_item--hilighted.okr_tree_item--key_results {
  outline: 2px solid #0437A0;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(4, 55, 160, 0.5);
          box-shadow: 0px 0px 20px 0px rgba(4, 55, 160, 0.5);
}
.main_area .okr_tree .okr_tree_item__term {
  text-align: center;
  font-size: 12px;
}
.main_area .okr_tree .okr_tree_item_inner {
  padding: 13px 15px 10px;
  background-color: #FFF;
}
.main_area .okr_tree .okr_tree_item_user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
.main_area .okr_tree .okr_tree_item_user__icon {
  width: 28px;
  margin-right: -4px;
}
.main_area .okr_tree .okr_tree_item_user__icon:last-child {
  margin-right: 0;
}
.main_area .okr_tree .okr_tree_item_user_omit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2px;
  width: 28px;
  height: 28px;
  padding-left: 6px;
  border-radius: 50%;
  background-color: #FFF;
}
.main_area .okr_tree .okr_tree_item_user_omit__icon {
  width: 15px;
}
.main_area .okr_tree .okr_tree_item_user_omit__number {
  padding-top: 8px;
  font-size: 14px;
}
.main_area .okr_tree .okr_tree_item_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 8px;
  margin-bottom: 15px;
}
.main_area .okr_tree .okr_tree_item_title__logo {
  font-size: 0;
  background-size: cover;
  background-position: center;
}
.main_area .okr_tree .okr_tree_item_title__text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 132px;
  max-height: 2.8em;
  line-height: 1.4;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main_area .okr_tree .okr_tree_item_graph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.main_area .okr_tree .okr_tree_item_graph--unset .okr_tree_item_status, .main_area .okr_tree .okr_tree_item_graph--unset .progress_bar {
  background-color: #9BA4A9;
}
.main_area .okr_tree .okr_tree_item_graph--on_track .okr_tree_item_status, .main_area .okr_tree .okr_tree_item_graph--on_track .progress_bar {
  background-color: #00A971;
}
.main_area .okr_tree .okr_tree_item_graph--at_risk .okr_tree_item_status, .main_area .okr_tree .okr_tree_item_graph--at_risk .progress_bar {
  background-color: #DC1478;
}
.main_area .okr_tree .okr_tree_item_graph--behind .okr_tree_item_status, .main_area .okr_tree .okr_tree_item_graph--behind .progress_bar {
  background-color: #FF8C1E;
}
.main_area .okr_tree .okr_tree_item_graph--complete .okr_tree_item_status, .main_area .okr_tree .okr_tree_item_graph--complete .progress_bar {
  background-color: #5457A3;
}
.main_area .okr_tree .okr_tree_item_progress {
  width: 61px;
}
.main_area .okr_tree .okr_tree_item_progress__num {
  text-align: center;
  font-size: 10px;
  line-height: 1;
}
.main_area .okr_tree .okr_tree_item_progress__num span {
  font-size: 14px;
}
.main_area .okr_tree .okr_tree_item_status {
  width: 80px;
  padding: 4px 0;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  color: #FFF;
}
.main_area .okr_tree .okr_tree_item_progress_bg {
  display: block;
  width: 100%;
  margin-bottom: 2px;
  border-radius: 4px;
  background-color: #D9D9D9;
  overflow: hidden;
}
.main_area .okr_tree .progress_bar {
  width: 50%;
  height: 8px;
  border-radius: 4px;
}
.main_area .okr_tree .okr_tree_item_children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 8px 8px;
}
.main_area .okr_tree .okr_tree_item_children__num {
  font-size: 12px;
}
.main_area .okr_tree .okr_tree_item_children_menu {
  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: 22px;
  height: 22px;
  cursor: pointer;
}
.main_area .okr_tree .okr_tree_item_children_menu__icon {
  width: 18px;
  font-size: 0;
}
.main_area .okr_tree .dropdown_menu {
  position: relative;
  left: 104%;
  display: inline-block;
  list-style: none;
  border: 1px solid rgba(78, 82, 85, 0.2);
  background-color: #FFF;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  z-index: 1000;
}
.main_area .okr_tree .dropdown_menu li {
  padding: 8px 16px;
  font-size: 16px;
  cursor: pointer;
}
.main_area .okr_tree .dropdown_menu li:last-child {
  padding-bottom: 12px;
}
.main_area .okr_tree .dropdown_menu li:hover {
  background-color: rgba(78, 82, 83, 0.2);
}
.main_area .okr_tree .dropdown_menu a {
  color: #4E5255;
}
.main_area .okr_tree ul.dropdown_menu {
  padding: 0;
  bottom: 96px;
}

.main_area .okr_network {
  padding: 20px 16px;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main_area .okr_network h2 {
  padding: 0;
}
.main_area .okr_network__description {
  line-height: 1.5;
  font-size: 12px;
}
.main_area .okr_network .okr_network_content {
  width: 100%;
  height: calc(100svh - 56px - 40px);
  background-color: #FFF;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.main_area .okr_network .okr_network_actions_wrapper {
  width: 660px;
}
@media screen and (max-width: 575.98px) {
  .main_area .okr_network .okr_network_actions_wrapper {
    width: 100%;
  }
}
.main_area .okr_network .okr_network_filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  font-size: 14px;
}
@media screen and (max-width: 575.98px) {
  .main_area .okr_network .okr_network_filter {
    display: block;
    margin-bottom: 30px;
  }
}
.main_area .okr_network .okr_network_filter .okr_network_filter_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 575.98px) {
  .main_area .okr_network .okr_network_filter .okr_network_filter_group {
    margin-bottom: 30px;
  }
}
.main_area .okr_network .okr_network_filter .okr_network_filter_group .period_area {
  padding: 0;
}
.main_area .okr_network .okr_network_filter .okr_network_filter_group label {
  width: 64px;
  height: 32px;
  padding: 5px 11px 6px;
  font-size: 14px;
  color: #FFF;
  background-color: #9BA8B9;
}
.main_area .okr_network .okr_network_filter .okr_network_filter_group span {
  height: 32px;
  line-height: normal;
}
.main_area .okr_network .okr_network_filter .okr_network_filter_group input {
  max-width: 150px;
  height: 32px;
}
.main_area .okr_network .okr_network_filter .filter_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
}
@media screen and (max-width: 575.98px) {
  .main_area .okr_network .okr_network_filter .filter_actions {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.main_area .okr_network .okr_network_filter .filter_action {
  width: 108px;
  height: 32px;
  border-radius: 2px;
  border: 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.main_area .okr_network .okr_network_filter .filter_action--primary {
  background-color: #0437A0;
}
.main_area .okr_network .okr_network_filter .filter_action--secondary {
  background-color: #9BA8B9;
}
.main_area .okr_network .okr_network_filter .filter_action--menu span::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-left: 10px;
  background: url("/images/network/icon_arrow_bottom.png") no-repeat;
  background-size: contain;
}
@media screen and (max-width: 575.98px) {
  .main_area .okr_network .okr_network_filter .filter_action--menu span::after {
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.main_area .okr_network .okr_network_position_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 575.98px) {
  .main_area .okr_network .okr_network_position_actions {
    display: block;
  }
}
.main_area .okr_network .okr_network_position_actions .position_action_switch_nodes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 16px;
  padding: 5px 8px 6px;
  font-size: 14px;
  border: 1px solid #9BA8B9;
  background-color: #FFF;
}
.main_area .okr_network .okr_network_position_actions .position_action_switch_nodes button {
  padding: 0;
  border: none;
  background: none;
}
.main_area .okr_network .okr_network_position_actions .position_action_reset {
  width: 226px;
  height: 32px;
  border-radius: 2px;
  border: 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background-color: #0437A0;
}
@media screen and (max-width: 575.98px) {
  .main_area .okr_network .okr_network_position_actions .position_action_reset {
    margin-top: 20px;
    width: 100%;
  }
}
.main_area .okr_network .related_okr_form .select_area ul li .view_area {
  width: 100%;
}
.main_area .okr_network .dropdown_menu {
  position: absolute;
  display: inline-block;
  list-style: none;
  border: 1px solid rgba(78, 82, 85, 0.2);
  background-color: #FFF;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  z-index: 100;
}
.main_area .okr_network .dropdown_menu li {
  width: 108px;
  font-size: 14px;
  cursor: pointer;
}
.main_area .okr_network .dropdown_menu li input[type=submit] {
  padding: 8px 16px;
}
.main_area .okr_network .dropdown_menu li:last-child input[type=submit] {
  padding-bottom: 12px;
}
.main_area .okr_network .dropdown_menu li:hover {
  background-color: rgba(78, 82, 83, 0.2);
}
.main_area .okr_network .dropdown_menu input[type=submit] {
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  margin: 0;
  line-height: inherit;
}
.main_area .okr_network ul.dropdown_menu {
  padding: 0;
}
.main_area .okr_network .cy-panzoom {
  top: 10px;
  left: 20px;
  z-index: 1;
}

.main_area .activity_report {
  padding: 20px 16px;
  overflow: auto;
}
.main_area .activity_report h2 {
  padding: 0;
}
.main_area .activity_report ul,
.main_area .activity_report li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main_area .activity_report .period_area {
  padding: 0;
}
.main_area .activity_report .period_area .input-group.date {
  background-color: #fff;
}
.main_area .activity_report .period_area .input-group.date .input-group-text {
  border-left: none;
  background: none;
}
.main_area .activity_report .period_area .flatpickr-input {
  padding: 5px 8px;
  line-height: normal;
  background: none;
}
.main_area .activity_report .period_area span {
  height: 30px;
  border-radius: 0;
  line-height: normal;
  font-weight: normal;
}
.main_area .activity_report .select_group_btn {
  height: 40px;
  margin-bottom: 20px;
  padding: 8px 20px 9px;
  border-radius: 4px;
  border: 1px solid #0437a0;
  color: #0437a0;
  background-color: #fff;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .select_group_btn {
    width: 100%;
  }
}
.main_area .activity_report .select_group_btn p {
  margin: 0;
}
.main_area .activity_report .select_group_btn p::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 16px;
  margin-right: 10px;
  background: url("/images/network/icon_department.png") no-repeat;
  background-size: contain;
}
.main_area .activity_report .selecting_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
  margin-bottom: 32px;
  font-size: 14px;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .selecting_group {
    display: block;
  }
}
.main_area .activity_report .selecting_group__title {
  font-size: 16px;
  color: #0437a0;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .selecting_group__title {
    margin-bottom: 10px;
  }
}
.main_area .activity_report .selecting_group__department, .main_area .activity_report .selecting_group__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.main_area .activity_report .selecting_group__department::before, .main_area .activity_report .selecting_group__group::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 5px;
}
.main_area .activity_report .selecting_group__department::before {
  background: url("/images/network/icon_department_select.png") no-repeat;
  background-size: contain;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .selecting_group__department {
    margin-bottom: 10px;
  }
}
.main_area .activity_report .selecting_group__group::before {
  background: url("/images/network/icon_group_select.png") no-repeat;
  background-size: contain;
}
.main_area .activity_report .selecting_group__all {
  font-size: 16px;
  color: #0437a0;
}
.main_area .activity_report .selecting_group_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
}
.main_area .activity_report .activity_report_filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 10px;
  margin-bottom: 30px;
  font-size: 14px;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .activity_report_filter {
    display: block;
  }
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .activity_report_filter .period_area {
    margin-bottom: 20px;
  }
}
.main_area .activity_report .activity_report_filter .filter_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
}
.main_area .activity_report .activity_report_filter .filter_action {
  width: 108px;
  height: 32px;
  border-radius: 2px;
  border: 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .activity_report_filter .filter_action {
    display: block;
    width: 100%;
    height: 40px;
  }
}
.main_area .activity_report .activity_report_filter .filter_action--primary {
  background-color: #0437a0;
}
.main_area .activity_report .activity_report_filter .filter_action--primary:disabled {
  background-color: #D9D9D9;
  color: #9C9C9C;
  cursor: not-allowed;
}
.main_area .activity_report .activity_report_output_csv {
  position: relative;
  margin-bottom: 30px;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .activity_report_output_csv {
    position: relative;
  }
}
.main_area .activity_report .activity_report_output_csv__button {
  padding: 6px 20px;
  border: none;
  border-radius: 4px;
  color: #fff;
  background: #404040;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .activity_report_output_csv__button {
    width: 100%;
    height: 48px;
  }
}
.main_area .activity_report .activity_report_output_csv span::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 10px;
  margin-left: 10px;
  background: url("/images/network/icon_arrow_bottom.png") no-repeat;
  background-size: contain;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .activity_report_output_csv span::after {
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.main_area .activity_report .dropdown_menu {
  position: absolute;
  left: 0;
  width: 188px;
  padding: 0;
  border: 1px solid rgba(78, 82, 85, 0.2);
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  z-index: 100;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .dropdown_menu {
    left: auto;
    right: 0;
  }
}
.main_area .activity_report .dropdown_menu li {
  padding: 8px 16px;
  font-size: 16px;
  cursor: pointer;
  display: block;
  position: relative;
}
.main_area .activity_report .dropdown_menu li:last-child {
  padding-bottom: 12px;
}
.main_area .activity_report .dropdown_menu li:hover {
  background-color: rgba(78, 82, 83, 0.2);
}
.main_area .activity_report .dropdown_menu li .view_area_link {
  left: 0;
}
.main_area .activity_report .dropdown_menu a {
  color: #4e5255;
}
.main_area .activity_report .activity_report_content {
  width: 100%;
}
.main_area .activity_report .activity_report_content .nav-tabs {
  margin-bottom: 20px;
  gap: 4px;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .activity_report_content .nav-tabs {
    margin-bottom: 10px;
  }
}
.main_area .activity_report .activity_report_content .nav-tabs .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main_area .activity_report .activity_report_content .nav-tabs .nav-link {
  width: 100%;
  border: transparent;
  border-radius: 0;
  background: #fff;
  color: #9c9c9c;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .activity_report_content .nav-tabs .nav-link {
    font-size: 15px;
    padding-left: 3px;
    padding-right: 3px;
  }
}
.main_area .activity_report .activity_report_content .nav-tabs .nav-link::after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #d9d9d9;
  position: absolute;
  top: 0;
  left: 0;
}
.main_area .activity_report .activity_report_content .nav-tabs .nav-link.active {
  color: #dc1478;
  background-color: #fff;
}
.main_area .activity_report .activity_report_content .nav-tabs .nav-link.active::after {
  background-color: #dc1478;
}
.main_area .activity_report .activity_report_graph,
.main_area .activity_report .activity_report_comment,
.main_area .activity_report .activity_report_like {
  margin-bottom: 10px;
  padding: 38px 20px;
  background-color: #fff;
}
.main_area .activity_report .activity_report_graph_content {
  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: auto;
  height: 440px;
}
.main_area .activity_report .activity_graph_controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  gap: 0 10px;
  margin-bottom: 10px;
}
.main_area .activity_report .switch_period_button_summary,
.main_area .activity_report .switch_period_button_comment,
.main_area .activity_report .switch_period_button_like {
  padding: 5px 10px;
  border: 1px solid #0437a0;
  border-radius: 4px;
  font-size: 14px;
  color: #0437a0;
  background-color: #fff;
}
.main_area .activity_report .switch_period_button_summary--active,
.main_area .activity_report .switch_period_button_comment--active,
.main_area .activity_report .switch_period_button_like--active {
  border: none;
  color: #fff;
  background-color: #0437a0;
}
.main_area .activity_report .activity_report_ranking_like,
.main_area .activity_report .activity_report_ranking_comment {
  margin-bottom: 10px;
  padding: 30px 20px;
  background-color: #fff;
}
.main_area .activity_report .activity_report_ranking_like__title,
.main_area .activity_report .activity_report_ranking_comment__title {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.main_area .activity_report .activity_report_ranking_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 20px;
}
.main_area .activity_report .activity_ranking_row {
  position: relative;
  height: 380px;
  overflow: hidden;
  width: 50%;
}
.main_area .activity_report .activity_ranking__title {
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.main_area .activity_report .activity_ranking_list_wrapper {
  height: 100%;
  overflow-y: auto;
  padding-bottom: 40px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.main_area .activity_report .activity_ranking_list_wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  pointer-events: none;
}
.main_area .activity_report .activity_ranking_list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 20px;
  border-top: 1px solid #9ba4a9;
}
.main_area .activity_report .activity_ranking_list_item__order {
  width: 18px;
  margin-right: 20px;
  font-size: 24px;
  font-weight: 300;
  text-align: center;
}
.main_area .activity_report .activity_ranking_list_item__order--01, .main_area .activity_report .activity_ranking_list_item__order--02, .main_area .activity_report .activity_ranking_list_item__order--03 {
  font-size: 30px;
  font-weight: bold;
}
.main_area .activity_report .activity_ranking_list_item__order--01 {
  color: #c2af65;
}
.main_area .activity_report .activity_ranking_list_item__order--02 {
  color: #a6a5a3;
}
.main_area .activity_report .activity_ranking_list_item__order--03 {
  color: #bf8c67;
}
.main_area .activity_report .receive_list_item_profile_image {
  position: relative;
  margin-right: 20px;
}
.main_area .activity_report .receive_list_item_profile_image img {
  display: block;
  width: 50px;
  height: 50px;
}
.main_area .activity_report .receive_list_item_profile_image--sun::after {
  top: 4px;
  right: -8px;
  background: url("/images/profile/icon_sun.svg") no-repeat;
}
.main_area .activity_report .receive_list_item_profile_image--cloud::after {
  top: 9px;
  right: -8px;
  background: url("/images/profile/icon_cloud.svg") no-repeat;
}
.main_area .activity_report .receive_list_item_profile_image--rain::after {
  top: 4px;
  right: -9px;
  background: url("/images/profile/icon_rain.svg") no-repeat;
}
.main_area .activity_report .receive_list_item_profile_image::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-size: contain;
}
.main_area .activity_report .receive_list_item_profile_info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-width: 5em;
  margin-right: auto;
}
.main_area .activity_report .receive_list_item_profile_info__name {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_area .activity_report .receive_list_item_profile_info__department {
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main_area .activity_report .receive_list_item_profile__like_count {
  margin-left: 26px;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}
.main_area .activity_report .activity_report_data {
  margin-bottom: 10px;
  padding: 20px 30px;
  background-color: #fff;
}
.main_area .activity_report .activity_report_data__title {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: bold;
}
.main_area .activity_report .register_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 30px;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .register_list {
    display: block;
  }
}
.main_area .activity_report .register_list_item {
  width: 100%;
}
@media screen and (max-width: 575.98px) {
  .main_area .activity_report .register_list_item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.main_area .activity_report .register_list_item__text {
  padding-right: 20px;
  white-space: nowrap;
}
.main_area .activity_report .register_list_item__line {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.main_area .activity_report .register_list_item__num {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 20px;
}
.main_area .activity_report .register_list_item_parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 14px;
}
.main_area .activity_report .register_list_item_children {
  padding-left: 20px;
  font-size: 12px;
}
.main_area .activity_report .register_list_item_children .register_list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}
.main_area .activity_report .delete_btn {
  background: none;
  border: none;
  padding: 0;
  margin-left: 5px;
  cursor: pointer;
}
.main_area .activity_report .delete_btn img {
  width: 16px;
  height: 16px;
  display: block;
}

.main_area .error_page {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: calc(100vh - 56px);
  padding: 60px 0 0;
  text-align: center;
}
@media screen and (max-width: 575.98px) {
  .main_area .error_page {
    min-height: calc(100vh - 56px);
    padding: 100px 13px 0;
  }
}
.main_area .error_page img {
  width: 100%;
  height: auto;
}
.main_area .error_page__heading {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #121212;
}
@media screen and (max-width: 575.98px) {
  .main_area .error_page__heading {
    margin-bottom: 30px;
  }
}
.main_area .error_page__lead {
  margin-bottom: 30px;
  line-height: 2;
  font-size: 16px;
}
@media screen and (max-width: 575.98px) {
  .main_area .error_page__lead {
    padding-top: 160px 13px 0;
    text-align: left;
    font-size: 14px;
  }
}
.main_area .error_page__toTop {
  display: block;
  width: 180px;
  height: 48px;
  margin: 0 auto;
  padding: 12px 26px 14px;
  border-radius: 2px;
  font-size: 16px;
  color: #FFF;
  background: #0437A0;
}
@media screen and (max-width: 575.98px) {
  .main_area .error_page__toTop {
    width: 100%;
  }
}
.main_area .error_page .error_bottom_deco {
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 575.98px) {
  .main_area .error_page .error_bottom_deco {
    width: 100%;
  }
}

.group_list_area_heading {
  margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  .group_list_area_heading {
    height: auto;
    margin-bottom: 20px;
  }
}
.group_list_area_heading__text {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .group_list_area_heading__text {
    margin-bottom: 20px;
  }
}
.group_list_area_heading__text--count {
  margin-left: 8px;
}
.group_list_area_heading__action-btn {
  display: block;
  width: 180px;
  padding-top: 13px;
  padding-bottom: 13px;
  border: 1px solid #0437A0;
  color: #0437A0;
  border-radius: 2px;
  text-align: center;
  background-color: #FFF;
}
@media screen and (max-width: 1024px) {
  .group_list_area_heading__action-btn {
    width: 100%;
  }
}
.group_list_area_heading__action-btn--add, .group_list_area_heading__action-btn--ownerChange {
  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;
  gap: 0 10px;
}
.group_list_area_heading__action-btn--ownerChange {
  width: 180px;
}
@media screen and (max-width: 1024px) {
  .group_list_area_heading__action-btn--ownerChange {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .group_list_area_heading__action-btn + .group_list_area_heading__action-btn {
    margin-top: 10px;
  }
}

.system_management_complete_checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 10px;
  margin-left: 20px;
}
@media screen and (max-width: 1024px) {
  .system_management_complete_checkbox {
    margin-left: 0;
  }
}

.system_management_output_wrapper {
  padding-top: 8px;
}

.system_management_output__heading-wrapper {
  margin-bottom: 10px;
  padding: 16px 20px;
  background-color: #FFF;
}
.system_management_output__heading {
  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;
  gap: 0 12px;
  font-size: 20px;
  font-weight: bold;
  color: #404040;
  cursor: pointer;
  position: relative;
  margin-bottom: 0;
  padding-left: 16px;
}
.system_management_output__heading::before {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background-color: #D9D9D9;
  position: absolute;
  left: 0;
  top: 0;
}
.system_management_output__heading .accordion-arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: solid #404040;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.system_management_output__heading[aria-expanded=true] .accordion-arrow {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.system_management_output__list-table-wrapper {
  padding-top: 36px;
  padding-bottom: 36px;
  background-color: #FFF;
  text-align: center;
}
.system_management_output__list-table {
  width: 100%;
  font-size: 14px;
  background-color: #FFF;
  margin: 0 auto;
  border-collapse: collapse;
}
.system_management_output__list-table th {
  padding-right: 10px;
  text-align: right;
  font-weight: normal;
}
.system_management_output__list-table td {
  padding-left: 10px;
  text-align: left;
}

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