.about-card { padding-bottom: 170px; }
.company-copy { padding-top: 68px; color: #626d7b; font-size: 16px; line-height: 2.05; }
.company-copy > h3 { margin: 0; color: #111820; font-size: 28px; }
.company-en { margin: 0; color: #718096; font-size: 15px; }
.title-line { display: block; width: 150px; height: 4px; margin: 40px 0 58px; background: var(--blue); }
.company-copy > p { text-indent: 2em; }
.office-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; margin-top: 38px; }
.office-grid img { width: 100%; aspect-ratio: 1.45; object-fit: cover; }
.mission-box { margin: 40px 0 72px; padding: 25px 28px; color: #fff; background: var(--blue); }
.mission-box p { margin: 5px 0; }
.values h3 { margin: 0 0 38px; padding-left: 20px; border-left: 6px solid var(--blue); color: #111820; font-size: 29px; }
.values p { margin: 6px 0; }
@media (max-width: 900px) {
  .about-card { padding-bottom: 76px; }
  .company-copy { padding-top: 45px; font-size: 14px; line-height: 1.9; }
  .company-copy > h3 { font-size: 22px; }
  .company-en { line-height: 1.5; }
  .title-line { margin: 28px 0 38px; }
  .office-grid { grid-template-columns: 1fr; gap: 20px; }
  .mission-box { margin-bottom: 50px; }
}