@charset "UTF-8";

.hero-sp-green, .hero-sp-white, .hero-sp-lineart, .hero-sp-lower { display: none; }

/* Figma 2282:606: the 375px artboard scales without changing its composition. */
@media (max-width: 767px) {
  .home { --sp: calc(100vw / 375); }
  .home .hero { height: calc(670 * var(--sp)); min-height: 0; max-height: none; background: linear-gradient(110deg, #28a745, #79e06f); }
  .home .hero-content { position: relative; z-index: 2; width: 100%; height: 100%; padding: 0; }
  .home .hero-background { inset: auto; left: calc(-372.48 * var(--sp)); top: 0; width: calc(1189.951 * var(--sp)); height: calc(793.3 * var(--sp)); max-width: none; opacity: 1; object-fit: cover; mask: url('../images/adb11.svg') 0 0 / calc(1189.951 * var(--sp)) calc(669.347 * var(--sp)) no-repeat; }
  .home .hero-worker { left: calc(-374 * var(--sp)); top: 0; width: calc(1194 * var(--sp)); height: auto; }
  .home .hero-green, .home .hero-white, .home .hero::before { display: none; }
  .home .hero-sp-green, .home .hero-sp-white, .home .hero-sp-lineart { display: block; position: absolute; pointer-events: none; background-repeat: no-repeat; background-size: contain; z-index: -2; }
  .home .hero-sp-green { left: 0; top: calc(171 * var(--sp)); width: 100%; height: calc(499 * var(--sp)); background-image: url('../images/a4f48.svg'); transform: scaleX(-1); z-index: -3; }
  .home .hero-sp-white { left: calc(-85.5 * var(--sp)); top: calc(85.5 * var(--sp)); width: calc(546 * var(--sp)); height: calc(375 * var(--sp)); background-image: url('../images/f8db8.svg'); transform: rotate(-90deg) scaleY(-1); }
  .home .hero-sp-lineart { left: calc(-19 * var(--sp)); top: calc(181 * var(--sp)); width: calc(305.183 * var(--sp)); height: calc(202.867 * var(--sp)); background-image: url('../images/59b42.svg'); opacity: .8; }
  .home .hero-sp-lower { display: block; position: absolute; pointer-events: none; z-index: 0; left: 0; top: calc(475 * var(--sp)); width: 100%; height: calc(195 * var(--sp)); background: linear-gradient(110deg, #51c461, #79e06f); clip-path: polygon(0 0,61% 0,100% 100%,0 100%); }
  .home .hero h1 { position: absolute; left: calc(20 * var(--sp)); top: calc(70.63 * var(--sp)); width: calc(306.164 * var(--sp)); max-width: none; margin: 0; }
  .home .hero h1 picture, .home .hero-catch { display: block; width: 100%; }
  .home .hero-description { position: absolute; left: calc(20 * var(--sp)); top: calc(366 * var(--sp)); margin: 0; padding: 0; max-width: none; width: max-content; font-size: calc(16 * var(--sp)); line-height: 1.5; letter-spacing:.08em; background: none; }
  .home .hero-description::before { content: ''; position: absolute; z-index: -1; left: calc(-20 * var(--sp)); top: calc(-16 * var(--sp)); width: calc(260 * var(--sp)); height: calc(125 * var(--sp)); background: linear-gradient(90deg, #ffffffcc 72.115%, #fff0); }
  .home .sp-break { display: inline; }
  .home .hero-badges { position: absolute; left: calc(20 * var(--sp)); top: calc(495 * var(--sp)); gap: calc(8.5 * var(--sp)); margin: 0; }
  .home .hero-badges a { width: calc(106 * var(--sp)); border-width: calc(3 * var(--sp)); font-size: calc(16 * var(--sp)); line-height: 1.5; letter-spacing:.08em; }
  .home .hero-badges a:first-child img { width: calc(50.056 * var(--sp)); max-width: none; max-height: none; opacity: 1; }
  .home .hero-badges a:nth-child(2) img { width: calc(66.369 * var(--sp)); }
  .home .hero-badges a:nth-child(3) img { width: calc(79.878 * var(--sp)); max-width: none; }
  .home .hero-mini { display: none; }
  .home .hero::after, .home .hero-outline { border-width: calc(3 * var(--sp)); z-index: 1; }
  .home .hero::after { left: calc(16 * var(--sp)); top: calc(174 * var(--sp)); width: calc(85.905 * var(--sp)); height: calc(158.851 * var(--sp)); transform: rotate(-74.54deg); border-color: var(--lime); }
  .home .hero-outline-one { left: calc(34 * var(--sp)); top: calc(-126 * var(--sp)); width: calc(87.488 * var(--sp)); height: calc(167.022 * var(--sp)); transform: rotate(20.66deg); border: calc(3 * var(--sp)) solid var(--yellow); }
  .home .hero-outline-two { left: calc(-23 * var(--sp)); top: calc(-124 * var(--sp)); width: calc(112.622 * var(--sp)); height: calc(201.947 * var(--sp)); transform: rotate(151.22deg); border: calc(3 * var(--sp)) solid var(--yellow); }
  .home .hero-outline-three { left: calc(224 * var(--sp)); top: calc(394 * var(--sp)); width: calc(131.868 * var(--sp)); height: calc(251.749 * var(--sp)); transform: rotate(45.27deg); border: calc(3 * var(--sp)) solid var(--lime); }

  .home .join-section { padding: calc(39 * var(--sp)) 0 0; }
  .home .join-ribbon { top: calc(-94 * var(--sp)); left: 0; width: 100%; height: calc(278 * var(--sp)); transform: none; clip-path: polygon(0 0,100% 0,100% 100%,0 66%); background: linear-gradient(110deg,#28a745,#79e06f); }
  .home .join-grid { width: calc(335 * var(--sp)); gap: 0; display: flex; flex-direction: column; }
  .home .join-copy { display: contents; }
  .home .join-copy h2 { order: 1; width: 100%; margin: 0; font-size: calc(64 * var(--sp)); line-height: 1; letter-spacing:.08em; text-align: right; }
  .home .join-copy .join-label { order: 2; width: 100%; margin-top: calc(15 * var(--sp)); font-size: calc(16 * var(--sp)); line-height: 1; letter-spacing:.08em; text-align: right; }
  .home .join-copy p { order: 3; width: 100%; margin: calc(20 * var(--sp)) 0 calc(20 * var(--sp)); font-size: calc(20 * var(--sp)); line-height: 1.8; letter-spacing:.08em; text-align: right; white-space: nowrap; }
  .home .join-video { order: 4; width: 100%; max-width: none; height: auto; aspect-ratio: 335 / 603; }
  .home .join-copy .button { order: 5; flex-shrink: 0; width: calc(303 * var(--sp)); max-width: none; height: calc(51 * var(--sp)); min-height: 0; margin: calc(47 * var(--sp)) auto 0; padding: 0 calc(45 * var(--sp)); font-size: calc(16 * var(--sp)); letter-spacing:.08em; }
  .home .join-copy .button-arrow { width: calc(29.397 * var(--sp)); right: calc(14 * var(--sp)); }
  .home .join-section .lineart { width: calc(323 * var(--sp)); max-width: none; right: calc(-74 * var(--sp)); top: calc(864 * var(--sp)); bottom: auto; content: url('../images/e6435.svg'); }
  .home .join-section.decorated::before, .home .join-section.decorated::after { display: block; border-width: calc(3 * var(--sp)); z-index: -1; }
  .home .join-section.decorated::before { left: calc(-83 * var(--sp)); top: calc(745 * var(--sp)); width: calc(142.852 * var(--sp)); height: calc(201.007 * var(--sp)); transform: rotate(18.51deg); border-color: var(--lime); }
  .home .join-section.decorated::after { left: calc(-12 * var(--sp)); top: calc(860 * var(--sp)); width: calc(118.895 * var(--sp)); height: calc(208.419 * var(--sp)); transform: rotate(44.37deg); border-color: var(--yellow); }
  .home .join-section .banner-space { margin: calc(140 * var(--sp)) auto calc(65 * var(--sp)); }
}