/* Job list search not logged in*/
.job-list .tiny-banner {
  padding: 15px 30px;
  height: 54px;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 5px;
}

.pc-wrap.search-target {
  margin-bottom: 20px;
}

.search-target-text {
  font-size: 12px;
  padding: 0 10px;
  color: #2268bf;
}

.search-target-text-sp {
  display: none;
}

.pc-wrap .search-target-text {
  display: block;
}

.job-list .search-form #job_nums.no-result {
  display: grid;
}

#job_nums .result-total {
  font-size: 43px;
  font-weight: 500;
}

.search-col-2 {
  text-align: center;
}

/* .kantan_search_selects_occupation_wrap,
.kantan_search_selects_prefecture_wrap {
  display: flex;
  flex: 1;
} */

.kantan_search_selects_occupation_wrap select,
.kantan_search_selects_prefecture_wrap select {
  width: 200px;
  border-radius: 4px;
  background-color: #efefef;
  border: 2px solid #efefef;
  padding: 15px;
  font-size: 16px;
}

.kantan_search_selects_prefecture_wrap select#prefecture.kantan_search_selects {
  margin-right: 0;
}

.job-list .search-form .inner input {
  font-size: 16px;
  height: 100%;
  width: 434px;
}

.job-list .search-form .inner:nth-child(2) .inner-wrap-2 > .box-shadow-blue-o:first-child {
  flex: 1;
}

.job-list .search-form {
  padding: 50px;
  background: #fff;
}

.inner-wrap-1,
.inner-wrap-2 {
  display: flex;
  align-items: center;
}

.search-col-1 .inner button {
  width: 110px;
  padding: 15px 30px;
}

.search-col-1 .inner button:hover {
  opacity: .8;
}


.search-col-2 .inner button {
  width: 100%;
}

.search-col-2 .inner {
  justify-content: center;
}

.job-list .search-form-wrap {
  padding-bottom: 30px;
}

.job-list .search-row-2 .main-search-btn::before {
  position: absolute;
  content: '\\ 会員登録でもっと便利に /';
  font-size: 15px;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  color: #216cbc;
  width: 100%;
  text-align: center;
  font-weight: normal;
}

.search-row-2 button {
  background: transparent linear-gradient(90deg, #32BEFC 0%, #84D9FF 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #1F51A226;
  font-size: 19px;
  font-weight: 500;
  width: 365px;
}

.job-list .sort-filters .outer-wrap {
  display: grid;
  grid-template-columns: 80% 20%;
  align-items: center;
}

.job-list .sort-filters .outer-wrap .inner-wrap:first-child {
  padding: 10px 5px;
}

.job-list .sort-filters .outer-wrap .inner-wrap:nth-child(2) {
  border-left: 1px solid #ccc;
  padding: 5px;
}

.job-list .select-filter + label span {
  color: #666;
}

.job-list .select-filter:checked + label {
  border: 1px solid #1f51a2;
  background-color: #1f51a2;
}

.job-list .select-filter:checked + label span {
  color: #fff;
}

.job-list .sort-filters label {
  padding: 4px 12px;
  border-radius: 15px;
  margin: 0;
  background-color: #efefef;
  display: flex;
  align-items: center;
}

.job-list .sort-filters .inner-wrap .wrap {
  gap: 10px;
}

.job-list .sort-filters .inner-wrap .wrap input[type='radio'],
.sp-wrap.search-target,
.for-tablet,
.for-sp {
  display: none;
}

.job-list .sort-filters {
  margin-bottom: 30px;
}

.specify-area-redirect {
  position: absolute;
  width: 224px;
  height: 28px;
}

.job-list .btn-search {
  width: 190px;
  font-size: 17px;
  font-weight: 500;
}

.job-list .main-row {
  display: flex;
  gap: 30px;
  margin-top: 30px;
}

.job-list .main-content {
  width: 85%;
}

.job-list .side-content {
  position: relative;
  width: 32%;
}

.job-list .side-wrap {
    top: 0;
    left: 20px;
}

.job-list .search-form .inner-form-wrap {
  display: flex;
  gap: 10px;
}

.search-row-1 .inner:nth-child(1) .inner-wrap-1 .text-blue,
.search-row-1 .inner:nth-child(2) .inner-wrap-1 .text-blue {
  font-size: 19px;
  font-weight: 500;
  line-height: 26px;
}

.sp-page-results {
  display: none;
  text-align: right;
  padding: 8px 0;
  font-size: 13px;
  color: #666;
  font-weight: normal;
}

.job-list .job-list-items .job_title{
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media only screen and (max-width: 1200px) {
  .kantan_search_selects_occupation_wrap select,
  .kantan_search_selects_prefecture_wrap select {
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
  }

  .job-list .search-form .inner-form-wrap .inner-wrap-2 {
    flex: 1;
  }

  .job-list .search-form .inner-form-wrap .inner-wrap-2 .kantan_search_selects_occupation_wrap,
  .job-list .search-form .inner-form-wrap .inner-wrap-2 .kantan_search_selects_prefecture_wrap {
    display: flex;
    flex: 1;
  }

  .job-list .search-form .inner input {
    width: 100%;
  }

  #job_nums .font-s-medium {
    font-size: 16px;
  }

  #job_nums .text-orange {
    font-size: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .search-target-text-sp {
    display: block;
    text-align: center;
    margin: 5px 0 0;
  }

  .job-list .search-form .inner {
    display: flex;
  }

  .search-form .inner-wrap-2 .kantan_search_selects_occupation_wrap,
  .search-form .inner-wrap-2 .kantan_search_selects_prefecture_wrap {
    flex: 1;
  }

  .search-col-2 .main-search-btn {
    margin-top: 50px;
  }

  .search-col-2 .main-search-btn::before {
    display: none;
  }

  .kantan_search_selects_occupation_wrap select,
  .kantan_search_selects_prefecture_wrap select {
    width: 100%;
  }

  .search-form .inner-wrap-1 {
    margin-bottom: 5px;
  }

  .job-list .search-form {
    background-color: #e2effe;
    padding: 20px;
    margin-right: -15px;
    margin-left: -15px;
  }

  .job-list .search-form .inner select,
  .job-list .search-form .inner input {
    background-color: #fff;
    border-color: #fff
  }

  .job-list .search-form-wrap {
    padding-bottom: 20px;
  }

  .tiny-banner,
  .page-results {
    display: none;
  }

  .sp-page-results {
    display: block;
  }

  .job-list .sort-filters .outer-wrap {
    grid-template-columns: 65% 35%;
  }

  .job-list .sort-filters {
    border-radius: 0;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 5px;
  }

  .selected-filters input {
    border: 1px solid #fff;
    padding: 10px 20px;
    width: 90%;
  }

  .selected-filters .wrap a {
    display: block;
    position: absolute;
    top: 1px;
    right: 0;
    height: 46px;
    line-height: 46px;
    color: #32befc;
    font-size: 13px;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
    padding: 0 20px 0 50px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
  }

  .selected-filters .filters-container {
    padding: 10px 70px 10px 20px;
  }

  .selected-filters .filters-container.truncated {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
    min-height: 48px;
    padding: 0 70px 0 20px;
  }

  .selected-filters .wrap a:hover,
  .selected-filters .wrap a:focus {
    color: #32befc;
  }

  .selected-filters .show-modal-btn {
    font-size: 13px;
    font-weight: 500;
    color: #32BEFC;
  }

  .selected-filters .filters-container.truncated h1 {
    font-size: 16px !important;
    font-weight: 500;
    color: #333;
    line-height: 48px;
  }

  .job-list-modal .search-col-2 .main-search-btn a::before {
    position: absolute;
    content: '\\ 会員登録でもっと便利に /';
    font-size: 15px;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    color: #216cbc;
    width: 100%;
    text-align: center;
    font-weight: normal;
  }

  .job-list .sort-filters .inner-wrap .wrap {
    height: 22px;
  }

  .selected-filters-wrap {
    margin-top: 18px;
    margin-left: -9px;
    margin-right: -9px;
  }

  .pc-wrap.search-target {
    display: none;
  }

  .sp-wrap.search-target {
    display: block;
    margin: 0 -15px;
    padding: 20px 15px;
  }

  .sp-wrap.search-target .result-count {
    font-weight: normal;
  }

  /*
  #job-list.main-wrap {
    margin-top: 19px;
  }
*/

  #job-list .main-row {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
  }

  .for-pc {
    display: none;
  }

  .for-tablet {
    display: block;
  }
}

@media only screen and (max-width: 429px) {
  .selected-filters-wrap {
    margin: 0;
  }

  .job-list .sort-filters {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
  }

  .sp-wrap.search-target {
    display: block;
/*    margin: -15px -15px 0;*/
  }

  .for-tablet {
    display: block;
  }

  .for-sp {
    display: block;
  }

  #spJobSearchModal .modal-body,
  #spJobSearchModal .modal-body .search-form input,
  #spJobSearchModal .modal-body .search-form select,
  #spJobSearchModal .modal-body .search-form button,
  .job-list-modal .search-col-2 .main-search-btn a::before {
    font-size: 13px;
    font-weight: 500;
height: 52px;
  }

  #spJobSearchModal .modal-body .search-form button {
    width: 80px;
    padding: 15px 10px;
    color: #fff;
  }
  .job-list .sort-filters .outer-wrap .inner-wrap:first-child {
    justify-content: center;
  }
}

@media only screen and (max-width: 320px) {
    .job-list .sort-filters label {
        padding: 4px 6px;
    }
  .kantan_search_selects_occupation_wrap select,
  .kantan_search_selects_prefecture_wrap select {
    width: 84px;
  }
}
/* End job list search not logged in*/





/* Job list search result items */
.job-list .job-list-items .item {
  padding: 30px 25px;
}

.job-list .job-list-items .item-headline {
  line-height: 1.2;
}

.job-list .job-list-items .item-headline a {
  color: #1F51A2;
  font-size: 24px;
  font-weight: 500;
}

.job-list .job-list-items .item .company_name {
  font-size: 16px;
  font-weight: 500;
}

.job-list .job-list-items .item-badge {
  top: -12px;
  right: 10px;
  gap: 10px;
}

.job-list .job-list-items .item-badge div {
  padding: 3px 5px;
}

.job-list .job-list-items .new-alert {
  padding: 3px 10px;
}

.job-list .job-list-items .new-alert {
  font-size: 13px;
  font-weight: normal;
  margin-right: 5px;
}

.job-list .job-list-items .item-categories {
  word-break: keep-all;
  display: block;
  cursor: default;
}

.job-list .job-list-items .item-categories span {
  border-width: 1px;
  border-style: solid;
  padding: 1px 7px;
  display: inline-block;
  margin-bottom: 5px;
}

.job-list .job-list-items hr {
  margin-top: 25px;
  margin-bottom: 30px;
  color: #ccc;
}

.job-list .job-list-items .img-wrap img {
  width: 100%;
  height: auto;
}

.job-list .job-list-items .item-description-wrap .occupation,
.job-list .job-list-items .item-description-wrap .location,
.job-list .job-list-items .item-description-wrap .salary {
  font-weight: 500;
  font-size: 16px;
  color: #707070;
  position: relative;
  padding-left: 35px;
}

.job-list .job-list-items .item-description-wrap .occupation,
.job-list .job-list-items .item-description-wrap .location {
  margin-bottom: 10px;
}

.job-list .job-list-items .item-description-wrap .occupation i,
.job-list .job-list-items .item-description-wrap .location i,
.job-list .job-list-items .item-description-wrap .salary i {
  background-color: #eee;
    font-size: 15px;
    padding: 8px 3px;
    border-radius: 50px;
    color: #1f51a2;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -3px;
}

.job-list .job-list-items .job-detail-btn {
  width: 190px;
}

/* .job-list .job-list-items .item-description-wrap .description {
  height: 300px;
} */

.job-list .job-list-items .item-comment {
  display: grid;
  grid-template-columns: 10% 89%;
  gap: 1%;
}

.job-list .job-list-items .item-detail .btn-wrap {
  width: 300px;
  margin: 0 15px;
  position: relative;
}

.job-list .job-list-items .heart-wrap {
  bottom: 6px;
  right: 0;
}

.job-list .job-list-items .heart-wrap .keep_on .fa-heart:before,
.job-list .side-recommended .heart .keep_on .fa-heart:before{
  color: #ff817a;
}

.job-list .side-recommended .img-wrap img {
  min-height: auto;
  width: 100%;
  object-fit: cover;
}

.job-list .side-recommended {
  padding: 15px 20px;
}

.finish_wrap {
  height: 40px;
}

.list-item-page .sp-wrap {
  display: none;
}

@media only screen and (max-width: 768px) {
  .job-list .job-list-items .item-headline a {
    font-size: 18px;
  }
  .job-list .job-list-items .item-categories {
    margin-bottom: 10px;
  }
  .job-list .job-list-items .item .item-content .item-img.flex-1 {
    margin: 15px 0 15px;
  }
  .job-list .job-list-items .item-description-wrap .occupation, .job-list .job-list-items .item-description-wrap .location, .job-list .job-list-items .item-description-wrap .salary {
    font-size: 16px;
  }
  .job-list .job-list-items .item-description-wrap .salary {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 500px) {
  .job-list .job-list-items .item {
    padding: 12px 10px 20px;
  }
  .job-list .job-list-items .item-detail {
    justify-content: flex-start;
    font-size: 12px;
    flex-direction: column;
    width: calc(100% - 50px);
  }
  .job-list .job-list-items hr {
    display: none;
  }
  .job-list .job-list-items .item-detail .btn-wrap.not-logged-in, .job-list .job-list-items .item-detail .btn-wrap {
    width: 100%;
    margin: 0 0 10px;
  }
  .job-list .job-list-items .item .item-content .item-img.flex-1 {
    margin: 0 -10px 15px;
  }
  .job-list .job-list-items .item-description-wrap .description {
    display: none;
  }
  .job-list .job-list-items .item-description-wrap .occupation,
  .job-list .job-list-items .item-description-wrap .location,
  .job-list .job-list-items .item-description-wrap .salary {
    padding-left: 30px;
  }
  .job-list .job-list-items .item-description-wrap .occupation i,
  .job-list .job-list-items .item-description-wrap .location i,
  .job-list .job-list-items .item-description-wrap .salary i {
    width: 25px;
    height: 25px;
    padding: 5px 3px;
    top: -1px;
  }
}

@media only screen and (max-width: 428px) {
  .job-list .job-list-items .item-categories {
    flex-wrap: wrap;
  }

  .job-list .job-list-items .item .item-content {
    flex-direction: column;
    margin-bottom: 0;
  }

  /* .job-list .job-list-items .item .item-content .item-img.flex-1{
    margin: 15px -25px 0;
  } */

  .job-list .job-list-items .item-content .desc-title,
  .job-list .job-list-items .item-content .description {
    display: none;
  }

  .job-list .job-list-items .item-comment {
    grid-template-columns: 30% 66%;
    gap: 4%;
  }

  .job-list .job-list-items .item-detail {
    justify-content: flex-start;
    font-size: 12px;
    flex-direction: column;
    width: calc(100% - 50px);
  }

  .job-list .job-list-items .item-detail .heart-wrap {
    bottom: 0;
  }

  .job-list .job-list-items .item-detail .heart-wrap .heart {
    font-size: 33px;
  }

  .job-list .job-list-items .item-apply {
    padding: 5px 0;
    gap: 5px;
  }

  .job-list .job-list-items .job-detail-btn {
    width: 100%;
    font-size: 12px;
  }

  /* .job-list .job-list-items .item-detail .btn-wrap.not-logged-in {
    width: 85%;
  } */

  .job-list .job-list-items .item .btn-rows {
    display: flex;
    flex-direction: column-reverse;
  }

  .job-list .job-list-items .item .btn-rows .btn-row-1 {
    flex: 1;
    width: 85%;
  }

  .job-list .job-list-items .item .btn-rows .btn-row-2 {
    flex: 1;
  }

  .list-item-page .sp-wrap {
    display: block;
  }

  .list-item-page .pc-wrap {
    display: none;
  }

  .job-list .job-list-items .item-headline a {
    font-size: 18px;
    font-weight: 500;
  }

  .job-list .job-list-items .item-description-wrap .occupation,
  .job-list .job-list-items .item-description-wrap .location,
  .job-list .job-list-items .item-description-wrap .salary  {
    font-size: 14px;
  }
}
/* End job list search result items */




/* General */
.job-list .scout-wrap .heart,
.job-list .new-jobs-wrap .heart  {
  bottom: 5px;
  right: 5px;
  background-color: #fff;
  font-size: 27px;
  padding: 4px 8px 0px 8px;
  border-radius: 50px;
  border: 1px solid #fff;
}

.job-list .new-jobs-info .category {
  font-size: 14px;
  flex-wrap: wrap;
  gap: 4px;
}

.job-list .new-jobs-info .category mark {
  word-break: keep-all;
  display: inline-block;
  margin: 2px 0;
}

.job-list .viewed-job-slides .slick-track,
.job-list .recommend-slides .slick-track {
  margin-left: 5px;
  margin-right: 5px;
}

.job-list .heart .keep_btn1 {
  color: #ccc;
  line-height: 32px;
  cursor: pointer;
}

.job-list a:hover,
.job-list a:focus,
.job-list-modal a:hover,
.job-list-modal a:focus,
.nav-modal a:hover,
.nav-modal a:focus  {
  text-decoration: none;
  color: #8c8c8c;
}

.selected-marker,
.selected-region {
  padding: 5px 8px;
}

.job-list button:hover {
  opacity: .8;
}

.job-list-modal button:hover {
  opacity: .8;
}

#job-list-main-search .sp-wrap {
  display: none;
}

.job-list a:hover,
.job-list a:focus,
.job-list-modal a:hover,
.job-list-modal a:focus,
.nav-modal a:hover,
.nav-modal a:focus,
.job-list select:focus-visible,
.job-list input:focus-visible {
  outline: 0;
}

#main-search .truncated {
  width: 300px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  font-size: 14px;
}

#main-search .parts:after {
  content: "/";
}

@media only screen and (min-width: 1200px)  {
  .job-list .container {
    width: 100%;
    max-width: 1200px;
    padding-right: 0;
    padding-left: 0;
  }

  .job-list .container .col-md-9,
  .job-list .container .col-md-3 {
    padding-right: 0;
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px)  {
  .job-list .container {
    width: 100%;
  }
}

@media only screen and (max-width: 1200px)  {
  .job-list .main-content {
    width: 75%;
  }

  .job-list .side-content {
    width: 25%;
  }

  .job-list .main-row {
    margin-right: 0;
    margin-left: 0;
  }
}

@media only screen and (max-width: 991px) {
  .job-list .main-content {
    width: 100%;
  }

  .job-list .main-row {
    display: block;
  }

  .job-list .side-content {
    width: 100%;
    padding: 0;
  }

  .job-list .side-recommended {
    display: none;
  }

  .side-occupation .wrap,
  .side-location .wrap {
    display: flex;
    flex-wrap: wrap;
  }

  .side-occupation .wrap div,
  .side-location .wrap div {
    margin: 3px 5px;
  }
}

@media only screen and (max-width: 768px) {
  .job-list .sp-wrap .modal-dialog,
  .job-list .sp-wrap .modal-content {
    height: 100%;
  }

  #job-list .kantan_search_selects {
    border-color: #fff;
  }

  #main-search .truncated {
    width: 200px;
  }

  .job-list .container .col-md-12, 
  .job-list .container .col-md-9,
  .job-list .container .col-md-3 {
    padding-right: -15px;
    padding-left: -15px;
  }

  .job-list .search-form .inner {
    display: block;
  }

  .job-list .main-content {
    width: 100%;
  }

  .search-col-1 .inner button {
    width: 115px;
  }

  .search-form .inner-wrap-2 .kantan_search_selects_prefecture_wrap #prefecture {
    width: 100%;
  }
  
}
/* End general */




/* Side content */
.job-list .side-wrap .heart {
  bottom: 10px;
  right: 10px;
  background-color: #fff;
  font-size: 27px;
  padding: 0px 5px 0px 5px;
  border-radius: 50px;
  /* color: #ccc; */
  border: 1px solid #fff;
}

.job-list .item {
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

.job-list .side-wrap .item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
/* End side content */





/* Utilities */
.box-shadow-light {
  box-shadow: 0 3px 6px rgb(0 0 0 / 0.2);
}

.border-color-blue {
  border-color: #1f51a2;
}

.border-style-solid {
  border-style: solid;
}

.text-normal-yellow {
  color: #f7de2d;
}

.text-white {
  color: #fff!important;
}

.font-s-normalish {
  font-size: 16px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-20 {
  padding-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.w-50 {
  width: 50%;
}

.h-50 {
  height: 50%;
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.job-list .job-list-items .item-detail {
  width: calc(100% - 50px);
}

.pos-rel .btn-rows .job_look_btn {
  font-size: 16px;
  background: transparent linear-gradient(90deg, #32BEFC 0%, #84D9FF 100%) 0% 0% no-repeat padding-box;
  border: none;
}

.disabled-link {
  border: none;
  background: #ABB6C6;
  text-decoration: none;
}

.pos-rel .btn-rows button {
  font-size: 16px;
  line-height: 1.3;
}

.pos-rel .btn-rows button span {
  font-size: 12px;
}

.pos-rel .btn-wrap a {
  display: contents;
}

.pos-rel .btn-wrap a.tab-link.redirect_to_apply {
  position: absolute;
  display: block;
  top: 105%;
  left: 50%;
  transform: translateX(-50%);
  text-decoration: underline;
  color: #333;
  font-size: 14px;
  width: 100%;
  text-align: center;
}

@media (max-width: 500px) {
  .pos-rel .btn-rows button{
    border-radius: 7px;
    padding: 15px 8px;
    line-height: 1;
  }
  .pos-rel .btn-rows button span {
    font-size: 14px;
  }
  .pos-rel .item-categories.d-flex {
    display: block;
  }
  .pos-rel .item-content.d-flex {
    flex-direction: column;
    margin-bottom: 0;
    gap: 0;
  }
}

@media (max-width: 389px) {
  .pos-rel .btn-rows button {
    font-size: 15px;
  }
}

.v-hidden {
  visibility: hidden;
}

.truncated-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.bg-danger {
  background-color: #ffd9d6;
}
/* End utilities */




/* General modal */






.new-job-h1{
  font-size: 14px;
  margin: 10px 0;
}

.new-job-nav {
  padding: 8px 15px;
}

.new-job-nav .inline {
    padding-bottom: 8px;
}


/* End General modal */






/* Apply modal */
.job-list-items .apply-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    color: #666;
}
.job-list-items .apply-modal .modal-content{
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 100%;
    max-width: 700px;
    border-radius: 10px;
    padding: 15px;
}

.job-list-items .apply-modal .modal-content .modal-body{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 30px 0;
    height:inherit;
    border-left:none;
    border-right:none;
    padding:0px;
}

.job-list-items .apply-modal .modal-content .modal-header {
    font-size: 25px;
    text-align: center;
    color: #000;
    padding: 35px 0 15px;
    border-bottom: 1px solid #707070;
    position: relative;
    font-weight: 500;
}

.job-list-items .apply-modal .modal-content .modal-header-ttl{
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.5em;
}

.job-list-items .apply-modal .modal-content .modal-body-lnk .oubo_wrap {
    margin-right: 3px;
    text-align: center;
    position: relative;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), inset 0 -2px 0 rgb(0 0 0 / 5%);
    font-weight: 500;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    height: 60px;
    padding: 8px;
    line-height: 2.1em;
}

.job-list-items .apply-modal .modal-content .modal-body-item {
    width: 50%;
    padding: 0 10px;
}

.job-list-items .apply-modal .modal-content .modal-footer {
    padding-top:0px;
    text-align: center;
    padding-bottom: 30px;
    font-weight: normal;
}

.job-list-items .apply-modal .modal-content .modal-footer .modal-footer-ttl {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 1.5em;
}

.job-list-items .apply-modal .modal-content .modal-footer .modal-footer-txt {
    font-size: 12px;
    line-height: 2;
}

.job-list-items .apply-modal .modal-content .modal-body-desc-txt {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400;
    flex:inherit;
    color: #666;
    font-size: 16px;
    line-height: 2;
}

.job-list-items .apply-modal a.modal-body-desc-lnk:hover {
    color: #2196F3;
    text-decoration: none;
    opacity: 0.6;
    font-weight: bold;
}
.job-list-items .apply-modal a.modal-body-desc-lnk {
    color: #2196F3;
    text-decoration: underline;
    font-weight: bold;
}

.job-list-items .apply-modal.in .modal-dialog {
  transform: translate(0%, 30%);
  z-index: 2000;
}

.job-list-items .apply-modal.in .modal-dialog .modal-header {
  font-size: 25px;
  text-align: center;
  color: #000;
  border-bottom: 1px solid #707070;
  font-weight: 500;
}

.job-list-items .apply-modal.in .modal-footer {
  border: none;
}

.job-list-items .apply-modal.in .modal-body-item .oubo_wrap {
  width: 100%;
  border: 0;
}

.job-list-items .apply-modal.in .modal-body-item:first-child .oubo_wrap {
  background: #06C755;

}

.job-list-items .apply-modal.in .modal-body-item:last-child .oubo_wrap {
  background: #fd9535;
}

.job-list-items .apply-modal .modal-content .modal-body-lnk .oubo_wrap.no_login{
  background: #A8A8A8;
}


.job-list-items .apply-modal.in .modal-body-item .oubo_wrap img {
  width: 30px;
}

@media (max-width: 768px) {
  .job-list-items .apply-modal.in .wrap:first-child {
    flex-direction: column;
  }

  .job-list-items .apply-modal.in .wrap:first-child .modal-body-item {
    width: 100%;
  }

  .job-list-items .apply-modal.in .modal-dialog {
    transform: translate(0%, 10%);
  }

  .job-list-items .apply-modal.in .modal-dialog .close {
    color: #000;
    margin-top: -7px;
  }

  .job-list-modal .apply-modal .modal-dialog .modal-content > .wrap {
    padding: 40px 10px;
  }

  .job-list .job-list-items .modal.apply-modal hr {
    margin-top: 20px;
    margin-bottom: 0;
  }
}
/* End apply modal */

/* Pagination */
.inner-wrap .pagination > li > a,
.inner-wrap .pagination > li > span {
  padding: 6px 10px;
  border-radius: 25px;
  min-width: 34px;
  margin: 2px;
  text-align: center;
}

.inner-wrap .pagination {
  box-shadow: unset;
}

.label-number-item-wrap {
  display: block;
  height: 20px;
}

.label-number-item-wrap.loading {
  display: block;
  height: auto;
}

.label-number-item {
  position: absolute;
  padding: 3px 15px;
  font-size: 14px;
  line-height: 1.42857143;
  top: -20px;
  display: block;
  background: #337ab7;
  width: 100%;
  text-align: right;
  right: 0;
  color: #fff;
}

.scroll-loading-wrap {
  display: flex;
  justify-content: center;
}

.scroll-loading {
  width: 300px;
}

.scroll-loading-wrap img {
  width: 100%;
  height: auto;
  filter: invert(25%) sepia(32%) saturate(3006%) hue-rotate(201deg) brightness(91%) contrast(108%);
}

@media (max-width: 428px) {
  .label-number-item-wrap.loading {
    display: block;
    height: 27px;
  }

  .label-number-item-wrap.loading .label-number-item {
    font-size: 14px;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
  }

  .label-number-item-wrap.loading .scroll-loading {
    width: 170px;
  }

  .label-number-item-wrap.loading .scroll-loading-wrap {
    left: 50%;
    transform: translateX(-50%);
  }

  .label-number-item-wrap:not(.loading) {
    display: block;
  }

  .label-number-item-wrap:not(.loading) .label-number-item {
    font-size: 14px;
    left: 50%;
    right: unset;
    transform: translateX(-50%);
  }

  .scroll-loading-wrap {
    position: absolute;
    left: 105px;
    display: block;
  }
}


@media (max-width: 360px) {
  .label-number-item-wrap.loading {
    height: 24px;
  }

  .label-number-item-wrap.loading .label-number-item {
    font-size: 13px;
  }

  .scroll-loading-wrap {
    left: 50%;
  }

  .scroll-loading {
    width: 120px;
  }
}
/* End pagination */

.side-recommended .description {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 16px;
  line-height: 25px;
  word-wrap: break-word;
}

/* Zoom in/out effect for modals */
.modal.fade .modal-dialog {
  transform: scale(.5);
}

.modal.fade.in .modal-dialog {
  transform: scale(1);
  opacity: 1;
  display: grid;
  place-items: center;
  height: 100%;
  width: 100%;
  margin: 0 auto;
}
/* End zoom in/out effect for modals */

b, strong{
  font-weight: 500;
}

.no-result .text-red{
  font-size: 13px;
}

.no-result .text-red.strong{
  font-size: 18px;
  margin-bottom: 5px;
}

.no-result .conditions-change-button{
  background-color: #fff;
  padding: 10px 20px;
  border:none;
  border-radius: 5px;
}

.job-list .sort-filters .inner-wrap select {
  -webkit-appearance: none;
  appearance: none;
}

.job-list .sort-filters .inner-wrap {
  position: relative;
}

.job-list .sort-filters .inner-wrap:nth-child(2)::after {
  content: """";
  width: 10px;
  height: 10px;
  border-top: solid 3px #CBCBCB;
  border-right: solid 3px #CBCBCB;
  position: absolute;
  left: 85%;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  pointer-events: none;
}

.no-result.bottom-text {
  font-size: 16px;
  font-weight: bold;
  color: #503834;
  text-align: center;
  padding: 20px 0;
}

.no-result.red-ribbon {
  position: relative;
  display: inline-block;
  padding: 7px 10px;
  width: 100%;
  color: #fff;
  font-size: 110%;
  background: #FD565D;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 10px;
}

.no-result.red-ribbon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #FD565D;
}

@media (min-width: 550px) {
  .br-550 {
    display: none;
  }
}

/* CPN banner */
.cpn_banner a img {
  width: 100%;
  margin-bottom: 1em;
}