.unused-original-island-wrapper {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.p-hero__island {
  position: absolute;
}


.p-hero__island--top {
  width: 57.167%;
  left: 43.100%;
  top: -16.100%;
}


.p-hero__island--left {
  width: 55.694%;
  left: 2.292%;
  top: 14.806%;
}


.p-hero__island--right {
  width: 57.639%;
  left: 32.083%;
  top: 35.558%;
}


.p-hero__cloud {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}


.p-hero__cloud--1 {
  left: 6.472%;
  top: 15.777%;
  width: 2.847%;
}


.p-hero__cloud--2 {
  left: 17.639%;
  top: 10.437%;
  width: 4.792%;
}


.p-hero__cloud--3 {
  left: 23.611%;
  top: 3.034%;
  width: 4.861%;
}


.p-hero__cloud--4 {
  left: 31.389%;
  top: 4.126%;
  width: 4.722%;
}


.p-hero__cloud--5 {
  left: 37.500%;
  top: 8.374%;
  width: 4.861%;
}


.p-hero__cloud--6 {
  left: 43.264%;
  top: 4.733%;
  width: 3.889%;
}


.p-hero__cloud--7 {
  left: 48.472%;
  top: 0.000%;
  width: 4.097%;
}


.p-hero__cloud--8 {
  left: 81.528%;
  top: 0.000%;
  width: 4.236%;
}


.p-hero__cloud--9 {
  left: 87.361%;
  top: 5.340%;
  width: 3.889%;
}


.p-hero__cloud--10 {
  left: 92.361%;
  top: 10.194%;
  width: 4.097%;
}


.p-hero__balloon {
  position: absolute;
  z-index: 4;
  pointer-events: none;
}


.p-hero__balloon--left {
  left: 12.778%;
  top: 15.170%;
  width: 4.861%;
}


.p-hero__balloon--right {
  left: 69.778%;
  top: 1.000%;
  width: 6.25%;
}


.p-hero__plane {
  position: absolute;
  z-index: 3;
  pointer-events: none;
}

.p-hero__ship {
  position: absolute;
  z-index: 4;
  pointer-events: none;
}

@keyframes hero-plane-a-loop {
  0% {
    transform: translate(0, 0);
  }
  70%,
  100% {
    transform: translate(
      calc(var(--hero-canvas-w) * -1.28),
      calc(var(--hero-canvas-h) * 0.96)
    );
  }
}


.p-hero__plane--a {
  left: 101.500%;
  top: -7.500%;
  width: 4.306%;
  animation: hero-plane-a-loop 8s linear infinite;
  will-change: transform;
}


.p-hero__plane--b {
  left: 92.083%;
  top: 53.762%;
  width: 4.514%;
}


.p-hero__ship--a {
  left: 85.000%;
  top: 67.961%;
  width: 7.083%;
}


@media(max-width:767px){  .p-hero-sp__cloud {
    position: absolute;
    z-index: 1;
    pointer-events: none;
  }

  /* Clouds: 11個 横一列（top は vw 基準 — ヘッダー50px=12.8vw の下から表示）
     手調整するときは top の vw 値だけ変えればOK */
  .p-hero-sp__cloud--1  { top: 30vw; left: 2%;   width: 10%; } /* topview-03 */
  .p-hero-sp__cloud--2  { top: 24vw; left: 12%;  width: 10%; } /* topview-07 */
  .p-hero-sp__cloud--3  { top: 13vw; left: 23%;  width: 10%; } /* topview-03 */
  .p-hero-sp__cloud--4  { top: 10vw; left: 34%;  width: 10%; } /* topview-07 */
  .p-hero-sp__cloud--5  { top: 4vw;  left: 45%;  width: 8%;  } /* topview-08 縦長 */
  .p-hero-sp__cloud--6  { top: 11vw; left: 54%;  width: 10%; } /* topview-07 */
  .p-hero-sp__cloud--7  { top: 17vw; left: 64%;  width: 10%; } /* topview-04 */
  .p-hero-sp__cloud--8  { top: 15vw; left: 65%;  width: 10%; } /* topview-05 */
  .p-hero-sp__cloud--9  { top: 25vw; left: 74%;  width: 10%; } /* topview-04 */
  .p-hero-sp__cloud--10 { top: 27vw; left: 82%;  width: 10%; } /* topview-05 */
  .p-hero-sp__cloud--11 { top: 37vw; left: 92%;  width: 10%; } /* topview-04 */

  /* Balloon */
  .p-hero-sp__balloon {
    position: absolute;
    z-index: 4;
    pointer-events: none;
  }
  .p-hero-sp__balloon--1 {
    top: 5.5%;
    right: 33%;
    width: 13%;
  }
  .p-hero-sp__balloon--2 {
    top: 65%;
    left: 79%;
    width: 14%;
  }

  /* Plane: 右上の画面外から左下へループ（PCと同じ動き） */
  @keyframes hero-plane-sp-loop {
    0%        { transform: translate(0, 0); }
    70%, 100% { transform: translate(-130vw, 60vw); }
  }

  .p-hero-sp__plane {
    position: absolute;
    z-index: 4;
    pointer-events: none;
    top: 24%;
    left: 110%;
    width: 12%;
    animation: hero-plane-sp-loop 8s linear infinite;
    will-change: transform;
  }

}
.stella-hero{position:relative;isolation:isolate;background:#a0d9dc;overflow:hidden}
.stella-hero:before,.stella-hero:after{display:none}
.official-canvas{position:relative;width:100%;max-width:1440px;aspect-ratio:1440/824;height:calc(100vw * 824 / 1440);max-height:824px;margin:0 auto;--hero-canvas-w:min(100vw,1440px);--hero-canvas-h:min(calc(100vw * 824 / 1440),824px)}
.official-canvas>img{height:auto;max-width:none;pointer-events:none}.p-hero__island{z-index:3}
.stella-hero-grid{position:absolute;inset:0 auto auto max(32px,calc((100% - 1328px)/2));z-index:5;display:block;width:490px;max-width:43%;padding:30px 28px 28px 0;min-height:0;margin:0;pointer-events:none}
.stella-hero-copy{position:relative;width:100%;padding:12px 0;isolation:isolate}.stella-hero-copy:before{content:'';position:absolute;inset:-55px -75px -40px -80px;z-index:-1;background:linear-gradient(90deg,#edfafa 0%,#edfafaed 63%,#edfafa00 100%);pointer-events:none}
.stella-hero-copy .actions{pointer-events:auto}.stella-hero h1{font-size:clamp(29px,3vw,43px);line-height:1.45;letter-spacing:.025em;margin:13px 0 18px}.hero-boost-logo{width:210px;margin:12px 0}.hero-overline{font-size:12px}.hero-description{font-size:14px;line-height:1.9;margin-bottom:20px}.stella-hero .actions{display:flex;flex-wrap:wrap;gap:10px}.stella-hero .btn{font-size:13px;min-height:52px;padding:9px 10px 9px 18px;gap:15px}
.official-canvas .world-pin{z-index:6;min-width:170px;padding:17px 24px;left:auto;right:auto;top:auto;bottom:auto}.official-canvas .pin-learning{left:60%;top:20%}.official-canvas .pin-development{left:43%;top:48%}.official-canvas .pin-organization{left:72%;top:64%}
.hero-quick-links{position:relative;z-index:7;margin-top:0}.official-mobile{display:none}
@media(min-width:768px) and (max-width:1100px){.stella-hero-grid{left:28px;padding-top:20px;max-width:43%}.hero-boost-logo{width:170px}.hero-overline{font-size:11px}.hero-description{font-size:12px}.stella-hero h1{font-size:29px}.official-canvas{min-height:630px}.official-canvas .world-pin{min-width:142px;padding:13px 18px}.world-pin strong{font-size:15px}.stella-hero .actions{display:grid}.stella-hero .btn{width:100%;font-size:12px}}
@media(max-width:767px){.official-canvas{display:none}.stella-hero-grid{position:relative;inset:auto;width:calc(100% - 40px);max-width:none;padding:26px 0 12px;margin:0 auto}.stella-hero-copy:before{inset:-35px -30px -30px;background:linear-gradient(#edfafaee,#edfafaee 75%,#edfafa00)}.stella-hero-copy{padding:0}.stella-hero h1{font-size:clamp(29px,8vw,40px)}.hero-overline{font-size:12px}.hero-description{font-size:15px}.hero-boost-logo{width:205px;margin:17px 0}.stella-hero .actions{display:flex}.stella-hero .btn{flex:1 1 240px;font-size:14px;min-height:58px}.official-mobile{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:50px;width:100%;overflow:hidden}.official-island-group{position:relative;z-index:3;flex:none}.official-mobile-island{display:block;width:100%;height:auto;max-width:none}.group-1{width:135%;margin-right:0}.group-2{width:125%;margin-left:-8%;margin-top:-37%}.group-3{width:139%;margin-right:17%;margin-top:6%}.official-mobile .world-pin{z-index:7;left:auto;right:auto;bottom:auto;top:auto}.official-mobile .pin-learning{top:30%;right:24%}.official-mobile .pin-development{top:44%;left:32%}.official-mobile .pin-organization{top:40%;right:22%}}
@media(prefers-reduced-motion:reduce){.official-canvas img,.official-mobile img{animation:none!important}}
@media(min-width:768px) and (max-width:1100px){.official-canvas{min-height:0;margin-bottom:max(0px,calc(630px - 100vw * 824 / 1440))}}

/* Close the lower hero gap and feather the copy backdrop on both axes. */
@media(min-width:1101px){.hero-quick-links{margin-top:clamp(-116px,-8vw,-72px)}}
@media(min-width:768px) and (max-width:1100px){.hero-quick-links{margin-top:-28px}}
@media(min-width:768px){.stella-hero-copy:before{bottom:-120px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 180px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 180px),transparent 100%)}}
@media(max-width:767px){.hero-quick-links{margin-top:-40px}}