/* 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-nagano.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, #18844f 0%, #18844f 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: #333333 !important;
  color: #333333 !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;
}

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

.menu-user .menu-user-title {
  background-color: #35e59098 !important ;
}

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

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

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

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

/* search + banner */
.fv .logo-slogan {
  display: block;
  background: url('/assets/img/top/region/logo-banner-nagano.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-nagano.jpg');
  background-size: cover;
  filter: blur(2px);
}

.fvInner .searchBox {
  background: linear-gradient(90deg, #18844f 0%, #18844f 100%) !important;
}

.fvInner .searchBox .searchBoxInr .btnSearchItems select {
  color: #333333 !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');
}

/* pickup */
.screen-pickup {
  background: #18844f;
}

.screen-pickup::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 40px;
  background-image: url('/assets/img/top/region/deco-head-pick-up-nagano-1.png');
  background-size: contain;
}

@media (max-width: 640px) {
  .screen-pickup::before {
    top: -4px;
    background-repeat: no-repeat;
  }
}

.screen-pickup .deco-head-pick-up {
  display: block !important;
  top: -62px;
  background-image: url('/assets/img/top/region/deco-head-pick-up-nagano-2.png');
  position: absolute;
  max-width: 164px;
  aspect-ratio: 164/65;
  width: 100%;
  right: 0;
}

.screen-pickup .deco-head-pick-up-center {
  background-image: url('/assets/img/top/region/deco-head-pick-up-nagano-3.png');
  margin: 0px auto;
  max-width: 90px;
  aspect-ratio: 90/71;
  width: 100%;
  display: block;
}

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

.screen-pickup .pick-up-sub {
  background: linear-gradient(90deg, #ffb60d 0%, #ffb60d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  --tw-rotate: 0 !important;
  /* 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: white !important;
}

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

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

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

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

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

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

/* industry */
.screen-industry {
  background: white;
}

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

@media (max-width: 640px) {
  .screen-industry::before {
    top: -4px;
    background-repeat: no-repeat;
  }
}

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

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

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

.screen-industry .text-category::before {
  background-color: #18844f;
  -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: #18844f !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: #18844f !important;
}

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

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

/* travel */
.screen-travel {
  background: #fff5f3;
}

.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/region/deco-travel-header-nagano-2.png');
  aspect-ratio: 100 / 73;
  max-width: 100px;
  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: #ffb60d !important;
}

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

.screen-travel .topMain_columnInr_lists {
  border-color: #ffebd1 !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: #ffb60d !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: white;
}
.screen-popular::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 53px;
  background-image: url('/assets/img/top/region/deco-popular-header-nagano-1.png');
  background-size: contain;
}

@media (max-width: 640px) {
  .screen-popular::before {
    top: -4px;
    background-repeat: no-repeat;
  }
}

.screen-popular .popular-deco-header-center {
  background-image: url('/assets/img/top/region/deco-popular-header-nagano-2.png');
  aspect-ratio: 76 / 75;
  max-width: 76px;
  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: #18844f !important;
}

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

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

/* recommend-hotel */
.screen-recommend-hotel {
  background: #d9f5ff;
}

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

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

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

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

.screen-recommend-hotel .recommend-category-list li {
  border-color: #ffb60d !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_yellow.png') !important;
}

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

/* 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: #18844f !important;
}

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

.screen-recommend-highest-salary .recommend-category-list li {
  border-color: #18844f !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, #18844f 0%, #18844f 100%) !important;
}

/* recommend-no-experience */
.screen-recommend-no-experience {
  background: #18844f;
}

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

@media (max-width: 640px) {
  .screen-recommend-no-experience::before {
    top: -15px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
  }
}

.screen-recommend-no-experience::after {
  content: '';
  position: absolute;
  top: -95px;
  right: 0;
  background-image: url('/assets/img/top/region/deco-recommend-no-experience-header-nagano-2.png');
  background-size: cover;
  background-repeat: no-repeat;
  height: 101px;
  max-width: 450px;
  width: 100%;
}

@media (max-width: 640px) {
  .screen-recommend-no-experience::after {
  }
}

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

.screen-recommend-no-experience .category-recommend {
  color: white;
}

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

.screen-recommend-no-experience .recommend-category-list li {
  border-color: #ffb60d !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_yellow.png') !important;
}

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

/* 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: #18844f !important;
}

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

.screen-recommend-days-off .recommend-category-list li {
  border-color: #18844f !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, #18844f 0%, #18844f 100%) !important;
}

/* company */
.screen-company {
  background-image: linear-gradient(90deg, #18844f99 0%, #73b9a3 100%) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

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

.screen-company::after {
  content: '';
  background-image: url('/assets/img/top/region/deco-company-bot-nagano-1.png');
  max-width: 330px;
  width: 100%;
  aspect-ratio: 330/237;
  display: block;
  right: 0;
  bottom: -20px;
  position: absolute;
}

@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-color: white;
}

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

.screen-company .see-more > a .icon-see-more {
  background-image: url('/assets/icon/btn_arrow_right_green.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;
}

/* voice */
.screen-voice .voice-title {
  color: #18844F !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.recIcon{
  background-color: #18844F;
}