.lg-c { padding: clamp(80px, 8vw, 120px) var(--shx) 0; background: var(--pg); }
.lg-c-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.lg-c-lead { font-size: 15px; line-height: 1.9; color: #444; }
.lg-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: 0; }
.lg-grid li { position: relative; display: flex; align-items: center; justify-content: center; height: 180px; padding: 0 16px; list-style: none; }
.lg-logo { display: block; height: calc(var(--h, 30) * 1px); width: auto; max-width: 100%; mix-blend-mode: multiply; }
.lg-grid li::after { content: ""; position: absolute; right: 0; bottom: 0; width: 15px; height: 15px; transform: translate(50%, 50%); background: linear-gradient(#333, #333) center / 1px 100% no-repeat, linear-gradient(#333, #333) center / 100% 1px no-repeat; display: none; }
.lg-grid li:nth-child(-n+4):not(:nth-child(4n))::after { display: block; }

@media (max-width: 720px) {   .lg-c-head { display: block; margin-bottom: 12px; }
  .lg-c-lead { margin-top: 16px; font-size: 14px; }
  .lg-grid { grid-template-columns: repeat(2, 1fr); }
  .lg-grid li { height: 120px; }
  .lg-logo { height: calc(var(--h, 30) * .7px); }
  .lg-grid li:nth-child(-n+4):not(:nth-child(4n))::after { display: none; }
  .lg-grid li:nth-child(odd):not(:nth-last-child(-n+2))::after { display: block; }
}