/* AMIX Web BENTO: button / 立体プッシュ, hover / カード浮き上がり.
   Adapted to the school's existing paper, mint and rounded shape system. */
.pill-button.cta,.side-cta.cta,.top-actions>a.cta,.text-link.cta,.mobile-cta.cta{
  --push-depth:5px;--push-base:#142b24;
  display:inline-flex;align-items:center;justify-content:center;gap:0;
  min-height:46px;padding:13px 25px;border:1.5px solid var(--ink);
  border-radius:999px;box-shadow:0 var(--push-depth) 0 var(--push-base);
  font-weight:900;text-align:center;text-decoration:none;cursor:pointer;
  transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .18s ease;
}
.side-cta.cta{--push-depth:4px;--push-base:#5e7762;padding:12px 10px;font-size:12px}
.top-actions>a.cta{--push-depth:4px;--push-base:#8e7ba2;border-radius:13px;padding:10px 20px}
.text-link.cta{--push-depth:3px;--push-base:#719581;background:rgba(255,255,255,.72);color:var(--ink);padding:9px 20px;min-height:43px;font-size:13px}
.mobile-cta.cta{display:none}
.pill-button.cta:active,.side-cta.cta:active,.top-actions>a.cta:active,.text-link.cta:active,.mobile-cta.cta:active{
  transform:translateY(var(--push-depth));box-shadow:0 0 0 var(--push-base);
}

/* The title remains live, selectable Japanese text, using the bundled font. */
.trial select{
  appearance:none;-webkit-appearance:none;padding-right:46px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23243c37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 18px center;background-size:12px 8px;
}
.hero-copy h1{font-family:var(--body);font-weight:900;font-size:clamp(44px,5.9vw,84px);line-height:1.28;letter-spacing:-.035em;margin:34px 0 23px;max-width:none;width:auto}
.hero-title-line{display:block;white-space:nowrap;color:var(--lemon);-webkit-text-stroke:2.2px #111;paint-order:stroke fill;text-shadow:2px 3px 0 #111}
.hero-title-line+.hero-title-line{color:var(--lilac)}
.sprout-icon{display:inline-block;object-fit:contain;width:100%;height:100%;vertical-align:middle;pointer-events:none}
.brand-flower{display:block;width:58px;height:58px;line-height:1}
.mini-star{display:inline-flex;width:28px;height:28px;flex:0 0 28px;line-height:1}
.paper-star{display:block;width:70px;height:70px;font-size:0;-webkit-text-stroke:0;top:-48px;right:0;transform:rotate(10deg)}
.last-note>.sprout-decoration{display:inline-block;width:75px;height:75px;font-size:0;-webkit-text-stroke:0}

.notice.bento-card,.program-panel.bento-card,.trial-paper.bento-card,.about-photo.bento-card{
  --card-angle:0deg;--card-shadow:6px 10px 0 rgba(86,119,100,.32);
  transform:translateY(0) rotate(var(--card-angle));transition:transform .25s ease,box-shadow .25s ease;
}
.trial-paper.bento-card{--card-angle:-.7deg}
.about-photo.bento-card{--card-angle:-3deg}
.bento-card:focus-within{outline:2px solid #477e63;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
  .pill-button.cta:hover:not(:active),.side-cta.cta:hover:not(:active),.top-actions>a.cta:hover:not(:active),.text-link.cta:hover:not(:active),.mobile-cta.cta:hover:not(:active){filter:brightness(1.055);transform:translateY(-1px);box-shadow:0 calc(var(--push-depth) + 1px) 0 var(--push-base)}
  .notice.bento-card:hover,.program-panel.bento-card:hover,.trial-paper.bento-card:hover,.about-photo.bento-card:hover{transform:translateY(-5px) rotate(var(--card-angle));box-shadow:var(--card-shadow)}
}
@media(max-width:1100px) and (min-width:761px){.hero-copy h1{font-size:clamp(44px,5.9vw,65px);margin-top:42px}.hero-copy .pill-button.cta{font-size:12px;padding-inline:18px}.side-cta.cta{font-size:10px}}
@media(min-width:1550px){.hero-copy h1{margin-top:48px}}
@media(max-width:760px){
  .hero-copy h1{width:80%;font-size:clamp(39px,12.4vw,58px);line-height:1.28;letter-spacing:-.04em;margin:21px 0 13px;position:relative;z-index:3}
  .hero-title-line{-webkit-text-stroke:1.8px #111;text-shadow:1.5px 2px 0 #111}
  .hero-photo{margin-top:4px}.hero-stamp{width:80px;height:80px;top:85px;right:22px;padding-top:15px;font-size:11px}.hero-stamp span{font-size:8px}
  .pill-button.cta{font-size:13px;padding:13px 23px}.text-link.cta{font-size:12px;padding-inline:18px}
  .mobile-cta.cta{display:flex;position:fixed;padding:12px 20px;min-height:48px;--push-depth:4px}
  .paper-star{width:58px;height:58px;top:-40px;right:3px}
}
@media(max-width:350px){.top-actions>a.cta{display:none}.hero-copy h1{font-size:39px}.hero-stamp{width:75px;height:75px;right:17px;font-size:10px;padding-top:14px}.hero-stamp span{font-size:7px}.hero-copy .pill-button.cta{font-size:12px;padding-inline:18px}}
@media(prefers-reduced-motion:reduce){
  .cta,.bento-card{transition:none!important}
  .notice.bento-card:hover,.program-panel.bento-card:hover,.trial-paper.bento-card:hover,.about-photo.bento-card:hover{transform:rotate(var(--card-angle))!important}
}