@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
.action_checkbox {
   width: 28px;
   height: 28px;
   accent-color: #DC1478;
}

.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: bold;
}
@media screen and (max-width: 1024px) {
   .user_list_area_heading__text {
      margin-bottom: 20px;
   }
}
.user_list_area_heading__action-btn {
   width: 120px;
   padding-top: 11px;
   padding-bottom: 11px;
   border: 1px solid #0437A0;
   color: #0437A0;
   border-radius: 2px;
}
@media screen and (max-width: 1024px) {
   .user_list_area_heading__action-btn {
      width: 100%;
   }
}
.user_list_area_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;
}

.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;
}
@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_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;
}
.user_list_item_profile_detail__department {
   font-size: 14px;
}

.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;
}

.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: bold;
}
@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;
   background-color: #EDEDF2;
}
.group_info_list_item--menu {
   padding-right: 15px;
}
.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%;
   padding: 13px 15px;
   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 {
   margin-bottom: 20px;
   padding: 30px;
   background-color: #FFF;
}
@media screen and (max-width: 1024px) {
   .organization_info_list {
      padding: 0;
   }
}
.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;
   }
}
.organization_info_list .organization_info_list_heading__text {
   font-size: 16px;
   font-weight: bold;
}
@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;
}
@media screen and (max-width: 1024px) {
   .organization_info_list .organization_info_list_heading__action-btn {
      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-header {
   position: relative;
   padding: 0;
   margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
   .organization_info_list .accordion-header {
      padding: 0;
   }
}
.organization_info_list .accordion-button {
   background-color: #D4E4FC;
   border: 1px solid #D4E4FC;
   border-radius: 0 !important;
}
.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 {
   padding-top: 13px;
   padding-bottom: 13px;
   font-size: 16px;
   font-weight: normal;
   border-color: #EDEDF2;
   background-color: #EDEDF2;
}
.organization_info_list .accordion-body .accordion-header .accordion-button::after {
   top: 14px;
}
@media screen and (max-width: 1024px) {
   .organization_info_list .accordion-body .accordion-header .accordion-button::after {
      top: 28px;
   }
}
.organization_info_list .accordion-button {
   color: #404040;
   font-size: 18px;
   font-weight: 500;
   padding: 11px 48px;
   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-button {
      padding: 22px 48px;
      font-size: 16px;
   }
}
.organization_info_list .accordion-button::after {
   position: absolute;
   top: 16px;
   left: 20px;
   width: 16px;
   height: 16px;
   background-size: 16px 16px;
}
@media screen and (max-width: 1024px) {
   .organization_info_list .accordion-button::after {
      top: 28px;
      left: 18px;
   }
}
.organization_info_list .accordion-button--last-level::after {
   display: none;
}
.organization_info_list .accordion-button.collapsed {
   background-color: #D4E4FC;
   border: 1px solid #D4E4FC;
   border-radius: 0;
}
.organization_info_list .accordion-button:has(span.sp) {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   padding-right: 40px;
}
.organization_info_list .accordion-button span.sp {
   margin-top: 5px;
   color: #404040;
   font-size: 14px;
   font-weight: 400;
   -ms-flex-negative: 0;
       flex-shrink: 0;
}
.organization_info_list .organization_info_list_right_box {
   width: 160px;
   height: 100%;
   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: 20px;
   padding-right: 15px;
   position: absolute;
   top: 0;
   right: 0;
}
@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;
}
.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 .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-button {
   padding-left: 40px;
}
.organization_info_list .accordion-item .accordion-button::after {
   left: 16px;
}
.organization_info_list .accordion-item .accordion-item .accordion-button {
   padding-left: 52px;
}
.organization_info_list .accordion-item .accordion-item .accordion-button::after {
   left: 28px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-button {
   padding-left: 64px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-button::after {
   left: 40px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-button {
   padding-left: 76px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-button::after {
   left: 52px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-button {
   padding-left: 88px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-button::after {
   left: 64px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-button {
   padding-left: 100px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-button::after {
   left: 76px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-button {
   padding-left: 112px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-button::after {
   left: 88px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-button {
   padding-left: 124px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-button::after {
   left: 100px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-button {
   padding-left: 136px;
}
.organization_info_list .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-item .accordion-button::after {
   left: 112px;
}
.organization_info_list .organization_info_list_item_action--menu, .organization_info_list .organization_info_list_item_action--delete {
   outline: none;
   border: none;
   background: none;
   cursor: pointer;
}
.organization_info_list .organization_info_list_item_action--menu img, .organization_info_list .organization_info_list_item_action--delete img {
   display: block;
   font-size: 0;
}
.organization_info_list .organization_info_list_item_action--menu {
   height: 40px;
}
.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 {
   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;
   }
}

.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;
}

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

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

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;
   }
}

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;
   }
}

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;
   }
}

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 {
   width: 32px;
   height: 32px;
   border-radius: 50%;
   background-color: #EDEDF2;
}
.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: 200;
}
.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 button.btn {
   padding: 0;
   margin: 0;
   border-radius: 2px;
}
.main_area header.gheader button.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 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 {
   padding-top: 10px;
   font-size: 14px;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 10px;
   display: -ms-grid;
   display: grid;
   -ms-grid-rows: 0fr;
   grid-template-rows: 0fr;
   -webkit-transition: 250ms grid-template-rows ease;
   transition: 250ms grid-template-rows ease;
   transition: 250ms grid-template-rows ease, 250ms -ms-grid-rows ease;
}
.main_area aside .profile_text + .h_change .open {
   display: none;
}
.main_area aside .profile_text + .h_change .close {
   display: block;
}
.main_area aside .profile_text.active {
   -ms-grid-rows: 1fr;
   grid-template-rows: 1fr;
}
.main_area aside .profile_text.active + .h_change .open {
   display: block;
}
.main_area aside .profile_text.active + .h_change .close {
   display: none;
}
.main_area aside .profile_text > span {
   overflow: hidden;
   min-height: 3em;
}
.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;
}
.main_area .h_change {
   padding: 0;
   color: #008CDC;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}

.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: 110;
}
.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: 200;
}
.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;
}
@media screen and (max-width: 1024px) {
   .profile_setting header.gheader {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
   }
}
.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 .h_change {
   padding: 0;
   color: #008CDC;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}
.profile_setting.andmenu .profile_setting_show .profile_text {
   font-weight: 400;
   line-height: normal;
   margin-bottom: 10px;
   display: -ms-grid;
   display: grid;
   -ms-grid-rows: 0fr;
   grid-template-rows: 0fr;
   -webkit-transition: 250ms grid-template-rows ease;
   transition: 250ms grid-template-rows ease;
   transition: 250ms grid-template-rows ease, 250ms -ms-grid-rows ease;
}
.profile_setting.andmenu .profile_setting_show .profile_text + .h_change .open {
   display: none;
}
.profile_setting.andmenu .profile_setting_show .profile_text + .h_change .close {
   display: block;
}
.profile_setting.andmenu .profile_setting_show .profile_text.active {
   -ms-grid-rows: 1fr;
   grid-template-rows: 1fr;
}
.profile_setting.andmenu .profile_setting_show .profile_text.active + .h_change .open {
   display: block;
}
.profile_setting.andmenu .profile_setting_show .profile_text.active + .h_change .close {
   display: none;
}
.profile_setting.andmenu .profile_setting_show .profile_text > span {
   overflow: hidden;
   min-height: 3em;
}
.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 .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;
   gap: 13px;
}
@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;
}
@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: 5px 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 .oneonone_body .view_area {
   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: normal;
}
.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 {
   position: relative;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper .comment_area_reply_to {
   position: absolute;
   top: 10px;
   left: 13px;
   font-size: 12px;
   color: #666;
   pointer-events: none;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper .comment_area_reply_to__name {
   color: #DC1478;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper textarea.form-control {
   padding-top: 30px;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper textarea.form-control::-webkit-input-placeholder {
   position: absolute;
   top: 25px;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper textarea.form-control::-moz-placeholder {
   position: absolute;
   top: 25px;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper textarea.form-control:-ms-input-placeholder {
   position: absolute;
   top: 25px;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper textarea.form-control::-ms-input-placeholder {
   position: absolute;
   top: 25px;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper textarea.form-control::placeholder {
   position: absolute;
   top: 25px;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper textarea.form-control:focus::-webkit-input-placeholder {
   color: transparent;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper textarea.form-control:focus::-moz-placeholder {
   color: transparent;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper textarea.form-control:focus:-ms-input-placeholder {
   color: transparent;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper textarea.form-control:focus::-ms-input-placeholder {
   color: transparent;
}
.main_area .comment_input_area .comment_area .comment_area_textarea_wrapper textarea.form-control:focus::placeholder {
   color: transparent;
}
.main_area .oneonone_comment_list {
   background: #fff;
   padding: 20px;
   position: relative;
}
.main_area .oneonone_comment_list::before {
   content: "";
   width: calc(100% - 40px);
   height: 1px;
   background: #D9D9D9;
   position: absolute;
   bottom: 0;
   left: 20px;
}
.main_area .oneonone_comment_list:last-of-type::before {
   content: none;
}
.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 .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 .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;
   color: #404040;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   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 .registration_partner_list {
   width: 259px;
   background-color: #fff;
}
@media screen and (max-width: 1024px) {
   .main_area .registration_partner_list {
      display: none;
   }
}
.main_area .registration_partner_list h3 {
   color: #404040;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   padding: 7px 10px;
   margin: 0;
}
.main_area .registration_partner_list h4 {
   color: #404040;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
}
.main_area .registration_partner_list p {
   color: #000;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin: 0;
}
.main_area .registration_partner_list .icon_img {
   width: 50px;
   height: 50px;
   -ms-flex-negative: 0;
       flex-shrink: 0;
   position: relative;
}
.main_area .registration_partner_list .icon_img .tag_img {
   width: 24px;
   height: 24px;
   position: absolute;
   top: -3px;
   right: -12px;
}
.main_area .registration_partner_list ul {
   list-style: none;
   padding-left: 0;
   margin: 0;
   position: relative;
}
.main_area .registration_partner_list ul li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   padding: 15px;
   position: relative;
}
.main_area .registration_partner_list ul li:not(:first-of-type) {
   border-top: 1px solid #D9D9D9;
}
.main_area .registration_partner_list .registration_partner_link {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.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%;
   margin-bottom: 12px;
   padding: 13px 15px;
   background: #D4E4FC;
}
.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: 20px;
   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;
   margin-bottom: 10px;
}
.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 button.reception::before, .main_area.fb_request.request_history .nav-tabs button.reception::before, .main_area.oneonone.request_history .nav-tabs button.reception::before, .main_area.people.request_history .nav-tabs button.reception::before {
   content: url("/images/common/icon_reception.svg");
}
.main_area.system_management.request_history .nav-tabs button.reception.active::before, .main_area.fb_request.request_history .nav-tabs button.reception.active::before, .main_area.oneonone.request_history .nav-tabs button.reception.active::before, .main_area.people.request_history .nav-tabs button.reception.active::before {
   content: url("/images/common/icon_reception_active.svg");
}
.main_area.system_management.request_history .nav-tabs button.transmission::before, .main_area.fb_request.request_history .nav-tabs button.transmission::before, .main_area.oneonone.request_history .nav-tabs button.transmission::before, .main_area.people.request_history .nav-tabs button.transmission::before {
   content: url("/images/common/icon_transmission.svg");
}
.main_area.system_management.request_history .nav-tabs button.transmission.active::before, .main_area.fb_request.request_history .nav-tabs button.transmission.active::before, .main_area.oneonone.request_history .nav-tabs button.transmission.active::before, .main_area.people.request_history .nav-tabs button.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-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 .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 {
   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.system_management.request_history .request_list .inner_box, .main_area.fb_request.request_history .fb_request_list .inner_box,
.main_area.fb_request.request_history .request_list .inner_box, .main_area.oneonone.request_history .fb_request_list .inner_box,
.main_area.oneonone.request_history .request_list .inner_box, .main_area.people.request_history .fb_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 .fb_request_list .inner_box:has(a.comment_area):hover,
.main_area.system_management.request_history .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.fb_request.request_history .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.oneonone.request_history .request_list .inner_box:has(a.comment_area):hover, .main_area.people.request_history .fb_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 .fb_request_list .inner_box:not(:last-of-type),
.main_area.system_management.request_history .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.fb_request.request_history .request_list .inner_box:not(:last-of-type), .main_area.oneonone.request_history .fb_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 .fb_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 .fb_request_list .inner_box h3,
.main_area.system_management.request_history .request_list .inner_box h3, .main_area.fb_request.request_history .fb_request_list .inner_box h3,
.main_area.fb_request.request_history .request_list .inner_box h3, .main_area.oneonone.request_history .fb_request_list .inner_box h3,
.main_area.oneonone.request_history .request_list .inner_box h3, .main_area.people.request_history .fb_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 .fb_request_list .inner_box h3 span,
.main_area.system_management.request_history .request_list .inner_box h3 span, .main_area.fb_request.request_history .fb_request_list .inner_box h3 span,
.main_area.fb_request.request_history .request_list .inner_box h3 span, .main_area.oneonone.request_history .fb_request_list .inner_box h3 span,
.main_area.oneonone.request_history .request_list .inner_box h3 span, .main_area.people.request_history .fb_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 .fb_request_list .inner_box .profile p,
.main_area.system_management.request_history .request_list .inner_box .profile p, .main_area.fb_request.request_history .fb_request_list .inner_box .profile p,
.main_area.fb_request.request_history .request_list .inner_box .profile p, .main_area.oneonone.request_history .fb_request_list .inner_box .profile p,
.main_area.oneonone.request_history .request_list .inner_box .profile p, .main_area.people.request_history .fb_request_list .inner_box .profile p,
.main_area.people.request_history .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.system_management.request_history .request_list .inner_box .profile time, .main_area.fb_request.request_history .fb_request_list .inner_box .profile time,
.main_area.fb_request.request_history .request_list .inner_box .profile time, .main_area.oneonone.request_history .fb_request_list .inner_box .profile time,
.main_area.oneonone.request_history .request_list .inner_box .profile time, .main_area.people.request_history .fb_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 .fb_request_list .inner_box .icon_area,
.main_area.system_management.request_history .request_list .inner_box .icon_area, .main_area.fb_request.request_history .fb_request_list .inner_box .icon_area,
.main_area.fb_request.request_history .request_list .inner_box .icon_area, .main_area.oneonone.request_history .fb_request_list .inner_box .icon_area,
.main_area.oneonone.request_history .request_list .inner_box .icon_area, .main_area.people.request_history .fb_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 .fb_request_list .inner_box .icon_area .trash_box,
.main_area.system_management.request_history .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.fb_request.request_history .request_list .inner_box .icon_area .trash_box, .main_area.oneonone.request_history .fb_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 .fb_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 .fb_request_list .inner_box .icon_area .trash_box img,
.main_area.system_management.request_history .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.fb_request.request_history .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.oneonone.request_history .request_list .inner_box .icon_area .trash_box img, .main_area.people.request_history .fb_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 .fb_request_list .inner_box a.comment_area,
.main_area.system_management.request_history .request_list .inner_box a.comment_area, .main_area.fb_request.request_history .fb_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 .fb_request_list .inner_box a.comment_area,
.main_area.oneonone.request_history .request_list .inner_box a.comment_area, .main_area.people.request_history .fb_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 .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 .registration_partner_list .icon_img, .main_area.fb_request .registration_partner_list .icon_img, .main_area.oneonone .registration_partner_list .icon_img, .main_area.people .registration_partner_list .icon_img {
   width: 50px;
   height: 50px;
}
.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 .icon_img {
   width: 50px;
   height: 50px;
}
@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 .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.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-button {
   background-color: transparent;
}
.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 .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: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -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);
}
.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 .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;
   }
   .main_area.user_search .people_maincont .btn_box,
   .main_area.user_search .main_content .btn_box, .main_area.people .people_maincont .btn_box,
   .main_area.people .main_content .btn_box {
      display: none;
   }
}
@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-size: 16px;
   font-weight: 700;
   margin-bottom: 20px;
}
.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_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 .view_area:has(+ .okr_keyresult_area) {
   margin-bottom: 0;
}
.main_area.people .okr_profile_area > .view_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: 700;
   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;
   }
}
@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 .fb_request_list .inner_box:not(:last-of-type) {
   margin-bottom: 10px;
}
.main_area.fb_request .action_btn_area {
   padding-top: 10px;
   margin-top: 20px;
   position: relative;
}
.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 .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 .okr_select_box .btn.dropdown-toggle {
      width: 100%;
   }
}
.main_area.okr .okr_select_box .btn.dropdown-toggle:after {
   margin-left: auto;
}
.main_area.okr .okr_select_box .view_select_btn {
   width: 205px;
}
.main_area.okr .okr_select_box .view_select_btn + .dropdown-menu {
   width: 205px;
}
@media screen and (max-width: 1024px) {
   .main_area.okr .okr_select_box .view_select_btn + .dropdown-menu {
      width: 100%;
   }
}
.main_area.okr .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 .okr_select_box .dropdown-menu {
      width: 100%;
   }
}
.main_area.okr .okr_select_box .dropdown-menu .dropdown-item {
   color: #0437A0;
   font-size: 16px;
   font-weight: 500;
}
.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 .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;
}
@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: #F5F5F5;
      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_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;
}
@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 .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 .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;
}
.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(:last-of-type),
.main_area.system_management .delete_input_data .fb_list .delete_box:not(:last-of-type),
.main_area.system_management .delete_input_data .okr_profile_area .delete_box:not(:last-of-type) {
   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 {
   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;
   }
}
@media screen and (max-width: 1024px) {
   .main_area.system_management .by_group .search_box,
   .main_area.system_management .by_organization .search_box {
      margin-bottom: 0;
   }
}
.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 .registration_partner_list,
.shared_group_list_Modal .modal-body .registration_partner_list,
.shared_owner_list_Modal .modal-body .registration_partner_list,
.shared_owners_list_Modal .modal-body .registration_partner_list,
#person_list_Modal .modal-body .registration_partner_list {
   width: 100%;
}
@media screen and (max-width: 1024px) {
   .shared_organization_list_Modal .modal-body .registration_partner_list,
   .shared_group_list_Modal .modal-body .registration_partner_list,
   .shared_owner_list_Modal .modal-body .registration_partner_list,
   .shared_owners_list_Modal .modal-body .registration_partner_list,
   #person_list_Modal .modal-body .registration_partner_list {
      display: block;
   }
}
.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;
}

#career_summary_delete_modal .modal-dialog,
#oneword_comment_delete_modal .modal-dialog,
#post_delete_modal .modal-dialog,
#username_delete_modal .modal-dialog,
#confirmation_modal .modal-dialog,
#draft_modal .modal-dialog,
#delete_modal .modal-dialog,
#add_owner_modal .modal-dialog {
   width: 360px;
   margin-inline: auto;
}
#career_summary_delete_modal h1,
#oneword_comment_delete_modal h1,
#post_delete_modal h1,
#username_delete_modal h1,
#confirmation_modal h1,
#draft_modal h1,
#delete_modal h1,
#add_owner_modal h1 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   gap: 15px;
}
#career_summary_delete_modal p,
#oneword_comment_delete_modal p,
#post_delete_modal p,
#username_delete_modal p,
#confirmation_modal p,
#draft_modal p,
#delete_modal p,
#add_owner_modal p {
   margin-bottom: 0;
}
#career_summary_delete_modal .modal-footer,
#oneword_comment_delete_modal .modal-footer,
#post_delete_modal .modal-footer,
#username_delete_modal .modal-footer,
#confirmation_modal .modal-footer,
#draft_modal .modal-footer,
#delete_modal .modal-footer,
#add_owner_modal .modal-footer {
   padding-top: 10px;
   border-top: transparent;
}
#career_summary_delete_modal .modal-footer a.btn,
#career_summary_delete_modal .modal-footer button,
#oneword_comment_delete_modal .modal-footer a.btn,
#oneword_comment_delete_modal .modal-footer button,
#post_delete_modal .modal-footer a.btn,
#post_delete_modal .modal-footer button,
#username_delete_modal .modal-footer a.btn,
#username_delete_modal .modal-footer button,
#confirmation_modal .modal-footer a.btn,
#confirmation_modal .modal-footer button,
#draft_modal .modal-footer a.btn,
#draft_modal .modal-footer button,
#delete_modal .modal-footer a.btn,
#delete_modal .modal-footer button,
#add_owner_modal .modal-footer a.btn,
#add_owner_modal .modal-footer button {
   -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-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 {
   width: 259px;
   background-color: #fff;
}
@media screen and (max-width: 1024px) {
   .modal-body .registration_partner_list {
      display: block !important;
      display: none;
   }
}
.modal-body .registration_partner_list h3 {
   color: #404040;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   padding: 7px 10px;
   margin: 0;
}
.modal-body .registration_partner_list h4 {
   color: #404040;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
}
.modal-body .registration_partner_list p {
   color: #000;
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin: 0;
}
.modal-body .registration_partner_list .icon_img {
   width: 50px;
   height: 50px;
   -ms-flex-negative: 0;
       flex-shrink: 0;
   position: relative;
}
.modal-body .registration_partner_list .icon_img .tag_img {
   width: 24px;
   height: 24px;
   position: absolute;
   top: -3px;
   right: -12px;
}
.modal-body .registration_partner_list ul {
   list-style: none;
   padding-left: 0;
   margin: 0;
   position: relative;
}
.modal-body .registration_partner_list ul li {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   padding: 15px;
   position: relative;
}
.modal-body .registration_partner_list ul li:not(:first-of-type) {
   border-top: 1px solid #D9D9D9;
}
.modal-body .registration_partner_list .registration_partner_link {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.modal-body .registration_partner_list .icon_img {
   width: 50px;
   height: 50px;
}
.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-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;
}

.stamp_modal .modal-body,
.pdffile_addimg_Modal .modal-body,
.file_addimg_Modal .modal-body,
.file_upload_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 {
   -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;
}
.shared_organization_list_Modal .registration_partner_list,
.shared_group_list_Modal .registration_partner_list,
.shared_owners_list_Modal .registration_partner_list,
.shared_owner_list_Modal .registration_partner_list {
   width: 100%;
}

.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: 90;
}

/* 日曜日：赤 */
.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--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;
}
.main_area .okr_tree .okr_tree_item--objective .dropdown_menu {
   bottom: 40px;
}
.main_area .okr_tree .okr_tree_item--key_results .dropdown_menu {
   bottom: 96px;
}

.main_area .okr_network {
   padding: 20px 16px;
   overflow: auto;
}
.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%;
   min-height: 100vh;
   background-color: #FFF;
}
.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;
   padding: 8px 16px;
   font-size: 14px;
   cursor: pointer;
}
.main_area .okr_network .dropdown_menu li:last-child {
   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 a {
   color: #4E5255;
}
.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 {
   width: 266px;
   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;
}
.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 .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_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;
}
.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 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 {
   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 {
   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 {
   position: relative;
}
.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 {
   height: 380px;
   overflow: scroll;
}
.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 {
   max-width: 168px;
   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 .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%;
   }
}