@import"./dg-01header.css";@import"./dg-02mv.css";@import"./dg-03love-music.css";@import"./dg-04all-about.css";@import"./dg-05lets-start.css";@import"./dg-06discover.css";@import"./dg-07using-app.css";@import"./dg-08prepare.css";@import"./dg-09using-eq.css";@import"./dg-10play-dj.css";@import"./dg-11bestmodel.css";@import"./dg-12learn-more.css";@import"./dg-13impact.css";@import"./dg-14one-through-music.css";@media screen and (min-width: 768px){.onlySP{display:none !important}}@media screen and (max-width: 767px){.onlyPC{display:none !important}}:root{--bgcolor: #EAE1CE;--bgcolor2: #DDD5C3;--purple1: #DC96F9;--theme-bg-navy: #1A1D27;--theme-bg-yellow: #F3C65A;--theme-bg-pink: #E59FD6;--theme-bk-1: #181913;--theme-bg-green1: #299292;--theme-bg-green2: #1F6566;--theme-bg-green3: #75FAFD;--theme-green4: #1A473E;--theme-bg-blue1: #344FB4;--theme-bg-blue2: #2B3D7B;--theme-bg-navy2: #211A27;--plus-button-color: #9FE5B0;--animation1: all 0.3s ease-out 0s}@media screen and (min-width: 768px){.is-scroll_margin{scroll-margin-top:182px}}@media screen and (max-width: 767px){body.fixed{position:fixed;width:100%;overflow:hidden}body.fixed header.dg-header{display:none}}img{width:100%;max-width:100%;vertical-align:bottom}#wrapper #container{padding-top:0}#content.landing .inner{width:100%}#content.landing article .inner_content a{text-decoration:none}main#content.landing article .inner_content{font-family:"Noto Sans JP",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background-color:var(--bgcolor)}main#content.landing article .inner_content button{all:unset;box-sizing:border-box;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}#content.landing article .inner_content ul{list-style-type:none;padding-inline-start:0}#content.landing article .inner_content ul li{line-height:1.2}#content.landing article .inner_content>div,#content.landing article .inner_content p{margin-top:0}#content.landing .inner h1{margin-top:0;font-size:10px}@media screen and (max-width: 1011px){#content.landing .inner h1{margin-bottom:0;margin-top:0;font-size:10px}}#content.landing article .inner_content h2{margin-bottom:0;font-size:1rem}#content.landing{padding-bottom:0}#content.landing article .inner_content a:hover{text-decoration:none}@media screen and (min-width: 768px){#discover .inner,#using_app .inner,#prepare .inner,#using_eq .inner,#play_dj .inner,#bestmodel .inner{border-top-left-radius:24px;border-top-right-radius:24px;margin-top:-24px}}@media screen and (max-width: 767px){#discover .inner,#using_app .inner,#prepare .inner,#using_eq .inner,#play_dj .inner,#bestmodel .inner{border-top-left-radius:6.4vw;border-top-right-radius:6.4vw;margin-top:-6.4vw}}*:has(>.flowing-inner){overflow:hidden}.flowing-inner{display:inline-block;white-space:nowrap;animation:flowing-left-right 80s linear infinite}@keyframes flowing-left-right{0%{transform:translateX(0%)}100%{transform:translateX(-50%)}}.sliderScrollWrap{overflow:hidden;position:relative;width:100%}.js-sliderScrollTarget{display:flex}.js-fadein{opacity:0;transform:translateY(20px);transition:all .8s ease-out}.js-fadein.-in{opacity:1;transform:translateY(0)}@media screen and (min-width: 768px){.js-fadein.-pc-delay2{transition-delay:.3s}.js-fadein.-pc-delay3{transition-delay:.6s}}#content.landing article .inner_content h3{font-size:1em;margin-top:0;margin-bottom:0}@media screen and (min-width: 768px){.flex-pc{display:flex}.flex-pc.reverse{flex-direction:row-reverse}}.btn-arrow{display:inline-block;vertical-align:middle;text-align:center;border:2px solid #000;color:#000;position:relative;line-height:1.2;transition:var(--animation1)}.btn-arrow::after{display:block;content:"";background-image:url(/wp-content/uploads/2025/11/dg-icon-arrow-up-blk.svg);background-repeat:no-repeat;background-size:contain;background-position:center center;position:absolute;top:0;bottom:0;margin:auto 0}@media screen and (min-width: 768px){.btn-arrow{width:429px;padding:15px;overflow:hidden;font-size:18px;border-radius:30px}.btn-arrow::after{width:22px;height:22px;right:5%;transition:opacity .2s,transform .2s;opacity:1;transform:translate(0, 0);pointer-events:none}.btn-arrow:hover{background-color:#000;color:#fff}.btn-arrow:hover::after{background-image:url(/wp-content/uploads/2025/11/dg-icon-arrow-up-wht.svg);transition:opacity .2s,transform .2s;animation:arrow-out-in .6s cubic-bezier(0.4, 0, 0.2, 1)}}@media screen and (max-width: 767px){.btn-arrow{width:100%;max-width:500px;margin:0 auto;padding:4.8vw;font-size:3.7333333333vw;font-weight:bold;border-radius:8vw}.btn-arrow::after{width:5.8666666667vw;height:5.8666666667vw;right:7%}}.btn-arrow.blk{border:2px solid #1a1d27;background-color:#1a1d27;color:#fff}.btn-arrow.blk::after{background-image:url(/wp-content/uploads/2025/11/dg-icon-arrow-up-wht.svg)}.btn-arrow.blk:hover{color:#1a1d27}.btn-arrow.blk:hover::after{background-image:url(/wp-content/uploads/2025/11/dg-icon-arrow-up-blk.svg)}.btn-arrow.blk.-hover01:hover{background-color:#dffc5e;border:2px solid #dffc5e}.btn-arrow.blk.-hover02:hover{background-color:#ff1a6a;border:2px solid #ff1a6a}.btn-arrow.blk.-hover03:hover{background-color:#fff;border:2px solid #fff}@keyframes arrow-out-in{0%{opacity:1;transform:translate(0, 0)}30%{opacity:0;transform:translate(40px, -40px)}31%{opacity:0;transform:translate(-40px, 40px)}100%{opacity:1;transform:translate(0, 0)}}@media screen and (min-width: 768px){.btn-opacity{transition:var(--animation1)}.btn-opacity:hover{opacity:.8}.btn-bright{transition:var(--animation1)}.btn-bright:hover{filter:drop-shadow(0 0 10px #fff)}}main#content.landing article .inner_content button.ui-fragments-button-icon{align-items:center;aspect-ratio:1;background-color:hsla(0,0%,100%,.1);border:2px solid var(--plus-button-color) !important;border-radius:5px !important;box-sizing:border-box;color:var(--plus-button-color) !important;display:flex;justify-content:center;font-size:0 !important;line-height:0 !important;padding:5px !important;transition:var(--animation1) !important}@media screen and (min-width: 768px){main#content.landing article .inner_content button.ui-fragments-button-icon{padding:5px !important;width:40px !important;height:40px !important}}@media screen and (max-width: 767px){main#content.landing article .inner_content button.ui-fragments-button-icon{padding:1.3333333333vw !important;width:9.6vw !important;height:9.6vw !important}}main#content.landing article .inner_content button.ui-fragments-button-icon:hover{background-color:var(--plus-button-color) !important;color:#000 !important}.ui-fragments-button-icon .ui-fragments-svg{margin:0 auto;width:100%;height:100%}main#content.landing article .inner_content button{all:initial;border:none;cursor:pointer;background-size:100% auto !important}main#content.landing article .inner_content button:hover{background-size:100% auto !important}button.next,button.prev,button.close{background-repeat:no-repeat !important;background-size:100% auto !important;background-position:center center !important}@media screen and (min-width: 768px){button.next,button.prev,button.close{width:36px !important;height:36px !important}button.next img,button.prev img,button.close img{transition:var(--animation1) !important}}@media screen and (max-width: 767px){button.next,button.prev,button.close{width:9.6vw !important;height:9.6vw !important}}button.prev{transform:rotate(180deg) !important}@media screen and (min-width: 768px){button.next:not(:disabled):hover,button.prev:not(:disabled):hover{background-image:url(/wp-content/uploads/2025/11/dg-btn-arrow-over.svg) !important}button.close:hover{background-image:url(/wp-content/uploads/2025/11/dg-btn-close-over.svg) !important}button.next:not(:disabled):hover img,button.prev:not(:disabled):hover img,button.close:hover img{opacity:0 !important}}button.prev:disabled,button.next:disabled{cursor:default !important;opacity:.5 !important}.btnList{position:absolute;display:flex}.btnList li{transform:translateY(20px);opacity:0;transition:all .3s ease-out}.btnList a{display:block;position:relative;background:rgba(244,242,226,.15);backdrop-filter:blur(1.25px);transition:var(--animation1)}.btnList a .num{font-weight:bold}.btnList a .text{position:absolute}.btnList a .text strong{display:block}.btnList li.current a{background-color:var(--theme-bg-yellow);color:#000}.btnList li.current a:hover{outline:none}@media screen and (min-width: 768px){.btnList{bottom:20px;left:20px;gap:10px}.btnList a{width:130px;height:130px;border-radius:4px;padding:21px 16px 12px 16px}.btnList a:hover{background:rgba(0,0,0,.15);outline:2px solid #fff}.btnList a .num{font-size:16px}.btnList a .text{bottom:12px;left:16px;padding-right:16px;font-size:13px;min-height:4.2em;line-height:1.4}}@media screen and (max-width: 767px){.btnList{bottom:4.2666666667vw;gap:2.6666666667vw;width:49.6vw;overflow-x:auto}.btnList li:first-child{margin-left:4.2666666667vw}.btnList li:last-child{margin-right:4.2666666667vw}.btnList a{width:29.3333333333vw;height:29.3333333333vw;border-radius:1.0666666667vw;padding:3.2vw}.btnList a .text{bottom:3.2vw;left:3.2vw;padding-right:3.2vw;font-size:3.2vw;min-height:4em;line-height:1.4}}.btnList.-in li{transform:translateY(0);opacity:1}.btnList.-in li:nth-child(2){transition-delay:.2s}.btnList.-in li:nth-child(3){transition-delay:.4s}.btnList.-in li:nth-child(4){transition-delay:.6s}.btnList.-in li:nth-child(5){transition-delay:.8s}.btnList.-in li:nth-child(6){transition-delay:1s}.btnList.-in li:nth-child(7){transition-delay:1.2s}figure.moviewrap{position:relative;z-index:1}@media screen and (min-width: 768px){figure.moviewrap{border-radius:8px}figure.moviewrap img{border-radius:8px}}@media screen and (max-width: 767px){figure.moviewrap{border-radius:2.1333333333vw}figure.moviewrap img{border-radius:2.1333333333vw}}figure.moviewrap a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}figure.moviewrap a::after{content:"";background-image:url(/wp-content/uploads/2025/11/dg-button-play.svg);background-size:100% auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}figure.moviewrap a.-off{display:none}figure.moviewrap video{width:100%;height:auto;vertical-align:bottom}@media screen and (min-width: 768px){figure.moviewrap a{transition:var(--animation1)}figure.moviewrap a::after{width:54px;height:54px}figure.moviewrap a:hover{filter:brightness(1.3)}}@media screen and (max-width: 767px){figure.moviewrap a::after{width:8vw;height:8vw}}