@charset "UTF-8";
/*!
Theme Name: artarakt Theme
Description: artarakt Theme 2020
Version: 2.1
Author: artarakt
Author URI: http://artarakt.com
Version: 2.1
License: artarakt
License URI: http://artarakt.com
*/@import url("https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap");abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}img{border:0;vertical-align:top;max-width:100%}em{font-style:italic}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0}input,select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:middle}input:focus,select:focus,textarea:focus{outline:none}input[type=button],input[type=submit]{background:0;border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:button;-moz-appearance:button;appearance:button;border:none;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=button]::-webkit-search-decoration,input[type=submit]::-webkit-search-decoration{display:none}input[type=button]::focus,input[type=submit]::focus{outline-offset:-2px}body,html{width:100%;margin:0;padding:0}body{position:relative;font-size:14px;line-height:20px;letter-spacing:1px;font-family:'Didact Gothic', Arial, sans-serif;color:#808080;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5{font-weight:normal;color:black;letter-spacing:3px}p.txt{font-size:12px;line-height:20px}a{color:black;-webkit-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container{width:100%;max-width:1300px;min-width:300px;margin:0 auto;padding:60px 90px 30px;-webkit-box-sizing:border-box;box-sizing:border-box}.container .logo{margin-bottom:180px}.container .logo a{display:inline-block}.container.works .logo{margin-bottom:60px}.container nav{padding-bottom:60px}.description{margin:100px 0 60px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.description div{width:21%;margin-right:4%}.description div:last-of-type{width:40%;margin-right:0}.description div h3{margin-bottom:5px}.pc{display:block}.sp{display:none}.fade{-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;opacity:0;-ms-transform:translate(0, 0px);transform:translate(0, 0px);-webkit-transform:translate(0, 0px)}.fades{opacity:1.0;-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transform:translate(0, 0)}.delay10{-webkit-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s}.delay20{-webkit-transition-delay:2.5s;-o-transition-delay:2.5s;transition-delay:2.5s}.delay30{-webkit-transition-delay:3s;-o-transition-delay:3s;transition-delay:3s}@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-1{0%{fill:transparent}to{fill:black}}.svg-elem-1{-webkit-animation:animate-svg-fill-1 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.7s both;animation:animate-svg-fill-1 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.7s both}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-2{0%{fill:transparent}to{fill:black}}.svg-elem-2{-webkit-animation:animate-svg-fill-2 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.8s both;animation:animate-svg-fill-2 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.8s both}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-3{0%{fill:transparent}to{fill:black}}.svg-elem-3{-webkit-animation:animate-svg-fill-3 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.9s both;animation:animate-svg-fill-3 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.9s both}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-4{0%{fill:transparent}to{fill:black}}.svg-elem-4{-webkit-animation:animate-svg-fill-4 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1s both;animation:animate-svg-fill-4 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1s both}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-5{0%{fill:transparent}to{fill:black}}.svg-elem-5{-webkit-animation:animate-svg-fill-5 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.1s both;animation:animate-svg-fill-5 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.1s both}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-6{0%{fill:transparent}to{fill:black}}.svg-elem-6{-webkit-animation:animate-svg-fill-6 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.2s both;animation:animate-svg-fill-6 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.2s both}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-7{0%{fill:transparent}to{fill:black}}.svg-elem-7{-webkit-animation:animate-svg-fill-7 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.3s both;animation:animate-svg-fill-7 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.3s both}@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-8{0%{fill:transparent}to{fill:black}}.svg-elem-8{-webkit-animation:animate-svg-fill-8 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.4s both;animation:animate-svg-fill-8 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.4s both}@-webkit-keyframes animate-svg-fill-9{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-9{0%{fill:transparent}to{fill:black}}.svg-elem-9{-webkit-animation:animate-svg-fill-9 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.5s both;animation:animate-svg-fill-9 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.5s both}@-webkit-keyframes animate-svg-fill-10{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-10{0%{fill:transparent}to{fill:black}}.svg-elem-10{-webkit-animation:animate-svg-fill-10 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.6s both;animation:animate-svg-fill-10 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.6s both}@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-1{0%{fill:transparent}to{fill:black}}.svg-elem-1{-webkit-animation:animate-svg-fill-1 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s both;animation:animate-svg-fill-1 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s both}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-2{0%{fill:transparent}to{fill:black}}.svg-elem-2{-webkit-animation:animate-svg-fill-2 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9s both;animation:animate-svg-fill-2 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9s both}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-3{0%{fill:transparent}to{fill:black}}.svg-elem-3{-webkit-animation:animate-svg-fill-3 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s both;animation:animate-svg-fill-3 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s both}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-4{0%{fill:transparent}to{fill:black}}.svg-elem-4{-webkit-animation:animate-svg-fill-4 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1s both;animation:animate-svg-fill-4 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1s both}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-5{0%{fill:transparent}to{fill:black}}.svg-elem-5{-webkit-animation:animate-svg-fill-5 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.2s both;animation:animate-svg-fill-5 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.2s both}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-6{0%{fill:transparent}to{fill:black}}.svg-elem-6{-webkit-animation:animate-svg-fill-6 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.3s both;animation:animate-svg-fill-6 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.3s both}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-7{0%{fill:transparent}to{fill:black}}.svg-elem-7{-webkit-animation:animate-svg-fill-7 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.4s both;animation:animate-svg-fill-7 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.4s both}@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-8{0%{fill:transparent}to{fill:black}}.svg-elem-8{-webkit-animation:animate-svg-fill-8 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.5s both;animation:animate-svg-fill-8 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.5s both}@-webkit-keyframes animate-svg-fill-9{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-9{0%{fill:transparent}to{fill:black}}.svg-elem-9{-webkit-animation:animate-svg-fill-9 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.6s both;animation:animate-svg-fill-9 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.6s both}@-webkit-keyframes animate-svg-fill-10{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-10{0%{fill:transparent}to{fill:black}}.svg-elem-10{-webkit-animation:animate-svg-fill-10 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.7s both;animation:animate-svg-fill-10 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.7s both}@-webkit-keyframes animate-svg-fill-11{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-11{0%{fill:transparent}to{fill:black}}.svg-elem-11{-webkit-animation:animate-svg-fill-11 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.8s both;animation:animate-svg-fill-11 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.8s both}@-webkit-keyframes animate-svg-fill-12{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-12{0%{fill:transparent}to{fill:black}}.svg-elem-12{-webkit-animation:animate-svg-fill-12 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.9s both;animation:animate-svg-fill-12 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.9s both}@-webkit-keyframes animate-svg-fill-13{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-13{0%{fill:transparent}to{fill:black}}.svg-elem-13{-webkit-animation:animate-svg-fill-13 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2s both;animation:animate-svg-fill-13 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2s both}@-webkit-keyframes animate-svg-fill-14{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-14{0%{fill:transparent}to{fill:black}}.svg-elem-14{-webkit-animation:animate-svg-fill-14 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.1s both;animation:animate-svg-fill-14 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.1s both}@-webkit-keyframes animate-svg-fill-15{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-15{0%{fill:transparent}to{fill:black}}.svg-elem-15{-webkit-animation:animate-svg-fill-15 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.2s both;animation:animate-svg-fill-15 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.2s both}@-webkit-keyframes animate-svg-fill-16{0%{fill:transparent}to{fill:black}}@keyframes animate-svg-fill-16{0%{fill:transparent}to{fill:black}}.svg-elem-16{-webkit-animation:animate-svg-fill-16 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.3s both;animation:animate-svg-fill-16 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53) 2.3s both}@media screen and (max-width:1000px){.container{padding:60px 60px 0}}@media screen and (max-width:840px){.container{padding:30px 30px 0}.container .logo{margin-bottom:150px}.flex{display:block}.description div{width:100%;margin-bottom:30px}.pc{display:none}.sp{display:block}}@media screen and (max-width:420px){.container{padding:15px 15px 0}}header{width:100%;padding:60px 90px 0;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:0px;left:0px;z-index:99}header nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}header nav a{margin-left:40px}footer p{padding-bottom:15px}@media screen and (max-width:1000px){header{padding:60px 60px 0}}@media screen and (max-width:840px){header{padding:30px 30px 0}}@media screen and (max-width:840px){header{padding:15px 15px 0}}.mv h1{margin-bottom:45px}.mv .sub{margin-top:5px}.work h2,.work h3{margin-bottom:45px}.work .flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.work .flex article{width:48%}.work article{margin-bottom:50px}.work article a{display:block;opacity:1}.work article a:hover{opacity:0.6}.work article a:hover .view{opacity:1}.work article .thumb{position:relative}.work article .overlay{width:100%;height:99%;background-image:url(images/bg_overlay.png);background-repeat:repeat;position:absolute}.work article .overlay img{width:150px;height:77px;position:absolute;top:50%;left:50%;margin-top:-38px;margin-left:-75px;z-index:3}.work article .content_video{width:100%}.work article .content_video video{width:100%}.work article .box{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.work article .info h3{font-size:32px;line-height:32px;margin-bottom:20px}.work article .info h4,.work article .info h5{font-size:24px;margin-bottom:20px}.work article .info p{color:#808080}.work article .view{opacity:0;-webkit-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s;width:45px;text-align:right}.about .thumb{padding:30px 0 60px}.about .info p span{margin-left:2rem}.about .info p:first-of-type{margin-bottom:10px}.about .info p:nth-of-type(2),.about .info p:nth-of-type(3){margin-bottom:30px}.works .thumb{margin-bottom:30px}.works .info{margin-bottom:60px}.works .info h1{font-size:32px;line-height:32px;margin-bottom:20px}.works .info .url{margin-top:30px}.works .info .url a{border-bottom:1px solid black}.works .info .url a:hover{border-bottom:1px solid white}.works .gallery{margin-bottom:60px}.works .gallery .window{margin-bottom:45px;overflow-y:scroll;height:400px}.works .gallery p{margin-bottom:45px}.works .gallery .flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.works .gallery .flex p:first-of-type{margin-right:22.5px}.works .gallery .flex p:last-of-type{margin-left:22.5px}@media screen and (max-width:840px){.work .flex article{width:100%}}@media screen and (max-width:420px){.mv h1 svg{width:90%}.work h2{margin-bottom:30px}.work h2 img{width:40%}.work article .overlay img{width:100px;height:auto;margin-top:-25px;margin-left:-50px}.work article .view{display:none}.work article .box{margin-top:15px}.work article .info h3{margin-bottom:10px;font-size:21px;line-height:21px}.work article .info h4,.work article .info h5{margin-bottom:10px;font-size:21px;line-height:21px}.about h2 img{width:40%}}@media screen and (max-width:320px){.about .info p:nth-of-type(3),.about .info p:nth-of-type(4){margin-left:0px;margin-top:5px}.about .info p:last-of-type{margin-top:5px}}