/* ==========================================================================
   Arkiについて（company.php）固有
   ========================================================================== */

/* 02. 代表挨拶 */
.company-deco--msg-03 {
  bottom: 0;
  right: clamp(8px, 2vw, 32px);
  width: clamp(200px, 24vw, 360px);
}
.company-deco--msg-01 {
  top: clamp(32px, 5vw, 72px);
  left: clamp(8px, 3vw, 48px);
  width: clamp(110px, 13vw, 190px);
}
.company-msg {
  width: 100%;
  max-width: 760px;
  font-size: 16px;
}
.company-msg__catch {
  font-size: clamp(19px, 2vw, 23px);
  font-weight: 700;
  color: #4a6545;
  line-height: 1.7;
  letter-spacing: 0.04em;
}
.company-msg__sign {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.6;
  margin-top: 8px;
}
.company-msg__sign-role {
  font-size: 13px;
  color: #5b5b50;
}
.company-msg__sign-name {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #3A3A32;
}

/* 03. 理念 */
.company-policy__photo {
  margin-top: auto;
  padding-top: 22px;
}
.company-policy__img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 24px;
  background: #e8ede0;
  object-fit: cover;
}
.company-policy__img--01 { object-position: 50% 25%; }
.company-policy__img--02 { object-position: 50% 35%; }
.company-policy__img--03 { object-position: 50% 40%; }

/* 04. 会社概要 */
.company-deco--outline-02 {
  bottom: 0;
  left: 0;
  width: clamp(180px, 20vw, 300px);
}
.company-deco--outline-05 {
  top: clamp(40px, 6vw, 96px);
  right: clamp(8px, 4vw, 64px);
  width: clamp(120px, 14vw, 200px);
}
.arki-dl--company {
  background: #f6f4ec;
  border-radius: 28px;
  padding: clamp(12px, 2vw, 24px) clamp(20px, 4vw, 48px);
}
.arki-dl--company .arki-dl__row {
  gap: 4px 24px;
  padding: 18px 0;
  border-bottom-color: rgba(74, 101, 69, 0.3);
}
.arki-dl--company .arki-dl__row:last-child { border-bottom: none; }
.arki-dl--company .arki-dl__dt { flex-basis: 180px; }
.arki-dl--company .arki-dl__dd { flex-basis: 300px; }