@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&display=swap";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}@media screen and (max-width: 768px){.pc{display:none!important}}@media screen and (min-width: 769px){.sp{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.en{font-family:Oswald,sans-serif;letter-spacing:0em}html{font-size:1px}@media screen and (min-width: 769px){html{font-size:.0694444444vw}}@media screen and (max-width: 768px){html{font-size:.2564102564vw}}.co_h2{font-size:64rem;font-weight:100;line-height:130%;white-space:nowrap}@media screen and (max-width: 768px){.co_h2{font-size:36rem;text-align:center;position:relative;left:.3em}}.co_p{font-size:21rem;font-weight:300;line-height:180%}@media screen and (max-width: 768px){.co_p{font-size:14rem;text-align:justify}}.co_p-note{font-size:.7em;line-height:1.8}.co_h2+.co_p{margin-top:40rem}.co_h2[data-observer],.co_p[data-observer]{opacity:0;transition:opacity 2.5s cubic-bezier(.19,1,.22,1)}.co_h2[data-observer=true],.co_p[data-observer=true]{transition-delay:.3s;opacity:1}.co_h2[data-observer=true]+.co_p[data-observer=true],.co_p[data-observer=true]+.co_p[data-observer=true]{transition-delay:.9s;transition-delay:.5s}.co_h2{opacity:1!important}.none{display:none!important}main{margin-top:0;background:#000}.line{width:100%;height:1px;position:relative;z-index:20;background:linear-gradient(90deg,#000,#fff,#000);background:#000}@media (max-width: 768px){#viewer-section{height:400px}#viewer-info{font-size:12px;padding:10px}}@media screen and (max-width: 768px){.photo-texts-inner{position:relative;top:100rem}}.loading-cover{position:absolute;top:0;left:0;width:100%;height:60px;background:#000;z-index:200;pointer-events:none}.loading-line{opacity:0;transform:scaleX(0)}.loaded .loading-line{opacity:1;transform:scaleX(1)}.loaded .loading-cover{opacity:0}.loaded .loading-line{transition:all 1.5s cubic-bezier(.19,1,.22,1);transition-delay:3.3s}.loaded .loading-cover{transition:all 2s cubic-bezier(.19,1,.22,1);transition-delay:4s}.hedaer-logo{position:fixed;top:20px;left:20px;width:60px;z-index:1000;display:block}.hedaer-logo img{display:block;width:100%;height:auto}.fv-composition{position:absolute;top:50vh;top:50svh;left:0;width:100%;height:50vw;max-height:calc(100vh - 120px);max-height:calc(100svh - 120px);transform:translateY(-50%)}@media screen and (max-width: 768px){.fv-composition{height:88%;max-height:200vw}}.fv-composition .fv-composition-scale{position:absolute;top:0;left:0;width:100%;height:100%}.fv-composition-abs{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.fv-composition-abs.fv-composition-abs-1{z-index:20}.fv-composition-abs.fv-composition-abs-2{z-index:1}.loaded .fv-composition-abs{animation:fv-titles-anime 1.6s ease-out 1;animation-delay:1.4s;animation-fill-mode:forwards}@keyframes fv-titles-anime{0%{opacity:0}97%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}#fv-section{height:100vh;height:100svh;background:#000;position:relative;overflow:hidden;position:fixed;top:50vh;top:50svh;pointer-events:none;left:0;transform:translateY(-50%);width:100%}#fv-section-pad{width:100%;height:calc(100vh - 60px);height:calc(100svh - 60px);background:transparent!important}#fv-section .fv-animeset{position:absolute;top:calc(50% - 40vh);top:calc(50% - 40svh);left:0;width:100%;height:80vh;height:80svh;z-index:10;transform:scale(.7);transform-origin:center bottom;opacity:0}.loaded #fv-section .fv-animeset{transition:transform 1.3s cubic-bezier(1,0,0,1),opacity 1.3s cubic-bezier(1,0,0,1);opacity:1;transform:scale(1)}@media screen and (max-width: 768px){#fv-section .fv-animeset{top:auto;bottom:6%;height:52%}}#fv-section .fv-animeset-inner{position:absolute;width:100%;height:100%}#fv-section .fv-animeset-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:100%;display:block}.loaded #fv-section .fv-animeset-img-5{animation:fv-animeset-img-5 1.6s linear 1;animation-delay:1.4s}@keyframes fv-animeset-img-5{0%{opacity:1}5%{opacity:0}98%{opacity:0}to{opacity:1}}#fv-section .fv-animeset-img-1{opacity:0}.loaded #fv-section .fv-animeset-img-1{animation:fv-animeset-img-1 1.6s linear 1;animation-delay:1.4s}@keyframes fv-animeset-img-1{0%{opacity:0;transform:translate(-50%,-50%)}8%{opacity:1;transform:translate(-205.2%,-50%)}92%{opacity:1;transform:translate(-228%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}#fv-section .fv-animeset-img-2{opacity:0}.loaded #fv-section .fv-animeset-img-2{animation:fv-animeset-img-2 1.6s linear 1;animation-delay:1.4s}@keyframes fv-animeset-img-2{0%{opacity:0;transform:translate(-50%,-50%)}8%{opacity:1;transform:translate(-97.2%,-50%)}92%{opacity:1;transform:translate(-108%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}#fv-section .fv-animeset-img-3{opacity:0}.loaded #fv-section .fv-animeset-img-3{animation:fv-animeset-img-3 1.6s linear 1;animation-delay:1.4s}@keyframes fv-animeset-img-3{0%{opacity:0;transform:translate(-50%,-50%)}8%{opacity:1;transform:translate(10.8%,-50%)}92%{opacity:1;transform:translate(12%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}#fv-section .fv-animeset-img-4{opacity:0}.loaded #fv-section .fv-animeset-img-4{animation:fv-animeset-img-4 1.6s linear 1;animation-delay:1.4s}@keyframes fv-animeset-img-4{0%{opacity:0;transform:translate(-50%,-50%)}8%{opacity:1;transform:translate(118.8%,-50%)}92%{opacity:1;transform:translate(132%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}#fv-section .fv-title{position:absolute;top:50%;left:8%;transform:translateY(-50%);width:25%;height:auto;display:block;z-index:30}@media screen and (max-width: 768px){#fv-section .fv-title{width:70vw;max-width:35vh;max-width:35svh;height:auto;left:50%;top:0;transform:translate(-50%)}}#fv-section .fv-title-en{position:absolute;top:50%;right:4%;transform:translateY(-50%);width:auto;height:85%;display:block;z-index:2;opacity:.4}@media screen and (max-width: 768px){#fv-section .fv-title-en{opacity:1;width:88vw;height:auto;right:50%;bottom:65px;top:auto;transform:translate(50%)}}#fv-section .fv-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:20}#fv-section .fv-canvas-container .fv-canvas{background:transparent;position:absolute;bottom:0%;left:50%;aspect-ratio:16/9;height:90vh;width:160vh;max-height:100vw;max-width:177.7777777778vw;opacity:0;transform:translate(-50%) scale(.9);transform-origin:center 70%}.loaded #fv-section .fv-canvas-container .fv-canvas{opacity:1;transform:translate(-50%) scale(1);transition:transform 1.3s cubic-bezier(1,0,0,1),opacity 1.3s cubic-bezier(1,0,0,1)}.viewer-grad{position:absolute;top:0;left:0;width:100%;height:200px;pointer-events:none;z-index:20;opacity:.8;background:linear-gradient(to bottom,#000,transparent)}@media screen and (max-width: 768px){.viewer-grad{height:500px;opacity:1}}.scrollnav{width:100%;height:60px;position:relative;z-index:100}.scrollnav-img{position:absolute;bottom:60%;left:50%;transform:translate(-50%);width:130px;height:auto}@media screen and (max-width: 768px){.scrollnav-img{width:100rem}}.scrollnav-img-bottom{position:absolute;top:55%;left:50%;transform:translate(-50%);width:40px;height:auto}.loaded .scrollnav-img-bottom{animation:scrollnav-img-bottom 1.2s linear infinite}@keyframes scrollnav-img-bottom{0%{transform:translate(-50%)}50%{opacity:1}to{transform:translate(-50%,50%);opacity:0}}.scrollnav{transition:opacity .5s cubic-bezier(.19,1,.22,1)}.scrolled-checker[data-observer=true]+.scrollnav{opacity:0}.scrolled-checker[data-observer=true]+.scrollnav+.loading-cover{display:none!important}.scrolled-checker{position:absolute;top:100px;left:0;width:100%;height:100px;z-index:100;pointer-events:none}.fv-lineanime{position:relative;left:calc(50% - 100vw);width:200vw;min-width:2000px;height:90px;z-index:2;background-image:url(/assets/images/sfb_line.svg);background-size:1000px auto;background-repeat:repeat-x;background-position:0% center;animation:fv-lineanime 30s linear infinite;opacity:.3}.fv-lineanime.fv-lineanime-2{animation-direction:reverse}.fv-lineanime.fv-lineanime-3{animation-delay:-2s}.fv-lineanime-wrap{position:absolute;bottom:7vh;left:0;width:100%}@keyframes fv-lineanime{0%{transform:translate(0)}to{transform:translate(-1000px)}}.fv-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f1f3d;overflow:hidden}.fv-bg div{position:absolute;top:0;left:0;width:100%;height:100%}.fv-bg-1{background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px);background-size:40px 40px;background-position:-1px -1px;opacity:.05}.fv-bg-2{background:radial-gradient(circle,#0000,#000 80%,#000)}.loader{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}#viewer-section{position:relative;height:130vh;height:130svh;clip-path:inset(0 0 0 0);background:#000;height:100vh;height:100svh}@media screen and (max-width: 768px){#viewer-section{height:100vh;height:100lvh;height:680rem}}#viewer-container{width:150vw;height:100vh;position:absolute;bottom:0;right:0}@media screen and (max-width: 768px){#viewer-container{width:100vw;height:100vw;height:90vw;width:90vw;right:50%;transform:translate(50%);bottom:5vw;border-radius:100%;overflow:hidden}#viewer-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:10%;background:linear-gradient(to bottom,#000,transparent)}}#viewer-section .viewer-texts{position:absolute;bottom:50vh;bottom:50svh;transform:translateY(50%);right:8%;width:42%;text-shadow:0 0 10px #000;z-index:100}@media screen and (max-width: 768px){#viewer-section .viewer-texts{bottom:auto;top:60px;transform:none;right:10%;width:80%;text-align:center}#viewer-section .viewer-texts p{text-align:left}}.viewer-container-sticky{position:sticky;top:100vh;left:0;width:100%;height:0;position:absolute}@media screen and (max-width: 768px){.viewer-container-sticky{top:680rem}}.viewer-container-side{position:absolute;top:0;width:20%;height:100%}.viewer-container-side.viewer-container-side-1{left:0}.viewer-container-side.viewer-container-side-2{right:0}.viewer-point{z-index:20;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18rem;height:auto;display:block;animation:pointer 1s ease-in-out infinite alternate;pointer-events:none;opacity:.8;display:none}@media screen and (min-width: 769px){.viewer-point{width:20px}}@keyframes pointer{0%{transform:translate(50%,-50%)}to{transform:translate(-150%,-50%)}}.viewer-360{position:absolute;bottom:30rem;left:30rem;width:40rem;height:auto;z-index:100;opacity:.4;display:none}@media screen and (max-width: 768px){.viewer-360{bottom:25rem;left:auto;right:25rem;width:32rem}}.touchmoved .viewer-point{display:none}body{background:#000;color:#eee}.scroll-sequence-section{height:200vh;height:200svh;position:relative;clip-path:inset(0 0 0 0);height:100vh;height:100svh;height:900rem}@media screen and (max-width: 768px){.scroll-sequence-section{height:650rem}}.scroll-sequence-section:before{content:"";display:block;width:100%;height:500px;background:linear-gradient(to bottom,transparent,#000);z-index:100;position:absolute;bottom:0;left:0;pointer-events:none}.scroll-sequence-controler{position:absolute;top:0;left:0;width:10px;z-index:100;top:-100vh;top:-100svh;height:100vh;height:100svh}.scroll-sequence-sticky{position:sticky;top:100vh;top:100svh;left:0;width:100%;height:0;position:absolute}.scroll-sequence-vision{position:absolute;bottom:0;left:0;width:100vw;height:100vh;height:100svh;overflow:hidden}.scroll-sequence-container{background:#000;width:100%;position:absolute;left:0;height:100%}.scroll-sequence-canvas{display:block;width:110vw;height:61.875vw;margin:0 auto;background:transparent;position:absolute;top:0;right:-15vw;aspect-ratio:16/9;z-index:2}@media screen and (max-width: 768px){.scroll-sequence-canvas{width:200vw;right:-62vw;height:112.5vw}}.angle-texts{position:absolute;bottom:130px;left:8%;width:42%;z-index:100;text-shadow:0 0 10px #000}@media screen and (max-width: 768px){.angle-texts{bottom:80px;left:10%;width:80%}}.angle-texts h2{white-space:nowrap}.angle-counter{position:absolute;top:100px;left:0;white-space:nowrap;z-index:4;font-size:12vw;line-height:1;font-weight:400;text-align:right;width:32.5vw}@media screen and (max-width: 768px){.angle-counter{top:88px;width:48vw;font-size:22vw}}.angle-counter-num,.angle-counter-num+.angle-counter-deg{color:#000;text-shadow:-1px -1px 0 #aaa,1px -1px 0 #aaa,-1px 1px 0 #aaa,1px 1px 0 #aaa}@media screen and (max-width: 768px){.angle-counter-num,.angle-counter-num+.angle-counter-deg{text-shadow:-.5px -.5px 0 #aaa,.5px -.5px 0 #aaa,-.5px .5px 0 #aaa,.5px .5px 0 #aaa}}.angle-counter-num-end,.angle-counter-num-end+.angle-counter-deg{text-shadow:none;color:#eee}.graph-angle-set-item-1 .en{font-weight:100}.c_cover{position:absolute;top:0;left:0;background:red;z-index:3;opacity:.5}@media screen and (min-width: 769px){.c_cover_1{width:600rem;height:300rem;top:0rem;left:50rem}.c_cover_2{width:90rem;height:90rem;top:30rem;left:640rem;border-radius:100%}.c_cover_3{width:260rem;height:40rem;top:370rem;left:200rem}.c_cover_4{width:387rem;height:40rem;top:410rem;left:200rem}}@media screen and (max-width: 768px){.c_cover_1{width:140rem;height:150rem;top:0rem;left:0rem}.c_cover_2{width:50rem;height:50rem;top:12rem;left:127rem;border-radius:100%}.c_cover_3{width:42rem;height:22rem;top:182rem;left:0rem}.c_cover_4{width:105rem;height:22rem;top:202rem;left:0rem}}.c_cover{background:#000;opacity:1;pointer-events:none}#graph-section{overflow:hidden}.graph-container{width:100%;background:#000;height:100%}.graph-container-inner{max-width:1400px;margin:0 auto;width:90%;display:flex;align-items:center;justify-content:center;height:100%}@media screen and (max-width: 768px){.graph-container-inner{padding-bottom:50rem;display:block}.graph-container-inner .line{z-index:100;height:1px}}@media screen and (min-width: 769px){.graph-container-inner .line{width:1px;height:100%;background:linear-gradient(0deg,#000,#fff,#000)}}.graph-container-inner-left{width:50%;height:100%;position:relative}@media screen and (max-width: 768px){.graph-container-inner-left{width:100%;height:auto}}.graph-container-inner-left-set{width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto}@media screen and (max-width: 768px){.graph-container-inner-left-set{position:relative;top:0;left:0;transform:none;width:100%;margin:0 auto;padding:80rem 0 30rem}}.graph-container-inner-right{width:50%;height:100%}@media screen and (max-width: 768px){.graph-container-inner-right{width:100%;height:auto}}#graph-section{position:relative;z-index:10;height:640px}@media screen and (max-width: 768px){#graph-section{height:auto}}#graph-section .graph-h3{font-size:24px;font-weight:400;line-height:100%;color:#fff;text-align:center}@media screen and (max-width: 768px){#graph-section .graph-h3{font-size:21rem}}.graph-angle-set{margin-top:37px;width:100%;display:flex;gap:3px}.graph-angle-set-item{text-align:center;width:50%;position:relative}.graph-angle-set-img{position:relative;width:90%;margin:0 auto}.graph-angle-set-img:before{content:"";display:block;width:100%;padding-top:100%;background:#000}.graph-angle-set-img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;object-fit:contain}.graph-angle-set-img .gas-circle{position:absolute;top:50%;left:50%;transform-origin:50% 50%;transform:translate(-50%,-50%);width:90%;height:90%;border-radius:50%;border:1px solid #fff}.graph-angle-set-img .gas-circle:before{content:"";display:block;width:1px;height:100%;border-left:2px solid #fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.graph-angle-set-img .gas-circle .triangle{width:0;height:0;border-style:solid;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:20px solid #fff;border-left:0;position:absolute;top:0;left:50%;transform:translateY(-60%) rotate(7deg);transform-origin:0 50%}.graph-angle-set-img .gas-base{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%}.graph-angle-set-img .gas-base:before,.graph-angle-set-img .gas-base:after{content:"";display:block;width:1px;height:100%;border-left:2px dotted #fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.graph-angle-set-img .gas-base:after{transform:translate(-50%,-50%) rotate(90deg)}.graph-angle-set-num{font-size:80rem;line-height:100%}@media screen and (max-width: 768px){.graph-angle-set-num{font-size:60rem}}.graph-angle-set-type{margin-top:15rem;font-size:18rem;font-weight:400;line-height:100%;color:#fff}@media screen and (max-width: 768px){.graph-angle-set-type{margin-top:10rem;font-size:15em}}.gas-circle{transition:transform .3s ease-in-out}[data-observer=true] .gas-circle.gas-circle-1,[data-observer=true] .gas-circle.gas-circle-2{transition:all 1.9s cubic-bezier(.59,.035,.045,.985);transition-delay:.3s}[data-observer=true] .gas-circle.gas-circle-1{transform:translate(-50%,-50%) rotate(-78.5deg)}[data-observer=true] .gas-circle.gas-circle-2{transform:translate(-50%,-50%) rotate(-70.2deg)}.graph-container-inner-right{position:relative}@media screen and (max-width: 768px){.graph-container-inner-right{padding:80rem 0}}.graph-container-inner-right-set{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}@media screen and (max-width: 768px){.graph-container-inner-right-set{position:relative;top:0;left:0;transform:none}}.gaj-img{width:80%;transform:translate(-3%);margin:0 auto;position:relative;overflow:hidden}.gaj-img-1{width:100%;height:auto;display:block}.gaj-img-2{width:100%;height:auto;display:block;position:absolute;top:0;left:0;transform:translateY(-25%);opacity:0}.gaj-img[data-observer=true] .gaj-img-2{transform:translateY(0);opacity:1;transition:all 3.5s cubic-bezier(.23,1,.32,1)}.gaj-h3{font-size:21rem;font-weight:400;line-height:170%;color:#fff;margin-top:10rem;text-align:center;width:100%;transform:translate(3%)}@media screen and (max-width: 768px){.gaj-h3{transform:none;font-size:18rem}}#handle-section{background:#000;width:100%;clip-path:inset(0 0 0 0);position:relative}@media screen and (max-width: 768px){#handle-section:before{content:"";position:absolute;bottom:-1rem;left:0;width:100%;height:100vw;background:linear-gradient(to bottom,transparent,#000);z-index:10}}@media screen and (min-width: 769px){#handle-section:before{content:"";display:block;width:60%;height:100%;background:linear-gradient(to left,transparent,#000);z-index:100;position:absolute;bottom:-1rem;left:0;pointer-events:none}}.handle-container{height:200vh;height:200svh;z-index:1;height:100vh;height:100svh;height:900rem}@media screen and (max-width: 768px){.handle-container{height:770rem;padding-bottom:100px}}.handle-container-sticky{height:0;width:100%;position:sticky;top:100vh;top:100svh;left:0;z-index:1;position:absolute}@media screen and (max-width: 768px){.handle-container-sticky{padding-bottom:0}}.handle-container-vision{height:100vh;height:100svh;width:100%;position:absolute;bottom:0;left:0;overflow:hidden}.handle-canvas-wrap{height:100vh;height:100svh;width:177.7777777778vh;width:177.7777777778svh;aspect-ratio:16/9;margin:0 auto;position:absolute;top:0;left:-40vh;left:-40svh;z-index:100}@media screen and (min-width: 769px){.handle-canvas-wrap{height:899rem;width:1598.2222222222rem;width:100vw;height:56.25vw;left:50%;transform:translate(-50%)}}@media screen and (max-width: 768px){.handle-canvas-wrap{left:-50vw;top:0;width:200vw;height:112.5vw}.handle-canvas-wrap:after{content:"";display:block;width:100%;height:10%;background:linear-gradient(to bottom,#0000,#000);position:absolute;bottom:0;left:0}}.handle-canvas{position:absolute;top:0;left:0;height:100%;width:100%}.handle-controler{width:10px;top:0;left:0;z-index:200;background:#ff0;opacity:0;position:absolute;top:-80vh;top:-80svh;height:80vh;height:80svh}@media screen and (max-width: 768px){.handle-controler{top:calc(-100vh + 200rem);top:calc(-100svh + 200rem);height:680rem}}.handle-texts{position:absolute;bottom:50vh;bottom:50svh;transform:translateY(50%);right:8%;width:42%;text-shadow:0 0 10px #000;z-index:100}@media screen and (min-width: 769px){.handle-texts{bottom:auto;top:100rem;transform:none;right:auto;left:8%;width:38%}}@media screen and (max-width: 768px){.handle-texts{bottom:100px;transform:none;right:10%;width:80%;text-align:center}.handle-texts p{text-align:left}}#hand-section{width:100%;position:relative;padding-bottom:100rem;background:#000}@media screen and (max-width: 768px){#hand-section{padding-bottom:70rem}}.hand-texts{width:100%;margin:0 auto;text-align:center;padding-top:130rem}@media screen and (max-width: 768px){.hand-texts{width:80%;padding-top:50rem;padding-bottom:40rem}.hand-texts p{text-align:left}.hand-texts p br{display:none}}.hand-container{width:100%;position:relative}.hand-container-items{width:80%;max-width:1400px;min-height:100px;margin:80rem auto 0;display:flex;flex-wrap:wrap;gap:0 10rem;padding:10rem;position:relative;justify-content:space-between}@media screen and (max-width: 768px){.hand-container-items{margin-top:0rem;padding-top:40rem;width:60%;gap:0rem 6%;align-items:center;justify-content:center;width:100%}}.hc-item{width:30%;position:relative}.hc-item:before{content:"";display:block;width:100%;padding-top:100%}@media screen and (max-width: 768px){.hc-item{width:100%;width:45%}}.hc-circle{width:100%;height:100%;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:0}.hc-img-wrap{width:88%;height:88%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffc;border-radius:50%;overflow:hidden;z-index:2;opacity:0}.hc-img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.3);transition:all 4.5s cubic-bezier(.19,1,.22,1)}.hc-item .hc-img{transition:all .5s ease;transform:translate(-50%,-50%) scale(1.1);opacity:1}.hc-item .hc-circle{transition:all .5s ease;transform:translate(-50%,-50%) scale(1);opacity:.2}.hc-item[data-observer=true] .hc-img-wrap{transition:opacity .5s ease;opacity:1}.hc-item[data-observer=true]:nth-child(1) *{transition-delay:.2s!important}.hc-item[data-observer=true]:nth-child(2) *{transition-delay:.4s!important}.hc-item[data-observer=true]:nth-child(3) *{transition-delay:.6s!important}.hand-lineloops{opacity:.1;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.hand-lineloop{width:200vw;min-width:3000px;height:140px;background:#111;background-image:url(/assets/images/sfb_line_2.svg);background-size:1500px auto;background-repeat:repeat-x;animation:loop 30s linear infinite}.hand-lineloop+.hand-lineloop{animation-direction:reverse}@keyframes loop{0%{transform:translate(0)}to{transform:translate(-1500px)}}#photo-section{width:100%;height:120vh;height:120svh;background:#000;position:relative;height:900rem}@media screen and (max-width: 768px){#photo-section{height:550rem}}#photo-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to top,#000,#0000);mask-image:linear-gradient(to top,#000,#0000)}#photo-section+.line{height:100rem;z-index:0}.photo-container{width:100%;height:120vh;height:120svh}.photo-container-sticky{width:100%;height:0;position:sticky;top:100vh;top:100lvh;position:absolute}.photo-container-vision{width:100%;height:100vh;height:100lvh;position:absolute;bottom:0;left:0}.photo-container-photo{position:absolute;z-index:2;top:-1px;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (min-width: 769px){.photo-container-photo{height:900rem}}@media screen and (max-width: 768px){.photo-container-photo{height:550rem}}.photo-texts{width:100%;position:absolute;bottom:0;left:0;z-index:10;padding:100rem;padding-bottom:0;background:linear-gradient(to bottom,transparent 0%,#000 100%);text-shadow:0 0 10px #000}@media screen and (min-width: 769px){.photo-texts p{width:50%}}@media screen and (max-width: 768px){.photo-texts{padding:150rem 10% 0rem}}#gda-section{width:100%;background:#000;position:relative;overflow:hidden;z-index:2;padding:260rem 0 130rem}@media screen and (max-width: 768px){#gda-section{padding:140rem 0 80rem}}.gda-logo{width:200px;height:auto;display:block;margin:0 auto 60rem}@media screen and (max-width: 768px){.gda-logo{width:150px}}.gda-container{text-align:center;width:80%;margin:0 auto;max-width:1200px;position:relative}.gda-container h2{text-indent:.5em}@media screen and (max-width: 768px){.gda-container h2{text-indent:0}}@media screen and (max-width: 768px){.gda-container p br{display:none}}.co_p-note2{display:block;margin-top:7rem}#gda2-section{width:100%;background:#000;position:relative;overflow:hidden;z-index:2;padding:130rem 0;left:0}#gda2-section h2{text-align:center}@media screen and (max-width: 768px){#gda2-section{padding:100rem 0}#gda2-section h2{text-indent:-.5em;left:.3em;font-size:32rem}}.gda-logo{opacity:0}.gda-logo[data-observer=true]{transition:opacity .5s ease-in-out;opacity:1}.gda2-bottles{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10rem;width:70%;max-width:1100px;margin:70rem auto 0}@media screen and (max-width: 768px){.gda2-bottles{gap:5rem;width:85%}}.gda2-bottles img{width:100%;height:auto;display:block}.gda2-bottles div{position:relative}[data-observer=true].gda2-bottles div img{transition:all 2.5s cubic-bezier(.19,1,.22,1);opacity:1!important;transform:none!important}.gda2-bottles div:nth-child(1) img{opacity:0;transform:translate(50%)}.gda2-bottles div:nth-child(2) img{opacity:0;transform:translate(30%)}.gda2-bottles div:nth-child(3) img{opacity:0;transform:translate(10%)}.gda2-bottles div:nth-child(4) img{opacity:0;transform:translate(-10%)}.gda2-bottles div:nth-child(5) img{opacity:0;transform:translate(-30%)}.gda2-bottles div:nth-child(6) img{opacity:0;transform:translate(-50%)}.gda2-texts{opacity:.5;text-align:center;font-size:13rem;margin-top:30rem;padding:0 10%}@media screen and (max-width: 768px){.gda2-texts{font-size:10rem;padding:0 5%}}#gda-section .co_h2{white-space:nowrap;font-size:46rem;position:relative;left:50%;transform:translate(-50%);width:100vw;text-indent:-.4em;line-height:130%}@media screen and (max-width: 768px){#gda-section .co_h2{font-size:17rem}}.gda-spacer{display:inline-block;width:1em;height:1em}.gda-year{font-size:.8em}#footer-section{width:100%;background:#000;position:relative;z-index:2}.footer-container{width:85%;position:relative;z-index:2;max-width:820px;margin:0 auto;padding:130rem 0 250rem}.footer-container-frame{width:100%;background:#333;position:relative;z-index:2}.footer-container-frame:before{content:"";display:block;width:100%;padding-bottom:56.25%}.footer-container-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10rem;font-size:16rem;font-weight:300}@media screen and (max-width: 768px){.footer-container-bottom{font-size:12rem}}.footer-container-bottom .en{letter-spacing:.1em;font-weight:600}.bottom-img{width:100%;height:200px;display:block;position:absolute;bottom:0;left:0}.footer-copy{color:#000;position:absolute;bottom:10rem;left:0;font-size:12rem;font-weight:400;width:100%;text-align:center;opacity:.7}@media screen and (max-width: 768px){.footer-copy{font-size:10rem}}.footer-lineloops{opacity:.07;width:100%;position:absolute;top:220px;left:0%;overflow:hidden}@media screen and (max-width: 768px){.footer-lineloops{top:90px}}.footer-lineloop{width:200vw;min-width:1200px;height:140px;background:#111;background-image:url(/assets/images/sfb_line_3.svg);background-size:600px auto;background-repeat:repeat-x;animation:footer_loop 10s linear infinite}.footer-lineloop+.footer-lineloop{animation-direction:reverse}@keyframes footer_loop{0%{transform:translate(0)}to{transform:translate(-600px)}}.footer-container-frame video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.videoline{height:100rem;z-index:0}@media screen and (max-width: 768px){.videoline{height:50rem}}#video-section{padding:100rem 0 0rem;position:relative;z-index:100;background:#000;padding:0}@media screen and (max-width: 768px){#video-section{padding:50rem 0 0rem;padding:0}}#video-section video{width:100vw;height:56.25vw;display:block;opacity:1}#video-section .video-sound-toggle{display:block;background:#0a0a0a1a;border:1px solid rgba(255,255,255,.7);border-radius:8rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;bottom:0;right:0;margin:15rem;padding:12rem;z-index:100;border-radius:100%}@media screen and (max-width: 768px){#video-section .video-sound-toggle{margin:5rem;padding:7rem}}#video-section .video-sound-toggle:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}#video-section .video-sound-toggle:active{transform:translateY(0);background:#0a0a0a1a}#video-section .video-sound-toggle .sound-icon{display:block;fill:#fff;width:32rem;height:32rem}@media screen and (max-width: 768px){#video-section .video-sound-toggle .sound-icon{width:16rem;height:16rem}}.video-play-pause-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80rem;height:80rem;background:#0a0a0a1a;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}@media screen and (max-width: 768px){.video-play-pause-overlay{width:60rem;height:60rem}}.video-play-pause-overlay.show{opacity:1}.video-play-pause-overlay svg{width:40rem;height:40rem;fill:#fff}@media screen and (max-width: 768px){.video-play-pause-overlay svg{width:30rem;height:30rem}}