@charset "UTF-8";
@import url('/css/style.css');

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main {
  flex-grow: 1;
}


.picked-up-companies__inner {
  display: flex;
  flex-direction: column;
  position: relative;
}

.picked-up-companies__body {
  position: relative;
}

.picked-up-companies__companies-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}


/* ヘッダー画像部分 */
.picked-up-companies__header {
  height: 529px;
  background: url(/img/picked-up-companies-header.webp) no-repeat right;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 130px;
  position: relative;
  padding: 0 10px;
}
.picked-up-companies__header_background-text {
  position: absolute;
  top: 142px;
  width: 100%;
  height: 192px;
  background: linear-gradient(94.46deg, #7DB1B9 2.39%, #5D479E 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
}
.picked-up-companies__header > .picked-up-companies__header_background-text > p {
  font-size: 172px;
  font-weight: 700;
  color: #ffffff;
  opacity: 0.1;
  white-space: nowrap;
  margin-bottom: 20px;
}
.picked-up-companies__header h1 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 700;
  margin: 160px 0 10px;
  position: relative;
}
.picked-up-companies__header p {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  position: relative;
}

@media screen and (min-width: 1520px) {
  .picked-up-companies__header {
    background-size: 100% 529px;
  }
}
@media screen and (max-width: 499px) {
  .picked-up-companies__header {
    background: url(/img/picked-up-companies-header-sp.webp) no-repeat right;
    background-size: 100% 529px;
  }
}
@media screen and (max-width: 767px) {
  .picked-up-companies__header_background-text {
    top: 178px;
  }
  .picked-up-companies__header > .picked-up-companies__header_background-text > p {
    font-size: 77px;
    white-space: wrap;
    margin-bottom: 10px;
  }
  .picked-up-companies__header h1 {
    font-size: 32px;
    margin: 200px 0 20px;
  }
  .picked-up-companies__header p {
    font-size: 16px;
    text-align: center;
  }
}
/* 企業カード */
.picked-up-companies__companies-list_item {
  width: 960px;
  border-radius: 5px;
  border-top: 5px solid #5D479E;
  box-shadow: 0px 4px 20px 0px #5E479F1C;
  background-color: #ffffff;
  position: relative;
  padding-bottom: 30px;
}

/* 左上タグ部分 */
.picked-up-companies__companies-list_item-header {
  width: fit-content;
  height: 34px;
  padding: 5px 15px;
  background: #4ECDC4;
  margin: 20px 0;
}
.picked-up-companies__companies-list_item-header p {
  font-weight: 700;
  color: #ffffff;
}

/* メイン企業情報 */
.picked-up-companies__companies-list_item-body {
  padding: 0 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.picked-up-companies__companies-list_item-title {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.picked-up-companies__companies-list_item-title > a {
  font-size: 24px;
  font-weight: 700;
  background: linear-gradient(90deg, #4D649F 0%, #5E479F 100%),
  linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  background-clip: text;
  color: transparent;
}
.picked-up-companies__companies-list_item-logo-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.picked-up-companies__companies-list_item-logo-wrap.without-logo {
  display: flex;
  align-items: center;
  gap: 0px;
}
.picked-up-companies__companies-list_item-logo-wrap > a {
  font-size: 18px;
  font-weight: 700;
}
.picked-up-companies__companies-list_item-logo img {
  width: 40px;
  height: 40px;
  margin-top: 5px;
  border-radius: 50%;
}
.picked-up-companies__companies-list_item-content_address {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.picked-up-companies__companies-list_item-content_address img {
  width: 10px;
  height: 13px;
  margin-right: 10px;
}
.picked-up-companies__companies-list_item-content_address p {
  margin: 0;
}
.picked-up-companies__companies-list_item-content_details-wrap {
  display: flex;
  gap: 20px;
}
.picked-up-companies__companies-list_item-content_details-wrap img {
  width: 408px;
  height: 242px;
  object-fit: cover;
}
.picked-up-companies__companies-list_item-content_details {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.picked-up-companies__companies-list_item-content_description {
  width: 480px;
  border-radius: 5px;
  padding: 14px 14px 14px 5px;
  background-color: #e7f0f8;
  display: flex;
}
.picked-up-companies__companies-list_item-content_description img {
  width: 30px;
  height: 26.67px;
}
.picked-up-companies__companies-list_item-content_description p {
  margin: 0;
}
.picked-up-companies__companies-list_item-content_company-info-list {
  display: flex;
  gap: 20px;
}
.picked-up-companies__companies-list_item-content_company-info-list_block {
  display: flex;
  gap: 20px;
}
.picked-up-companies__companies-list_item-content_company-info-list li {
  width: 104px;
  height: 66px;
  padding: 7px 0;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
  text-align: center;
}
.picked-up-companies__companies-list_item-content_company-info-list li h3 {
  font-size: 14px;
  font-weight: 700;
  color: #5D479E;
}
.picked-up-companies__companies-list_item-content_company-info-list li p {
  font-size: 20px;
  white-space: nowrap;
}
.picked-up-companies__companies-list_item-content_company-info-list li p span {
  font-size: 14px;
  white-space: nowrap;
}
.establish {
  background: url(/img/flag-variant.webp) no-repeat center center;
  background-size: 64px;
}
.capital {
  background: url(/img/cash-multiple.webp) no-repeat center center;
  background-size: 64px;
}
.employee {
  background: url(/img/user-icon.webp) no-repeat center center;
  background-size: 50px;
}
.revenue {
  background: url(/img/cash-icon.webp) no-repeat center center;
  background-size: 55px;
}

/* 詳細を見るボタン */
.picked-up-companies__companies-list_item-button-wrap {
  text-align: center;
  margin-top: 20px;
}
.picked-up-companies__companies-list_item-button {
  width: 240px;
  height: 41px;
  padding: 10px 32px;
  border-radius: 4px;
  background-color: #2c8ce4;
  color: #ffffff;
  font-size: 14px;
}

@media screen and (max-width: 999px) {
  .picked-up-companies__companies-list_item-header p {
    font-size: 14px;
  }
  .picked-up-companies__companies-list_item-title > a {
    font-size: 20px;
  }
  .picked-up-companies__companies-list_item-logo-wrap > a {
    font-size: 16px;
  }
  .picked-up-companies__companies-list_item-content_address p {
    font-size: 14px;
  }
  .picked-up-companies__companies-list_item {
    width: 92%;
    height: fit-content;
  }
  .picked-up-companies__companies-list_item-content_details-wrap {
    flex-direction: column;
    align-items: center;
  }
  
  .picked-up-companies__companies-list_item-content_description {
    width: auto;
  }
  .picked-up-companies__companies-list_item-content_company-info-list {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .picked-up-companies__companies-list_item-content_company-info-list {
    flex-direction: column;
    align-items: center;
  }
}

/* 背景画像 */
.background_01 {
  width: 270px;
  height: 190px;
  position: absolute;
  top: 450px;
  left: 90px;
}
.background_02 {
  width: 200px;
  height: 250px;
  position: absolute;
  top: 350px;
  left: 130px;
  z-index: 1;
}
.background_03 {
  width: 270px;
  height: 190px;
  position: absolute;
  top: 500px;
  right: 100px;
  z-index: 1;
}
.background_04 {
  width: 107px;
  height: 226px;
  position: absolute;
  top: 400px;
  right: 190px;
  z-index: 1;
}
.background_05 {
  width: 400px;
  height: 364px;
  position: absolute;
  top: 1050px;
  left: 0;
  z-index: -1;
}
.background_06 {
  width: 521px;
  height: 364px;
  position: absolute;
  top: 1100px;
  left: -100px;
  z-index: -1;
}
.background_07 {
  width: 521px;
  height: 364px;
  position: absolute;
  top: 2200px;
  right: -150px;
  z-index: -1;
}
.background_08 {
  width: 521px;
  height: 364px;
  position: absolute;
  top: 2270px;
  right: -170px;
  z-index: -1;
}
.background_09 {
  height: 364px;
  position: absolute;
  top: 3330px;
  left: 0;
  z-index: -1;
}
.background_10 {
  height: 364px;
  position: absolute;
  top: 3430px;
  left: 100px;
  z-index: -1;
}

@media screen and (max-width: 1500px) {
.background_03 {
  width: 270px;
  height: 190px;
  position: absolute;
  top: 450px;
  right: 100px;
  z-index: 1;
}
.background_04 {
  width: 107px;
  height: 226px;
  position: absolute;
  top: 350px;
  right: 190px;
  z-index: 1;
}
}
@media screen and (max-width: 767px) {
  .background_01 {
    width: 194px;
    height: 135px;
    position: absolute;
    top: 430px;
    left: 0;
  }
  .background_02 {
    width: 140px;
    height: 150px;
    position: absolute;
    top: 370px;
    left: 30px;
    z-index: 1;
  }
  .background_03 {
    width: 152px;
    height: 106px;
    position: absolute;
    top: 510px;
    right: 0;
  }
  .background_04 {
    width: 60px;
    height: 128px;
    position: absolute;
    top: 450px;
    right: 50px;
    z-index: 1;
  }
  .background_05 {
    width: 285px;
    height: 199px;
    position: absolute;
    top: 1650px;
    left: -100px;
  }
  .background_06 {
    width: 285px;
    height: 199px;
    position: absolute;
    top: 1640px;
    left: -100px;
  }
  .background_07 {
    width: 285px;
    height: 199px;
    position: absolute;
    top: 3700px;
    right: -90px;
  }
  .background_08 {
    width: 285px;
    height: 199px;
    position: absolute;
    top: 3700px;
    right: 0;
  }
  .background_09 {
    width: 391px;
    height: 274px;
    position: absolute;
    top: 5700px;
    left: -100px;
  }
  .background_10 {
    width: 391px;
    height: 274px;
    position: absolute;
    top: 5700px;
    left: -100px;
  }
}

/* ===== ページネイション start ===== */

/* ページネイション関係 */
.page-search-result-wrap{
  width: 960px;
  margin: auto;
}

@media screen and (max-width: 1100px) {
  .page-search-result-wrap{
    width: 92%;
  }
}

.results-nav-pager-footer {
  justify-content: center !important;
  margin-bottom: 15px;
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .results-page-search-result > * {
    width: 100%;
  }
  .results-nav-pager-ul {
    order: 3;
  }
  .results-nav-pager-sort-wrapper {
    order: 2;
  }
}

@media screen and (max-width: 767px) {
  .results-page-search-result {
    display: flex;
    flex-direction: column;
  }
}
.results-nav-pager-ul {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .results-nav-pager-ul {
    width: 100%;
    margin-top: 1rem;
    margin: 1rem auto 0;
    justify-content: center;
  }
}
/* ===== ページネイション end ===== */
/* ===== 検索結果0件 ===== */
.picked-up-companies__off-inner {
  margin-top: 10%;
  text-align: center;
  font-size: 16px;
  font-family: 'Noto Sans JP';
}
/* ===== 検索結果0件 end ===== */