body { font-feature-settings: "palt"; }   @media only screen and (min-width: 769px) { .sp { display: none; } .pc { display: block; } }  @media only screen and (max-width: 768px) { .sp { display: block; } .pc { display: none; } }  .bricks-is-frontend .animation-trigger{ opacity:0; }  .animate{ animation-name: fadeAnimation; animation-delay: calc(var(--delay, 0) * 200ms); animation-duration: var(--duration, 400ms); animation-timing-function: ease-in-out; animation-fill-mode: forwards; }  .animation--left-to-right{ --translate: -20px,0,0; } .animation--right-to-left{ --translate: 20px,0,0; } .animation--top-to-bottom{ --translate: 0,-20px,0; } .animation--bottom-to-top{ --translate: 0,20px,0; }  @keyframes fadeAnimation{ from{ transform: translate3d(var(--translate)); } to{ opacity: 1; transform: translate3d(0,0,0); } }