/* 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/logo/logo_top.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, #87ceeb 0%, #2b92e7 100%) !important;
}

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

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

.header__ctc .hamburger {
  background: linear-gradient(90deg, #87ceeb 0%, #2b92e7 100%) !important;
}

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

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

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

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

}

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

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

.fvInner .searchBox {
  background: linear-gradient(90deg, #87ceeb 0%, #2b92e7 100%) !important;
}

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

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

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

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

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

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

.screen-pickup .pick-up-background-image{
  /* background-image:  url('/assets/img/top/background_pickup.png') !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;
  /* 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 {
  color: #333 !important;
}

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

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

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

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

.screen-pickup .pickup-deco-bottom-right {
  background-image: url('/assets/img/top/sub_pickup.png') !important;
  aspect-ratio: 581 / 218;
  z-index: 3;
  position: absolute;
  bottom: -54.5px;
  right: 0;
  max-width: 581px;
  width: 100%;
  height: auto;
  z-index: 3;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

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

.screen-industry .industry-deco-header-center {
  background-image: url('/assets/img/top/sub_header_industry.png');
  aspect-ratio: 90 / 109;
  max-width: 90px;
  margin: 0 auto 18px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.screen-industry .industry-deco-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 128px;
  width: 100%;
  padding-left: 42px;
  padding-bottom: 19px;
  z-index: 3;
}

.screen-industry .industry-deco-bottom-left {
  background-image: url('/assets/img/top/sub_footer_industry.png');
  aspect-ratio: 128 / 150;
  max-width: 128px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}

.screen-industry .text-category {
  color: #41bac3 !important;
  padding-left: 0px !important;
}

/* Desktop */
.screen-industry .category-tab {
  background-color: rgba(65, 186, 195, 0.2); /* #41BAC3/20 */
}
.screen-industry .category-tab-active {
  background-color: #41bac3 !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: #41bac3 !important;
}

.screen-industry .topMain_columnInr_dropdown > .wrapper-content {
  border-color: rgba(65, 186, 195, 0.2) !important;
}

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

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

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

.screen-travel .travel-deco-bottom {
  position: absolute;
  bottom: 0;
  right: 54px;
  max-width: 200px;
  width: 100%;
  padding-bottom: 20px;
  z-index: 3;
}

.screen-travel .travel-deco-bottom-left {
  background-image: url('/assets/img/top/sub_footer_travel.png');
  aspect-ratio: 200 / 85;
  max-width: 200px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.screen-travel .text-travel {
  color: #f5a623 !important;
  padding-left: 0px !important;
}

/* Desktop */
.screen-travel .category-tab {
  background-color: #fef7f1;
}
.screen-travel .category-tab-active {
  background-color: #f5a623 !important;
}

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

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

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

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

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

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

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

.screen-popular .popular-deco-header-center {
  background-image: url('/assets/img/top/header_popular.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 {
  position: absolute;
  background-image: url('/assets/img/top/decorate.png');
  aspect-ratio: 402 / 75;
  max-width: 402px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
}

.screen-popular .text-popular {
  color: #ff5c5c !important;
  padding-left: 0px !important;
}

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

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

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

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

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

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

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

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

.screen-recommend-highest-salary .highest-salary-deco-header-top {
  position: absolute;
  background-image: url('/assets/img/top/decorate.png');
  aspect-ratio: 402 / 75;
  max-width: 402px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 0;
  right: 0;
  z-index: 3;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

.screen-recommend-days-off .recIcon{
  background-color: #A1A918 !important;
}

.screen-recommend-days-off .days-off-deco-header-top {
  position: absolute;
  background-image: url('/assets/img/top/decorate.png');
  aspect-ratio: 402 / 75;
  max-width: 402px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
}

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

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

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

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

/* company */
.screen-company {
  background-image: linear-gradient(90deg, #87ceeb 0%, #2b92e7 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: 56px;
  }
}

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

.screen-company .company-deco-header {
  background-image: url('/assets/img/top/shell.png');
  aspect-ratio: 102 / 74;
  max-width: 102px;
  margin: 0 auto 18px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

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

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

  background-image: url('/assets/img/top/seascape.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

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

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

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

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

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

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

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

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

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

.footer-page{
  background-image: linear-gradient(to right, #41BAC3, #3884b5) !important;

}

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

::-webkit-scrollbar-thumb {
 background: linear-gradient(90deg, #87CEEB 0%, #2B92E7 100%) !important;
}

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