/* 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);
}

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



.fvInner .searchBox {
  border-radius: 5px;
  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 .title-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, #FF7A59 0%, #F5A623 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;
}

.recommend-job-deco-header-center {
  background-image: url('/assets/img/top/sub_header_recommend_job.svg');
  aspect-ratio: 75 / 85.27;
  max-width: 75px;
  margin: 0 auto 7.73px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

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

.screen-industry .industry-deco-header-center {
  background-image: url(/assets/img/top/sub_header_industry.svg);
  aspect-ratio: 97 / 76;
  max-width: 97px;
  margin: 0 auto 21px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

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


.screen-industry .deco-industry-sub-1 {
  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;
  position: absolute;
  bottom: -20px;
  left: 42px;
  display: block;
  z-index: 3;
}

/* 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/bg-deco-travel-white.png');
}

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


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

.screen-travel .travel-deco-sub-1 {
  background-image: url(/assets/img/top/travel-deco-sub-1.svg);
  aspect-ratio: 192 / 70;
  max-width: 192px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  position: absolute;
  bottom: -10px;
  right: 82px;
  display: block;
  z-index: 3;
}

/* 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: #F5DEB34D !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/bg-popular-pink.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-sub-1 {
  position: absolute;
  background-image: url('/assets/img/top/popular-deco-sub-1.svg');
  aspect-ratio: 403.19 / 75.36;
  max-width: 403.19px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  display: block;
}

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

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

.screen-newest .deco-newest-sub-1 {
  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;
  position: absolute;
  top: -90px;
  left: 41px;
  display: block;
}

.screen-newest .deco-newest-header-center {
  background-image: url(/assets/img/top/sub_header_newest.svg);
  aspect-ratio: 75 / 60.48;
  max-width: 75px;
  margin: 0 auto 7.52px auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.screen-newest .deco-newest-sub-2 {
  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;
  bottom: 18px;
  right: 54px;
  position: absolute;
  display: block;
}

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

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

.screen-recommend-hotel .deco-recommend-hotel-sub-1 {
  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%;
  display: block;
}

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

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

/* screen-manager-job */
.screen-manager-job {
  background-image: url('/assets/img/top/bg_manager_blue.png');
}

.screen-manager-job .txt-sub-title {
  color: #F5A623 !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;
}

.screen-manager-job .deco-manager-sub-1 {
  position: absolute;
  background-image: url(/assets/img/top/deco-manager-sub-1.svg);
  aspect-ratio: 242 / 104.34;
  max-width: 242px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  bottom: 27px;
  right: 21px;
  z-index: 3;
  width: 100%;
  display: block;
}

.screen-manager-job .deco-manager-sub-2 {
  position: absolute;
  background-image: url(/assets/img/top/deco-manager-sub-2.svg);
  aspect-ratio: 102 / 30;
  max-width: 102px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  bottom: -15px;
  right: 44px;
  z-index: 3;
  width: 100%;
  display: block;
}

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

.screen-recommend-no-experience .txt-sub-title {
  color: #333333 !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;
}

.screen-recommend-no-experience .deco-no-experience-sub-1 {
  position: absolute;
  background-image: url(/assets/img/top/deco-no-experience-sub-1.svg);
  aspect-ratio: 581 / 217.36;
  max-width: 581px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  bottom: -50px;
  right: 14px;
  z-index: 3;
  width: 100%;
  display: block;
}





/* 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%;
}


/* 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;
}


.category-recommend-simple-body .icon-place-detail {
  background-image: url('/assets/img/common/icn_place.svg');
  width: 14.03px;
  height: 17px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}

.screen-recommend-job .category-recommend-simple-body .detailBtn {
  background-color: #FF5C5C !important;
  border-color: #FF5C5C !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;
}



.detail-icon-job {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #FF5C5C;
  /* 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;
}

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

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