@charset "UTF-8";
/* ============================================ */
/* function
/* ============================================ */
/* ===== fontサイズ ===== */
/* ============================================ */
/* mixin
/* ============================================ */
/* ===== mediaquery ===== */
/* ============================================ */
/* supplier
/* ============================================ */
.main-contents {
  min-height: 300px;
  padding-bottom: 150px;
}

/* ===== title-area ===== */
#title-area .img::before {
  background-image: url(../img/supplier/top.jpg);
}

/* ===== section ===== */
.section + .section {
  margin: 70px 0 0 0;
}
.section .frame-wh {
  background: #fff;
  padding: 60px 0;
}
.section .tag-item {
  color: var(--color-primary);
  font-size: 0.875rem;
  line-height: 1.8;
  border: solid 1px var(--color-primary);
  padding: 0 1em;
  border-radius: 1em;
}
.section .btn-primary {
  font-size: 0.875rem;
  min-width: 12.5em;
  margin: 0 0 0 auto;
}

@media screen and (max-width: 768px) {
  .section .tag-item {
    font-size: 0.75rem;
  }
  .section .btn-primary {
    font-size: 0.75rem;
  }
}
/* ===== リスト ===== */
.company-list .list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px 20px;
  padding: 20px 10px;
  background-image: repeating-linear-gradient(90deg, #707070, #707070 5px, transparent 5px, transparent 7px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}
.company-list .list-item .flex-wrap {
  display: flex;
  align-items: center;
  gap: 0 20px;
}
.company-list .list-item .name {
  font-size: 1.25rem;
  font-weight: 500;
}
.company-list .list-item .category {
  font-weight: 500;
  flex-shrink: 0;
  white-space: nowrap;
}
.company-list .list-item .flex-wrap {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.company-list .list-item .link {
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .company-list .list-item .name {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 600px) {
  .company-list .list-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .company-list .list-item .link {
    width: 100%;
  }
}

/*# sourceMappingURL=supplier.css.map */