@import "./common.css";

/* ヘッダー */
.company-bg-wrap {
  background: left center / 70% no-repeat fixed url(../img/company/company_bg-img.png),
    linear-gradient(306.51deg, #13181c 9.3%, #222425 92.19%);
}
.company-header {
  padding: 15px 0 115px;
}
.company-header-text-wrap {
  color: #fff;
  margin-top: 30px;
  width: 95%;
}
.company-header-catch {
  font-size: 3.6rem;
}
.company-header-text-content {
  font-size: 2.7rem;
  margin-top: 45px;
  line-height: 1;
}
.company-header-text-content > div {
  margin-bottom: 10px;
}
.company-wrap {
  display: flex;
  background: linear-gradient(169.26deg, #d9d9d9 12.59%, #c5c5c5 100.81%);
}
.company-wrap > div {
  width: 50%;
}
.company-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.company-image {
  max-height: 500px;
}
.company-detail-wrap {
  max-width: 640px;
  margin-left: auto;
  padding: 11.25px 0 15px 85px;
}
.company-detail-wrap h2 {
  font-size: 2.7rem;
  line-height: 2;
  letter-spacing: 0.5em;
  color: #474747;
  margin-bottom: 33px;
  margin-left: -20px;
}
.company-detail-wrap table {
  width: 100%;
  border-collapse: collapse;
}
.company-detail-wrap th,
.company-detail-wrap td {
  font-size: 1.8rem;
  font-weight: 700;
  padding: 13.5px 13.5px 13.5px 0;
  line-height: 2;
  vertical-align: text-top;
}
.company-detail-wrap th {
  text-align: left;
  white-space: nowrap;
}
.company-detail-wrap th div {
  border-right: 2px solid #474747;
  padding-right: 13.5px;
}
.company-detail-wrap tr:not(:last-of-type) {
  border-bottom: 2px solid #47474733;
}

/* ノートPC */
@media screen and (max-width: 1279px) {
  .company-detail-wrap th,
  .company-detail-wrap td {
    font-size: 1.4rem;
  }
  .company-detail-wrap {
    padding: 11.25px 0 15px 40px;
  }
}

/* タブレット */
@media screen and (max-width: 959px) {
  .company-detail-wrap h2 {
    margin-left: -10px;
  }
  .company-detail-wrap {
    padding: 11.25px 0 15px 20px;
  }
  .company-detail-wrap th,
  .company-detail-wrap td {
    padding: 10px 10px 10px 0;
  }
  .company-detail-wrap th div {
    border-right: 2px solid #474747;
    padding-right: 10px;
  }
}

/* スマホ */
@media screen and (max-width: 767px) {
  .company-header {
    padding: 15px 0 78px;
  }
  .company-header-text-wrap {
    margin-top: 10px;
  }
  .company-header-catch {
    font-size: 2rem;
  }
  .company-header-text-content {
    font-size: 1.4rem;
    margin-top: 9px;
  }
  .company-detail {
    min-width: 271px;
  }
  .company-detail-wrap h2 {
    font-size: 1.2rem;
  }
  .company-detail-wrap th,
  .company-detail-wrap td {
    font-size: 1rem;
  }
}