body {
  background-color: #c5ecff4d !important;
}

/* logo */

.inner-header>.header__logo {
  max-width: 180px;
  width: 100%;
}

.menu-user-pc .list {
  display: inline-flex !important;
}

.inner-header>.header__logo>.logo-region {
  background: url('/assets/img/logo/logo_top.png') no-repeat center/contain;
  width: 100%;
  padding-top: calc(41.5 / 180 * 100%);
  height: 0;
}

.inner-header>.header__logo>picture>.logo {
  display: none !important;
}

.menu-user-pc a.top::before,
.menu-user-pc a.list::before,
.menu-user-pc a.instruct::before,
.menu-user-pc a.tutorial::before {
  background: linear-gradient(90deg, #87ceeb 0%, #2b92e7 100%) !important;
}

.menu-user-pc a.mypage::before,
.menu-user-sp a.mypage::before {
  background-color: #ff7a8a !important;
}

.menu-user-pc a.mypage,
.menu-user-sp a.mypage {
  border-color: #ff7a8a !important;
  color: #ff7a8a !important;
}

.menu-user-pc a.request::before,
.menu-user-sp a.request::before {
  background-color: white !important;
}

.menu-user-pc a.request,
.menu-user-sp a.request {
  background-color: #004b6b !important;
  color: white !important;
  border-color: #004b6b !important;
}

.header__ctc .hamburger {
  background: linear-gradient(90deg, #87ceeb 0%, #2b92e7 100%) !important;
}

.menu-user .menu-user-title {
  background-color: #87ceeb !important;
}

.menu-user-account-button>.my_page_registration,
.menu-user-account-button>.career_change_consultation {
  border-color: #2b92e7 !important;
  background-color: #2b92e7 !important;
}

.menu-user-account-button>.my_page_login {
  border-color: #2b92e7 !important;
}

.menu-user-account-button>.my_page_login .tracking-widest {
  color: #2b92e7 !important;
}

.menu-user ul li a::before,
.menu-user ul li a::after {
  background-color: #2b92e7 !important;
}

/* search */
#filter_button .icon-filter {
  width: 11px;
  height: 7px;
  background-color: #004B6B;
  /* màu muốn đổi */
  -webkit-mask-image: url('/assets/atoms-icon/filter_blue_deep.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url('/assets/atoms-icon/filter_blue_deep.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
}

#filter_button span {
  color: #004B6B !important;
}

.search-overlay .side-bar-wrap {
  background-color: #c5ecff4d !important;
}

.search-overlay .header-side-bar {
  background: linear-gradient(to right, #87ceeb, #2b92e7) !important;
}

.search-overlay .btn-search-again {}

.search-overlay .btn-search-again .text-search-again {
  color: #ff5c5c !important;
}

.search-overlay .btn-search-again .icon-search-again {
  /* background: red !important; */
}

.search-overlay .text-search {
  background-color: #ff5c5c !important;
}

.search-overlay .text-search .searchBoxSubmit {
  background-color: #ff5c5c !important;
}

.search-overlay .list>.c-checkbox,
.search-overlay .salary-box>.c-checkbox {
  border-color: #f5a623 !important;
}

.search-overlay ul>li .c-checkbox-title {
  color: #f5a623 !important;
}

.search-overlay .c-checkbox .topMain_columnInr_lists .item {
  background-color: #41bac31a !important;
}

.list-dropdown-menu:has(> ul[style*='display: block']) div.item-div {
  border-color: #41bac3 !important;
}

.list-dropdown-menu:has(> ul[style*='display: block']) div.item-div>.txt {
  color: #41bac3 !important;
}

.list-dropdown-menu:has(> ul[style*='display: block']) div.item-div>.icon-expand-more {
  background-color: #41bac3 !important;
}

.c-checkbox label input[type='checkbox']:checked+.check-stt+p {
  color: #41bac3 !important;
}

.c-checkbox label input[type='checkbox']:checked+.check-stt {
  border-color: #41bac3 !important;
  /* background-image: url(/assets/atoms-icon/done_green_light_24dp.svg) !important; */
}

.sub-item:has(input:checked) {
  border-color: #41bac3 !important;
}

.c-checkbox:has(input:checked) {
  border-color: #41bac3 !important;
}

.c-checkbox label:has(input:checked) {
  color: #41bac3 !important;
}

.accbox-salary .select-option-salary label input:checked::after,
.accbox-salary .select-option label input:checked::after {
  background-color: #41bac3 !important;
}

.accbox-salary .select-option-salary label input:checked::before,
.accbox-salary .select-option label input:checked::before {
  border-color: #41bac3 !important;
}

.popup-search-wrap .search-checkbox-ttl {
  background: #2b92e7 !important;
}

.popup-search-wrap .select-checkbox-btn {
  background: linear-gradient(90deg, #87ceeb 0%, #2b92e7 100%) !important;
}

.popup-search-wrap .search-overlay-sort-btn {
  background-color: white !important;
  color: #ff5c5c !important;
}

.open-search-box {
  border-color: #2b92e7 !important;
}

.open-search-box>span {
  color: #2b92e7 !important;
}

/* list */
.recDetail dl dt.place {
  background-image: url(/assets/img/common/icn_location.svg) !important;
}

.recDetail dl dt.access {
  background-image: url(/assets/img/common/icn_place.svg) !important;
}

.recDetail dl dt.salary {
  background-image: url(/assets/img/common/icn_salary.svg) !important;
}

.recDetail dl dt.category {
  background-image: url(/assets/img/common/icn_category.svg) !important;
}

.recDetail dl dt.role {
  background-image: url(/assets/img/common/icn_employment.svg) !important;
}

.recDetail dl dt.conditions {
  background-image: url(/assets/img/common/icn_conditions.svg) !important;
  background-size: 14px 16px;
}

.list-job .header-item-job {
  border-color: #87ceeb !important;
}

.list-job .header-item-job .item-name-company,
.list-job .header-item-job .item-name-job {
  color: #004b6b !important;
}

.list-job .recDetail .tag span {
  background-color: #f5deb34d !important;
}

.keepBtn {
  border-color: #f5a623 !important;
}

.keepBtn>span {
  color: #f5a623 !important;
}

.keepBtn .icon-heart-svg {
  background-color: #f5a623 !important;
}

.detailBtn {
  background-color: #ff5c5c !important;
}

/* iternal-link */

.job-internal-link .job-internal-link-title span::before {
  background-color: #ff5c5c !important;
}

.job-internal-link .item-job-internal-link {
  color: #ff5c5c !important;
}


/* footer */

.footer-page {
  background-image: linear-gradient(to right, #41bac3, #3884b5) !important;
}

.footer-page .footer-banner {
  background: url('/assets/img/logo/logo_footer_okinawa.png') no-repeat center/contain !important;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #87ceeb 0%, #2b92e7 100%) !important;
}

select::-webkit-scrollbar-thumb {
  background-color: #2b92e7 !important;
}


@media screen and (min-width: 768px) {
  .recDetail dt {
    width: 17.52%;
  }

  .recDetail dd {
    width: 82.48%
  }
}



.icon-place-detail {
  background-image: url('/assets/img/common/icn_place.svg');
  width: 14.03px;
  height: 17px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}