/* header */

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

.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/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.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 {
  color: white !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;
  background-color: white !important;
  color: #006298 !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;
}

.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 + banner */
.fv .logo-slogan {
  display: block;
  background: url('/assets/img/top/region/logo-banner-hokkaido.png') no-repeat center/contain;
  aspect-ratio: 300 / 62;
}



.fv .topSlider .main-banner {
  background-image: url('/assets/img/top/region/main-banner-hokkaido.png');
  background-size: cover;
  filter: blur(2px);
}

.fv .topSlider .sub-img-pc {
  background-image: url('/assets/img/top/sub_banner_hokkaido.png') !important;
}

.fvInner .searchBox {
  background: linear-gradient(90deg, #006298 0%, #006298 100%) !important;
  border-radius: 5px;
}

.fvInner .searchBox .searchBoxInr .btnSearchItems select {
  color: #006298 !important;
}

.fvInner .searchBox .btn-search-quick {
  background-color: #FFD70D !important;
}

.fvInner .searchBox .btn-search-quick svg path {
  fill: #006298 !important;
  stroke: #006298 !important;
}

.text-quick-search {
  color: #006298 !important
}

.fvInner .searchBox .btn-search-list {
  background-color: #FFD70D !important;
}

.fvInner .searchBox .btn-search-list .searchBoxSubmit-icon {
  background-color: #006298 !important;
}

/* banner */
.screen-introduce {
  .banner-wrapper {
    display: none !important;
  }
}

/* introduce */
.screen-introduce {
  background-image: url('/assets/img/top/background_white_elipse_top.png');
}

/* pickup */
.screen-pickup {
  background-image: url('/assets/img/top/background_pickup_hokkaido.png');
  padding-bottom: 130px !important;
}

.screen-pickup .pick-up-background-image {
  background-image: unset !important;
}

.screen-pickup .pick-up-sub::before {
  content: '';
  background-image: url('/assets/img/top/region/deco-pickup_hokkaido_1.png');
  height: 68.59px;
  width: 60px;
  display: inline-block;
  margin-right: 50px;
}

.screen-pickup .pick-up-sub::after {
  content: '';
  background-image: url('/assets/img/top/region/deco-pickup_hokkaido_2.png');
  height: 64.13px;
  width: 60px;
  display: inline-block;
  margin-left: 50px;
}

.screen-pickup .title-pick-up-sub {
  background: linear-gradient(90deg, #D9304F 0%, #D9304F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  
  /* color:red !important;
      background: none !important;
      background-clip:unset !important;
      -webkit-background-clip:unset !important;
      -webkit-text-fill-color:unset !important;
      text-fill-color: transparent !important; */
}

.screen-pickup .title-bot-pickup {
  margin-top: 0px !important;
}

.screen-pickup .pick-up {
  color: #006298 !important;
  margin-top: 28.41px;
}

.screen-pickup .recIcon {
  background-color: #006298 !important;
}

.screen-pickup .recommend-category-list li.active {
  background-color: #006298 !important;
  border-color: #006298 !important;
}

.screen-pickup .recommend-category-list li {
  border-color: #006298 !important;
  background-color: #E5F6FF !important;
}

.screen-pickup .topRecommendList .scroll-right-btn>div,
.screen-pickup .topRecommendList .scroll-left-btn>div {
  background-image: url('/assets/icon/btn_chevron_right_blue_lightblue.png') !important;
}

.screen-pickup .recommend-list-pick-up::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #006298 0%, #006298 100%) !important;
}

.screen-pickup .pickup-deco-bottom-right {
  display: none !important;
}

/* recommend-job  */
.screen-recommend-job .recommend-job-deco-header-center {
  background-image: url('/assets/img/top/sub_header_recommend_job_hokkaido.svg');
  aspect-ratio: 80 / 67.71;
  max-width: 80px;
  margin: 0 auto 10px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.screen-recommend-job .txt-sub-title {
  color: #006298 !important;
}

/* screen-newest */
.screen-newest::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('/assets/img/top/bg_newest_hokkaido.png');
  background-size: cover;
  z-index: 2;
}

.screen-newest .deco-newest-header-center,
.screen-newest .category-recommend-simple{
  z-index: 4;
  position: relative;
}

.screen-newest .deco-newest-header-center {
  background-image: url('/assets/img/top/sub_header_center_newest_hokkaido.svg');
  aspect-ratio: 96.39 / 42.4;
  max-width: 96.39px;
  margin: 0 auto 0.58px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.screen-newest .txt-title {
  color: #171C10 !important;
}

.screen-newest .txt-sub-title {
  color: #F5A623 !important;
}

.screen-newest .deco-newest-sub-1 {
  background-image: url(/assets/img/top/sub_header_newest_hokkaido.svg);
  aspect-ratio: 77 / 139.47;
  max-width: 77px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  position: absolute;
  top: -90px;
  right: 54px;
  display: block;
}

.screen-newest .deco-newest-sub-2 {
  background-image: url(/assets/img/top/deco-newest-sub-1.svg);
  aspect-ratio: 168 / 76;
  max-width: 168px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -5px;
  right: 33px;
  display: block;
  z-index: 4;
}

/* screen-manager-job */
.screen-manager-job {
  background-image: url('/assets/img/top/bg_manager_hokkaido.png');
  padding-top: 88px;
  z-index: 2;
  margin-top: -7px !important;
}

.screen-manager-job .deco-manager-sub-1 {
  background-image: url(/assets/img/top/deco-manager-hokkaido-sub-1.svg);
  aspect-ratio: 193.15 / 41.44;
  max-width: 193.15px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -5px;
  right: 19.85px;
  display: block;
  z-index: 4;
}

.screen-manager-job .deco-manager-sub-2 {
  background-image: url(/assets/img/top/deco-manager-hokkaido-sub-2.svg);
  aspect-ratio: 142.7 / 209;
  max-width: 142.7px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -10px;
  right: 39.3px;
  display: block;
}

.screen-manager-job .txt-sub-title {
  color: #006298 !important;
}

.screen-manager-job .deco-manager-job-center {
  background-image: url('/assets/img/top/sub_header_recommend_manager.svg');
  aspect-ratio: 80 / 103.45;
  max-width: 80px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}


/* industry */
.screen-industry {
   background-image: url('/assets/img/top/bg_industry_hokkaido.png');
   margin-top: 0;
}

.screen-industry .industry-deco-header-center {
  background-image: url('/assets/img/top/deco-industry-header-hokkaido-2.svg');
  aspect-ratio: 90 / 60.15;
  max-width: 90px;
  margin: 0 auto 9.85px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.screen-industry .deco-industry-sub-1 {
  background-image: url(/assets/img/top/deco-industry-hokkaido-sub-1.svg);
  aspect-ratio: 151.59 / 140;
  max-width: 151.59px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -35px;
  right: 29.98px;
  display: block;
  z-index: 2;
}




.screen-industry .text-category {
  color: #BB7731 !important;
}



/* Desktop */
.screen-industry .category-tab {
  background-color: #D1EFFF;
  border: 1px solid #D1EFFF;
  border-bottom: 0px;
  box-sizing: border-box;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}

.screen-industry .category-tab-active {
  background-color: #006298 !important;
  border: 0px !important;
}

.screen-industry .category-tab-name {
  color: #555;
}

.screen-industry .category-tab-name-active {
  color: #fff !important;
}

.screen-industry .topMain_columnInr_lists,
.screen-industry .topMain_columnInr_dropdown {
  border-color: #006298 !important;
}

.screen-industry .topMain_columnInr_dropdown>.wrapper-content {
  border-color: #D1EFFF !important;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.screen-industry .topMain_columnInr_dropdown>.wrapper-content .item-industry {
  background-color: #F5DEB34D !important;
}

/* travel */
.screen-travel {
   background-image: url('/assets/img/top/bg_travel_hokkaido.png');
   padding-bottom: 120px;
}

/* .screen-travel::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 53px;
  background-image: url('/assets/img/top/region/deco-travel-header-nagano-1.png');
  background-size: cover;
} */

.screen-travel .travel-deco-header-center {
  background-image: url('/assets/img/top/sub_header_travel_hokkaido.svg');
  aspect-ratio: 113.7 / 97;
  max-width: 113.7px;
  margin: 0 auto 10px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.screen-travel .topMain_SectionTitle {
  margin-top: -12px;
}

.screen-travel .travel-deco-bottom {
  display: none;
}

.screen-travel .travel-deco-bottom-left {
  display: none;
}

.screen-travel .text-travel {
  color: #41C39E !important;
}

.screen-travel .text-travel::before {
  background-color: #41C39E;
  -webkit-mask-image: url('/assets/img/common/iconArea.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-image: url('/assets/img/common/iconArea.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Desktop */
.screen-travel .category-tab {
  background-color: #41C39E33;
  border: 1px solid #41C39E33;
  border-bottom: 0px;
  box-sizing: border-box;
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
}

.screen-travel .category-tab-active {
  background-color: #41C39E !important;
  border: 0px !important;
}

.screen-travel .category-tab-name {
  color: #555;
}

.screen-travel .category-tab-name-active {
  color: #fff !important;
}

.screen-travel .topMain_columnInr_dropdown {
  border-color: #41C39E !important;
}

.screen-travel .topMain_columnInr_lists {
  border-color: #ADC3411A !important;
}

.screen-travel .topMain_columnInr_dropdown>.wrapper-content {
  border-color: #41C39E !important;
}

.screen-travel .topMain_columnInr_dropdown>.wrapper-content .item-content-region {
  background-color: #ADC3411A !important;
}

.screen-travel .topMain_columnInr_dropdown>.wrapper-content .item-name-region {
  color: #41C39E !important;
}

/* style item in box */

/* .screen-travel .topMain_columnInr_dropdown>.wrapper-content {
  display: grid !important;
  gap: 0.75rem !important;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding-top: 30px !important;
}

.screen-travel .topMain_columnInr_dropdown>.wrapper-content .item-content-region {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

@media (min-width: 640px) {
  .screen-travel .topMain_columnInr_dropdown>.wrapper-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .screen-travel .topMain_columnInr_dropdown>.wrapper-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .screen-travel .topMain_columnInr_dropdown>.wrapper-content {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .screen-travel .topMain_columnInr_dropdown>.wrapper-content {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.screen-travel .topMain_columnInr_dropdown>.wrapper-content .item-content-region {
  display: flex;
  flex-direction: column;
}

.screen-travel .topMain_columnInr_dropdown>.wrapper-content .item-name-region {
  width: auto !important;
  text-align: center;
  margin-bottom: 8px;
}

.screen-travel .topMain_columnInr_dropdown>.wrapper-content .items-data-region {
  flex-direction: column;
  margin-left: 0px !important;
  margin-right: 0px !important;
  gap: 8px;
}

.screen-travel .topMain_columnInr_dropdown>.wrapper-content .item-data-region {
  width: 100% !important;
} */

/* popular */
.screen-popular {
   background-image: url('/assets/img/top/bg_popular_hokkaido.png');
   padding-top:72px;
   padding-bottom: 100px;
}

.screen-popular .popular-deco-sub-1 {
  position: absolute;
  background-image: url('/assets/img/top/deco-popular-hokkaido-sub-1.svg');
  aspect-ratio: 164 / 66.21;
  max-width: 164px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: -20px;
  left: 37px;
  z-index: 3;
  width: 100%;
  display: block;
}

.screen-popular .popular-deco-header-center {
  background-image: url('/assets/img/top/deco_popular_header_hokkaido_center.svg');
  aspect-ratio: 39 / 77.14;
  max-width: 39px;
  margin: 0 auto 8.86px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.screen-popular .popular-deco-header-top {
  display: none;
}

.screen-popular .text-popular {
  color: #006298 !important;
}

/* .screen-popular .text-popular::before {
  background-color: #006298;
  -webkit-mask-image: url('/assets/img/common/iconCriteria.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-image: url('/assets/img/common/iconCriteria.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
} */

.screen-popular .topMain_columnInr_lists .condition-column {
  background-color: #E5F4F6 !important;
  /* box-shadow: none !important; */
}

.screen-popular .topMain_columnInr_lists .condition-column .condition-column-title {
  color: #006298 !important;
}

/* recommend-hotel */
.screen-recommend-hotel {
   background-image: url('/assets/img/top/bg_hotel_white_hokkaido.png');
   z-index: 2;
   margin-top: -30px;
}

.screen-recommend-hotel .deco-recommend-hotel-sub-1 {
  position: absolute;
  background-image: url('/assets/img/top/deco-hotel-sub-1.svg');
  background-repeat: no-repeat;
  background-size: contain;
  top: -30px;
  left: 26px;
  z-index: 3;
  width: 82.61px;
  height: 71.07px;
  display: block;
}

.screen-recommend-hotel .deco-recommend-hotel-sub-2 {
  position: absolute;
  background-image: url('/assets/img/top/deco-hotel-sub-2.svg');
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0px;
  left: 13px;
  z-index: 3;
  width: 178.73px;
  height: 176.49px;
  display: block;
}

.screen-recommend-hotel .recIcon {
  background-color: #FFB60D !important;
}


.screen-recommend-hotel .txt-sub-title {
  color: #8E5E30 !important;
}

.screen-recommend-hotel .deco-recommend-hotel-header-center {
  background-image: url('/assets/img/top/sub_header_recommend_hotel_hokkaido.svg');
  aspect-ratio: 90 / 63.79;
  max-width: 90px;
  margin: 0 auto 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.screen-recommend-hotel .category-recommend-simple{
  z-index: 5;
}

/* recommend-highest-salary */
.screen-recommend-highest-salary {
  background: white;
}

.screen-recommend-highest-salary .highest-salary-deco-header-top {
  position: absolute;
  background-image: url('/assets/img/top/region/deco-highest-salary-header-nagano-1.png');
  background-size: contain;
  top: -10px;
  right: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 50px;
}

@media (max-width: 640px) {
  .screen-recommend-highest-salary .highest-salary-deco-header-top {
    top: -4px;
    background-repeat: no-repeat;
  }
}

.screen-recommend-highest-salary .recommend-ota-sub {
  color: #006298 !important;
}

.screen-recommend-highest-salary .recommend-category-list li.active {
  background-color: #006298 !important;
  border-color: #006298 !important;
}

.screen-recommend-highest-salary .recommend-category-list li {
  border-color: #006298 !important;
}

.screen-recommend-highest-salary .topRecommendList .scroll-right-btn>div,
.screen-recommend-highest-salary .topRecommendList .scroll-left-btn>div {
  background-image: url('/assets/icon/btn_chevron_right_green_bold.png') !important;
}

.screen-recommend-highest-salary .recommend-list-pick-up::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #006298 0%, #006298 100%) !important;
}

/* recommend-no-experience */
.screen-recommend-no-experience {
  background-image: url('/assets/img/top/bg_no_experience_hokkaido.png');
  z-index: 2;
  padding-top: 110px;
}

.screen-recommend-no-experience .deco-no-experience-sub-1{
  position: absolute;
  background-image: url('/assets/img/top/deco-no-experience-hokkaido-sub-1.svg');
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -40px;
  right: 36.91px;
  width: 151.49px;
  height: 133.19px;
  display: block;
}

.screen-recommend-no-experience .txt-sub-title {
  color: #006298 !important;
}

.screen-recommend-no-experience .deco-no-experience-center {
  background-image: url('/assets/img/top/deco-no-experience-center.svg');
  aspect-ratio: 50 / 99.19;
  max-width: 50px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* recommend-days-off */
.screen-recommend-days-off {
  background: white;
}

.screen-recommend-days-off .days-off-deco-header-top {
  position: absolute;
  background-image: url('/assets/img/top/region/deco-highest-salary-header-nagano-1.png');
  background-size: contain;
  top: -10px;
  right: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 50px;
}

@media (max-width: 640px) {
  .screen-recommend-days-off .days-off-deco-header-top {
    top: -4px;
    background-repeat: no-repeat;
  }
}

.screen-recommend-days-off .recommend-ota-sub {
  color: #006298 !important;
}

.screen-recommend-days-off .recommend-category-list li.active {
  background-color: #006298 !important;
  border-color: #006298 !important;
}

.screen-recommend-days-off .recommend-category-list li {
  border-color: #006298 !important;
}

.screen-recommend-days-off .topRecommendList .scroll-right-btn>div,
.screen-recommend-days-off .topRecommendList .scroll-left-btn>div {
  background-image: url('/assets/icon/btn_chevron_right_green_bold.png') !important;
}

.screen-recommend-days-off .recommend-list-pick-up::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #006298 0%, #006298 100%) !important;
}

/* company */
.screen-company {
  background-image: url('/assets/img/top/bg_company_hokkaido.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 0px !important;
  padding-bottom: 10px;
  background-color: #F5EBD5;
}




.company-space-header {
  padding-top: 112px;
}

.screen-company .company-deco-header {
  background-image: url('/assets/img/top/deco_company_header_hokkaido_center.svg');
  aspect-ratio: 60 / 75;
  max-width: 60px;
  margin: 0 auto 10px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.screen-company .company-deco-top-1{
  position: absolute;
  background-image: url('/assets/img/top/deco-company-hokkaido-sub-1.svg');
  background-repeat: no-repeat;
  background-size: contain;
  top: -22px;
  right: 30px;
  width: 86.21px;
  height: 60.76px;
  display: block;
}

.screen-company:before{
  background-image: url('/assets/img/top/deco_company_snow_hokkaido.png');
  background-repeat: repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  inset: 0;
  z-index: 3;
  content: '';
  top: -100px;
}




.screen-company .company-title {
  color: #FFB60D !important;
}

.screen-company .see-more>a {
  background-color: #FFB60D;
}

.screen-company .see-more>a .text-see-more {
  color: white;
}

.screen-company .see-more>a .icon-see-more {
  background-image: url('/assets/icon/btn_arrow_right_gray_white.png');
}

.screen-company .company-deco-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 33px;

  background-image: url('/assets/img/top/region/deco-company-bot-nagano-2.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.deco-last-company{
  background-image: url('/assets/img/top/deco_company__mountain_snow_hokkaido.svg');
  display: block;
  width: 100%;
  aspect-ratio: 1440 / 444;
  margin-top: 0px;
  background-repeat: no-repeat;
  background-size: contain;
}

/* voice */
.screen-voice {
  position: relative;
  /* background-image: url('/assets/img/top/bg-voice-nagano.png'); */
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -20px;
}

.screen-voice .voice-title {
  color: #006298 !important;
  padding-top: 92px;
}

.screen-voice .voice-item {
  background: #F2FAFF !important;
}

/* screen-column */
.screen-column .txt-column {
  color: #006298 !important;
}

.screen-column .title-column {
  color: #006298 !important;
}

.screen-column .screen-column-data {
  background-color: #EEF2FD !important;
}


.screen-column .bg-top-screen-column {
  background-image: url('/assets/img/top/column-top-deco-hokkaido.png') !important;
}

.screen-column .bg-bottom-screen-column {
  display: none !important;
}

.screen-faq {
  background: #F6F4EA !important;
  padding-top: 139px;
}

.screen-faq .title-faq {
  color: #006298 !important;
}

.screen-faq .companyFaqList .question span::before {
  background: url('/assets/icon/q-icon-blue-bold.svg') no-repeat center/contain !important;
}

.screen-introduce .top-footup {
  background: #13072CBF !important;
}

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

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

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

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

.recIcon {
  background-color: #006298;
}

.category-recommend-simple-body .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;
}

.category-recommend-simple-body .title-employment-type {
  color: #006298 !important;
}

.category-recommend-simple-body .header-item-job {
  border-color: #006298 !important;
}

.category-recommend-simple-body .job-name {
  color: #006298 !important;
}

.category-recommend-simple-body .recDetail dl dt.role {
  background-image: url('/assets/img/common/icn_employment_blue_bold.svg');
}

.category-recommend-simple-body .recDetail dl dt.salary {
  background-image: url('/assets/img/common/icn_salary_blue_bold.svg');
}

.category-recommend-simple-body .recDetail dl dt.category {
  background-image: url('/assets/img/common/icn_category_blue_bold.svg');

}

.category-recommend-simple-body .recDetail .tag span {
  background-color: #B591E41A !important;
  color: #006298;
}

.screen-recommend-job .category-recommend-simple-body .detailBtn {
  background-color: #006298 !important;
  border-color: #006298 !important;
  color: white !important;
}

.screen-recommend-job .category-recommend-simple-body .detailBtn>span {
  color: white !important;
}

.category-recommend-simple-body .detailBtn {
  background-color: white !important;
  border-color: #FF5C5C !important;
  color: #FF5C5C !important;
}

.category-recommend-simple-body .detailBtn>span {
  color: #FF5C5C !important;
}

.screen-recommend-job .detail-icon-job {
  background-color: white !important;
}

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

.detail-icon-job {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #7B59AE;
  /* màu icon */

  -webkit-mask-image: url('/assets/img/common/detailBtn.svg');
  mask-image: url('/assets/img/common/detailBtn.svg');

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;
}

/* .category-recommend-simple-body .btn-link-pickup{
    background-color: #006298;
} */

.category-recommend-simple-body .btn-link-pickup,
.screen-column .btn-to-column {
  background-color: #7B59AE;
}

.category-recommend-simple-body .icon-link-pickup,
.screen-column .icon-link-pickup {
  background-image: url('/assets/icon/btn_arrow_right_gray_white.png') !important;
}

.screen-newest .category-recommend-simple-body .btn-link-pickup {
  background-color: #7B59AE !important;
  color: white;
}

.screen-newest .category-recommend-simple-body .icon-link-pickup {
  background-image: url('/assets/icon/btn_arrow_right_gray_white.png') !important;
}

.screen-newest .category-recommend-simple-body .detailBtn,
.screen-newest .category-recommend-simple-body .keepBtn,
.screen-recommend-hotel .category-recommend-simple-body .detailBtn,
.screen-recommend-hotel .category-recommend-simple-body .keepBtn,
.screen-manager-job .category-recommend-simple-body .detailBtn,
.screen-manager-job .category-recommend-simple-body .keepBtn,
.screen-recommend-no-experience .category-recommend-simple-body .detailBtn,
.screen-recommend-no-experience .category-recommend-simple-body .keepBtn{
   width: unset;
   max-width: unset;
   flex:1;

}

.screen-newest  .category-recommend-simple-body .detailBtn,
.screen-recommend-hotel .category-recommend-simple-body .detailBtn,
.screen-manager-job   .category-recommend-simple-body .detailBtn,
.screen-recommend-no-experience  .category-recommend-simple-body .detailBtn {
  background-color: white !important;
  border-color: #7B59AE !important;
  color: #7B59AE !important;
}

.screen-newest .category-recommend-simple-body .detailBtn>span,
.screen-recommend-hotel .category-recommend-simple-body .detailBtn>span,
.screen-manager-job  .category-recommend-simple-body .detailBtn>span,
.screen-recommend-no-experience .category-recommend-simple-body .detailBtn>span {
  color: #7B59AE !important;
}