@-webkit-keyframes scroll-hint-appear{0%{-webkit-transform:translateX(40px);transform:translateX(40px);opacity:0}10%{opacity:1}50%,100%{-webkit-transform:translateX(-40px);transform:translateX(-40px);opacity:0}}@keyframes scroll-hint-appear{0%{-webkit-transform:translateX(40px);transform:translateX(40px);opacity:0}10%{opacity:1}50%,100%{-webkit-transform:translateX(-40px);transform:translateX(-40px);opacity:0}}.scroll-hint{overflow:initial !important}.scroll-hint::before{display:none !important}.scroll-hint.is-scrollable{width:100vw;margin-left:50%;padding:0 6.4vw;overflow:auto !important;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.scroll-hint.is-scrollable>*{margin:0 !important}.scroll-hint.is-right-scrollable{background:linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0))}.scroll-hint.is-right-scrollable.is-left-scrollable{background:linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)),linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0))}.scroll-hint.is-left-scrollable{background:linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0))}.scroll-hint-icon{box-sizing:border-box;text-align:center;position:absolute;top:50%;left:50%;border-radius:2.5vw;display:flex;flex-direction:column;justify-content:center;align-items:center;width:31.25vw;height:31.25vw;background:rgba(255,255,255,.7);-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);transition:opacity .3s;opacity:0}.scroll-hint-icon-wrap{position:absolute;top:0;left:0;width:100%;height:100%;max-height:100%;pointer-events:none}.scroll-hint-text{font-size:3.125vw;color:#333;margin-top:1.25vw}.scroll-hint-icon-wrap.is-active .scroll-hint-icon{opacity:1}.scroll-hint-icon:before{display:inline-block;width:15.625vw;height:15.625vw;color:#333;vertical-align:middle;text-align:center;content:"";margin-top:2.5vw;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.253 51.312'%3E%3Cpath d='M38.352 15.952a3.88 3.88 0 0 1-6.577-2.2 3.869 3.869 0 0 1-6.574-.908 3.872 3.872 0 0 0-3.458 2.141v-10.3a3.551 3.551 0 1 0-7.1 0v20.913a3.593 3.593 0 0 0 .093.782v.3a11.8 11.8 0 0 0-6.545-1.34c-2.5.237-6.908 2.341-7.168 5.586-.2 2.5.737 2.982 3.244 2.982 0 0 2.43-.027 3.987-.027 2.79 0 4.207.93 6.561 4.209a22.275 22.275 0 0 0 4.211 4.75v5.372a1.945 1.945 0 0 0 1.734 2.1h18.138a1.945 1.945 0 0 0 1.733-2.1v-6.888a6.84 6.84 0 0 0 1.615-4.724V21.015c-.003-2.152-1.042-5.063-3.894-5.063Z' fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");background-size:auto 100%}.scroll-hint-icon:after{content:"";width:20vw;height:3.75vw;display:block;position:absolute;top:5vw;left:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66.655 15.27'%3E%3Cg fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cg%3E%3Cpath d='M52.813 7.635h12.609'/%3E%3Cpath d='m59.434 1.414 6.221 6.221-6.221 6.221'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M13.842 7.635H1.233'/%3E%3Cpath d='M7.221 1.414 1 7.635l6.221 6.221'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-position:center center;background-repeat:no-repeat;background-size:auto 100%;opacity:0;transition-delay:2.4s;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after{opacity:1}.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before{-webkit-animation:scroll-hint-appear 1.2s linear;animation:scroll-hint-appear 1.2s linear;-webkit-animation-iteration-count:2;animation-iteration-count:2}.scroll-hint-icon-white{background:rgba(75,75,75,.7)}.scroll-hint-icon-white:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.253 51.312'%3E%3Cpath d='M38.352 15.952a3.88 3.88 0 0 1-6.577-2.2 3.869 3.869 0 0 1-6.574-.908 3.872 3.872 0 0 0-3.458 2.141v-10.3a3.551 3.551 0 1 0-7.1 0v20.913a3.593 3.593 0 0 0 .093.782v.3a11.8 11.8 0 0 0-6.545-1.34c-2.5.237-6.908 2.341-7.168 5.586-.2 2.5.737 2.982 3.244 2.982 0 0 2.43-.027 3.987-.027 2.79 0 4.207.93 6.561 4.209a22.275 22.275 0 0 0 4.211 4.75v5.372a1.945 1.945 0 0 0 1.734 2.1h18.138a1.945 1.945 0 0 0 1.733-2.1v-6.888a6.84 6.84 0 0 0 1.615-4.724V21.015c-.003-2.152-1.042-5.063-3.894-5.063Z' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E")}.scroll-hint-icon-white:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66.655 15.27'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cg%3E%3Cpath d='M52.813 7.635h12.609'/%3E%3Cpath d='m59.434 1.414 6.221 6.221-6.221 6.221'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M13.842 7.635H1.233'/%3E%3Cpath d='M7.221 1.414 1 7.635l6.221 6.221'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.scroll-hint-icon-white .scroll-hint-text{color:#fff}