@charset "UTF-8";.dl-common__section.dl-top_intro{height:calc(100vh - 64px);height:100vh;height:100svh;position:sticky;bottom:0;width:100%;left:0;z-index:0;will-change:transform;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.dl-common__section.dl-top_intro+section{position:relative;z-index:1}.dl-common__section.dl-top_intro:before{content:"";position:absolute;width:150%;height:150%;top:50%;left:50%;z-index:1000;-webkit-user-select:none;user-select:none;pointer-events:none;transform:translate3d(-50%,-50%,0);--s: 0px;--g: 6px;--n: min(var(--g), calc(var(--s) + (var(--g) * (var(--progress) * 1))));--s2: 0;--g2: .5;--n2: min(var(--g2), calc(var(--s2) + (var(--g2) * (var(--progress) * 1))));-webkit-backdrop-filter:blur(var(--n));backdrop-filter:blur(var(--n));background-color:rgba(0,0,0,var(--n2));will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.dl-common__section.dl-top_intro .dl-common__section__wrap{height:100%;width:100%;max-width:100%;padding:0;margin:0;--s: 0%;--g: 50%;--n: min(var(--g), calc(var(--s) + (var(--g) * (var(--progress) * .5))));transform:translate3d(0,var(--n),0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.dl-common__section .dl-top_intro__wrap{width:100%;height:100%;position:relative;z-index:1}.dl-common__section .dl-top_intro__slide{height:100%;position:relative;z-index:0}.dl-common__section .dl-top_intro__slide .dl-js-slide{height:100%}.dl-common__section .dl-top_intro__slide .dl-js-slide__ul:before{display:none}.dl-common__section .dl-top_intro__slide .dl-js-slide__ctrl{position:absolute;bottom:2.5rem;bottom:3.5rem;left:0;z-index:2000;width:100%;padding-top:0;display:block;padding:0 5vw;width:40rem;max-width:100vw}@media only screen and (max-width:680px){.dl-common__section .dl-top_intro__slide .dl-js-slide__ctrl{bottom:1.5rem;bottom:2.5rem}}.dl-common__section .dl-top_intro__slide .dl-js-slide__ctrl__wrap{width:100%;display:block}.dl-common__section .dl-top_intro__slide .dl-js-slide__arrow{display:none}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:2px;margin:0;flex-wrap:nowrap;position:relative}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li{flex:1;width:auto;display:block;position:relative;margin:0;overflow:hidden}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li.is-active button:after{opacity:1;width:100%;transition:width 5s cubic-bezier(.25,.1,.25,1) 0ms,opacity 0ms cubic-bezier(.25,.1,.25,1) 0ms}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li button{display:block;width:100%;height:3rem;border-radius:0;max-width:100%;margin:0;padding:0;opacity:1}@media only screen and (min-width:1000px){.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li button:hover:before{width:100%;height:1px;height:.7px;background-color:var(--White);opacity:.8}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li button:hover:after{height:1px;height:.7px;background-color:var(--White)}}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li button:before{content:"";border-radius:0;width:100%;height:1px;height:.7px;position:absolute;top:50%;left:0;transform:translateY(-50%);background-color:var(--White);opacity:.3;z-index:0;will-change:opacity;border:none;transition:opacity .4s cubic-bezier(.25,.1,.25,1) 0ms}.dl-common__section .dl-top_intro__slide .dl-js-slide__dots li button:after{content:"";border-radius:0;width:0%;height:1px;height:.7px;position:absolute;top:50%;left:0;transform:translateY(-50%);background-color:var(--White);border:none;opacity:1;will-change:opacity,width;transition:opacity .2s cubic-bezier(.25,.1,.25,1) 0ms,width 0ms cubic-bezier(.25,.1,.25,1) .2s}.dl-common__section .dl-top_intro__ul{height:100%}.dl-common__section .dl-top_intro__li{opacity:1;width:100%;height:100%;opacity:0;will-change:opacity;transform:translateZ(0);transition:opacity 2s cubic-bezier(.445,.05,.55,.95) .6s}.dl-common__section .dl-top_intro__li.is-active{opacity:1;z-index:100;position:relative;transition:opacity 2s cubic-bezier(.445,.05,.55,.95) 0ms}.dl-common__section .dl-top_intro__li.is-active .dl-top_intro__textBox{opacity:1;transform:translateZ(0);transition:opacity .8s cubic-bezier(.445,.05,.55,.95) 1s,transform .8s cubic-bezier(.445,.05,.55,.95) 1s}.dl-common__section .dl-top_intro__li__wrap{position:relative;width:100%;height:100%}.dl-common__section .dl-top_intro__image{height:100%}.dl-common__section .dl-top_intro__image:a{cursor:pointer}.dl-common__section .dl-top_intro__image span{width:100%;height:100%;display:block;background-size:cover;background-repeat:no-repeat;background-position:center}.dl-common__section .dl-top_intro__textBox{position:absolute;left:5vw;bottom:5.5rem;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;width:100%;gap:2rem;cursor:pointer;width:90vw;padding-bottom:1.4rem;padding-top:3rem;overflow:hidden;will-change:opacity,transform;opacity:0;-webkit-font-smoothing:antialiased;transform:translate3d(0,3px,0);transition:opacity .8s cubic-bezier(.445,.05,.55,.95) 0ms,transform .8s cubic-bezier(.445,.05,.55,.95) 0ms;bottom:7.5rem}@media only screen and (max-width:680px){.dl-common__section .dl-top_intro__textBox{bottom:4.5rem;bottom:6rem}}.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv{will-change:opacity;transition:opacity .4s cubic-bezier(.445,.05,.55,.95) 0ms}@media only screen and (min-width:1000px){.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv:hover{opacity:.5}}.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv .title__wrap{font-size:var(--pow2);font-weight:var(--fwn);font-family:var(--en-min);letter-spacing:var(--ls);line-height:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;width:100%;gap:.7em;text-shadow:1px 1px 8px rgba(0,0,0,.2);color:var(--White)}@media only screen and (max-width:680px){.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv .title__wrap{font-size:var(--pow2);gap:.6em}}.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv .title__main{display:block}.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv .title__sub{font-size:var(--fzs);font-weight:var(--fwn);font-family:var(--en);letter-spacing:var(--ls);line-height:1;margin-top:1em;display:block;opacity:.6;position:relative;padding-right:2em}.dl-common__section .dl-top_intro__textBox .dl-snippets_title_mv .title__sub svg{width:1.5em;aspect-ratio:1;position:absolute;display:block;top:50%;right:0;transform:translateY(-50%);fill:var(--White)}.dl-common__section .dl-top_intro__textBox .dl-snippets_link a{color:var(--White);text-shadow:1px 1px 4px rgba(0,0,0,.2)}.dl-common__section .dl-top_intro__textBox .dl-snippets_link a:before{background-color:var(--White);box-shadow:1px 1px 4px #0003}.dl-common__section .dl-top_intro__textBox .dl-snippets_link a svg{fill:var(--White)}.dl-common__section .dl-top_intro__scroll{font-size:10px;font-weight:var(--fwn);font-family:var(--ff);letter-spacing:.12em;line-height:1;position:absolute;bottom:0;right:9vw;transform-origin:bottom right;transform:translate3d(0,100%,0) rotate(90deg) scale(1);z-index:100;color:var(--Border);padding-bottom:2em;padding-right:7em;overflow:hidden}@media only screen and (max-width:680px){.dl-common__section .dl-top_intro__scroll{padding-bottom:1em;padding-right:6em}}.dl-common__section .dl-top_intro__scroll:before{content:"";width:100%;height:1px;display:block;position:absolute;bottom:0;left:0;background-color:var(--Border)}.dl-common__section .dl-top_intro__scroll:after{content:"";width:2em;height:1px;display:block;position:absolute;bottom:0;left:0;background-color:var(--Text);z-index:10;animation:scroll 2s infinite ease-in-out;opacity:.6}@keyframes scroll{0%{transform:translate(-100%)}to{transform:translate(1000%)}}
/*# sourceMappingURL=/cdn/shop/t/470/assets/section_dl-top_intro.css.map */