#main_visual{position:relative;background-color:#000}@media screen and (min-width: 992px){#main_visual .area{padding-right:60px}}@media screen and (min-width: 1600px){#main_visual .area{padding-right:100px}}.main-title-wrap{position:absolute;display:none;bottom:50px;left:-2.3vw;width:90vw;height:25.185vw;padding:0 2.3vw;line-height:0;box-sizing:content-box}@media screen and (min-width: 768px){.main-title-wrap{width:63.60225vw;padding:0 2.333vw;height:16.046vw}}@media screen and (min-width: 992px){.main-title-wrap{position:relative;top:auto;left:-25px;bottom:100px;height:14.38399vw;padding:0 25px;margin-top:auto;transform:none;text-align:right}}@media screen and (min-width: 1600px){.main-title-wrap{width:1017px;height:230px}}.main-title-wrap .inner{opacity:0;transition:opacity .3s}.main-title-wrap .inner.ani-on{opacity:1}@media screen and (min-width: 992px){.main-title-wrap.ani-on{display:block}}@media (orientation: landscape) and (max-height: 539px){.main-title-wrap.ani-on{display:none !important}}.title-grid-wrap{position:absolute;top:0;left:0;width:93%;height:100%}.title-grid-wrap .grid-group{position:absolute;margin-top:-2.3vw;left:0;width:100%;height:9vw;padding:2.3vw 0;box-sizing:content-box;text-indent:-9999px;overflow:hidden}@media screen and (min-width: 768px){.title-grid-wrap .grid-group{height:5.53199vw;margin-top:-1.667vw;padding:1.667vw 0}}@media screen and (min-width: 992px){.title-grid-wrap .grid-group{height:5.12821vw;margin-top:-20px;padding:20px 0}}@media screen and (min-width: 1600px){.title-grid-wrap .grid-group{height:82px}}.title-grid-wrap .grid-group::before{content:'';position:absolute;top:2.3vw;left:1px;width:100%;height:1px;background-color:var(--bgcolor);transform:translateX(-100%);animation:lineX 1s forwards cubic-bezier(0.8, 0.1, 0.1, 0.8)}@media screen and (min-width: 768px){.title-grid-wrap .grid-group::before{top:1.667vw}}@media screen and (min-width: 992px){.title-grid-wrap .grid-group::before{height:2px}}@media screen and (min-width: 1200px){.title-grid-wrap .grid-group::before{top:20px}}.title-grid-wrap .grid-group:after{content:'';position:absolute;bottom:2.3vw;left:1px;width:100%;height:1px;background-color:var(--bgcolor);transform:translateX(-100%);animation:lineX 1s 0.2s forwards cubic-bezier(0.8, 0.1, 0.1, 0.8)}@media screen and (min-width: 768px){.title-grid-wrap .grid-group:after{bottom:1.667vw}}@media screen and (min-width: 992px){.title-grid-wrap .grid-group:after{bottom:20px;height:2px}}.title-grid-wrap .grid-group:nth-child(1){width:74.576vw}@media screen and (min-width: 768px){.title-grid-wrap .grid-group:nth-child(1){width:41.71357vw}}@media screen and (min-width: 1600px){.title-grid-wrap .grid-group:nth-child(1){width:667px}}.title-grid-wrap .grid-group:nth-child(2){top:13.559vw;width:100%}@media screen and (min-width: 768px){.title-grid-wrap .grid-group:nth-child(2){top:8.06754vw}}@media screen and (min-width: 1600px){.title-grid-wrap .grid-group:nth-child(2){top:129px}}.title-grid-wrap .grid-group .grid{position:absolute;top:0;height:100%;text-indent:-9999px}.title-grid-wrap .grid-group .grid::before{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background-color:var(--bgcolor);transform:translateY(-101%)}@media screen and (min-width: 992px){.title-grid-wrap .grid-group .grid::before{width:2px}}.title-grid-wrap .grid-group .grid:after{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background-color:var(--bgcolor);transform:translateY(-101%)}@media screen and (min-width: 992px){.title-grid-wrap .grid-group .grid:after{width:2px}}.title-grid-wrap .grid-group .grid.ani-on::before{animation:lineY 1s forwards cubic-bezier(0.8, 0.1, 0.1, 0.8)}.title-grid-wrap .grid-group .grid.ani-on:after{animation:lineY 1s 0.2s forwards cubic-bezier(0.8, 0.1, 0.1, 0.8)}.title-grid-wrap .grid-group .grid_1{left:2.3vw;width:20.860vw}@media screen and (min-width: 768px){.title-grid-wrap .grid-group .grid_1{left:2.333vw;width:11.56973vw}}@media screen and (min-width: 992px){.title-grid-wrap .grid-group .grid_1{left:25px}}@media screen and (min-width: 1600px){.title-grid-wrap .grid-group .grid_1{width:185px}}.title-grid-wrap .grid-group .grid_2{right:2.3vw;width:44.589vw}@media screen and (min-width: 768px){.title-grid-wrap .grid-group .grid_2{right:1.333vw;width:24.6404vw}}@media screen and (min-width: 992px){.title-grid-wrap .grid-group .grid_2{right:1.1vw}}@media screen and (min-width: 1200px){.title-grid-wrap .grid-group .grid_2{right:1.4vw}}@media screen and (min-width: 1600px){.title-grid-wrap .grid-group .grid_2{right:25px;width:394px}}.title-grid-wrap .grid-group .grid_3{left:2.3vw;width:45.632vw}@media screen and (min-width: 768px){.title-grid-wrap .grid-group .grid_3{left:2.333vw;width:29.64353vw}}@media screen and (min-width: 992px){.title-grid-wrap .grid-group .grid_3{left:25px}}@media screen and (min-width: 1600px){.title-grid-wrap .grid-group .grid_3{width:474px}}.title-grid-wrap .grid-group .grid_4{right:2.3vw;width:41.460vw}@media screen and (min-width: 768px){.title-grid-wrap .grid-group .grid_4{right:2.333vw;width:26.57911vw}}@media screen and (min-width: 992px){.title-grid-wrap .grid-group .grid_4{right:25px}}@media screen and (min-width: 1600px){.title-grid-wrap .grid-group .grid_4{width:425px}}.title-object-wrap{position:relative;width:100%;height:100%}.title-object-wrap .object{position:absolute;top:0;left:0}.title-object-wrap .object_1{position:relative}.title-object-wrap path,.title-object-wrap polygon,.title-object-wrap circle{stroke-width:1px;stroke:var(--bgcolor);fill:transparent}.main-visual-wrap{height:100vh;color:#fff;z-index:500}@media (orientation: landscape) and (max-width: 1200px) and (max-height: 539px){.main-visual-wrap.area{padding-right:16px !important;padding-left:16px !important}}.main-visual-wrap .inner{position:relative;height:100%;display:flex;flex-direction:column}.main-visual-wrap .menu-list-wrap{margin-bottom:20px;margin-top:auto;margin-left:auto;width:300px}@media screen and (min-width: 992px){.main-visual-wrap .menu-list-wrap{display:block;position:absolute;bottom:0;right:0;padding-bottom:120px;margin-bottom:0}}.main-visual-wrap .menu-list-wrap .menu-list{width:100%;display:inline-flex;flex-direction:column;align-items:flex-end}.main-visual-wrap .menu-list-wrap .menu-list:not(:last-child){margin-bottom:10px}@media screen and (min-width: 768px){.main-visual-wrap .menu-list-wrap .menu-list:not(:last-child){margin-bottom:1.51362vw}}@media screen and (min-width: 992px){.main-visual-wrap .menu-list-wrap .menu-list:not(:last-child){margin-bottom:15px}}@media screen and (min-width: 992px){.main-visual-wrap .menu-list-wrap .menu-list:hover .main-menu>a{padding-left:0;padding-right:27px}}.main-visual-wrap .menu-list-wrap .main-menu{order:1;position:relative;display:flex;align-items:center;line-height:1.464;font-size:28px;font-weight:700;color:#fff}@media screen and (min-width: 768px){.main-visual-wrap .menu-list-wrap .main-menu{font-size:2.18887vw}}@media screen and (min-width: 1600px){.main-visual-wrap .menu-list-wrap .main-menu{font-size:35px}}@media screen and (min-width: 768px){.main-visual-wrap .menu-list-wrap .main-menu{line-height:1.485}}.main-visual-wrap .menu-list-wrap .main-menu>a{position:relative;display:flex;align-items:center;height:100%;transition:all 0.5s cubic-bezier(0.63, 0.03, 0.21, 1)}@media screen and (min-width: 992px){.main-visual-wrap .menu-list-wrap .main-menu>a{width:100%;padding-right:0}}.main-visual-wrap .menu-list-wrap .main-menu>a:before{display:inline-block;content:"";position:absolute;top:50%;left:0;width:10px;height:10px;border-radius:50%;background-color:#fff;opacity:0;transform:translate(30px, -50%);transition:all 0.5s cubic-bezier(0.63, 0.03, 0.21, 1),color 0s}@media screen and (min-width: 768px){.main-visual-wrap .menu-list-wrap .main-menu>a:before{width:12px;height:12px}}@media screen and (min-width: 992px){.main-visual-wrap .menu-list-wrap .main-menu>a:before{right:0;left:auto;transform:translate(-30px, -50%)}}@media screen and (min-width: 992px){.main-visual-wrap .menu-list-wrap .main-menu:hover>a{padding-left:30px}}@media screen and (min-width: 992px){.main-visual-wrap .menu-list-wrap .main-menu:hover>a{padding-left:0;padding-right:40px}}@media screen and (min-width: 992px){.main-visual-wrap .menu-list-wrap .main-menu:hover>a:before{opacity:1;transform:translate(0px, -50%)}}@media (orientation: landscape) and (max-width: 1200px) and (max-height: 539px){.main-visual-wrap .menu-list-wrap{padding-top:68px;padding-bottom:0;margin-top:auto;margin-left:auto;margin-bottom:15px;transform:translateX(200%)}.main-visual-wrap .menu-list-wrap.ani-on{animation:slideLeftAni 1s forwards !important}}.main-visual-wrap .menu-list-wrap.mobile{animation-duration:1s}@media screen and (min-width: 992px){.main-visual-wrap .menu-list-wrap.mobile{display:none}}.main-visual-wrap .menu-list-wrap.pc{display:none}@media screen and (min-width: 992px){.main-visual-wrap .menu-list-wrap.pc{display:block}}.main-intro-wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;opacity:1;transition:opacity 1s ease, visibility 1s 1s}.main-intro-wrap.ani-on{opacity:0;visibility:hidden}.main-intro-wrap .base-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;background-color:#000;transition:opacity 1s ease}.main-intro-wrap .base-bg.ani-on{opacity:0}.main-intro-wrap .intro-title{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:99999}@media screen and (max-width: 767.98px){.main-intro-wrap .intro-title{width:301px}}.main-intro-wrap .intro-title .text-wrap{overflow:hidden}.main-intro-wrap .intro-title .text-wrap .text{position:relative;animation:textEffect 2s 0.35s forwards cubic-bezier(0.7, 0.1, 0, 0.9);transform:translateY(120px)}.main-intro-wrap .intro-title .text-wrap.num2{margin-top:1.251vw;padding-right:2.085vw}@media screen and (min-width: 1200px){.main-intro-wrap .intro-title .text-wrap.num2{margin-top:15px;padding-right:25px}}.main-intro-wrap .intro-title .text-wrap.num2 .text{animation-delay:.45s}#scene{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 2s ease .1s}#scene.ani-on{opacity:1}#scene canvas{display:block;width:100%;height:100%}#scene .dim{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,0.2)}#mainCanvas{position:absolute;left:0;top:0;width:101%;height:100%}@keyframes lineX{0%{transform:translateX(-100%)}50%{transform:translateX(0)}100%{transform:translateX(100%)}}@keyframes lineY{0%{transform:translateY(-100%)}50%{transform:translateY(0)}100%{transform:translateY(101%)}}@keyframes textEffect{0%{transform:translateY(120px)}50%{transform:translateY(0)}100%{transform:translateY(-120px)}}