/* エイカグループ トップの動き 2026-10-21（動きを減らす設定の人には出さない） */
@keyframes em-rise{from{opacity:.01;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes em-left{from{opacity:.01;translate:-14px 0}to{opacity:1;translate:0 0}}
@keyframes em-zoom{from{opacity:.01;scale:.94}to{opacity:1;scale:1}}
@keyframes em-pop{0%{opacity:.01;scale:.55}70%{opacity:1;scale:1.08}100%{opacity:1;scale:1}}
@keyframes em-sweep{from{background-size:0% 100%}to{background-size:100% 100%}}
@keyframes em-ring{0%{box-shadow:0 0 0 0 var(--em-pulse)}70%,100%{box-shadow:0 0 0 14px transparent}}
@keyframes em-stamp{0%{opacity:0;scale:2.4;rotate:-14deg}55%{opacity:1;scale:.9;rotate:0deg}75%{scale:1.05}100%{opacity:1;scale:1;rotate:0deg}}
@keyframes em-bar{from{translate:0 110%}to{translate:0 0}}
@keyframes em-swing{0%{rotate:17deg}22%{rotate:-9deg}42%{rotate:7.5deg}60%{rotate:-3.5deg}76%{rotate:3deg}90%{rotate:-1deg}100%{rotate:0deg}}
@keyframes em-kb{from{scale:1;translate:0 0}to{scale:1.1;translate:-1.5% -1%}}
@keyframes em-xfade{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
@keyframes em-node{0%,13%,100%{transform:scale(1)}5%{transform:scale(1.12)}}
@keyframes em-halo{0%,13%,100%{opacity:0}5%{opacity:1}}
@keyframes em-orbit{to{transform:rotate(360deg)}}
@keyframes em-reveal{from{opacity:.01;translate:0 22px}to{opacity:1;translate:0 0}}
@media (prefers-reduced-motion:no-preference){
.hero .wrap>div:first-child>*{animation:em-rise .7s cubic-bezier(.2,.7,.2,1) both}
.hero .wrap>div:first-child>*:nth-child(1){animation-delay:0.05s}
.hero .wrap>div:first-child>*:nth-child(2){animation-delay:0.12s}
.hero .wrap>div:first-child>*:nth-child(3){animation-delay:0.2s}
.hero .wrap>div:first-child>*:nth-child(4){animation-delay:0.4s}
.hero .wrap>div:first-child>*:nth-child(5){animation-delay:0.55s}
.hero .wrap>div:first-child>*:nth-child(6){animation-delay:0.65s}
.hero h1 em{background-repeat:no-repeat;background-size:100% 100%;animation:em-sweep .8s ease-out .95s both}
.hero .loop{animation:em-zoom .9s cubic-bezier(.2,.7,.2,1) .25s both}
.hero .loop-legend{animation:em-rise .7s cubic-bezier(.2,.7,.2,1) .7s both}
.loop .em-node{transform-box:fill-box;transform-origin:center;animation:em-node 7.5s ease-in-out var(--em-d,0s) infinite}
.loop .em-halo{opacity:0;animation:em-halo 7.5s ease-in-out var(--em-d,0s) infinite}
.loop .em-orbit{transform-box:view-box;transform-origin:220px 220px;animation:em-orbit 7.5s linear infinite}
.facts .fact{animation:em-rise .7s cubic-bezier(.2,.7,.2,1) both}
.facts .fact:nth-child(1){animation-delay:0.6s}
.facts .fact:nth-child(2){animation-delay:0.7s}
.facts .fact:nth-child(3){animation-delay:0.8s}
.facts .fact:nth-child(4){animation-delay:0.9s}
.hero-cta .btn-copper{position:relative;--em-pulse:rgba(245,138,31,.5)}
.hero-cta .btn-copper::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:em-ring 3.2s ease-out 2.2s infinite}
@supports (animation-timeline:view()){
.sec .sec-head,.svc-row,.brands>*,.biz-item{animation:em-reveal linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
}
}