.origin { background: #f1f6f3; color: #244c49; padding: 72px 48px; }
.origin__inner { max-width: 1120px; margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 64px; align-items: start; }
.origin p, .origin h2, .origin h3 { margin: 0; }
.origin__eyebrow { color: #397b7c; font-size: 12px; font-weight: 500; letter-spacing: .08em; line-height: 1.8; }
.origin h2 { margin-top: 18px; font-size: clamp(24px, 2.4vw, 32px); line-height: 1.85; font-weight: 600; letter-spacing: .025em; }
.origin__story { font-family: "Yu Gothic", "Meiryo", sans-serif; font-size: 15px; line-height: 2; color: #536b66; overflow-wrap: anywhere; }
.origin__story > p + p { margin-top: 20px; }
.origin__story strong { font-weight: 600; color: #244c49; }
.origin__belief { grid-column: 1 / -1; position: relative; border-top: 1px solid #d3e0d8; padding: 40px 0 4px 44px; display: grid; grid-template-columns: 1fr 1.15fr; gap: 64px; align-items: center; }
.origin__belief-mark { position: absolute; top: 20px; left: 0; font: 88px Georgia, serif; color: #9bbdb1; line-height: 1; }
.origin__belief h3 { font-family: "M PLUS Rounded 1c", "Yu Gothic", sans-serif; font-size: clamp(26px, 3vw, 38px); font-weight: 700; color: #244c49; line-height: 1.75; letter-spacing: .035em; }
.origin__belief-copy { font-family: "Yu Gothic", "Meiryo", sans-serif; color: #536b66; font-size: 14px; line-height: 2; }
.origin__belief p + p { margin-top: 12px; }
@media (max-width: 900px) {
  .origin { padding: 48px 24px; }
  .origin__inner { grid-template-columns: 1fr; gap: 24px; }
  .origin h2 { font-size: clamp(21px, 4.5vw, 30px); letter-spacing: 0; }
  .origin__story { font-size: 14px; }
  .origin__belief { margin-top: 8px; padding: 32px 0 0 24px; grid-template-columns: 1fr; gap: 20px; }
  .origin__belief-mark { top: 18px; font-size: 60px; }
  .origin__belief h3 { font-size: clamp(24px, 6vw, 32px); letter-spacing: 0; }
}