/* Empty this file to restore the original fixed-page motion. */
:root { --static-motion: 1; }
*, *::before, *::after { animation: none !important; transition: none !important; }
.-js--scroll .-js--scroll__item,
.-js--single .-js--single__item,
.-js--single .-js--single__left,
.-js--single .-js--single__right,
.-js--in .box-graph,
.-js--in .box-txt__block,
.-js--flow.top-lead__data ul > li,
.-js--flow .solostep,
.-js--flow + .top-flow__btn,
.-js--feature,
.-js--textin,
.top-detail__trial,
.page-casestudy__txt { opacity: 1 !important; transform: none !important; transition: none !important; }
.-js--flow .arrow > svg .st0,
.-js--flow .arrow > svg .st1 { opacity: 1 !important; }
.-js--in .top-lead__photo { transform: none !important; transition: none !important; }
.-js--in .box-txt__block::before { width: 90px; }
.-js--in .box-txt__block::after { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; }
}
/* Keep the existing final flow-step states visible without scroll triggers. */
.page-flow__block .imgbox .circle .circle-inner {
  background: #fff;
  transform: translate(-50%, -50%) scale(1);
}
.page-flow__block .imgbox .circle .circle-inner > span { opacity: 1; }
@media screen and (min-width: 851px) {
  .page-flow__block .txtbox { opacity: 1; transform: translateX(0); }
  .page-flow__block .imgbox .circle .bal { transform: translate(100%, -50%) scale(1); }
  .page-flow__block .imgbox .circle .bal .graphic { opacity: 1; }
}
@media screen and (min-width: 851px) and (max-width: 1160px) {
  .page-flow__block .imgbox .circle .bal { transform: translate(100%, -50%) scale(.75); }
}
@media screen and (max-width: 850px) {
  .page-flow__block .sp-detailbox .txtbox,
  .page-flow__block .sp-detailbox .bal { opacity: 1; transform: translateY(0); }
}
/* Owl's default hides all slide text until JS initializes; keep it readable. */
.owl-carousel:not(.owl-loaded) { display: block; }
/* Legacy header transitions are !important and need matching specificity. */
.head-box { transition: none !important; }
/* Preserve the final visible parts of scroll-triggered illustrations. */
.top-feature__more .graphic .wifi > svg .-wifi,
.top-feature__more .graphic svg .maru,
.top-feature__graphics .graphic.-g1 svg .wifi,
.top-feature__graphics .graphic.-g2 svg .batu,
.top-feature__graphics .graphic.-g2 svg .wifi,
.top-case__graphic.-g2 .wifi,
.page-feature__mv .graphic.-g2 > svg .wifi,
.page-feature__mv .graphic.-g4 > svg .right { opacity: 1 !important; }
.top-case__graphic.-g2 svg .line { transform: scaleX(1); }
@media screen and (max-width: 750px) {
  .top-news .graphic > svg .man { transform: translateX(53px); }
  .top-news .graphic > svg .line { opacity: 0; }
  .top-news .graphic .maru { opacity: 1; }
}
.top-detail .graphic > .mask { opacity: 0; }
.contact .graphic > svg .contact-man { opacity: 1 !important; transform: translateX(0) !important; }
.top-feature__graphics .graphic.-g1 svg .-pink { fill: #ff9598; }
.top-lead__graphics .graphic.-g1 { left: 4%; transform: rotate(0) scaleX(1); }
.top-lead__graphics .graphic.-g2 > svg .left { transform: scaleX(1); }
@media screen and (max-width: 750px) {
  .top-lead__graphics .graphic.-g1 { left: 56%; transform: rotate(0) scaleX(-1); }
}
.foot .graphic.-g2 > svg .foot-batu { opacity: 1; }
/* Preserve the final arm pose and the lightbulb rays after motion is disabled. */
.foot .graphic.-g1 > svg .foot-rr-arm { transform: rotate(0); }
.page-feature__mv .graphic.-g4 > svg .line {
  opacity: 1;
  transform: translateY(0) scale(1);
}