/* Keep the reference image boxes stable while the artwork changes. */
.handdrawn-image { object-fit: cover; height: auto; }
.illustration-hero { aspect-ratio: 1100 / 880; }
.illustration-home-message-01 { aspect-ratio: 740 / 1480; }
.illustration-home-message-02 { aspect-ratio: 736 / 1456; }
.message .box_img .message-crop { overflow: hidden; background: var(--background); }
.message .box_img .message-crop--person { aspect-ratio: 740 / 1480; }
.message .box_img .message-crop--nurse { aspect-ratio: 736 / 1456; }
.message .message-crop .illustration-message-one-to-one { display: block; width: 100%; height: 100%; object-fit: cover; }
.message .message-crop--person .illustration-message-one-to-one { object-position: 75% 50%; }
.message .message-crop--nurse .illustration-message-one-to-one { object-position: 34% 50%; }
.illustration-home-service { aspect-ratio: 1680 / 1434; }
.illustration-staff { aspect-ratio: 2480 / 1120; }
.illustration-service-message-01 { aspect-ratio: 880 / 520; }
.illustration-service-message-02 { aspect-ratio: 1120 / 680; }
.illustration-service-use { aspect-ratio: 880 / 560; }
.illustration-service-visit-01, .illustration-service-visit-02 { aspect-ratio: 1200 / 760; }
.illustration-office-01, .illustration-office-02 { aspect-ratio: 1200 / 800; }
.illustration-office-03 { aspect-ratio: 800 / 532; }

/* Banner lettering stays selectable and sharp at every screen size. */
.illustrated-banner { display: grid; grid-template-columns: 68% 32%; aspect-ratio: 30 / 11; container-type: inline-size; overflow: hidden; position: relative; background: var(--background); color: var(--primary); text-align: center; }
.illustrated-banner__copy { display: flex; flex-direction: column; justify-content: center; gap: 5cqw; min-width: 0; padding: 5% 10%; }
.illustrated-banner__eyebrow { display: block; font-size: 2.55cqw; line-height: 1.5; letter-spacing: .04em; }
.illustrated-banner__title { display: block; font-family: Ubuntu, 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 5.2cqw; line-height: 1.15; letter-spacing: .015em; white-space: nowrap; }
.illustrated-banner__action { display: block; background: linear-gradient(90deg, var(--primary), var(--foreground)); color: #fff; border-radius: 3px; padding: .5cqw; font-size: 2.8cqw; line-height: 1.6; white-space: nowrap; }
.illustrated-banner .illustrated-banner__art { display: block; width: 100%; height: 100%; min-width: 0; object-fit: cover; object-position: 62% 50%; }
.illustrated-banner--attend { color: var(--primary); }
.illustrated-banner--attend .illustrated-banner__action { background: linear-gradient(90deg, var(--primary), var(--foreground)); }
.illustrated-banner--attend .illustrated-banner__title { font-size: 4.8cqw; }
.illustrated-banner--footer.illustrated-banner--recruit { aspect-ratio: 121 / 44; }
.illustrated-banner--footer.illustrated-banner--recruit .illustrated-banner__art { object-position: 44% 50%; }
.illustrated-banner--header { grid-template-columns: 61% 39%; aspect-ratio: 9 / 5; }
.illustrated-banner--header .illustrated-banner__copy { padding: 6%; gap: 5cqw; }
.illustrated-banner--header .illustrated-banner__eyebrow { font-size: 3.1cqw; }
.illustrated-banner--header .illustrated-banner__title { font-size: 6.8cqw; white-space: normal; }
.illustrated-banner--header .illustrated-banner__title span { display: block; }
.illustrated-banner--header .illustrated-banner__action { font-size: 3.2cqw; }
.illustrated-banner--fixed { grid-template-columns: 47% 53%; aspect-ratio: 592 / 392; }
.illustrated-banner--fixed .illustrated-banner__art { grid-column: 1; grid-row: 1; }
.illustrated-banner--fixed.illustrated-banner--recruit .illustrated-banner__art { object-position: 44% 50%; }
.illustrated-banner--fixed .illustrated-banner__copy { grid-column: 2; grid-row: 1; padding: 12% 6% 0; gap: 5cqw; }
.illustrated-banner--fixed .illustrated-banner__eyebrow { font-size: 3.35cqw; }
.illustrated-banner--fixed .illustrated-banner__title { font-size: 7.1cqw; white-space: normal; }
.illustrated-banner--fixed .illustrated-banner__title span { display: block; }
.illustrated-banner--fixed .illustrated-banner__action { margin: auto -7% 0; padding: 3cqw 0; font-size: 3.7cqw; border-radius: 0; }
@media (max-width: 800px) {
  .illustration-hero { aspect-ratio: 760 / 1000; object-position: 60% 50%; }
  .illustration-hero-walk { object-position: 44% 50%; }
  .illustration-home-service { aspect-ratio: 680 / 570; }
  .illustration-staff { aspect-ratio: 800 / 560; }
  .illustrated-banner--footer { grid-template-columns: 61% 39%; aspect-ratio: 9 / 5; }
  .illustrated-banner--footer.illustrated-banner--recruit { aspect-ratio: 9 / 5; }
  .illustrated-banner--footer .illustrated-banner__copy { padding: 6%; gap: 5cqw; }
  .illustrated-banner--footer .illustrated-banner__eyebrow { font-size: 3.1cqw; }
  .illustrated-banner--footer .illustrated-banner__title { font-size: 6.8cqw; white-space: normal; }
  .illustrated-banner--footer .illustrated-banner__title span { display: block; }
  .illustrated-banner--footer .illustrated-banner__action { font-size: 3.2cqw; }
  .illustrated-banner--fixed { grid-template-columns: 68% 32%; aspect-ratio: 40 / 9; text-align: left; }
  .illustrated-banner--fixed .illustrated-banner__art { grid-column: 2; }
  .illustrated-banner--fixed .illustrated-banner__copy { grid-column: 1; padding: 3% 9%; gap: 1.5cqw; }
  .illustrated-banner--fixed .illustrated-banner__eyebrow { font-size: 2.5cqw; }
  .illustrated-banner--fixed .illustrated-banner__title { font-size: 5.4cqw; white-space: nowrap; }
  .illustrated-banner--fixed .illustrated-banner__title span { display: inline; }
  .illustrated-banner--fixed .illustrated-banner__action { display: none; }
}