:root{--app-width:395px;--pink:#ee7800;--yellow:#f9ff59;--blue:#3a57ed;--green:#f9ff59;--purple:#3a57ed;--orange:#ee7800;--navy:#3a57ed;--ink:#172039;--heading-ink:#2b3550;--cream:#f9ff59;--white:#fffdf6;--display:"Dela Gothic One","Noto Sans JP",sans-serif;--sans:"Noto Sans JP",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{height:100%;background:var(--yellow)}
body{min-width:320px;height:100%;margin:0;overflow:hidden;color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.app{position:relative;z-index:2;width:min(100%,var(--app-width));height:100dvh;margin:0 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;background:var(--white);box-shadow:0 0 50px rgba(41,24,35,.25)}
.app::-webkit-scrollbar{display:none}
.slide{position:relative;isolation:isolate;display:flex;width:100%;height:100dvh;min-height:620px;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}
.slide-inner{position:relative;z-index:2;width:100%;margin:auto 0;padding:88px 25px 64px}
.scene-illust{position:absolute;z-index:1;width:180px;height:auto;margin:0;pointer-events:none;filter:drop-shadow(5px 7px 0 rgba(23,32,57,.18))}
.scene-illust img{display:block;width:100%;height:auto;object-fit:contain}
.scene-illust--hero{z-index:2;right:-38px;bottom:-10px;width:285px;transform:rotate(-2deg)}
.scene-illust--work{top:57px;right:-18px;width:145px;transform:rotate(2deg)}
.scene-illust--company{right:-31px;bottom:-17px;width:220px;transform:rotate(2deg)}
.scene-illust--recruit{z-index:1;top:47px;right:4px;width:95px;transform:rotate(2deg);filter:drop-shadow(4px 5px 0 rgba(255,228,62,.55))}
.site-header{position:fixed;z-index:30;top:0;left:50%;display:flex;align-items:center;justify-content:space-between;width:min(100%,var(--app-width));padding:max(16px,env(safe-area-inset-top)) 17px 10px;transform:translateX(-50%);pointer-events:none;color:#fff;transition:color .25s ease}
.site-logo,.entry-button{pointer-events:auto}
.site-logo{display:flex;align-items:center;color:currentColor;font-family:var(--display);font-size:18px;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.12)}
.entry-button{padding:10px 13px;border:2px solid #fff;border-radius:999px;color:#fff;background:var(--ink);font-family:"Anton",sans-serif;font-size:14px;letter-spacing:.1em;box-shadow:3px 3px 0 #fff}
.progress{position:fixed;z-index:30;right:max(calc((100vw - var(--app-width))/2 + 12px),12px);bottom:max(15px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;color:#fff;font-family:"Anton",sans-serif;font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.progress__bar{display:block;width:54px;height:3px;overflow:hidden;background:rgba(255,255,255,.4)}
.progress__bar span{display:block;width:7.69%;height:100%;background:currentColor;transition:width .35s ease}
.section-label{display:inline-flex;align-items:center;gap:8px;margin:0 0 17px;color:#fff;font-family:"Anton",var(--sans);font-size:14px;letter-spacing:.09em}
.section-label::before{width:25px;height:4px;content:"";background:currentColor}
.section-label--dark{color:var(--ink)}.section-label--pink{color:var(--pink)}
h1,h2,h3,p{margin-top:0}
h2{margin-bottom:25px;font-family:var(--display);font-size:clamp(27px,7.5vw,32px);font-weight:400;line-height:1.45;letter-spacing:.01em}
.body-copy{position:relative;z-index:1;font-size:14px;font-weight:500;line-height:2}.body-copy p{margin-bottom:14px}.body-copy p:last-child{margin-bottom:0}
.slide-number{position:absolute;z-index:-1;top:46px;right:-6px;color:rgba(255,255,255,.16);font-family:"Anton",sans-serif;font-size:124px;line-height:1}
.slide--intro{background:#0d1222}
.intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.intro-video__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,18,34,.05) 52%,rgba(13,18,34,.58) 100%);pointer-events:none}
.intro-scroll-hint{position:absolute;z-index:2;right:0;bottom:max(30px,calc(env(safe-area-inset-bottom) + 18px));left:0;display:flex;flex-direction:column;align-items:center;gap:9px;margin:0;color:#fff;font-family:"Anton",sans-serif;font-size:14px;letter-spacing:.2em;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.intro-scroll-hint i{position:relative;display:block;width:18px;height:18px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);animation:intro-scroll 1.8s ease-in-out infinite}
.site-header,.progress,.desktop-rail{transition:opacity .25s ease,visibility .25s ease,color .25s ease}
.is-intro-active .site-header,.is-intro-active .progress{visibility:hidden;opacity:0;pointer-events:none}
.slide--hero{color:#fff;background:var(--blue)}
.slide--hero::before{position:absolute;inset:0;opacity:.14;content:"";background-image:radial-gradient(#fff 1.5px,transparent 1.5px);background-size:18px 18px}
.hero-sun{position:absolute;top:13%;right:-58px;width:210px;height:210px;border:30px dotted rgba(255,228,62,.82);border-radius:50%;animation:rotate 32s linear infinite}
.hero-copy{position:relative;z-index:3;width:100%;margin:auto 0;padding:65px 24px 150px}
.hero-copy__lead{margin-bottom:17px;color:var(--yellow);font-family:"Anton",sans-serif;font-size:17px;line-height:1.15;letter-spacing:.14em}
.hero-copy h1{margin:0;font-family:var(--display);font-size:clamp(38px,11vw,47px);font-weight:400;line-height:1.38;letter-spacing:.05em;text-shadow:5px 5px 0 rgba(64,25,49,.25)}
.hero-copy h1 span{display:inline-block;margin-right:.08em;padding:0 .08em .08em;color:var(--pink);background:var(--yellow);transform:rotate(-2deg);text-shadow:none}
.hero-copy__company{margin:24px 0 0;font-weight:900;line-height:1.5}.hero-copy__company b{font-family:"Anton",sans-serif;font-size:14px;letter-spacing:.15em}
.hero-visual{position:absolute;right:-15px;bottom:-20px;width:270px;height:245px}.hero-visual__bolt{position:absolute;z-index:2;right:57px;bottom:47px;font-size:106px;transform:rotate(8deg);filter:drop-shadow(8px 9px 0 rgba(23,42,81,.35))}
.hero-visual__wave{position:absolute;right:0;width:240px;height:70px;border:15px solid #fff;border-right:0;border-bottom:0;border-radius:60% 0 0;opacity:.22}.hero-visual__wave--1{bottom:0}.hero-visual__wave--2{right:-20px;bottom:32px}.hero-visual__wave--3{right:-40px;bottom:64px}
.swipe-hint{position:absolute;z-index:5;bottom:max(16px,env(safe-area-inset-bottom));left:23px;display:flex;align-items:center;gap:9px;margin:0;font-family:"Anton",sans-serif;font-size:14px;letter-spacing:.14em}.swipe-hint span{display:block;width:10px;height:26px;border:2px solid currentColor;border-radius:10px}.swipe-hint span::after{display:block;width:2px;height:6px;margin:4px auto 0;content:"";background:currentColor;animation:swipe 1.5s ease-in-out infinite}
.slide--pink{color:#fff;background:var(--blue)}
.big-question{margin:28px 0 0;font-family:var(--display);font-size:29px;line-height:1.35;text-align:right}.big-question span{color:var(--yellow);font-size:37px}
.slide--yellow{background:var(--yellow)}.slide--desire h2{font-size:29px}
.desire-answer{margin:22px 0 0;font-family:var(--display);font-size:19px;line-height:1.45;text-align:right}.desire-answer strong{color:var(--pink);font-size:27px}.desire-tag{margin:17px 0 0;padding:8px 10px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font-weight:900;text-align:center}
.slide--blue{color:#fff;background:var(--blue)}.slide--ocean .slide-inner{margin-top:0;padding-top:92px}.slide--ocean h2{margin-bottom:18px;font-size:28px}
.body-copy--panel{padding:19px;color:var(--ink);border:3px solid var(--ink);background:rgba(255,253,246,.96);box-shadow:7px 7px 0 var(--ink);font-size:14px;line-height:1.85}
.ocean-wave{position:absolute;right:-35px;bottom:-67px;left:-35px;height:170px;border-radius:50% 50% 0 0;background:var(--yellow);transform:rotate(-4deg)}
.slide--green{background:var(--green)}.slide--green h2{font-size:27px}.pickup-copy{margin:0 0 18px;padding-left:15px;border-left:7px solid var(--yellow);font-family:var(--display);font-size:22px;line-height:1.55}.slide--green .body-copy{line-height:1.85}
.slide--white{background:var(--white)}.slide--team h2{color:var(--ink);font-size:31px}.slide--team h2 span{color:var(--pink)}.slide--team .body-copy{line-height:1.85}
.slide--purple{color:var(--ink);background-color:#fff;background-image:radial-gradient(rgba(43,53,80,.2) 1.4px,transparent 1.4px);background-size:18px 18px}.slide--purple>.slide-number{display:none}.slide-inner--need{display:flex;flex-direction:column;width:100%;margin:0;padding:92px 43px 43px}.need-visual{position:relative;z-index:4;flex:0 0 360px;overflow:visible;color:#fff;background:linear-gradient(180deg,#315b9c 0 58%,#3a63a7 58% 100%);box-shadow:0 8px 22px rgba(23,32,57,.16)}.need-visual::before,.need-visual::after{position:absolute;z-index:0;content:"";background:rgba(255,255,255,.08)}.need-visual::before{top:58%;right:0;bottom:0;left:0}.need-visual::after{top:146px;right:0;width:180px;height:130px;transform:rotate(-10deg)}.need-visual__label{position:absolute;z-index:1;top:92px;right:0;left:0;margin:0;color:rgba(255,255,255,.42);font-family:"Anton",sans-serif;font-size:39px;line-height:1;text-align:center;white-space:nowrap}.need-visual__worker{position:absolute;z-index:2;bottom:0;left:50%;width:230px;margin:0;transform:translateX(-50%);opacity:.64;filter:grayscale(.18) contrast(.92) blur(1.2px)}.need-visual__worker img{display:block;width:100%;height:auto}.need-visual h2{position:absolute;z-index:3;top:50%;right:16px;left:16px;margin:0;color:#fff;font-size:25px;line-height:1.55;text-align:center;text-shadow:4px 4px 0 rgba(23,32,57,.3);transform:translateY(-50%)}.need-card{position:relative;z-index:3;margin:0 -4px;padding:28px 15px 25px;color:var(--ink);border:0;background:rgba(255,255,255,.97);box-shadow:0 9px 22px rgba(23,32,57,.12);font-weight:500;line-height:1.78}.need-card p{margin-bottom:18px}.need-card p:last-child{margin-bottom:0}.need-card strong{font-weight:900}
#enjoy-life{height:auto;min-height:100dvh;overflow:visible}

.slide--navy{color:#fff;background:var(--navy)}.slide--work h2{font-size:26px}.slide--work .body-copy{line-height:1.8}.work-list{position:relative;z-index:2;margin-top:20px;padding:18px;color:var(--ink);background:var(--yellow);box-shadow:7px 7px 0 var(--pink)}.work-list h3{margin-bottom:10px;font-family:var(--display);font-size:17px}.work-list ul{margin:0;padding:0;list-style:none}.work-list li{position:relative;padding:6px 0 6px 20px;border-top:1px solid rgba(23,32,57,.25);font-size:14px;font-weight:700;line-height:1.45}.work-list li::before{position:absolute;left:2px;content:"⚡"}.work-bolt{position:absolute;z-index:1;right:-12px;bottom:18px;font-size:84px;opacity:.18}
.slide--cream{background:var(--cream)}.slide--cream h2{font-size:36px}.company-list{margin:0;border-top:3px solid var(--ink)}.company-list div{display:grid;grid-template-columns:92px 1fr;padding:17px 4px;border-bottom:1px solid rgba(23,32,57,.3)}.company-list dt{color:var(--pink);font-weight:900}.company-list dd{margin:0;font-weight:700;line-height:1.7}.company-message{margin:25px 0 0;color:var(--pink);font-family:"Anton",sans-serif;font-size:38px;line-height:.95;letter-spacing:.04em;transform:rotate(-3deg)}
.slide--recruit{height:auto;min-height:100dvh;overflow:visible;color:#fff;background:var(--blue)}.slide-inner--recruit{display:block;height:auto;margin:0;padding-top:82px;padding-bottom:55px}.slide--recruit h2{margin-bottom:12px;font-size:31px}.recruit-content{color:var(--ink);border:3px solid var(--ink);background:var(--white)}.recruit-list{margin:0}.recruit-list div{display:grid;grid-template-columns:82px 1fr;border-bottom:1px solid #d8d3c9}.recruit-list div:last-child{border-bottom:0}.recruit-list dt,.recruit-list dd{padding:12px 10px}.recruit-list dt{color:var(--pink);background:rgba(249,255,89,.22);font-size:14px;font-weight:900}.recruit-list dd{margin:0;font-size:14px;font-weight:500;line-height:1.75}.recruit-list small{font-size:14px}
.slide--join{background:var(--blue)}
.join-poster{position:absolute;top:72px;right:0;bottom:0;left:0;display:block;overflow:hidden;background:var(--blue)}
.join-poster img{display:block;width:100%;height:100%;object-fit:contain}
.join-poster:focus-visible{outline:5px solid var(--yellow);outline-offset:-7px}
.desktop-rail{position:fixed;z-index:10;top:0;bottom:0;display:none;width:calc((100vw - var(--app-width))/2);padding:40px;color:var(--ink)}
.desktop-logo{display:flex;align-items:center;color:var(--ink)}
.desktop-logo__text{font-family:var(--display);font-size:clamp(23.4px,2.6vw,39px);line-height:1}.desktop-logo__text small{display:block;margin-top:10.4px;font-family:var(--sans);font-size:18.2px;font-weight:900;letter-spacing:.28em}
.desktop-entry{position:relative;display:grid;width:min(250px,72%);aspect-ratio:1;place-content:center;border-radius:50%;color:#fff;background:var(--ink);text-align:center;box-shadow:12px 12px 0 var(--pink);transition:transform .25s ease,box-shadow .25s ease}
.desktop-entry span{margin-bottom:7px;font-size:14px;font-weight:900;letter-spacing:.1em}.desktop-entry strong{font-family:"Anton",sans-serif;font-size:clamp(38px,5vw,68px);font-weight:400;letter-spacing:.04em}.desktop-entry i{position:absolute;right:20%;bottom:17%;font-family:var(--sans);font-size:24px;font-style:normal}
.desktop-entry:hover{transform:translate(-4px,-4px);box-shadow:16px 16px 0 var(--pink)}
@media(min-width:760px){:root{--app-width:480px}html{background:#fff}body{background-color:#fff;background-image:linear-gradient(rgba(23,32,57,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(23,32,57,.07) 1px,transparent 1px);background-size:24px 24px}.desktop-rail{display:flex;align-items:center;justify-content:center}.desktop-rail--left{left:0}.desktop-rail--right{right:0}.site-header{display:none}}
@media(max-height:740px){h2{margin-bottom:16px;font-size:26px}.slide-inner{padding-top:74px;padding-bottom:50px}.body-copy{font-size:14px;line-height:1.75}.body-copy p{margin-bottom:10px}.big-question{margin-top:18px;font-size:25px}.big-question span{font-size:31px}.desire-answer{margin-top:14px}.need-card{padding:17px;font-size:14px;line-height:1.75}.work-list{margin-top:12px;padding:13px}.work-list li{padding-top:4px;padding-bottom:4px}.company-list div{padding:11px 4px}.slide-inner--recruit{padding-top:72px;padding-bottom:48px}}
@media(max-width:350px), (max-height:740px){.scene-illust{width:145px}.scene-illust--hero{right:-30px;bottom:-8px;width:220px}.scene-illust--work{top:52px;right:-15px;width:112px}.scene-illust--company{right:-25px;bottom:-14px;width:170px}.scene-illust--recruit{top:45px;right:2px;width:75px}}
@media(prefers-reduced-motion:no-preference){
  .slide:not(.slide--intro) .slide-inner>*:not(.thought-cloud):not(.photo-cutout),
  .hero-copy>*,
  .scene-illust,
  .mascot,
  .photo-cutout,
  .thought-cloud span,
  .event-photo,
  .work-list li,
  .company-list>div,
  .recruit-list>div,
  .join-poster img{
    opacity:0;
    translate:var(--reveal-x,0) var(--reveal-y,18px);
    rotate:var(--reveal-rotate,0deg);
    scale:var(--reveal-scale,.98);
    transition:opacity var(--reveal-duration,.58s) var(--reveal-ease,cubic-bezier(.22,1,.36,1)) var(--reveal-delay,0s),translate var(--reveal-duration,.58s) var(--reveal-ease,cubic-bezier(.22,1,.36,1)) var(--reveal-delay,0s),rotate var(--reveal-duration,.58s) var(--reveal-ease,cubic-bezier(.22,1,.36,1)) var(--reveal-delay,0s),scale var(--reveal-duration,.58s) var(--reveal-ease,cubic-bezier(.22,1,.36,1)) var(--reveal-delay,0s);
    will-change:opacity,translate,rotate,scale
  }
  .slide.is-active .slide-inner>*:not(.thought-cloud):not(.photo-cutout),
  .slide.is-active .hero-copy>*,
  .slide.is-active .scene-illust,
  .slide.is-active .mascot,
  .slide.is-active .photo-cutout,
  .slide.is-active .thought-cloud span,
  .slide.is-active .event-photo,
  .slide.is-active .work-list li,
  .slide.is-active .company-list>div,
  .slide.is-active .recruit-list>div,
  .slide.is-active .join-poster img{opacity:1;translate:0 0;rotate:0deg;scale:1}

  /* Hero: headline builds upward, then the character enters from the right. */
  .slide--hero .hero-copy__lead{--reveal-x:-22px;--reveal-y:0;--reveal-delay:.04s}
  .slide--hero h1{--reveal-y:28px;--reveal-scale:.94;--reveal-delay:.12s;--reveal-duration:.72s}
  .slide--hero .hero-copy__company{--reveal-x:-18px;--reveal-y:0;--reveal-delay:.28s}
  .slide--hero .scene-illust--hero{--reveal-x:58px;--reveal-y:22px;--reveal-rotate:4deg;--reveal-scale:.9;--reveal-delay:.2s;--reveal-duration:.8s}

  /* 01: worries gather from alternating sides before the person appears. */
  .slide--pink .section-label{--reveal-x:-24px;--reveal-y:0;--reveal-delay:.02s}
  .slide--pink h2{--reveal-x:-18px;--reveal-y:0;--reveal-delay:.09s}
  .slide--pink .photo-scene-lead{--reveal-x:20px;--reveal-y:0;--reveal-delay:.16s}
  .slide--pink .thought-cloud span{--reveal-scale:.82;--reveal-y:-12px;--reveal-duration:.5s}
  .slide--pink .thought-cloud span:nth-child(1){--reveal-x:-24px;--reveal-delay:.2s}
  .slide--pink .thought-cloud span:nth-child(2){--reveal-x:24px;--reveal-delay:.26s}
  .slide--pink .thought-cloud span:nth-child(3){--reveal-x:-24px;--reveal-delay:.32s}
  .slide--pink .thought-cloud span:nth-child(4){--reveal-x:24px;--reveal-delay:.38s}
  .slide--pink .photo-cutout--worry{--reveal-y:55px;--reveal-scale:.92;--reveal-delay:.3s;--reveal-duration:.78s}
  .slide--pink .big-question{--reveal-x:28px;--reveal-y:0;--reveal-delay:.48s}

  /* 02: title swings in; desires pop in a playful rhythm. */
  .slide--desire .section-label{--reveal-x:-26px;--reveal-y:0;--reveal-delay:.02s}
  .slide--desire .desire-title{--reveal-x:-34px;--reveal-y:-8px;--reveal-rotate:-3deg;--reveal-scale:.94;--reveal-delay:.08s;--reveal-duration:.7s}
  .slide--desire .thought-cloud span{--reveal-y:14px;--reveal-scale:.78;--reveal-duration:.52s}
  .slide--desire .thought-cloud span:nth-child(1){--reveal-rotate:-4deg;--reveal-delay:.2s}
  .slide--desire .thought-cloud span:nth-child(2){--reveal-rotate:4deg;--reveal-delay:.27s}
  .slide--desire .thought-cloud span:nth-child(3){--reveal-rotate:-4deg;--reveal-delay:.34s}
  .slide--desire .thought-cloud span:nth-child(4){--reveal-rotate:4deg;--reveal-delay:.41s}
  .slide--desire .photo-cutout--desire{--reveal-y:58px;--reveal-scale:.88;--reveal-delay:.28s;--reveal-duration:.82s}
  .slide--desire .desire-answer{--reveal-x:-30px;--reveal-y:0;--reveal-delay:.48s}
  .slide--desire .desire-tag{--reveal-y:16px;--reveal-delay:.55s}

  /* 03: copy flows in, followed by a three-photo cascade. */
  .slide--ocean .section-label{--reveal-y:-18px;--reveal-delay:.02s}
  .slide--ocean h2{--reveal-x:-28px;--reveal-y:0;--reveal-delay:.09s}
  .slide--ocean .body-copy--panel{--reveal-x:26px;--reveal-y:0;--reveal-scale:.96;--reveal-delay:.17s;--reveal-duration:.68s}
  .slide--ocean .event-photo{--reveal-y:42px;--reveal-scale:.78;--reveal-duration:.62s}
  .slide--ocean .event-photo:nth-child(1){--reveal-rotate:-7deg;--reveal-delay:.28s}
  .slide--ocean .event-photo:nth-child(2){--reveal-rotate:7deg;--reveal-delay:.36s}
  .slide--ocean .event-photo:nth-child(3){--reveal-rotate:-5deg;--reveal-delay:.44s}

  /* 04: copy opens outward and the team rises into frame. */
  .slide--green .section-label,.slide--green h2{--reveal-x:-28px;--reveal-y:0}
  .slide--green h2{--reveal-delay:.08s}
  .slide--green .pickup-copy{--reveal-x:24px;--reveal-y:0;--reveal-delay:.16s}
  .slide--green .body-copy{--reveal-y:22px;--reveal-delay:.24s}
  .slide--green .mascot--ideas{--reveal-x:45px;--reveal-y:48px;--reveal-rotate:5deg;--reveal-delay:.25s;--reveal-duration:.78s}

  /* 05: the team rises into frame after the copy. */
  .slide--team .section-label{--reveal-y:-16px}
  .slide--team h2{--reveal-x:-26px;--reveal-y:0;--reveal-delay:.08s}
  .slide--team .body-copy{--reveal-x:22px;--reveal-y:0;--reveal-delay:.17s}
  .slide--team .photo-cutout--team{--reveal-y:52px;--reveal-delay:.3s;--reveal-duration:.78s}

  /* 06-07: challenge card punches forward; life copy alternates directions. */
  .slide--purple .need-visual{--reveal-y:-24px;--reveal-scale:.96;--reveal-delay:.04s}
  .slide--purple .need-card{--reveal-x:-28px;--reveal-y:12px;--reveal-scale:.94;--reveal-delay:.18s;--reveal-ease:cubic-bezier(.34,1.3,.64,1)}
  .slide--purple .mascot--challenge-round{--reveal-x:40px;--reveal-y:-24px;--reveal-rotate:7deg;--reveal-delay:.28s;--reveal-ease:cubic-bezier(.34,1.56,.64,1)}
  .slide--purple .mascot--challenge-bolt{--reveal-x:-40px;--reveal-y:28px;--reveal-rotate:-7deg;--reveal-delay:.36s;--reveal-ease:cubic-bezier(.34,1.56,.64,1)}

  /* 08-12: functional content stays calm, with distinct directional cues. */
  .slide--work .section-label,.slide--work h2{--reveal-x:-26px;--reveal-y:0}
  .slide--work h2{--reveal-delay:.07s}.slide--work .body-copy{--reveal-y:18px;--reveal-delay:.15s}
  .slide--work .work-list{--reveal-x:24px;--reveal-y:0;--reveal-delay:.22s}
  .slide--work .work-list li{--reveal-x:-18px;--reveal-y:0;--reveal-duration:.42s}
  .slide--work .work-list li:nth-child(1){--reveal-delay:.3s}.slide--work .work-list li:nth-child(2){--reveal-delay:.35s}.slide--work .work-list li:nth-child(3){--reveal-delay:.4s}.slide--work .work-list li:nth-child(4){--reveal-delay:.45s}.slide--work .work-list li:nth-child(5){--reveal-delay:.5s}
  .slide--work .scene-illust--work{--reveal-x:38px;--reveal-y:24px;--reveal-scale:.82;--reveal-delay:.3s}
  .slide--cream .section-label,.slide--cream h2{--reveal-y:-18px}.slide--cream h2{--reveal-delay:.07s}
  .slide--cream .company-list{--reveal-scale:.97;--reveal-delay:.15s}
  .slide--cream .company-list>div{--reveal-x:-22px;--reveal-y:0;--reveal-duration:.44s}
  .slide--cream .company-list>div:nth-child(1){--reveal-delay:.2s}.slide--cream .company-list>div:nth-child(2){--reveal-delay:.26s}.slide--cream .company-list>div:nth-child(3){--reveal-delay:.32s}.slide--cream .company-list>div:nth-child(4){--reveal-delay:.38s}
  .slide--cream .company-message{--reveal-x:-26px;--reveal-y:0;--reveal-rotate:-4deg;--reveal-delay:.44s}
  .slide--cream .scene-illust--company{--reveal-x:42px;--reveal-y:30px;--reveal-scale:.82;--reveal-delay:.34s}
  .slide--recruit .section-label,.slide--recruit h2{--reveal-x:-24px;--reveal-y:0}.slide--recruit h2{--reveal-delay:.07s}
  .slide--recruit .recruit-content{--reveal-y:28px;--reveal-scale:.97;--reveal-delay:.15s}
  .slide--join .join-poster img{--reveal-scale:1.08;--reveal-duration:.9s}
  .slide--entry .section-label{--reveal-x:-24px;--reveal-y:0}.slide--entry h2{--reveal-x:24px;--reveal-y:0;--reveal-delay:.08s}
  .slide--entry .entry-lead{--reveal-y:18px;--reveal-delay:.16s}.slide--entry .entry-form-content{--reveal-y:30px;--reveal-scale:.96;--reveal-delay:.24s}.slide--entry .entry-phone{--reveal-x:-20px;--reveal-y:0;--reveal-delay:.36s}
  .slide--entry .scene-illust--entry{--reveal-x:38px;--reveal-y:-20px;--reveal-rotate:6deg;--reveal-scale:.8;--reveal-delay:.3s}
  .photo-cutout,.scene-illust,.mascot,.event-photo,.join-poster img{--reveal-scale:1!important;backface-visibility:hidden}
}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes swipe{0%,100%{opacity:0;transform:translateY(0)}40%{opacity:1}80%{opacity:0;transform:translateY(9px)}}@keyframes intro-scroll{0%,100%{opacity:.35;transform:translateY(0) rotate(45deg)}50%{opacity:1;transform:translateY(9px) rotate(45deg)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-draw{0%{stroke-dashoffset:1}45%,100%{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.orbit-text svg,.orbit-text__line{animation:none}.orbit-text__line{stroke-dashoffset:0}}

/* Readability and spacious layout */
button,input,select,textarea{font:inherit}
.work-list h3{font-family:var(--sans);font-weight:700;letter-spacing:.02em}
.slide{min-height:700px}
.slide-inner{margin:0;padding:112px 20px 88px}
h2{margin-bottom:34px;font-weight:400;line-height:1.55;letter-spacing:.02em}
.slide--yellow h2,.slide--green h2,.slide--white h2,.slide--cream h2,.slide--entry h2{color:var(--heading-ink)}
.body-copy{line-height:2.05}.body-copy p{margin-bottom:20px}
.site-header{padding:max(13px,env(safe-area-inset-top)) 18px 12px;color:var(--ink)!important;border-bottom:2px solid var(--ink);background:rgba(255,253,246,.96);box-shadow:0 5px 0 rgba(23,32,57,.1);backdrop-filter:blur(8px)}
.site-logo{color:var(--ink);text-shadow:none}
.entry-button{padding:10px 15px;color:var(--ink);border-color:var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-weight:900}
.scene-illust{width:190px}
.scene-illust--work{z-index:3;top:auto;right:-28px;bottom:18px;width:210px}
.scene-illust--company{right:-45px;bottom:-5px;width:280px}
.scene-illust--recruit{top:91px;right:12px;width:112px}
.slide--ocean .slide-inner{margin:0;padding-top:112px}
.slide--ocean h2{margin-bottom:30px}
.slide--green h2,.slide--team h2,.slide--purple h2,.slide--work h2{line-height:1.55}
.need-card,.body-copy--panel{padding:24px 21px;line-height:2}
.big-question{margin-top:36px}
.desire-answer{margin-top:30px}.desire-tag{margin-top:22px;padding:10px}
.pickup-copy{margin-bottom:24px;padding-left:17px;line-height:1.7}
.work-list{margin-top:28px;padding:20px}.work-list li{padding-top:8px;padding-bottom:8px}
.company-list div{padding:20px 4px}.company-message{margin-top:32px}
.slide-inner--recruit{height:auto;padding:98px 28px 58px}
.slide--recruit h2{margin-bottom:20px}

/* Photo-led story sections */
.slide-inner--photo-scene{height:100%;padding-top:104px}
.photo-cutout{position:absolute;z-index:2;margin:0;pointer-events:none;filter:drop-shadow(11px 14px 0 rgba(23,32,57,.78))}
.photo-cutout img{display:block;width:100%;height:auto;object-fit:contain}
.photo-scene-lead{margin:0;font-size:14px;font-weight:700;letter-spacing:.04em}
.slide--pink h2{margin-bottom:12px}
.thought-cloud{position:absolute;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.thought-cloud span{position:relative;display:grid;min-height:58px;padding:9px 8px;place-items:center;color:var(--ink);border:2px solid var(--ink);border-radius:18px;background:var(--white);font-size:14px;font-weight:900;line-height:1.55;text-align:center;box-shadow:4px 5px 0 var(--ink)}
.thought-cloud span::after{position:absolute;bottom:-9px;left:50%;width:12px;height:12px;content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--white);transform:translateX(-50%) rotate(45deg)}
.thought-cloud--worry{top:265px;right:20px;left:20px}
.photo-cutout--worry{bottom:-180px;left:calc(50% - 325px);width:650px}
.slide--pink .big-question{position:absolute;z-index:5;right:12px;bottom:20%;margin:0;color:#fff;font-size:22px;text-align:right;text-shadow:3px 3px 0 var(--ink)}
.slide--pink .big-question span{color:var(--yellow);font-size:30px}
.desire-title{position:relative;z-index:5;width:calc(100% + 18px);margin:4px 0 0 -10px!important;padding:10px 13px;color:#fff!important;background:var(--blue);font-size:27px!important;line-height:1.42!important;box-shadow:7px 8px 0 var(--pink);transform:rotate(-3deg)}
.thought-cloud--desire{top:300px;right:18px;left:18px;gap:9px}
.thought-cloud--desire span{min-height:55px;border-color:var(--blue);border-radius:6px;background:var(--white);box-shadow:4px 5px 0 var(--pink);font-size:14px;transform:rotate(-2deg)}
.thought-cloud--desire span:nth-child(even){transform:rotate(2deg)}
.thought-cloud--desire span::after{border-color:var(--blue)}
.photo-cutout--desire{bottom:-45px;left:calc(50% - 190px);width:380px}
.slide--desire .desire-answer{position:absolute;z-index:5;right:20px;bottom:89px;left:20px;margin:0;padding:8px 10px;color:#fff;background:var(--pink);font-family:var(--sans);font-size:14px;line-height:1.5;text-align:center;box-shadow:5px 5px 0 var(--ink);transform:rotate(-1deg)}
.slide--desire .desire-answer strong{color:#fff;font-size:16px}
.slide--desire .desire-tag{position:absolute;z-index:5;right:22px;bottom:40px;left:22px;margin:0;padding:7px 8px;background:rgba(249,255,89,.92);font-size:14px}
.slide--ocean .slide-inner{padding-bottom:250px}
.slide--ocean .body-copy--panel{padding:14px 15px;font-size:14px;line-height:1.58}
.slide--ocean .body-copy--panel p{margin-bottom:8px}
.event-gallery{position:absolute;z-index:4;right:18px;bottom:64px;left:18px;height:210px}
.event-photo{position:absolute;margin:0;border:4px solid #fff;background:#fff;box-shadow:7px 8px 0 var(--ink);overflow:visible}
.event-photo img{display:block;width:100%;height:100%;object-fit:cover}
.event-photo figcaption{position:absolute;right:5px;bottom:5px;padding:3px 6px;color:#fff;background:var(--pink);font-family:"Anton",var(--sans);font-size:14px;letter-spacing:.08em}
.event-photo--jetski{top:4px;left:0;width:62%;height:118px;transform:rotate(-3deg)}
.event-photo--bbq{top:13px;right:0;width:42%;height:100px;transform:rotate(4deg)}
.event-photo--fishing{bottom:0;left:65px;width:52%;height:94px;transform:rotate(2deg)}
.mascot{position:absolute;z-index:4;margin:0;pointer-events:none;filter:drop-shadow(8px 10px 0 rgba(23,32,57,.38))}
.mascot img{display:block;width:100%;height:auto;object-fit:contain;image-rendering:auto}
.mascot--ideas{right:-24px;bottom:-8px;width:330px;transform:rotate(-3deg)}
.photo-cutout--team{right:auto;bottom:-70px;left:50%;width:310px;transform:translateX(-50%)}
.mascot--challenge-round{z-index:10;top:-21px;right:-27px;width:132px;transform:rotate(5deg)}
.mascot--challenge-bolt{z-index:10;bottom:-28px;left:-33px;width:170px;transform:rotate(-5deg)}
.orbit-text{position:absolute;z-index:3;width:118px;aspect-ratio:1;color:var(--yellow);pointer-events:none}
.orbit-text svg{display:block;width:100%;height:100%;overflow:visible;transform-origin:center;animation:orbit-spin 14s linear infinite;animation-play-state:paused}
.slide.is-active .orbit-text svg{animation-play-state:running}
.orbit-text text{fill:currentColor;font-family:"Anton",var(--sans);font-size:18px;letter-spacing:.05em}
.orbit-text__line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:orbit-draw 3.2s ease-in-out infinite alternate;animation-play-state:paused}
.slide.is-active .orbit-text__line{animation-play-state:running}
.orbit-text--ideas{bottom:190px;left:10px;width:150px;color:var(--blue);transform:rotate(-7deg)}
.slide--green .slide-inner{padding-top:92px;padding-bottom:230px}
.slide--green .section-label{margin-bottom:12px}
.slide--green h2{margin-bottom:18px;line-height:1.4}
.slide--green .pickup-copy{margin-bottom:13px;line-height:1.5}
.slide--green .body-copy{line-height:1.62}
.slide--green .body-copy p{margin-bottom:7px}
.slide--green .body-copy,.slide--team .body-copy{position:relative;z-index:3}
.slide--team .slide-inner{padding-bottom:165px}
.slide--team h2{margin-bottom:14px}
.slide--team .body-copy{line-height:1.58}
.slide--team .body-copy p{margin-bottom:8px}

@media(min-height:760px) and (max-width:759px){
  .mascot--ideas{width:350px}
  .photo-cutout--team{bottom:-75px;width:330px}
  .orbit-text--ideas{bottom:105px;width:160px}
}

@media(max-width:350px) and (max-height:740px){
  .scene-illust--hero{bottom:8px}
  .photo-cutout--worry{bottom:-335px}
  .mascot--ideas{right:-14px;bottom:-12px;width:220px}
  .photo-cutout--team{bottom:-55px;width:220px}
  .orbit-text{width:96px}
  .orbit-text--ideas{bottom:80px;width:120px}
  .slide--ocean .body-copy--panel{max-height:205px;overflow-y:auto}
  .event-gallery{bottom:20px;height:150px}
  .event-photo--jetski{height:84px}
  .event-photo--bbq{height:75px}
  .event-photo--fishing{height:65px}
  .slide--team .body-copy{line-height:1.55}
  .slide--team .body-copy p{margin-bottom:7px}
  .scene-illust--work,.scene-illust--company,.scene-illust--recruit{display:none}
  .slide--work .body-copy{line-height:1.55}
  .work-list{margin-top:8px;padding:10px 12px}
  .work-list h3{margin-bottom:6px}
  .work-list li{padding:3px 0 3px 18px;line-height:1.25}
}

/* Entry form */
.slide--entry{height:auto;min-height:100dvh;overflow:visible;color:var(--ink);background:var(--yellow)}
.slide--entry::before{position:absolute;inset:0;z-index:-1;opacity:.22;content:"";background-image:radial-gradient(var(--blue) 1.5px,transparent 1.5px);background-size:20px 20px}
.slide--entry .slide-number{color:rgba(58,87,237,.12)}
.scene-illust--entry{z-index:1;top:88px;right:7px;width:128px;transform:rotate(3deg)}
.slide-inner--entry{display:block;height:auto;padding:96px 28px 48px}
.slide--entry h2{max-width:285px;margin-bottom:13px;font-size:30px;line-height:1.5}
.entry-lead{max-width:300px;margin:0 0 19px;font-weight:700;line-height:1.8}
.entry-form-content{position:relative;z-index:2;border:3px solid var(--ink);background:var(--white);box-shadow:7px 7px 0 var(--blue)}
.entry-form{padding:22px 18px}
.form-field{margin-bottom:18px}
.form-field label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:900}
.form-field label span{padding:2px 6px;color:#fff;background:var(--pink);font-size:14px}
.form-field input,.form-field select,.form-field textarea{width:100%;border:2px solid var(--ink);border-radius:0;color:var(--ink);background:#fff;padding:11px 12px;outline:none}
.form-field textarea{resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(58,87,237,.2)}
.form-consent{display:flex;align-items:flex-start;gap:9px;margin:4px 0 18px;font-size:14px;font-weight:700;line-height:1.65}
.form-consent input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:var(--blue)}
.form-submit{display:flex;width:100%;align-items:center;justify-content:space-between;padding:14px 16px;color:#fff;border:3px solid var(--ink);background:var(--blue);box-shadow:4px 4px 0 var(--ink);font-weight:900;cursor:pointer}
.form-submit:focus-visible{outline:4px solid var(--pink);outline-offset:3px}
.entry-phone{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:15px;border-top:2px solid var(--ink);font-size:14px;font-weight:700}
.entry-phone strong{font-size:18px;font-weight:900}

@media(max-width:350px){
  .slide-inner{padding-right:22px;padding-left:22px}
  .slide-inner--entry,.slide-inner--recruit{padding-right:22px;padding-left:22px}
  .scene-illust--entry{display:none}
  .entry-phone{align-items:flex-start;flex-direction:column;gap:2px}
}

/* Foreground character placement */
.scene-illust--recruit{z-index:4}

@media(min-width:760px){
  .slide-inner--need{padding:58px 58px 38px}
  .need-visual{flex-basis:410px}
  .need-visual__worker{bottom:0;width:270px}
  .hero-copy{transform:translateY(-90px)}
  .scene-illust--hero{right:-46px;bottom:-12px;width:400px}
  .photo-cutout--worry{bottom:-260px}
  .photo-cutout--desire{bottom:-190px;left:calc(50% - 325px);width:650px}
  .mascot--ideas{right:-34px;bottom:-14px;width:380px}
  .photo-cutout--team{bottom:-90px;width:370px}
  .slide--green .slide-inner{padding-top:70px;padding-bottom:260px}
  .mascot--challenge-round{top:-25px;right:-31px;width:145px}
  .mascot--challenge-bolt{bottom:-34px;left:-39px;width:190px}
  .scene-illust--work{right:-32px;bottom:20px;width:230px}
  .scene-illust--company{right:-52px;bottom:-10px;width:300px}
  .scene-illust--recruit{top:92px;right:16px;width:130px}
  .join-poster{top:0}
}

/* Mobile viewport safety */
@media(max-width:759px){
  .slide{min-height:100dvh}
  .slide--ocean .body-copy--panel{font-size:13px}
  .scene-illust--hero{right:-38px;bottom:-8px;width:305px}
  .photo-cutout--worry{bottom:0;left:calc(50% - 180px);width:360px}
  .photo-cutout--desire{bottom:0;left:calc(50% - 165px);width:330px}
  .mascot--ideas{right:-24px;bottom:-8px;width:330px}
  .photo-cutout--team{bottom:-70px;width:310px}
  .mascot--challenge-round{top:-21px;right:-27px}
  .mascot--challenge-bolt{bottom:-28px;left:-33px;width:170px}
  .scene-illust--work{z-index:3;top:auto;right:-25px;bottom:18px;width:190px}
  .scene-illust--recruit{display:none}
  .orbit-text--ideas{bottom:105px}
}

@media(min-height:760px) and (max-width:759px){
  .mascot--ideas{width:350px}
  .photo-cutout--team{bottom:-75px;width:330px}
}

@media(max-height:740px) and (max-width:759px){
  .slide-inner{padding-top:78px;padding-bottom:42px}
  .slide-inner--need{padding:74px 38px 32px}
  .need-visual{flex-basis:285px}
  .need-visual__worker{bottom:0;width:180px}
  .need-visual__label{top:72px;font-size:32px}
  .need-visual h2{font-size:22px}
  .mascot--challenge-round{top:-17px;right:-23px;width:105px}
  .slide-inner--photo-scene{padding-top:82px}
  .photo-cutout--worry{left:calc(50% - 110px);width:220px}
  .photo-cutout--desire{left:calc(50% - 130px);width:260px}
  h2{margin-bottom:18px;font-size:26px}
  .body-copy{line-height:1.7}
  .body-copy p{margin-bottom:10px}
  .need-card{padding:17px;font-size:14px;line-height:1.7}
  .need-card p{margin-bottom:10px}
  .slide--ocean .slide-inner{padding-top:78px;padding-bottom:205px}
  .slide--ocean h2{margin-bottom:15px}
  .event-gallery{bottom:40px;height:165px}
  .event-photo--jetski{height:94px}
  .event-photo--bbq{height:80px}
  .event-photo--fishing{height:72px}
  .slide--green .slide-inner{padding-top:72px;padding-bottom:230px}
  .mascot--ideas{right:-12px;bottom:-10px;width:220px}
  .photo-cutout--team{bottom:-55px;width:220px}
  .mascot--challenge-bolt{bottom:-23px;left:-25px;width:138px}
  .scene-illust--work{right:-18px;bottom:15px;width:155px}
  .orbit-text--ideas{bottom:80px}
  .slide--green .body-copy{line-height:1.5}
  .slide--team .slide-inner{padding-top:76px;padding-bottom:120px}
  .slide--team .body-copy{line-height:1.55}
  .slide--team .body-copy p{margin-bottom:7px}
  .slide--work .body-copy{line-height:1.5}
  .work-list{margin-top:8px;padding:10px 12px}
  .work-list h3{margin-bottom:6px}
  .work-list li{padding:3px 0 3px 18px;line-height:1.25}
  .company-list div{padding:11px 4px}
  .company-message{margin-top:18px}
  .slide-inner--recruit{padding-top:76px;padding-bottom:40px}
  .slide-inner--entry{padding-top:76px;padding-bottom:30px}
  .entry-lead{margin-bottom:12px;line-height:1.6}
  .entry-phone{margin-top:12px;padding-top:10px}
}

@media(max-width:350px) and (max-height:740px){
  .photo-cutout--worry{bottom:0;left:calc(50% - 100px);width:200px}
  .photo-cutout--desire{bottom:0;left:calc(50% - 115px);width:230px}
  .mascot--ideas{right:-9px;bottom:-8px;width:200px}
  .photo-cutout--team{bottom:-50px;width:200px}
  .mascot--challenge-bolt{left:-21px;width:130px}
}

/* Unified mobile heading spacing */
@media(max-width:759px){
  .slide:not(.slide--intro) .slide-inner,
  .slide--ocean .slide-inner,
  .slide--green .slide-inner,
  .slide--team .slide-inner,
  .slide-inner--photo-scene,
  .slide-inner--recruit,
  .slide-inner--entry{padding-top:100px}
  .slide--purple .slide-inner--need{padding-top:92px}
  .thought-cloud--worry{top:225px}
  .thought-cloud--desire{top:260px}
  .desire-title{font-size:clamp(20px,5.8vw,23px)!important}
  .photo-cutout--worry{left:calc(50% - 220px);width:440px}
  .photo-cutout--desire{left:calc(50% - 190px);width:380px}
  .scene-illust--company{display:block;right:-30px;bottom:0;width:210px}
  .company-message{margin-top:20px}
}

@media(max-height:740px) and (max-width:759px){
  .slide--purple .slide-inner--need{padding-top:74px}
  .photo-cutout--worry{left:calc(50% - 160px);width:320px}
  .photo-cutout--desire{left:calc(50% - 150px);width:300px}
  .scene-illust--company{right:-20px;bottom:0;width:170px}
  .company-message{margin-top:14px}
}

@media(max-width:350px) and (max-height:740px){
  .photo-cutout--worry{left:calc(50% - 150px);width:300px}
  .photo-cutout--desire{left:calc(50% - 135px);width:270px}
  .scene-illust--company{right:-16px;bottom:0;width:150px}
}

/* ========================================
   募集要項 / ENTRY 固定ボタン
======================================== */


/* ------------------------------
   スマホ
------------------------------ */

.header-action-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  pointer-events: auto;
}

.recruit-button,
.entry-button {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 38px;
  padding: 0 15px;

  color: var(--ink);
  border: 2px solid var(--ink);
  border-radius: 999px;
  background: var(--yellow);

  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;

  box-shadow: 3px 3px 0 var(--ink);
}


/* ------------------------------
   PC
------------------------------ */

@media (min-width: 760px) {

  /* 2つのボタン全体 */
  .desktop-action-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
  }

  /* 募集要項・ENTRY 共通 */
  .desktop-recruit,
  .desktop-entry {
    position: relative;
    display: grid;
    place-content: center;

    width: 180px;
    height: 180px;

    border-radius: 50%;

    color: #fff;
    background: var(--ink);

    text-align: center;

    box-shadow: 8px 8px 0 var(--pink);

    transition:
      transform .25s ease,
      box-shadow .25s ease;
  }

  /* 小さい日本語 */
  .desktop-recruit span,
  .desktop-entry span {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .08em;
  }

  /* RECRUIT / ENTRY */
  .desktop-recruit strong,
  .desktop-entry strong {
    font-family: "Anton", sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .03em;
  }

  /* ↘ */
  .desktop-recruit i,
  .desktop-entry i {
    position: absolute;
    right: 18%;
    bottom: 15%;

    font-family: var(--sans);
    font-size: 19px;
    font-style: normal;
  }

  /* hover */
  .desktop-recruit:hover,
  .desktop-entry:hover {
    transform: translate(-3px, -3px);
    box-shadow: 11px 11px 0 var(--pink);
  }


  /* =========================
     ENTRYだけ配色変更
  ========================= */

  .desktop-entry {
    background: var(--orange);
    color: #fff;
    box-shadow: 8px 8px 0 var(--ink);
  }

  .desktop-entry:hover {
    box-shadow: 11px 11px 0 var(--ink);
  }

}
/* ========================================
   CTA カラー調整
======================================== */

/* SP */
@media (max-width: 759px) {
  .recruit-button {
    color: #fff;
    border-color: var(--ink);
    background: var(--ink);
    box-shadow: 3px 3px 0 #F9FE59;
  }
}