@charset "UTF-8";@keyframes scene0_copy1_hide{from{opacity:1}to{opacity:0}}@keyframes scroll_anim_pc{0%{height:0;transform:scaleY(1)}50%{height:71px;transform:scaleY(1)}100%{transform:scaleY(0)}}@keyframes scroll_anim_sp{0%{height:0;transform:scaleY(1)}50%{height:79px;transform:scaleY(1)}100%{transform:scaleY(0)}}html{height:100%}body.hide{overflow:hidden;height:100%}header{position:fixed;top:0;left:0}#scene_container{width:100%;height:100%;position:relative;overflow:hidden;transform-style:preserve-3d;perspective-origin:50% 50%}#scene_container .scene{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;opacity:.5;color:#fff;transform-origin:center center}#scene_container .scene.active{visibility:visible;opacity:1}#scene_container .scene.down{transform:translate(-45%,100%) scale(.5)}#scene_container .scene.leave{visibility:visible;opacity:1}#scene_container .scene .txt__wrap{position:absolute;z-index:1;font-size:clamp(12px,.9722222222vw,14px);opacity:0}#scene_container .scene .txt__wrap *{color:#fff}#scene_container .scene .txt__wrap h1{text-align:center;font-size:clamp(14px,1.7152777778vw,24.7px);line-height:1.4574898785;letter-spacing:.5em;font-family:"Inter",sans-serif !important}#scene_container .scene .txt__wrap h1>span{display:block;white-space:nowrap}#scene_container .scene .txt__wrap h1>span.lg{font-size:clamp(47px,6.4583333333vw,93px);letter-spacing:.01em;font-weight:900}@media screen and (max-width:767px){#scene_container .scene .txt__wrap h1>span.lg{font-size:3.3em}}#scene_container .scene .txt__wrap h1>span#fv_txt_02{letter-spacing:.475em;padding-left:.5em}@media screen and (max-width:767px){#scene_container .scene .txt__wrap h1>span#fv_txt_02{font-size:.875em}}#scene_container .scene .txt__wrap h2{font-size:1.5em;line-height:1.4545454545}@media screen and (max-width:767px){#scene_container .scene .txt__wrap h2{font-size:1.125em}}#scene_container .scene .txt__wrap h2>span{display:block;white-space:nowrap;width:-moz-max-content;width:max-content}#scene_container .scene .txt__wrap h2>span:not(.lg){padding-bottom:1.5em;letter-spacing:.3em}@media screen and (max-width:767px){#scene_container .scene .txt__wrap h2>span:not(.lg){padding-bottom:1.8em}}#scene_container .scene .txt__wrap h2 .lg{display:block;font-size:1.3318181818em;line-height:1.7406143345;letter-spacing:.3em}@media screen and (max-width:767px){#scene_container .scene .txt__wrap h2 .lg{display:block;font-size:1.55em;line-height:1.7;letter-spacing:.325em}}#scene_container .scene .txt__wrap .dsc{margin-top:1.47em;margin-bottom:4.25em}#scene_container .scene .txt__wrap .dsc p{line-height:2.125;letter-spacing:.35em}@media screen and (max-width:767px){#scene_container .scene .txt__wrap .dsc{margin-top:1.75em;margin-bottom:1.8em}#scene_container .scene .txt__wrap .dsc p{line-height:1.9;letter-spacing:.3em}}#scene_container .scene .txt__wrap a.more{display:block;font-size:clamp(10px,.9027777778vw,13px);width:12.5em;height:2.3077em;padding:0 .5em 0 .75em;display:flex;align-items:center;justify-content:space-between;border:1px solid #fff;opacity:0;translate:0 1em;transition:all .4s ease-in-out}@media screen and (max-width:767px){#scene_container .scene .txt__wrap a.more{width:11.5em}}#scene_container .scene .txt__wrap a.show{opacity:1;translate:0 0}#scene_container .scene .txt__wrap a.more img{transition:all .5s ease-in-out;width:1.5em}#scene_container .scene .txt__wrap a.more:hover img{transform:translateX(.5em);transition:all .1s ease-in-out}#scene_container .scene:nth-of-type(1) .txt__wrap{top:50%;left:50%;translate:-50% -50%}#scene_container .scene:nth-of-type(2) .txt__wrap{top:52%;left:9.8%;translate:0 -50%}@media screen and (max-width:767px){#scene_container .scene:nth-of-type(2) .txt__wrap{top:55.5%;left:8%}}#scene_container .scene:nth-of-type(3) .txt__wrap{top:56%;left:50%;translate:-50% -50%}#scene_container .scene:nth-of-type(3) .txt__wrap *{text-align:center;margin-right:auto;margin-left:auto}#scene_container .scene:nth-of-type(3) .txt__wrap .dsc{margin-top:1.5em;margin-right:auto;margin-left:auto;margin-bottom:2.5em}#scene_container .scene:nth-of-type(3) .txt__wrap a{margin:0 auto;position:relative;translate:-.5em 0}@media screen and (max-width:767px){#scene_container .scene:nth-of-type(3) .txt__wrap{top:56.1%;left:8%;translate:0 -50%}#scene_container .scene:nth-of-type(3) .txt__wrap *{text-align:justify;margin-left:0}#scene_container .scene:nth-of-type(3) .txt__wrap .dsc{margin-bottom:3.6em}#scene_container .scene:nth-of-type(3) .txt__wrap .dsc p{letter-spacing:.285em}#scene_container .scene:nth-of-type(3) .txt__wrap a{margin-left:0;translate:0 0}}#scene_container .scene:nth-of-type(4) .txt__wrap{top:39.1%;left:7.1%;translate:0 0}#scene_container .scene:nth-of-type(4) .txt__wrap .dsc{margin-top:1.47em;margin-bottom:2.15em}@media screen and (max-width:767px){#scene_container .scene:nth-of-type(4) .txt__wrap{top:27.7%;left:8%}#scene_container .scene:nth-of-type(4) .txt__wrap .dsc{margin-bottom:6.55em}}#scene_container .scene .movie{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-10}#scene_container #scene4 .movie{display:none}#scene_container .scene video{display:block;-o-object-fit:cover;object-fit:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}#scene_container .scene .box{position:absolute;top:180px;left:28px}#scene_container .scene .box .cat{margin-bottom:122px}#scene_container .scene .box .cat img{width:auto;height:12px}#scene_container .scene .box .title{position:absolute;top:50px;left:0;perspective:800px}#scene_container .scene .box .title>div{position:absolute;top:0;left:0;transform-origin:left center;opacity:0}#scene_container .scene .box .title .eng{transform:rotateY(-20deg);transform-style:preserve-3d}#scene_container .scene .box .title .jp{transform:scaleX(0);transition:1s}#scene_container .scene .box .exp{margin-bottom:24px}#scene_container .scene .box .exp .txt_line{line-height:20px;font-size:0}#scene_container .scene .box .exp .txt_line span{display:inline-block;margin-right:1px;opacity:0;animation-duration:.3s;animation-fill-mode:forwards;font-size:11px}#scene_container .scene .box .exp .txt_line span:last-of-type{margin-right:0}#scene_container .scene.start .title .eng{transition:.6s;transform:rotateY(0);opacity:1;animation-name:scene0_copy1_hide;animation-duration:.3s;animation-delay:6s;animation-fill-mode:both}#scene_container .scene.start .title .jp{transition-delay:6s;transform:scaleX(1);opacity:1}#scene_container .scene.start .exp .txt_line span{animation-name:show}#scene_container .scene.start .txt__wrap{opacity:1}#scene_container #scene0{display:flex;align-items:center;justify-content:center;perspective:400px}#scene_container #scene0 #scene0_copy1{position:absolute;top:50%;left:50%;width:265px;height:110px;transform:translate(-50%,-50%) rotateY(-20deg);transform-origin:left center;opacity:0;transform-style:preserve-3d;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene0_copy1_sp.png) center center/100% 100% no-repeat}#scene_container #scene0 #scene0_copy1 img{display:block}#scene_container #scene0 #scene0_copy2 .txt1{width:165px;height:56px;margin:0 auto 26px;transform:scaleX(0);opacity:0;transition:1s;transform-origin:left center;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene0_copy2_sp.png) center center/100% 100% no-repeat}#scene_container #scene0 #scene0_copy2 .txt2{visibility:hidden}#scene_container #scene0 #scene0_copy2 .txt_line{text-align:center;margin:0 0 8px;line-height:20px;font-size:11px}#scene_container #scene0 #scene0_copy2 .txt_line:last-of-type{margin-bottom:0}#scene_container #scene0 #scene0_copy2 .txt_line span{display:inline-block;opacity:0;animation-duration:.3s;animation-fill-mode:forwards}#scene_container #scene0 #scene0_copy2 .txt_line span:last-of-type{margin-right:0}#scene_container #scene0.start #scene0_copy1{transition:.6s;transform:translate(-50%,-50%) rotateY(0);opacity:1;animation-name:scene0_copy1_hide;animation-duration:.3s;animation-delay:6s;animation-fill-mode:both}#scene_container #scene0.start #scene0_copy2 .txt1{transition-delay:6s;transform:scaleX(1);opacity:1}#scene_container #scene0.start #scene0_copy2 .txt2{visibility:visible}#scene_container #scene0.start #scene0_copy2 .txt_line span{animation-name:show}#scene_container #scene1 .title .eng{width:274px;height:63px;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene1_txt2.png) center center/100% 100% no-repeat}#scene_container #scene1 .title .jp{width:214px;height:53px;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene1_txt3.png) center center/100% 100% no-repeat}#scene_container #scene2 .title .eng{width:250px;height:63px;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene2_txt2.png) center center/100% 100% no-repeat}#scene_container #scene2 .title .jp{width:270px;height:53px;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene2_txt3.png) center center/100% 100% no-repeat}#scene_container #scene3{background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene3_bg_sp.jpg) center center/cover no-repeat}#scene_container #scene3 .title{width:100%}#scene_container #scene3 .title .eng{width:244px;height:63px;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene3_txt2_sp.png) center center/100% 100% no-repeat}#scene_container #scene3 .title .jp{width:240px;height:72px;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene3_txt3_sp.png) center center/100% 100% no-repeat}#scene_container #scene4{background:#000;position:relative}@keyframes zoomIn{0%{transform:scale(1)}100%{transform:scale(2)}}#scene_container #scene4:before{content:"";position:absolute;right:0;top:0;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../../assets/img/top/Vector1.png) no-repeat;width:800px;height:540px;display:block}#scene_container #scene4:after{content:"";position:absolute;right:0;bottom:0;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../../assets/img/top/Vector2.png) no-repeat;width:663px;height:800px;display:block}#scene_container #scene4 .txt__wrap{display:block;width:100%;height:100%}#scene_container #scene4 .txt__wrap h2{margin-top:6vw}#scene_container #scene4 h2 span{text-align:center;margin-right:auto;margin-left:auto}#scene_container #scene4 .column_article_wrap{justify-content:center;gap:55px}#scene_container #scene4 .txt__wrap .dsc{margin-top:48px}#scene_container #scene4 .txt__wrap a.more{margin:0 auto}#scene_container #scene4 .title .eng{width:254px;height:63px;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene4_txt2.png) center center/100% 100% no-repeat}#scene_container #scene4 .title .jp{width:270px;height:85px;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene4_txt3_sp.png) center center/100% 100% no-repeat}#scene_container #scene4 .column_article_wrap .article_ttl{color:#fff;max-width:256px}#scene_container #scene4 .column_article_wrap .article_ttl a{max-width:256px}@media screen and (min-width:800px){#scene_container #scene4:before{animation:zoomIn 30s ease-out 1s forwards;transform-origin:center}#scene_container #scene4:after{animation:zoomIn 15s ease-out 1s forwards;transform-origin:center}}@media screen and (max-width:768px){#scene_container #scene4 .txt__wrap h2{display:none}#scene_container #scene4 .column_article_wrap{gap:20px}#scene_container #scene4 .column_article_wrap li{max-width:178px}#scene_container #scene4:before{right:0;bottom:0;width:665px;height:675px;transform:rotate(90deg)}#scene_container #scene4:after{left:0;bottom:0;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../../assets/img/top/Vector2.png) no-repeat;width:645px;height:645px;transform:rotate(90deg)}#scene_container #scene4 .txt__wrap a.more{display:none}}@media screen and (min-width:768px){#scene_container{height:100vh}}@media screen and (max-width:320px){#scene_container{height:454px}}@supports (-ms-ime-align:auto){#scene_container .scene video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto}}@media screen and (min-width:768px){#scene_container .scene .box{top:auto;bottom:98px;left:100px}}@media screen and (max-width:320px){#scene_container .scene .box{top:auto;bottom:24px}}@media screen and (min-width:768px){#scene_container .scene .box .cat{margin-bottom:181px}}@media screen and (min-width:768px){#scene_container .scene .box .cat img{width:auto;height:auto}}@media screen and (min-width:768px){#scene_container .scene .box .title{top:68px}}@media screen and (min-width:768px){#scene_container .scene .box .exp{margin-bottom:40px}}@media screen and (min-width:768px){#scene_container .scene .box .exp .txt_line{line-height:24px}}@media screen and (min-width:768px){#scene_container .scene .box .exp .txt_line span{margin-right:2px;font-size:13px}}@media screen and (min-width:768px){#scene_container #scene0 #scene0_copy1{width:556px;height:110px;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene0_copy1.png) center center no-repeat}}@media screen and (min-width:768px){#scene_container #scene0 #scene0_copy2 .txt1{width:479px;height:29px;margin-bottom:45px;background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene0_copy2.png) center center no-repeat}}@media screen and (min-width:768px){#scene_container #scene0 #scene0_copy2 .txt_line{font-size:12px}}@media screen and (min-width:768px){#scene_container #scene1 .title .eng{width:484px;height:106px}}@media screen and (min-width:768px){#scene_container #scene1 .title .jp{width:331px;height:81px}}@media screen and (min-width:768px){#scene_container #scene2 .title .eng{width:462px;height:100px}}@media screen and (min-width:768px){#scene_container #scene2 .title .jp{width:420px;height:83px}}@media screen and (min-width:768px){#scene_container #scene3{background:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene3_bg.jpg) center center/cover no-repeat}}@media screen and (min-width:768px){#scene_container #scene3 .box{width:496px;bottom:50%;transform:translateY(50%)}#scene_container #scene3 .box .cat img{display:block;margin:0 auto}}@media screen and (min-width:768px){#scene_container #scene3 .title{top:66px}}@media screen and (min-width:768px){#scene_container #scene3 .title .eng{width:100%;height:100px;background-image:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene3_txt2.png) center center/auto 100% no-repeat;margin:0 auto}}@media screen and (min-width:768px){#scene_container #scene3 .title .jp{width:288px;height:97px;position:static;margin:0 auto;background-image:url(//webridge.co.jp/wp-content/themes/webridge/assets/css/../images/home/scene3_txt3.png)}}@media screen and (min-width:768px){#scene_container #scene3 .exp .txt_line{text-align:center}}@media screen and (min-width:768px){#scene_container #scene3 .more_btn{margin:0 auto}}@media screen and (min-width:768px){#scene_container #scene4{background-position:center center}}@media screen and (min-width:768px){#scene_container #scene4 .title .eng{width:468px;height:100px}}#more{position:absolute;bottom:0;right:30px;z-index:100;width:98px;height:68px}#more:before,#more:after{content:"";display:block;position:absolute}#more:before{content:"SCROLL DOWN";width:-moz-max-content;width:max-content;top:0;left:0;right:0;margin:auto;color:#fff;font-size:12.25px;letter-spacing:0}#more:after{width:1px;height:79px;transform-origin:center bottom;margin:auto;top:1.25em;left:0;right:0;animation:scroll_anim_sp 1.5s linear infinite;background:#fff}@media screen and (min-width:768px){#more:after{height:71px;animation:scroll_anim_pc 1.5s linear infinite}}@media screen and (max-width:320px){#more{width:36px}}#pagenation{width:-moz-max-content;width:max-content;height:1em;position:fixed;left:50%;bottom:.75em;translate:-50% 100%}#pagenation ul{gap:1.5em}#pagenation ul li div{width:5px;height:5px;border:1px solid rgba(255,255,255,0);transition:.4s;background:#fff;border-radius:50%;cursor:pointer}#pagenation ul li div.on{border-color:#fff;background:0 0}@media screen and (min-width:768px){#pagenation{bottom:1.55em}#pagenation ul{gap:2em}#pagenation ul li div{width:8px;height:8px}}html,body{overflow:hidden;height:100%;width:100%;margin:0;padding:0}body{overscroll-behavior:none}