body {
  background-color: #97e3ff1b !important;
}

/* logo */

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

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

#header .inner-header {
    background-color: #006298;
}

.inner-header > .header__logo > .logo-region {
  background: url('/assets/img/top/region/logo-hokkaido.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{
  color: white;
}

.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, white 0%, white 100%) !important;
}

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

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

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

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

.header__ctc .hamburger {
  background: linear-gradient(90deg, #171C10 0%, #171C10 100%) !important;
}

.menu-user .menu-user-title {
  background-color: #99dbff !important ;
}

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

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

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

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

/* search */
#filter_button .icon-filter {
   width: 11px;
  height: 7px;
  background-color: #006298;
  -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: #006298 !important;
}

#filter_button {
  border-color: #006298 !important;
}

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

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

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

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

.search-overlay .btn-search-again .icon-search-again {
  background-image: url('/assets/icon/btn_arrow_right_blue_bold.svg') !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* mobile-search */

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

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

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

.open-search-box {
  border-color: #006298 !important;
}
.open-search-box >span{
   color: #006298 !important;
}

/* list */
.recDetail dl dt.place {
  background-image: url(/assets/img/common/icn_location_blue_bold.svg) !important;
}
.recDetail dl dt.access {
  background-image: url(/assets/img/common/icn_place_blue_bold.svg) !important;
}
.recDetail dl dt.salary {
  background-image: url(/assets/img/common/icn_salary_blue_bold.svg) !important;
}
.recDetail dl dt.category {
  background-image: url(/assets/img/common/icn_category_blue_bold.svg) !important;
}
.recDetail dl dt.role {
  background-image: url(/assets/img/common/icn_employment_blue_bold.svg) !important;
}

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

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

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

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

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

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

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

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

/* iternal-link */

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

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

#next_page,
#prev_page{
background-color: #99dbff !important ;
}

/* footer */

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

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

::-webkit-scrollbar-thumb {
  background: #006298 !important;
}

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

.recIcon {
  background-color: #006298;
}

@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_blue_bold.svg');
  width: 14.03px;
  height: 17px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}

.title-employment-type{
color:#006298 !important;
}

.text-slogan{
  color:#006298 !important;
  background-color: #0062981A !important;
}

#footer .copyright {
    background-color: #4596C3 !important;
}