/* header */

.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-ishikawa.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, #0088bb 0%, #0088bb 100%) !important;
}

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

.menu-user-pc a.mypage,
.menu-user-sp a.mypage {
  border-color: #333 !important;
  color: #333 !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: #ff5c5c !important;
  color: white !important;
  border-color: #ff5c5c !important;
}

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

.menu-user .menu-user-title {
  background-color: #00b9fc8c !important ;
}

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

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

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

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

/* search + banner */
.fv .logo-slogan {
  display: block;
  background: url('/assets/img/top/region/logo-banner-ishikawa.png') no-repeat center/contain;
  aspect-ratio: 300 / 62;
}

.fv .catch-copy-1::before {
  content: '北陸が好き、人が好き。';
  color: #363636;
}

.fv .catch-copy-2::before {
  content: '北陸で働くってこんなに楽しい。';
  color: #363636;
}

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

.fvInner .searchBox {
  background: url('/assets/img/top/region/searh-background-ishikawa.png');
  background-position: center;
}

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

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

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

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

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

/* pickup */
.screen-pickup {
  background-image: url('/assets/img/top/region/background_pickup_ishikawa.png');
}

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

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

.screen-pickup .pick-up-sub {
  padding-left: ;
  background: linear-gradient(90deg, #ffd70d 0%, #ffd70d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  --tw-rotate: 0 !important;
  align-items: end;
  margin-top: 24px;
  /* 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 .pick-up-sub::before {
  content: '';
  background-image: url('/assets/img/top/region/deco-pickup-ishikawa.png');
  height: 81.25px;
  width: 80px;
  display: inline-block;
  margin-right: 50px;
}

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

@media (max-width: 640px) {
  .screen-pickup .pick-up-sub::after {
    margin-left: 20px;
  }
  .screen-pickup .pick-up-sub::before {
    margin-right: 20px;
  }
}

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

.screen-pickup .pick-up {
  color: white !important;
}

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

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

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

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

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

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

.screen-industry .industry-deco-header-center {
  background-image: url('/assets/img/top/region/deco-industry-header-ishikawa.png');
  aspect-ratio: 100 / 139;
  max-width: 100px;
  margin: 0 auto 18px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.screen-industry .industry-deco-bottom {
  display: none;
}

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

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

.screen-industry .text-category::before {
  background-color: #0088bb;
  -webkit-mask-image: url('/assets/img/common/iconIndustry.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

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

/* Desktop */
.screen-industry .category-tab {
  background-color: #fcffd7;
  border: 1px solid #8a8a8a;
  border-bottom: 0px;
  box-sizing: border-box;
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
}
.screen-industry .category-tab-active {
  background-color: #0088bb !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: #0088bb !important;
}

.screen-industry .topMain_columnInr_dropdown > .wrapper-content {
  border-color: #0088bb !important;
}

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

/* travel */
.screen-travel {
  background-image: url('/assets/img/top/region/background_travel_ishikawa.png');
}

.screen-travel .travel-deco-header-center {
  background-image: url('/assets/img/top/region/deco-travel-header-ishikawa.png');
  aspect-ratio: 110 / 33;
  max-width: 110px;
  margin: 0 auto 18px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

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

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

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

.screen-travel .text-travel::before {
  background-color: #f79108;
  -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: #ffebd1;
  border: 1px solid #8a8a8a;
  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: #f79108 !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: #f79108 !important;
}

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

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

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

.screen-travel .topMain_columnInr_dropdown > .wrapper-content .item-name-region {
  color: #f79108 !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/region/background_popular_ishikawa.png');
}

.screen-popular .popular-deco-header-center {
  background-image: url('/assets/img/top/region/deco-popular-header-ishikawa.png');
  aspect-ratio: 121 / 109;
  max-width: 121px;
  margin: 0 auto 18px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

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

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

.screen-popular .text-popular::before {
  background-color: #0088bb;
  -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: #0088bb !important;
}

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

/* recommend-hotel */
.screen-recommend-hotel {
  background-image: url('/assets/img/top/region/background_recommend_hotel_ishikawa.png');
}

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

.deco-hotel-header {
  background-image: url('/assets/img/top/region/deco-recommend-hotel-header-ishikawa.png');
  position: absolute;
  display: inline-block;
  content: '';
  top: -5px;
  right: 0;
  max-width: 124px;
  aspect-ratio: 124/98;
  width: 100%;
  z-index: 3;
}

.screen-recommend-hotel .deco-hotel-star {
  position: absolute;
  display: inline-block;
  content: '';
  top: -12px;
  display: block;
  right: 115px;
  width: 16px;
  height: 18px;
  background-image: url('/assets/icon/deco-start.png');
  z-index: 4;
}

.screen-recommend-hotel .recommend-ota-sub {
  color: #f79108 !important;
}

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

.screen-recommend-hotel .recommend-category-list li {
  border-color: #f79108 !important;
}

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

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

/* recommend-highest-salary */
.screen-recommend-highest-salary {
  background-image: url('/assets/img/top/region/background_industry_ishikawa.png');
}

.screen-recommend-highest-salary .highest-salary-deco-header-top {
  display: hidden;
}

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

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

.screen-recommend-highest-salary .recommend-category-list li {
  border-color: #0088bb !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_blue_deep.png') !important;
}

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

/* recommend-no-experience */
.screen-recommend-no-experience {
  background-image: url('/assets/img/top/region/background_recommend_hotel_ishikawa.png');
}

.screen-recommend-no-experience::before {
  position: absolute;
  background-image: url('/assets/img/top/region/deco-recommend-no-exprerience-header-ishikawa-1.png');
  top: -50px;
  left: 50px;
  height: 89px;
  width: 90px;
  content: '';
}

.screen-recommend-no-experience::after {
  position: absolute;
  background-image: url('/assets/img/top/region/deco-recommend-no-exprerience-header-ishikawa-2.png');
  top: 10px;
  right: 70px;
  width: 41.5px;
  height: 34px;
  content: '';
}

.screen-recommend-no-experience .deco-no-experience-star-1 {
  position: absolute;
  display: inline-block;
  content: '';
  top: -12px;
  display: block;
  right: 71px;
  width: 16px;
  height: 18px;
  background-image: url('/assets/icon/deco-start.png');
  z-index: 4;
}

.screen-recommend-no-experience .deco-no-experience-start-2 {
  position: absolute;
  display: inline-block;
  content: '';
  top: -5px;
  display: block;
  right: 143px;
  width: 16px;
  height: 18px;
  background-image: url('/assets/icon/deco-start.png');
  z-index: 4;
}

.screen-recommend-no-experience .no-experience-deco-bottom {
  position: absolute;
  display: inline-block;
  content: '';
  bottom: 50px;
  display: block;
  right: 34px;
  max-width: 110px;
  aspect-ratio: 110/75.5;
  width: 100%;
  background-image: url('/assets/img/top/region/deco-recommend-no-experience-bottom-ishikawa.png');
}

.screen-recommend-no-experience.topRecommendList {
  z-index: 5;
}

.screen-recommend-no-experience .recommend-ota-sub {
  color: #0088bb !important;
}

.screen-recommend-no-experience .recommend-category-list li.active {
  background-color: #ffd70d !important;
  border-color: #ffd70d !important;
}

.screen-recommend-no-experience .recommend-category-list li {
  border-color: #ffd70d !important;
}

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

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

/* recommend-days-off */
.screen-recommend-days-off {
  background-image: url('/assets/img/top/region/background_popular_ishikawa.png');
}

.screen-recommend-days-off .days-off-deco-header-top {
  display: none;
}

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

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

.screen-recommend-days-off .recommend-category-list li {
  border-color: #0088bb !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_blue_deep.png') !important;
}

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

/* company */
.screen-company {
  background-image: linear-gradient(180deg, #0088bb 0%, #a6d9e3 100%) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  padding-bottom: 32px;
  border-radius: 24px;
  margin-bottom: 6.25rem;
}

@media (min-width: 640px) {
  .screen-company {
    padding-bottom: 78px;
    border-radius: 40px;
  }
}

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

.screen-company .company-deco-header {
  display: none;
}

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

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

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

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

.screen-company .company-deco-bottom {
  display: block;
}

.screen-company .company-deco-bottom::before {
  position: absolute;
  background-image: url('/assets/img/top/region/deco-company-ishikawa-1.png');
  left: 0px;
  height: 131px;
  bottom: 0px;
  width: 100%;
  content: '';
  background-repeat: no-repeat;
  background-size: cover;
}

.screen-company .company-deco-bottom::after {
  position: absolute;
  background-image: url('/assets/img/top/region/deco-company-ishikawa-2.png');
  right: 0px;
  bottom: -50px;
  height: 225px;
  aspect-ratio: 606/225;
  content: '';
  background-repeat: no-repeat;
  background-size: cover;
}

/* voice */
.screen-voice .voice-title {
  color: #0088bb !important;
}

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

/* screen-column */
.screen-column .column-list {
  background: #d9f4ff !important;
}

.screen-column .sectionTitle::before {
  display: inline-block;
  content: '';
  width: 85.45px;
  height: 68px;
  background-image: url('/assets/img/top/region/deco-title-column-ishikawa.png');
}

.screen-column .sectionTitle {
  margin-top: -30px !important;
}

@media (max-width: 1024px) {
  .screen-column .sectionTitle {
    display: flex;
    justify-content: center;
    margin-top: 0px !important;
  }
}

.screen-column .column-prev-btn {
  background-image: url('/assets/icon/btn_arrow_left_white_blue.png');
  width: inherit;
  height: inherit;
}

.screen-column .column-next-btn {
  background-image: url('/assets/icon/btn_arrow_left_white_blue.png');
  width: inherit;
  height: inherit;
  rotate: 180deg;
}

.screen-faq {
  background: #ecf5f5 !important;
}

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

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

.screen-introduce .top-footup {
  background: #2C1207BF !important;
}

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

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

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

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

.recIcon {
  background-color: #0088bb;
}