body{margin:0 3rem;min-height:100vh}@media screen and (max-width: 768px){body{margin:0 1rem}}h1,h2,h3,h4,h5,h6,ul,ol,dl,p{margin:0}ul,ol{list-style:none;padding:0}dt,dd{margin:0;padding:0}a:link,a:visited{text-decoration:none;position:relative}img{line-height:1}input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="password"],textarea{border:none;border-bottom:1px solid #333;width:100%;line-height:1.8rem;box-sizing:border-box;padding-bottom:1.8rem;background:transparent}input[type="text"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="password"]:focus,textarea:focus{outline:none;background:#eee}@media screen and (max-width: 768px){input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="password"],textarea{border:none;background:#eee;padding:.9rem}}input[type="email"],input[type="number"],input[type="tel"]{letter-spacing:0.05em}input[type="checkbox"],input[type="radio"]{margin-right:0.5em}input[type="button"],input[type="submit"]{background:none;border:none;border-bottom:1px solid #333;padding:1.8rem 0;border-radius:0;-webkit-appearance:none}input[type="button"]:focus,input[type="button"]:active,input[type="submit"]:focus,input[type="submit"]:active{outline:none}@media screen and (min-width: 769px){input[type="button"]:hover,input[type="submit"]:hover{background:#eee;padding-right:4em}}@media screen and (min-width: 769px){a:hover{color:#333}}#site-header .current,#site-header a,#config .current,#config a{position:relative}#site-header .current:before,#site-header a:before,#config .current:before,#config a:before{content:"";display:block;width:3px;height:3px;left:-9px;top:.5em;position:absolute;background:#333;border:1px solid #333;border-radius:50%}#site-header a:before,#config a:before{display:none}@media screen and (min-width: 769px){#site-header a:hover:before,#config a:hover:before{display:block;background:#fff}#site-header a.current:hover:before,#config a.current:hover:before{background:#333}}#site-header h1 a:hover:before,#config h1 a:hover:before{display:none}#site-header #config-open,#site-header #config-close,#config #config-open,#config #config-close{cursor:pointer;overflow:hidden}#site-header #config-open i,#site-header #config-close i,#config #config-open i,#config #config-close i{transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s, -webkit-transform 0.2s}@media screen and (min-width: 769px){#site-header #config-open:hover i,#site-header #config-close:hover i,#config #config-open:hover i,#config #config-close:hover i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}#site-header{padding-top:1.8rem;padding-bottom:12.6rem}#site-header .col{position:relative}#site-header #speciality{position:relative}#site-header #speciality .for{position:absolute;left:0;top:0}#site-header #config-open{position:absolute;right:1rem;top:0}@media screen and (min-width: 769px){.configshown #site-header{padding-top:7.2rem}}@media screen and (max-width: 768px){#site-header{padding-bottom:0}#site-header #config-open{display:none}#site-header .site-genre{padding-left:0}#site-header .site-ttl{margin-bottom:3.6rem}#site-header .site-ttl a:before{display:none}.menushown #site-header .site-ttl{margin-bottom:1.8rem}#site-header .site-tagline,#site-header .site-genre{float:left}#site-header .site-nav{float:right !important}}@media screen and (max-width: 768px) and (min-width: 426px){#site-header{margin-bottom:3.6rem}#site-header .site-nav{position:absolute;left:50%;top:7.2rem}}@media screen and (min-width: 769px){#config{height:0;background:#fff;padding-left:3rem;padding-right:3rem;margin-left:-3rem;margin-right:-3rem;overflow:hidden;border:none;position:absolute;top:0;width:100%;z-index:9}.configshown #config{height:auto;border-bottom:1px solid #333}}#config #config-close{position:absolute;right:4rem;top:1.8rem;cursor:pointer}@media screen and (max-width: 768px){#config #config-close{display:none}}#config .lang{padding-top:1.8rem;padding-bottom:1.8rem}#config .lang .current{padding-right:1.25rem}@media screen and (max-width: 768px){#config .lang .current{display:none}}#config .font-size-ttl{width:15%;float:left;margin-right:4%;padding-top:1.8rem;padding-bottom:1.8rem;white-space:nowrap}@media screen and (max-width: 768px){#config{margin-bottom:3.6rem}#config .blank,#config .config-textsize{display:none}}@media screen and (max-width: 768px) and (min-width: 426px){#config{position:absolute;top:5.4rem;left:75%}}#fontsize{float:right;width:70%;margin-top:0.9rem;padding:0 5%}#fontsize .fontsize-inner{position:relative;height:3.6rem}#fontsize .fontsize-inner:before,#fontsize .fontsize-inner:after{content:"";display:block;position:absolute;top:50%;left:0px;-webkit-transform:translateY(-3px);transform:translateY(-3px);width:1px;height:7px;background:#333;z-index:3}#fontsize .fontsize-inner:after{left:auto;right:0px}#fontsize .fontsize-inner .line{content:"";display:block;position:absolute;width:100%;height:1px;background:#333;left:0;top:50%}#fontsize .fontsize-inner .dot{position:absolute;top:50%;left:50%;-webkit-transform:translate(-9px, -50%);transform:translate(-9px, -50%);width:18px;height:18px;border-radius:50%;background:#333;cursor:-webkit-grab;cursor:grab;z-index:4}#fontsize .fontsize-inner .dot:before{content:"";display:block;width:36px;height:36px;left:-9px;top:-9px;position:absolute}#fontsize .fontsize-inner .dot.grabbing{cursor:-webkit-grabbing;cursor:grabbing}@media screen and (max-width: 768px){.site-tagline,.site-genre,.site-nav,#config{display:none}.menushown .site-tagline,.menushown .site-genre,.menushown .site-nav,.menushown #config{display:block}#showmenu{width:1.8rem;height:1.8rem;position:absolute;right:1em;top:1.8rem}#showmenu span{display:block;width:100%;height:1px;background:#333;margin-top:.45rem;position:relative}#showmenu span:before,#showmenu span:after{content:"";display:block;width:1.8rem;height:1px;background:#333;position:absolute;top:4px;left:0}#showmenu span:after{top:8px}.menushown #showmenu span{-webkit-transform:rotate(45deg) translate(0, 3px);transform:rotate(45deg) translate(0, 3px)}.menushown #showmenu span:before{-webkit-transform:rotate(90deg) translate(-4px, 0px);transform:rotate(90deg) translate(-4px, 0px)}.menushown #showmenu span:after{display:none}}#site-footer{margin-top:14.4rem;padding-bottom:1.8rem}.clearfix:before,.row:before,#contact dl.contact-form:before,.clearfix:after,.row:after,#contact dl.contact-form:after{content:" ";display:table}.clearfix:after,.row:after,#contact dl.contact-form:after{clear:both}.clearfix,.row,#contact dl.contact-form{*zoom:1}@media screen and (min-width: 769px){body .mobile{display:none}}@media screen and (max-width: 768px){body .desktop{display:none}}#work-list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}#work-list li{margin-bottom:1.8rem;float:none}#work-list li.hidden{display:none}#work-list li a{display:block;position:relative}#work-list li .img{overflow:hidden;margin-bottom:.45rem;background:#eee;padding:3.6rem;position:relative}#work-list li .img img{width:100%;vertical-align:bottom;box-sizing:border-box;line-height:1}#work-list li .img .scroll{overflow:hidden;position:relative}#work-list li .img .scroll:before{content:"";display:block;padding-top:66.66666%;position:relative}#work-list li .img .scroll img{position:absolute;left:0;top:0}#work-list li .img .movie{position:absolute;left:0px;top:0;width:100%;height:100%;box-sizing:border-box;padding:3.6rem;opacity:0}@media screen and (min-width: 769px){#work-list li a:hover .img{background:#000}#work-list li a:hover .img .movie{opacity:1}}@media screen and (max-width: 768px) and (min-width: 426px){#work-list li{width:49.99998% !important;float:left}#work-list li:nth-child(2n+3){clear:both !important}}@media screen and (max-width: 768px){#work-list .col{width:100% !important}#work-list li.col{width:50% !important}#work-list li.col .img{padding:1.8rem}#work-list li.col.img-first{width:100% !important}#work-list.genresorted li.col{width:100% !important}}.page-wrapper a{border-bottom:1px solid #333;padding-left:0.25rem;padding-right:0.25rem}.page-wrapper p,.page-wrapper dl,.page-wrapper h2{max-width:42rem;text-align:justify;margin-bottom:1.8rem}.page-wrapper h2{display:inline-block;border-bottom:1px solid #333;padding-bottom:.45rem;padding-top:1.35rem;margin:1.8rem 0 1.8rem}.page-wrapper dl dt::after{content:":"}.page-wrapper dl dd{margin-bottom:1.8rem}@media screen and (min-width: 769px){.page-wrapper a:hover{background:#eee}}@media screen and (max-width: 768px){.page-wrapper .col{margin-bottom:1.8rem}}@media screen and (max-width: 768px) and (min-width: 426px){.page-wrapper p,.page-wrapper dl{margin-left:auto}}#work-single .ttl{margin-bottom:3.6rem}#work-single .data{margin-bottom:3.6rem}#work-single .data dd{margin-bottom:1.8rem}#work-single .desc{padding-right:4rem}#work-single .img{margin-bottom:3.6rem}#work-single .img img{max-width:100%;vertical-align:bottom}#work-single .img video{max-width:100%;height:auto}#work-single .img.border img,#work-single .img.border video{border:1px solid #333}@media screen and (max-width: 768px){#work-single .ttl,#work-single .data{margin-bottom:1.8rem}#work-single .desc{padding:0}}@media screen and (max-width: 768px) and (min-width: 426px){#work-single .ttl{margin-bottom:3.6rem}#work-single .data{float:left;width:33.33%;box-sizing:border-box;padding-right:1em;margin-bottom:1.8rem}#work-single .desc{float:left;width:66.66%;margin-bottom:1.8rem}#work-single .img{clear:both}}#contact dl.contact-form{max-width:none}#contact dl.contact-form dt{clear:both}#contact dl.contact-form dd{margin-bottom:5.4rem}@media screen and (max-width: 768px){#contact dl.contact-form dt{margin-bottom:0}#contact dl.contact-form dd{margin-bottom:1.8rem}}html{font-size:13px}body{font-family:'ClassicGrotesqueW01-Rg', "dnp-shuei-gothic-gin-std", sans-serif;position:relative;line-height:1.8rem;-webkit-font-smoothing:subpixel-antialiased}body,body a:link,body a:visited{color:#fff}body.fontloaded,body.fontloaded a:link,body.fontloaded a:visited,body.fontunloaded,body.fontunloaded a:link,body.fontunloaded a:visited{color:#333}.en{font-size:106%;padding-right:0.05em;padding-left:0.05em;vertical-align:-2%}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}.row .col{float:left;box-sizing:border-box;padding-right:1rem;padding-left:1rem}.row .col.grid1of6{width:16.66666%}.row .col.grid2of6{width:33.33332%}.row .col.grid2of6:nth-child(3n+4){clear:left}.row .col.grid3of6{width:49.99998%}.row .col.grid4of6{width:66.66664%}.row .col.grid4of6 .grid1of4{width:25%;padding-left:0}.row .col.grid4of6 .grid3of4{width:75%}.row .col.grid5of6{width:83.3333%}.row .col.grid6of6{width:99.99996%;float:none}@media screen and (max-width: 768px){.row .col{float:none;width:auto !important;clear:none !important}.row .col .grid1of4{padding-left:0 !important}.row .col .grid3of4{padding-left:0 !important}.row .col.blank{display:none}}@media screen and (min-width: 1800px){.row .col.grid2of6{width:16.66666%}.row .col.grid2of6:nth-child(6n+7){clear:left}}@media screen and (max-width: 768px) and (min-width: 426px){.row .col.grid4of6 .grid1of4{width:25% !important;padding-left:0 !important;float:left !important}.row .col.grid4of6 .grid3of4{width:75% !important;float:left !important}}#grid{display:none;position:absolute;width:100%;padding:0 3rem;height:100%;left:-3rem;top:0;z-index:-1;background-size:100% 1.8rem;background-image:linear-gradient(to bottom, transparent 0%, transparent 94%, #333 97%, transparent 100%)}#grid .col{position:relative;height:100%;box-sizing:border-box}#grid .col:before{display:block;content:"";width:1px;height:100%;background:#333;position:absolute;left:1rem;top:0}.mt-0{margin-top:0 !important}.mt-half{margin-top:.9rem !important}.mt-1{margin-top:1.8rem !important}.mt-2{margin-top:3.6rem !important}.mt-3{margin-top:5.4rem !important}.mb-0{margin-bottom:0 !important}.mb-half{margin-bottom:.9rem !important}.mb-1{margin-bottom:1.8rem !important}.mb-1half{margin-bottom:2.7rem !important}.mb-2{margin-bottom:3.6rem !important}.mb-3{margin-bottom:5.4rem !important}.mb-4{margin-bottom:7.2rem !important}.pt-0{padding-top:0 !important}.pb-0{padding-bottom:0 !important}.pb-half{padding-bottom:.9rem !important}.pt-half{padding-top:.9rem !important}.pt-1{padding-top:1.8rem !important}.pt-1half{padding-top:2.7rem !important}.pt-2{padding-top:3.6rem !important}.pb-1{padding-bottom:1.8rem !important}.pb-1half{padding-bottom:2.7rem !important}.pb-2{padding-bottom:3.6rem !important}.material-icons{font-family:'Material Icons';display:inline-block;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;font-size:116% !important;line-height:1.8rem !important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}