html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}mark{font-style:italic;font-weight:bold}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 #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}.clearfix:after,header:after,#works-box:after,#footer-box:after{content:"";display:block;clear:both}*{-webkit-appearance:none}body{font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p",
 sans-serif;color:#444;background:#f4f4f4}#site-title,footer h2,#mail-box div div{font-family:"Raleway", sans-serif}a{color:#e94053}p{margin:7px 0}img{max-width:100%;height:auto}header{font-size:12px;line-height:14px;color:#ddd;background:#333;padding:10px 0}header h1{font-weight:normal;margin:10px 0 0 20px;float:left}header ul{float:right;margin-right:10px}header li{float:left;font-size:30px;list-style:none;margin:0 0 0 10px}#site-title{text-align:center;font-size:70px;text-transform:uppercase;letter-spacing:0.2em;text-indent:0.2em;font-weight:700;margin:150px 0;color:#555;text-shadow:1px 1px 0 #fff}#about-button{text-align:center;margin-bottom:100px}#about-button a{padding:10px 20px;color:#fff;background:#e94053;border:solid 1px #e94053;text-decoration:none;border-radius:50px;-webkit-transition:0.4s;transition:0.4s}#about-button a:hover{padding:10px 20px;background:#fff;color:#e94053;text-decoration:none;border-radius:50px;-webkit-transition:0.4s;transition:0.4s}#works-box{width:1060px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#works-box img{width:100%;max-width:100%;height:auto;border-bottom:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.4s;transition:0.4s}#works-box img:hover{opacity:0.7}#works-box li{width:32%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border:solid 1px #dfdfdf;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1);margin:0 2% 20px 0;font-size:14px;line-height:16px}#works-box li:nth-child(3n){margin-right:0}#works-box li p{font-size:13px;line-height:16px;padding:0 10px}#works-box li h2{color:#555;margin:15px 10px 10px}#works-box li p ~ a{text-decoration:none;display:block;text-align:right;border-top:1px dashed #eee;padding:7px 10px 5px}#works-box li p ~ a:before{content:"\f0da";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:5px}#works-box li p ~ a:hover{color:#888}#works-box>li{list-style:none}nav a{position:fixed;display:block;right:5%;bottom:0;color:#fff;background:#e94053;text-decoration:none;padding:10px;-webkit-transition:0.4s;transition:0.4s}footer{margin-top:50px;background:#eee}footer h2{font-size:30px;line-height:36px;margin:30px 0;font-weight:400}footer p{font-size:14px;line-height:16px;margin:0;margin:10px 0}#footer-box{width:1060px;padding:50px 0;margin:0 auto}#copyright{background:#333;color:#ddd;text-align:center;padding:20px 0;margin:0;font-size:12px}#mail-box{width:50%}#mail-box div div{width:20%;float:left}#mail-box input,#mail-box email,#mail-box textarea{border:solid 1px #ddd;padding:10px;width:80%;margin-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box}#mail-box input[type="submit"]{background-color:#e94053;width:auto;color:#fff;-webkit-transition:0.4s;transition:0.4s}#mail-box input[type="submit"]:hover{background-color:#555}#mail-box #form-submit{text-align:center}.mail-p{color:red;text-align:center}#about-box,#mail-box{width:48%;float:left}#about-box{margin-right:4%}.lum-lightbox-inner .lum-img{max-width:90%;height:auto}@media screen and (max-width: 1100px){#works-box,#footer-box{width:90%}}@media screen and (max-width: 900px){#about-box,#mail-box{float:none;width:100%}}@media screen and (max-width: 768px){.smart-display{display:none}#site-title{margin:80px 0;font-size:30px}#works-box li{width:48%;margin-right:2%}#works-box li:nth-child(3n){margin-right:2%}#works-box li:nth-child(2n){margin-right:0}#works-box li div div{float:none;width:100%;padding-bottom:10px}#works-box li input,#works-box li email,#works-box li textarea{width:100%}}@media screen and (max-width: 480px){#works-box li{width:100%;margin-right:0}#works-box li:nth-child(3n){margin-right:0}#works-box li:nth-child(2n){margin-right:0}}