@charset "UTF-8";

/* ==========================
   法人情報 companyProfile
========================== */
.creamBg__wrap {
  background-color: var(--primary-creem);
}

.section--companyProfile {
  max-width: max-content;
  margin: 0 auto;
}

.section--companyProfile > .companyProfile {
  text-align: center;
  /* flex-shrink: 0; */
  /* width: 200px; */
  margin-bottom: 64px;
}

.section--companyProfile > .companyProfile h3 {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.section--companyProfile > .companyProfile p {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin-top: 6px;
  color: var(--primary-darkgray);
}

.section--companyProfile > .companyProfile::after {
  content: '';
  display: block;
  width: 48px;
  border-bottom: 1px solid var(--primary-lightbrown);
  margin: 8px auto 0;
}

/* 法人情報リスト */
.companyProfileBlock {
  list-style: none;
  padding: 0;
  margin: 0;
}

.companyProfileBlock > li {
  /* display: flex;
  align-items: center;
  gap: 16px; */
  margin-bottom: 48px;
}

.companyProfileBlock > li:last-child {
  margin-bottom: 0;
}

.companyProfileBlock > li > p.companyProfile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.companyProfile__label {
  display: inline-block;
  width: 140px;
  background-color: var(--primary-Green);
  color: var(--primary-white);
  text-align: center;
  padding: 4px 28px;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.3em;
}

.companyProfile__text {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: var(--primary-darkgray);
}

.companyProfile__text a {
  color: var(--primary-darkgray);
  text-decoration: underline;
  word-break: break-all;
}

.companyProfile__text a:hover {
  color: var(--primary-Green);
  opacity: 0.8;
}

.companyProfile--sns > p.companyProfile {
  align-items: flex-start;
  flex-wrap: wrap;
}

.companyProfile--sns .companyProfile__texts {
  display: flex;
  flex-direction: column;
}

.companyProfile__qr {
  display: block;
  width: 120px;
  height: 120px;
  margin-top: 8px;
  flex-shrink: 0;
}

.companyProfile__snsBox {
  max-width: max-content;
}

.companyProfile--sns .companyProfile__text {
  align-self: flex-start;
  margin-bottom: 16px;
}

@media screen and (min-width: 769px) {
  .companyProfileBlock > li > p.companyProfile {
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }

  .section--companyProfile {
    max-width: 1280px;
    margin: 0 auto;
    padding: 48px 24px 64px;
    display: flex;
    align-items: flex-start;
    gap: 64px;
  }

  .section--companyProfile > .companyProfile {
    text-align: center;
    flex-shrink: 0;
    width: 200px;
    margin-bottom: 0;
  }

  .section--companyProfile > .companyProfile h3 {
    font-size: 2.8rem;
  }

  /* .section--companyProfile > .companyProfile::after {
    margin: 24px 0 0;
  } */

  .companyProfileBlock {
    flex: 1;
  }

  .section--companyProfile > .companyProfile p {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: 12px;
  }

  .companyProfileBlock > li {
    margin-bottom: 24px;
  }

  .companyProfile__label {
    flex-shrink: 0;
    padding: 4px 0;
    font-size: 1.6rem;
  }

  .companyProfile__text {
    font-size: 1.6rem;
    line-height: 1.8;
  }

  .companyProfileBlock > li.companyProfile--sns > .companyProfile {
    align-items: start;
    flex-wrap: nowrap;
  }

  .companyProfile--sns .companyProfile__text {
    /* flex-basis: 100%;
    margin-left: 196px;
    margin-top: 0; */
    margin-bottom: 16px;
  }

  .companyProfile--sns .companyProfile__text:last-of-type {
    margin-bottom: 0;
  }

  .companyProfile__qr {
    width: 120px;
    height: 120px;
    margin-top: 8px;
  }
}