*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#3c3c3c;font-size:1rem;line-height:2.8rem;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6,p{margin-bottom:0;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:700}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent}a,a:hover{color:#000}a:hover{text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:din-2014,kozuka-gothic-pr6n,sans-serif;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#000;padding-bottom:.75rem;padding-top:.75rem;text-align:left}th{text-align:inherit}label{display:inline-block;margin-bottom:0}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}body,html{overflow-x:hidden;scroll-behavior:smooth;width:100vw}body{overflow-scrolling:touch;-webkit-overflow-scrolling:touch;font-family:din-2014,kozuka-gothic-pr6n,sans-serif;font-feature-settings:"palt" 2;font-size:18px;font-size:1.125rem;font-weight:400;letter-spacing:.1rem;line-height:1;margin:0;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;background-color:#2b2b2b;color:#fff;position:relative}body:after{animation:noise 8s steps(10) infinite;background-image:url(../img/noise.d095195e9883ee121289.png);background-repeat:repeat;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}main{position:relative;z-index:2}@media (-ms-high-contrast:none){body{font-family:din-2014,kozuka-gothic-pr6n,sans-serif}main{display:block}}.container{margin:0 auto;width:1920px}.img-wrapper>img,.img>img{display:block;width:100%}.flex{display:flex}.justify-content-center{justify-content:center}.flex-wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.flex-wrapper.row-reverse{flex-direction:row-reverse}.flex-wrapper-start{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}.flex-wrapper-start.row-reverse{flex-direction:row-reverse}p{line-height:1.4}ul{list-style-type:none;margin-bottom:0!important;padding-left:0}ul li{line-height:1.4}a{color:#fff;text-decoration:none}a:hover{text-decoration:none!important}a.fancy>span{color:#ff0;cursor:pointer;display:inline-block;font-family:itc-avant-garde-gothic-pro,sans-serif;line-height:1.2;position:relative;white-space:nowrap}a.fancy>span:after{background-color:#ff0;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:all 1s cubic-bezier(.19,1,.22,1);width:0}a.fancy>span:hover{color:#ff0}a.fancy>span:hover:after{width:100%}em,span{line-height:1}em{font-style:normal}.is-pc{display:block}.is-sp,.is-tb{display:none}.above-tb{display:block}.below-tb{display:none}.w50{width:50px}.w60{width:60px}.w80{width:80px}.w100{width:100px}.w120{width:120px}.w140{width:140px}.w160{width:160px}.w180{width:180px}.w200{width:200px}.w220{width:220px}.w240{width:240px}.w260{width:260px}.w280{width:280px}.w380{width:380px}.w400{width:400px}.mt10{margin-top:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mt60{margin-top:60px}.mt70{margin-top:70px}.mt80{margin-top:80px}.mt90{margin-top:90px}.mt100{margin-top:100px}.mt120{margin-top:120px}.mt140{margin-top:140px}.mt160{margin-top:160px}.mt180{margin-top:180px}.mt200{margin-top:200px}.mt220{width:220px}.mt240{width:240px}.mt260{width:260px}.mt280{width:280px}.mt380{width:380px}.mt400{width:400px}.clear-both{clear:both}.overflow-auto{overflow:auto}.text-align-center{text-align:center}.text-align-left{text-align:left}.font-weight-bold{font-weight:700}.font-size-16{font-size:16px}.font-size-20{font-size:20px}.font-size-25{font-size:25px}.font-size-30{font-size:30px}.font-size-35{font-size:35px}.font-size-50{font-size:50px}.margin-0-auto{margin:0 auto}.margin-top-15{margin-top:15px}.margin-top-30{margin-top:30px}.margin-top-40{margin-top:40px}.margin-top-50{margin-top:50px}.margin-top-80{margin-top:80px}.margin-top-100{margin-top:100px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-15{margin-bottom:15px}.margin-bottom-25{margin-bottom:25px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-80{margin-bottom:80px}.margin-bottom-100{margin-bottom:100px}.margin-right-auto{margin-right:auto}.margin-left-auto{margin-left:auto}.top-20{top:20px}.line-height-35{line-height:35px}.line-height-40{line-height:40px}.line-height-50{line-height:50px}.line-height-55{line-height:55px}.line-height-80{line-height:80px}.height-50{height:50px!important}.height-80{height:80px}.height-100{height:100px}.width-150{width:150px}.width-870{width:870px}.width-980{width:980px}.margin-left-5{margin-left:5px}.margin-right-5{margin-right:5px}.margin-left-10{margin-left:10px}.margin-right-10{margin-right:10px}.margin-left-15{margin-left:15px}.margin-right-15{margin-right:15px}.margin-left-20{margin-left:20px}.margin-right-20{margin-right:20px}.margin-left-25{margin-left:25px}.margin-right-25{margin-right:25px}.margin-left-30{margin-left:30px}.margin-right-30{margin-right:30px}.margin-left-35{margin-left:35px}.margin-right-35{margin-right:35px}.margin-left-40{margin-left:40px}.margin-right-40{margin-right:40px}.margin-left-45{margin-left:45px}.margin-right-45{margin-right:45px}.margin-left-50{margin-left:50px}.margin-right-50{margin-right:50px}.margin-left-55{margin-left:55px}.margin-right-55{margin-right:55px}.margin-left-60{margin-left:60px}.margin-right-60{margin-right:60px}.margin-left-65{margin-left:65px}.margin-right-65{margin-right:65px}.margin-left-70{margin-left:70px}.margin-right-70{margin-right:70px}.margin-left-75{margin-left:75px}.margin-right-75{margin-right:75px}.margin-left-80{margin-left:80px}.margin-right-80{margin-right:80px}.margin-left-85{margin-left:85px}.margin-right-85{margin-right:85px}.margin-left-90{margin-left:90px}.margin-right-90{margin-right:90px}.margin-left-95{margin-left:95px}.margin-right-95{margin-right:95px}.margin-left-100{margin-left:100px}.margin-right-100{margin-right:100px}.h-10,.w-10{width:10%}.h-20,.w-20{width:20%}.h-30,.w-30{width:30%}.h-40,.w-40{width:40%}.h-50,.w-50{width:50%}.h-60,.w-60{width:60%}.h-70,.w-70{width:70%}.h-80,.w-80{width:80%}.h-90,.w-90{width:90%}.h-100,.w-100{width:100%}.float-left{float:left}.position-relative{position:relative}.vertical-align-middle{vertical-align:middle}.color-red{color:red}.color-white{color:#fff}.pointer{cursor:pointer}.below-479,.below-719{display:none}.animate-img img{transition:all 1s cubic-bezier(.19,1,.22,1)}@media screen and (max-width:2039px){.container{box-sizing:border-box;padding-left:120px;padding-right:120px;width:100%}}@media screen and (max-width:1319px){.container{padding-left:60px;padding-right:60px}}@media screen and (max-width:1199px){body{font-size:16px;font-size:1rem}.container{padding-left:50px;padding-right:50px}}@media screen and (max-width:959px){.below-tb,.is-tb{display:block}}@media screen and (max-width:599px){body{font-size:15px;font-size:.9375rem}.container{padding-left:30px;padding-right:30px}.is-pc,.is-tb{display:none!important}.is-sp{display:block!important}.above-tb{display:none}}@media screen and (max-width:479px){.container{padding-left:20px;padding-right:20px}.below-479{display:block}}@media screen and (max-width:359px){.container{padding-left:15px;padding-right:15px}}@keyframes noise{to{background-position:0 0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:20% 25%}50%{background-position:-25% 10%}60%{background-position:15% 5%}70%{background-position:0 15%}80%{background-position:25% 35%}90%{background-position:-10% 10%}}.cursor,.follower{border-radius:50%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transform:transition(opacity .3s linear)}.cursor.is-removed,.follower.is-removed{opacity:0}.cursor{background-color:#e01488;z-index:30002}.cursor,.follower{height:8px;margin-left:-4px;margin-top:-5px;mix-blend-mode:exclusion;width:8px}.follower{align-items:center;background-color:#e3df0e;display:flex;justify-content:center;text-align:center;transition:all .1s ease;z-index:30001}.follower span{display:inline-block;font-size:14px;font-weight:700;transform:scale(0)}.follower em{opacity:0;visibility:hidden}.follower.is-active{height:60px;margin-left:-30px;margin-top:-30px;width:60px}.follower.is-active.coming-soon{background-color:#e05f51;height:100px;margin-left:-50px;margin-top:-50px;width:100px}.follower.is-active.coming-soon em{display:inline-block;display:block;font-size:15px;font-size:.9375rem;font-style:normal;font-weight:700;left:50%;line-height:1.4;opacity:1;position:absolute;top:50%;top:calc(50% - 1px);transform:translate(-50%,-50%);visibility:visible}header{left:0;mix-blend-mode:exclusion;position:fixed;top:0;width:100vw;z-index:10001}header #masthead{display:flex;padding:20px;width:-moz-max-content;width:max-content}header #masthead:hover{color:#fff}header #logo{margin-right:20px;width:54px}header #logo>img{display:block;width:100%}header h1{font-family:din-2014,noto-sans-cjk-jp,sans-serif;font-size:17px;font-size:1.0625rem;font-weight:500;letter-spacing:0;padding-top:.2rem}@media screen and (max-width:599px){header #masthead{padding:16px}header #logo{margin-right:15px;width:48px}header h1{font-size:16px;font-size:1rem;line-height:1.2}}nav{height:100vh;position:fixed;right:-100vw;top:0;transition:right 0s linear 2s;width:100vw;z-index:9999}nav:after{background-color:#fff;content:"";height:0;transform:translate(-50%,-50%) rotate(8deg);transition:all .5s cubic-bezier(0,.91,1,.38) .3s;width:140vw;z-index:1}nav ul,nav:after{display:block;left:50%;position:absolute;top:50%}nav ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:110px;transform:translate(-50%,-50%);width:1200px;z-index:2}nav ul li{margin-bottom:1rem;overflow:hidden;width:50%}nav ul li:first-child a{transition:all .8s cubic-bezier(.19,1,.22,1) .4375s}nav ul li:nth-child(2) a{transition:all .8s cubic-bezier(.19,1,.22,1) .375s}nav ul li:nth-child(3) a{transition:all .8s cubic-bezier(.19,1,.22,1) .3125s}nav ul li:nth-child(4) a{transition:all .8s cubic-bezier(.19,1,.22,1) .25s}nav ul li:nth-child(5) a{transition:all .8s cubic-bezier(.19,1,.22,1) .1875s}nav ul li:nth-child(6) a{transition:all .8s cubic-bezier(.19,1,.22,1) .125s}nav ul li:nth-child(7) a{transition:all .8s cubic-bezier(.19,1,.22,1) .0625s}nav ul li a{color:#2b2b2b;display:block;opacity:0;transform:translateY(60px)}nav ul li a span{display:block;font-family:itc-avant-garde-gothic-pro,sans-serif;font-size:96px;font-size:6rem;font-weight:400;line-height:1}nav ul li a em{display:block;font-family:din-2014,kozuka-gothic-pr6n,sans-serif;font-weight:500}@media screen and (max-width:1199px){nav ul{width:1080px}nav ul li a span{font-size:80px;font-size:5rem}}@media screen and (max-width:959px){nav{padding:0 50px}nav ul{margin-left:0;max-width:100%;position:relative}nav ul li{margin-bottom:.4rem;width:100%}nav ul li a span{font-size:80px;font-size:5rem;line-height:1}nav ul li a em,nav ul li a span{display:inline-block;vertical-align:top}nav ul li a em{margin-left:1rem;margin-top:1.2rem}}@media screen and (max-width:599px){nav{padding:0 25px}nav ul li a{display:flex;flex-wrap:nowrap}nav ul li a span{font-size:64px;font-size:4rem}nav ul li a em{margin-left:.6rem;margin-top:.8rem}}@media screen and (max-width:479px){nav{padding:0 20px}nav ul li a span{font-size:56px;font-size:3.5rem}nav ul li a em{margin-left:.4rem;margin-top:.8rem}}@media screen and (max-width:359px){nav{padding:0 16px}nav ul li a span{font-size:48px;font-size:3rem}}#drawer-open{cursor:pointer;display:block;height:48px;mix-blend-mode:exclusion;position:fixed;right:28px;top:32px;width:48px;z-index:10002}#drawer-open a{display:block;height:100%;width:100%}#drawer-open span{border-radius:1px;display:block;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#drawer-open span:after,#drawer-open span:before{background-color:#fff;content:"";display:block;height:100%;position:absolute;top:0;transform:rotate(0);transition:all 1s cubic-bezier(.19,1,.22,1);width:1px}#drawer-open span:before{left:-6px}#drawer-open span:after{left:6px}@media screen and (max-width:1199px){#drawer-open{right:20px;top:24px}}@media screen and (max-width:959px){#drawer-open{height:40px;right:16px;top:24px;width:40px}}@media screen and (max-width:599px){#drawer-open{height:36px;top:22px;width:36px}}#drawer-close{background:#000;display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease-in-out 0s;width:100%;z-index:39}#drawer-checkbox{display:none}#drawer-checkbox:checked~nav{right:0;transition:right 0s linear 0s}#drawer-checkbox:checked~nav:after{height:130vh;transition:all .8s cubic-bezier(0,.91,1,.38)}#drawer-checkbox:checked~nav ul li:first-child a{opacity:1;transform:translateY(0);transition:all 2s cubic-bezier(.19,1,.22,1) .4s}#drawer-checkbox:checked~nav ul li:nth-child(2) a{opacity:1;transform:translateY(0);transition:all 2s cubic-bezier(.19,1,.22,1) .5s}#drawer-checkbox:checked~nav ul li:nth-child(3) a{opacity:1;transform:translateY(0);transition:all 2s cubic-bezier(.19,1,.22,1) .6s}#drawer-checkbox:checked~nav ul li:nth-child(4) a{opacity:1;transform:translateY(0);transition:all 2s cubic-bezier(.19,1,.22,1) .7s}#drawer-checkbox:checked~nav ul li:nth-child(5) a{opacity:1;transform:translateY(0);transition:all 2s cubic-bezier(.19,1,.22,1) .8s}#drawer-checkbox:checked~nav ul li:nth-child(6) a{opacity:1;transform:translateY(0);transition:all 2s cubic-bezier(.19,1,.22,1) .9s}#drawer-checkbox:checked~nav ul li:nth-child(7) a{opacity:1;transform:translateY(0);transition:all 2s cubic-bezier(.19,1,.22,1) 1s}#drawer-checkbox:checked~#drawer-open span:before{left:0;transform:rotate(225deg)}#drawer-checkbox:checked~#drawer-open span:after{left:0;transform:rotate(-225deg)}#scroll-bar{background-color:#fff;bottom:140px;height:20vh;mix-blend-mode:exclusion;position:fixed;right:51px;width:1px;z-index:99}#scroll-bar>em{background-color:#fff;border-radius:4px;display:block;height:8px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:8px}#scroll-bar .label{align-items:flex-start;bottom:0;display:flex;flex-wrap:wrap;flex-wrap:nowrap;font-size:12px;font-size:.75rem;height:12px;justify-content:space-between;justify-content:flex-start;letter-spacing:0;overflow:hidden;position:absolute;right:7px;transform:rotate(90deg);transform-origin:right bottom}#scroll-bar .label span{display:inline-block;padding-right:.2rem}#scroll-bar .label span,#scroll-bar ul li{line-height:1;white-space:nowrap}@media screen and (max-width:1199px){#scroll-bar{right:43px}}@media screen and (max-width:959px){#scroll-bar{right:35px}}@media screen and (max-width:599px){#scroll-bar{right:33px}}.btn{border-radius:16px;display:block;height:32px;position:relative}.btn>span{display:inline-block!important;display:block;font-family:itc-avant-garde-gothic-pro,sans-serif;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.btn.btn-normal{background-color:#000;color:#fff}.btn.btn-normal-border{background-color:#f29600;border:2px solid #fff;color:#fff;transition:all .2s linear}.btn.btn-normal-border:hover{background-color:#fff;color:#f29600}.btn.btn-white{background-color:#fff;color:#231815}.btn.btn-white-border{border:1px solid #231815;transition:all .2s linear}.btn.btn-white-border:hover{background-color:#231815;color:#fff}main{color:#fff}#page-header{height:100vh;position:relative;width:100vw}#page-header .text-wrapper{display:block;left:50vw;position:absolute;top:50%;transform:translateY(-50%)}#page-header h1{position:relative}#page-header h1 span{display:block;font-family:itc-avant-garde-gothic-pro,sans-serif;font-size:120px;font-size:7.5rem;font-weight:400}#page-header h1 em{color:#bfbfbf;display:block;font-family:din-2014,kozuka-gothic-pr6n,sans-serif;font-size:20px;font-size:1.25rem;font-weight:600;margin-left:.4rem;margin-top:.6rem}#page-header h1:after{background-color:#707070;bottom:-20px;content:"";height:1px;left:0;position:absolute;width:120px}#page-header p{max-width:360px}#page-header #inpage-links,#page-header p{margin-top:80px}#page-header #inpage-links .btn{border:1px solid #707070;border-radius:16px;cursor:pointer;height:64px;margin-right:20px;position:relative;transition:.25s linear;width:272px}#page-header #inpage-links .btn>span{display:block;font-family:din-2014,sans-serif;font-size:16px;font-size:1rem;left:50%;letter-spacing:0;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}#page-header #inpage-links .btn:last-child{margin-right:0}#page-header #inpage-links .btn:hover{background-color:#fff;border:1px solid #fff;color:#3c3c3c}@media screen and (max-width:1319px){#page-header .text-wrapper{left:50vw}#page-header h1 span{font-size:96px;font-size:6rem}#page-header h1 em{font-size:22px;font-size:1.375rem}#page-header h1:after{width:110px}#page-header #inpage-links{align-items:flex-start;flex-direction:column}#page-header #inpage-links .btn{height:56px;margin-bottom:20px;margin-right:0}}@media screen and (max-width:959px){#page-header .text-wrapper{left:auto;right:5vw}#page-header h1 span{font-size:80px;font-size:5rem}#page-header h1 em{font-size:20px;font-size:1.25rem;margin-left:.2rem}#page-header h1:after{width:100px}#page-header p{margin-top:60px;max-width:320px}}@media screen and (max-width:599px){#page-header h1 span{font-size:64px;font-size:4rem}#page-header h1 em{font-size:18px;font-size:1.125rem}#page-header h1:after{bottom:-15px;width:90px}#page-header p{margin-top:60px;max-width:240px}#page-header #inpage-links .btn{border-radius:12px;height:48px;width:240px}#page-header #inpage-links .btn>span{font-size:15px;font-size:.9375rem}}@media screen and (max-width:359px){#page-header h1 span{font-size:56px;font-size:3.5rem}#page-header h1 em{font-size:18px;font-size:1.125rem}#page-header h1:after{bottom:-15px;width:90px}}body #page-header{transition:height 1s cubic-bezier(.19,1,.22,1)}body #page-header .text-wrapper h1 em,body #page-header .text-wrapper h1 span,body #page-header .text-wrapper h1:after{transition:all .5s cubic-bezier(.19,1,.22,1)}body #page-header .text-wrapper p{transition:opacity .5s cubic-bezier(.19,1,.22,1)}body.is-active #page-header{height:0}body.is-active #page-header .text-wrapper h1 span{opacity:0;transform:translateY(-200px)}body.is-active #page-header .text-wrapper h1 em{opacity:0;transform:translateY(-100px)}body.is-active #page-header .text-wrapper h1:after{opacity:0;transform:translateY(-50px)}body.is-active #page-header .text-wrapper p{opacity:0}#scroll-down{bottom:20px;height:80px;left:30px;position:fixed;transition:all .3s cubic-bezier(.19,1,.22,1);width:30px;z-index:9999}@media screen and (max-width:959px){#scroll-down{bottom:10px;left:10px}}#scroll-down span{bottom:40px;display:block;font-size:13px;font-size:.8125rem;position:absolute;right:-20px;transform:rotate(-90deg)}#scroll-down:after{animation:pathmove 1.4s ease-in-out infinite;background:#fff;content:"";height:40px;opacity:0;position:absolute;right:12px;top:0;width:1px}@keyframes pathmove{0%{height:0;opacity:0;top:0}30%{height:30px;opacity:1}to{height:0;opacity:0;top:60px}}body.is-active #scroll-down{bottom:130px;opacity:0}.simple #page-header{height:auto;padding-top:160px;text-align:center}.simple #page-header h1 span{font-family:itc-avant-garde-gothic-pro,sans-serif;font-size:64px;font-size:4rem}.simple #page-header h1 em{font-size:20px;font-size:1.25rem;margin-left:0;margin-top:1rem}.simple #page-header h1:after{background-color:#fff;bottom:40px;display:none;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.simple #page-body{font-size:16px;font-size:1rem;margin:5rem auto 0;max-width:1200px;padding-bottom:8rem;width:100%}@media screen and (max-width:959px){.simple #page-header{padding-top:140px}.simple #page-header h1 span{font-size:48px;font-size:3rem}.simple #page-header h1 em{font-size:18px;font-size:1.125rem}.simple #page-body{margin:4rem auto 0;padding-bottom:6rem}}@media screen and (max-width:599px){.simple #page-header{padding-top:120px}.simple #page-header h1 span{font-size:36px;font-size:2.25rem}.simple #page-header h1 em{font-size:16px;font-size:1rem}.simple #page-body{font-size:15px;font-size:.9375rem;margin:3rem auto 0;padding-bottom:4rem}}#tsparticles{height:100%;left:0;position:absolute;top:0;width:100%}.content{padding-bottom:8rem;padding-top:10rem;text-align:center}.content h2{opacity:0;transform:translateY(80px);transition:all 2s cubic-bezier(.19,1,.22,1)}.content h2 em{display:block;font-family:din-2014,kozuka-gothic-pr6n,sans-serif;font-size:18px;font-size:1.125rem}.content h2 span{display:block;font-family:itc-avant-garde-gothic-pro,sans-serif;font-size:80px;font-size:5rem;font-weight:400;margin-top:.6rem}.content .ltr h2{text-align:left}.content .ltr h2 span{font-size:80px;font-size:5rem;transform:translateX(-.3rem)}.content.is-inview h2{opacity:1;transform:translateY(0)}@media screen and (max-width:1319px){.content h2 span{font-size:80px;font-size:5rem}}@media screen and (max-width:1199px){.content{padding-bottom:6rem;padding-top:8rem}.content h2 span{font-size:72px;font-size:4.5rem}.content .ltr h2 span{font-size:64px;font-size:4rem}}@media screen and (max-width:959px){.content{padding-bottom:5rem;padding-top:6rem}.content .ltr h2 span,.content h2 span{font-size:56px;font-size:3.5rem}}@media screen and (max-width:599px){.content{padding-bottom:4rem;padding-top:5rem}.content h2{transform:translateY(60px)}.content h2 em{font-size:16px;font-size:1rem}.content .ltr h2 span,.content h2 span{font-size:48px;font-size:3rem}}@media screen and (max-width:359px){.content{padding-bottom:3rem;padding-top:4rem}.content .ltr h2 span,.content h2 span{font-size:40px;font-size:2.5rem}}.filter-navi ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;justify-content:center}.filter-navi ul li{padding:0 3rem;position:relative;text-align:center}.filter-navi ul li:not(:first-child):before{background-color:#707070;content:"";display:block;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}.filter-navi ul li>span{cursor:pointer;display:inline-block;font-family:itc-avant-garde-gothic-pro,sans-serif;line-height:1.2;position:relative;white-space:nowrap}.filter-navi ul li>span:after{background-color:#fff;bottom:-10px;content:"";height:1px;left:0;position:absolute;transition:all 1s cubic-bezier(.19,1,.22,1);width:0}.filter-navi ul li>span:hover{color:#fff}.filter-navi ul li.is-active>span:after,.filter-navi ul li>span:hover:after{width:100%}@media screen and (max-width:1199px){.filter-navi ul li{padding:0 2rem}}@media screen and (max-width:959px){.filter-navi{max-width:100vw;overflow-x:scroll}.filter-navi ul{justify-content:flex-start}}@media screen and (max-width:599px){.filter-navi ul li{padding:0 1.2rem}}#project-list{background-color:#202020;padding-top:20px}#project-list .project{height:50vh;margin-bottom:20px;position:relative;width:100vw}#project-list .project>a{clip-path:inset(0);display:block;height:100%;left:0;position:absolute;top:0;width:100%}#project-list .project>a:hover{color:#fff}#project-list .project .text-wrapper{bottom:40px;max-width:480px;position:absolute;right:80px;width:100%}#project-list .project h2{font-family:din-2014,noto-sans-cjk-jp,sans-serif;font-size:36px;font-size:2.25rem;font-weight:500;letter-spacing:.1rem;line-height:1.4;opacity:0;padding-left:2rem;position:relative;text-align:left;transform:translateY(40px);transition:all 2s cubic-bezier(.19,1,.22,1) .2s}#project-list .project h2:before{background-color:#fff;content:"";display:block;height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}#project-list .project p{margin-top:2rem;opacity:0;transform:translateY(40px);transition:all 2s cubic-bezier(.19,1,.22,1) .4s;width:100%}#project-list .project .img{background-position:50%;background-size:cover;display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}#project-list .project#riot .img{background-image:url(../img/project-riot.086bb0c60c532078b31e.jpg)}#project-list .project#dynaman .img{background-image:url(../img/project-dynaman.6026ec6c4c100abfcf95.jpg)}#project-list .project#easy .img{background-image:url(../img/project-easy.7e6bd64cefd1c5a42259.jpg)}#project-list .project#kakeeen .img{background-image:url(../img/project-kakeeen.8940c14d5a3429ff721f.webp)}#project-list .project.is-inview h2,#project-list .project.is-inview p{opacity:1;transform:translateY(0)}footer{padding-top:120px!important}@media screen and (max-width:959px){#project-list{padding-top:15px}#project-list .project{height:40vh;margin-bottom:15px;width:100vw}#project-list .project .text-wrapper{bottom:30px;left:40px;position:absolute;right:auto}#project-list .project h2{font-size:28px;font-size:1.75rem;padding-left:1.6rem}#project-list .project p{margin-top:1.6rem}footer{padding-top:100px!important}}@media screen and (max-width:599px){#project-list .project .text-wrapper{bottom:20px;left:20px;width:calc(100% - 40px)}#project-list .project h2{font-size:20px;font-size:1.25rem;padding-left:1.2rem}#project-list .project p{line-height:1.6;margin-top:1.2rem}footer{padding-top:80px!important}}#scroll-bar{bottom:120px}#scroll-bar .label{bottom:-72px}#project-detail #article-header{font-size:16px;font-size:1rem;margin:0 auto;max-width:900px;mix-blend-mode:exclusion;overflow:hidden;position:absolute;top:calc(60vh - 180px)}#project-detail #article-header h1{font-family:din-2014,kozuka-gothic-pr6n,sans-serif;font-size:64px;font-size:4rem;font-weight:500;line-height:1.4;margin-top:1rem;opacity:0;transform:translateY(80px);transition:all 2s cubic-bezier(.19,1,.22,1) 1s;white-space:nowrap}#project-detail #article-header .category{font-family:itc-avant-garde-gothic-pro,sans-serif;font-size:20px;font-size:1.25rem;font-weight:600;line-height:1;opacity:0;transform:translateY(80px);transition:all 2s cubic-bezier(.19,1,.22,1) 1.2s}#project-detail #article-header.is-active .category,#project-detail #article-header.is-active h1{opacity:1;transform:translateY(0)}@media screen and (min-width:2040px){#project-detail #article-header{padding-left:120px}}@media screen and (max-width:1199px){#project-detail #article-header{top:calc(60vh - 140px)}#project-detail #article-header h1{font-size:56px;font-size:3.5rem}#project-detail #article-header .category{font-size:20px;font-size:1.25rem}}@media screen and (max-width:959px){#project-detail #article-header{top:calc(60vh - 120px)}#project-detail #article-header h1{font-size:48px;font-size:3rem;margin-top:.6rem}}@media screen and (max-width:599px){#project-detail #article-header{top:calc(60vh - 110px)}#project-detail #article-header h1{font-size:40px;font-size:2.5rem;margin-top:.4rem}#project-detail #article-header .category{font-size:18px;font-size:1.125rem}}@media screen and (max-width:479px){#project-detail #article-header{top:calc(60vh - 100px)}#project-detail #article-header h1{font-size:32px;font-size:2rem}}@media screen and (max-width:359px){#project-detail #article-header h1{font-size:28px;font-size:1.75rem}}#project-detail #article-body{margin:0 auto}#project-detail #article-body .featured-img{background-color:#fff;border-radius:48px;height:60vh;margin:0 calc(50% - 50vw);overflow:hidden;width:100vw}#project-detail #article-body .featured-img>img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#project-detail #article-body .overview{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin:8rem auto 0;max-width:1140px}#project-detail #article-body .overview strong{display:block;font-size:20px;font-size:1.25rem}#project-detail #article-body .overview .lead{width:540px}#project-detail #article-body .overview .lead p{line-height:2.4}#project-detail #article-body .overview .lead .btn{margin-top:2rem;width:160px}#project-detail #article-body .overview .outline{width:calc(100% - 720px)}#project-detail #article-body .overview .outline dl{align-items:flex-start;display:flex;flex-wrap:wrap;font-size:16px;font-size:1rem;justify-content:space-between;justify-content:flex-start}#project-detail #article-body .overview .outline dl dt{line-height:2;padding-bottom:.6rem;width:120px}#project-detail #article-body .overview .outline dl dd{line-height:2;padding-bottom:.6rem;width:calc(100% - 140px)}#project-detail #article-body .point{margin-top:8rem}#project-detail #article-body .point h2 small{display:block;font-family:itc-avant-garde-gothic-pro,sans-serif;font-size:20px;font-size:1.25rem;font-weight:500}#project-detail #article-body .point h2 strong{display:block;font-family:din-2014,kozuka-gothic-pr6n,sans-serif;font-size:32px;font-size:2rem;font-weight:500;line-height:1.4;margin-top:.6rem}#project-detail #article-body .point .video{border-radius:56px;height:0;margin-bottom:4rem;margin-top:4rem;overflow:hidden;padding-top:56.25%;position:relative;width:100%}#project-detail #article-body .point .video video{height:100%;left:0;position:absolute;top:0;width:100%}#project-detail #article-body .point .img{background-color:#707070;border-radius:56px;height:0;margin-bottom:4rem;margin-top:4rem;overflow:hidden;padding-top:56.25%;position:relative;width:100%}#project-detail #article-body .point .img>img{height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:1199px){#project-detail #article-body .overview{margin:8rem auto 0;max-width:920px}#project-detail #article-body .overview .lead{width:480px}#project-detail #article-body .overview .outline{width:calc(100% - 560px)}#project-detail #article-body .overview .outline dl dt{width:110px}#project-detail #article-body .overview .outline dl dd{width:calc(100% - 130px)}}@media screen and (max-width:959px){#project-detail #article-body .overview{flex-direction:column;margin:6rem auto 0}#project-detail #article-body .overview .lead{margin:0 auto;width:100%}#project-detail #article-body .overview .lead p{font-size:18px;font-size:1.125rem;line-height:2.1}#project-detail #article-body .overview .lead .btn{margin-top:1.6rem;width:160px}#project-detail #article-body .overview .outline{margin:4rem auto 0;width:100%}#project-detail #article-body .overview .outline dl dt{line-height:1.6;padding-bottom:0;width:120px}#project-detail #article-body .overview .outline dl dd{line-height:1.6;padding-bottom:0;width:calc(100% - 140px)}#project-detail #article-body .point{margin-top:6rem}#project-detail #article-body .point h2 strong{font-size:28px;font-size:1.75rem}#project-detail #article-body .point .img,#project-detail #article-body .point .video{border-radius:48px;margin-bottom:3rem;margin-top:3rem}#project-detail #article-body .point .img{height:400px}}@media screen and (max-width:599px){#project-detail #article-body .overview{margin:4rem auto 0}#project-detail #article-body .overview .lead p{font-size:16px;font-size:1rem;line-height:2}#project-detail #article-body .overview .outline{margin:3rem auto 0;max-width:100%}#project-detail #article-body .overview .outline dl dt{line-height:1.6;padding-bottom:0;width:120px}#project-detail #article-body .overview .outline dl dd{line-height:1.6;padding-bottom:0;width:calc(100% - 140px)}#project-detail #article-body .point{margin-top:4rem}#project-detail #article-body .point h2 strong{font-size:24px;font-size:1.5rem}#project-detail #article-body .point .img,#project-detail #article-body .point .video{border-radius:40px;margin-bottom:2rem;margin-top:2rem}#project-detail #article-body .point .img{height:320px}}#project-detail #article-footer{margin:8rem auto 0;max-width:1140px;padding-bottom:10rem}#project-detail #article-footer #clients-voice{align-items:flex-start;border-radius:24px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:3rem}#project-detail #article-footer #clients-voice .profile-img{background-color:#707070;border-radius:80px;height:160px;width:160px}#project-detail #article-footer #clients-voice .comment{color:#2b2b2b;position:relative;width:calc(100% - 200px)}#project-detail #article-footer #clients-voice .comment p{color:#fff;font-size:20px;font-size:1.25rem;line-height:1.8}#project-detail #article-footer #clients-voice .comment p small{display:block;margin-top:1rem;text-align:right}#project-detail #article-footer #clients-voice .comment:before{background-image:url(../img/quote-left-duotone.874c44df440fd75f10f0.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:60px;left:-100px;position:absolute;top:-40px;width:80px}@media screen and (max-width:1199px){#project-detail #article-footer #clients-voice{padding:0 0 2rem 4rem}#project-detail #article-footer #clients-voice .comment{width:calc(100% - 200px)}#project-detail #article-footer #clients-voice .comment:before{left:-70px;top:-60px}}@media screen and (max-width:959px){#project-detail #article-footer #clients-voice .comment p{font-size:18px;font-size:1.125rem}}@media screen and (max-width:599px){#project-detail #article-footer{margin:6rem auto 0}#project-detail #article-footer #clients-voice{padding:1.2rem 0}#project-detail #article-footer #clients-voice .profile-img{border-radius:50px;height:100px;width:100px}#project-detail #article-footer #clients-voice .comment{width:calc(100% - 120px)}#project-detail #article-footer #clients-voice .comment p{font-size:16px;font-size:1rem;line-height:1.8}#project-detail #article-footer #clients-voice .comment:before{left:-10px}}@media screen and (max-width:359px){#project-detail #article-footer{margin:5rem auto 0}#project-detail #article-footer #clients-voice{padding:.8rem 0}#project-detail #article-footer #clients-voice .profile-img{border-radius:40px;height:80px;width:80px}#project-detail #article-footer #clients-voice .comment{width:calc(100% - 100px)}}canvas{display:block;left:0;position:fixed;top:0;z-index:-1}footer{padding:20px 0 100px;position:relative}#footer-nav{background-color:#141414;height:160px;margin-right:calc(50% - 50vw);position:relative;z-index:2}#footer-nav:after{animation:noise 8s steps(10) infinite;background-image:url(../img/noise.d095195e9883ee121289.png);background-repeat:repeat;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}#footer-nav ul{align-items:flex-start;align-items:center;display:flex;display:block;flex-wrap:wrap;justify-content:space-between;position:absolute;top:50%;transform:translateY(-50%);z-index:2}#footer-nav ul li{display:inline-block;padding-left:4rem}#footer-nav ul li a span{display:block;font-family:itc-avant-garde-gothic-pro,sans-serif;font-size:24px;font-size:1.5rem;font-weight:400}#footer-nav ul li a em{display:block;font-size:12px;font-size:.75rem;margin-top:.4rem}#footer-nav ul li a:hover{color:#fff}#footer-body{mix-blend-mode:exclusion}@media screen and (max-width:1199px){#footer-nav ul li{padding-left:3rem}}@media screen and (max-width:959px){footer{padding:20px 0}#footer-nav{display:none}#footer-body{text-align:center}#footer-body .company-info{display:none}#footer-body #copyright{font-size:15px;font-size:.9375rem;margin:0 auto}}#footer-body{align-items:flex-start;justify-content:space-between;margin-top:2rem}#footer-body .company-info{mix-blend-mode:exclusion}#footer-body .company-info #footer-logo{margin-right:20px;width:60px}#footer-body .company-info #footer-logo img{display:block;width:100%}#copyright{color:#fff;font-family:din-2014,sans-serif;font-size:15px;font-size:.9375rem;font-weight:400;letter-spacing:0;text-align:center}