/* ==========================================================================
  ROUTETRUST Theme - Company Page Styles (BEM)
========================================================================== */

/* 会社概要ページ：メッセージセクション
========================================================================== */
.company__message {
  background: #fff;
  padding: 8rem 2rem;
}

.company__message__text {
  font-size: 2.8rem;
  line-height: 1.75;
  margin-bottom: 1.5rem;
}

.company__message__signature {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
  margin-top: 4rem;
}

.company__message__signature img {
  width: 40rem;
}

@media (max-width: 768px) {
  .company__message {
    padding: 10rem 2rem;
  }

  .company__message__text {
    font-size: 4.2rem;
    padding: 0 4.5rem;
  }

  .company__message__signature {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }

  .company__message__signature img {
    width: 100%;
  }

  .company__message__name {
    font-size: 2.8rem;
  }
}

/* 会社概要ページ：会社概要セクション
========================================================================== */
.company__info {
  background: #F4F5F6;
  padding: 5rem 2rem 9rem;
  margin-bottom: 6rem;
}

.company__info__title {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2rem;
}

.company__info__table {
  width: 66rem;
  margin: auto;
}

.company__info__row {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #333;
  font-size: 2rem;
  font-weight: 500;
  padding: 2rem 0;
}

.company__info__label {
  display: flex;
  align-items: center;
  width: 14rem;
  font-weight: 500;
}

.company__info__data {
  line-height: 1.8;
  flex: 1;
}

.company__info__map {
  margin: 2rem auto;
  border-radius: 0.5rem;
  overflow: hidden;
}

.company__info__map iframe {
  width: 52rem;
  height: 30rem;
}

.company__info__group {
  display: flex;
  align-items: center;
  gap: 4rem;
}

.company__info__group a {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.company__info__group a::after {
  content: "";
  display: block;
  background-image: url(../images/com/com_link.png);
  background-size: 100%;
  width: 2rem;
  height: 2rem;
}

.company__info__group a span {
  text-decoration: underline;
}

.company__info__group img {
  width: 20rem;
}

@media (max-width: 768px) {
  .company__info {
    padding: 9rem 2rem;
  }

  .company__info__title {
    font-size: 4.2rem;
  }

  .company__info__table {
    width: 100%;
  }

  .company__info__row {
    font-size: 3rem;
  }

  .company__info__label {
    width: 21rem;
  }

  .company__info__group {
    align-items: flex-start;
    flex-direction: column;
    gap: 2rem;
  }

  .company__info__group img {
    width: 37.7rem;
  }
}