@charset "utf-8";

/*--- Profile -------------------*/

.p-company-profile__inner {
  max-width: var(--content-width);
  margin: 0 auto;
  padding-top: var(--space-xl);
}

@media screen and (min-width: 768px) and (max-width: 1320px) {
  .p-company-profile__inner {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm);
  }
}

.c-profile-table {
  max-width: var(--content-width);
  margin: 0 auto;
  padding-top: var(--space-md);
}

.c-profile-table__row {
  display: flex;
  border-bottom: 1px solid #ddd;
  padding: var(--space-md) 0;
  font-size: var(--fs-20);
}

.c-profile-table__label {
  position: relative;
  flex: 0 0 30%;
  padding: 0 var(--space-md);
}

/* 左側の赤い下線 */
.c-profile-table__label::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: calc(var(--space-md) * -1);
  left: 0;
  background-color: var(--color-red);
}

.c-profile-table--blue .c-profile-table__label::after {
  background-color: var(--color-blue);
}

.c-profile-table__data {
  flex: 0 0 70%;
  padding-left: var(--space-md);
  font-weight: var(--fw-normal);
}

/*--- Responsive - SP (767px以下) -------------------*/
@media screen and (max-width: 767px) {
  .p-company-profile__inner {
    padding: var(--space-lg) var(--space-sm) 0;
  }

  .c-profile-table__row {
    position: relative;
    flex-direction: row;
    align-items: stretch;
    padding: var(--space-sm) 0;
  }

  .c-profile-table__label {
    display: flex;
    align-items: flex-start;
    flex: 0 0 calc(var(--unit) * 12);
    padding: 0;
    font-size: var(--fs-16);
    word-break: break-word;
  }

  .c-profile-table__label::after {
    display: none;
  }

  .c-profile-table__row::after {
    content: "";
    position: absolute;
    width: calc(var(--unit) * 11);
    height: 2px;
    bottom: -1px;
    left: 0;
    background-color: var(--color-red);
  }

  .c-profile-table--blue .c-profile-table__row::after {
    background-color: var(--color-blue);
  }

  .c-profile-table__data {
    flex: 1;
    padding-left: var(--space-xs);
    font-size: var(--fs-16);
    color: var(--color-black-secondary);
  }
}

/*--- Access -------------------*/
.l-company-access {
  max-width: 100%;
  margin: 0 auto;
  padding: var(--space-xl) 0;
}

.l-company-access__address {
  padding: var(--space-md) 0;
  font-size: var(--fs-16);
  font-weight: var(--fw-normal);
  text-align: center;
}

/*--- Certification -------------------*/
.p-company-certification {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: var(--space-xl) 0 0;
}

@media screen and (min-width: 768px) and (max-width: 1320px) {
  .p-company-certification {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm);
  }
}

.p-company-certification__text {
  padding-top: var(--space-md);
  font-size: var(--fs-16);
  font-weight: var(--fw-normal);
  text-align: center;
}


.p-company-certification__images {
  display: flex;
  justify-content: center;
  gap: var(--space-lg);
  margin-top: var(--space-lg);
}

.p-company-certification__image-item {
  text-align: center;
}

.p-company-certification__image-item:hover {
  opacity: 0.8;
}

.p-company-certification__image-caption {
  font-size: var(--fs-16);
  margin-bottom: var(--space-sm);
}

.p-company-certification__image-link {
  display: block;
}

.p-company-certification__image-link img {
  width: 250px;
  height: auto;
}

.p-company-certification__info {
  margin-top: var(--space-md);
  text-align: center;
  font-size: var(--fs-16);
  color: var(--color-black-secondary);
}

@media screen and (max-width: 767px) {
  .p-company-certification {
    padding: var(--space-lg) var(--space-sm) 0;
  }

  .p-company-certification__images {
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
  }

  .p-company-certification__image-link img {
    width: 200px;
  }

  .p-company-certification__footer-link {
    margin-top: var(--space-lg);
  }
}

/*--- Responsive - SP (767px以下) -------------------*/
@media screen and (max-width: 767px) {
  .l-company-access {
    padding: var(--space-lg) 0;
  }
}