/* 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-niigata.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, #faa916 0%, #fa3d29 100%) !important;
}

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

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

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

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

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

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

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

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

.fvInner .searchBox {
  background: url('/assets/img/top/search-form-bg.png');
   background-position: center; 
}

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

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

.fvInner .searchBox .btn-search-list {
  background-color: #3c3c3c !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: linear-gradient(to bottom, #fffbef 0%, #ffe9a9 100%);
  box-shadow: 0px -3px 15px 0px #3333331a;
  border-radius: 80px 80px 0 0;
}

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

.screen-pickup .pick-up-sub {
  background: linear-gradient(90deg, #ff6325 0%, #f49f00 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: #333 !important;
}

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

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

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

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

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

/* industry */
.screen-industry {
  background: linear-gradient(to bottom, #fff6f2 0%, #ffe5d9 100%);
  box-shadow: 0px -3px 15px 0px #3333331a;
  border-radius: 80px 80px 0 0;
  margin-top: -72px !important;
}

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

.screen-industry .industry-deco-bottom-left {
}

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

.screen-industry .text-category::before {
  background-image: url('/assets/img/common/iconIndustry.svg');
}

.screen-industry .category-tab {
  background: #ffe2d7;
  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: linear-gradient(to right, #faa916 0%, #fa3d29 100%) !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: #ff6325 !important;
}

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

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

/* travel */
.screen-travel {
  background: linear-gradient(to bottom, #f6f7ec 0%, #ebf2d1 100%);
  box-shadow: 0px -3px 15px 0px #3333331a;
  border-radius: 80px 80px 0 0;
  margin-top: -72px !important;
}

.screen-travel .travel-deco-header-center {
  display: none;
}

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

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

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

.screen-travel .text-travel::before {
  background-image: url('/assets/img/common/iconArea.svg');
}

/* Desktop */
.screen-travel .category-tab {
  background: #e8eed9;
  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: linear-gradient(to right, #8ecb00 0%, #648f00 100%) !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: #8ecb00 !important;
}

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

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

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

.screen-travel .topMain_columnInr_dropdown > .wrapper-content .item-name-region {
  color: #659000 !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 .popular-deco-header-center {
  display: none;
}

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

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

.screen-popular .text-popular::before {
  background-image: url('/assets/img/common/iconCriteria.svg') !important;
}

.screen-popular .topMain_columnInr_lists .condition-column {
  background-color: #ff63250f !important;
}

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

/* recommend-hotel */
.screen-recommend-hotel {
  background-image: url('/assets/img/top/region/background_recommend_hotel_niigata.png');
  background-size: 100% 100%;
  padding-bottom: 128px;
}

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

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

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

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

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

/* recommend-highest-salary */
.screen-recommend-highest-salary {
  background-image: url('/assets/img/top/region/background_recommend_highest_salary_niigata.png');
  background-size: 100% 100%;
  margin-top: -120px;
  padding-bottom: 128px;
}

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

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

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

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

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

/* recommend-no-experience */
.screen-recommend-no-experience {
  background-image: url('/assets/img/top/region/background_recommend_no_experience_niigata.png');
  background-size: 100% 100%;
  margin-top: -120px;
  padding-bottom: 128px;
}

.screen-recommend-no-experience .recIcon{
  background-color: #FF6325 !important;
}

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

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

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

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

/* recommend-days-off */
.screen-recommend-days-off {
  background-image: url('/assets/img/top/region/background_recommend_days_off_niigata.png');
  background-size: 100% 100%;
  margin-top: -120px;
}

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

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

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

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

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

/* company */
.screen-company {
  background-image: url('/assets/img/top/company-bg.png') !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: 56px;
  }
}

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

.screen-company .company-deco-header {
  font-family: 'Caveat', cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 80px;
  line-height: 50px;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto 18px auto;
  background: none;
  max-width: none;
  color: white;
}

.screen-company .company-deco-header::before {
  content: 'Pickup';
}

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

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

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

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

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

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

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

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

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

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

/* faq */

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

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

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

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

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

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

::-webkit-scrollbar-thumb {
 background: linear-gradient(to right, #FAA916, #FA3D29) !important;
}

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

.recIcon{
  background-color: #8ECB00;
}