*,*::before,*::after{box-sizing:border-box}a{text-decoration:none;color:inherit;cursor:pointer}button{background-color:transparent;color:inherit;border-width:0;padding:0;cursor:pointer}figure{margin:0}input::-moz-focus-inner{border:0;padding:0;margin:0}ul,ol,dd{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}p{margin:0}cite{font-style:normal}fieldset{border-width:0;padding:0;margin:0}body,html{width:100%;height:100%;margin:0;padding:0}body{overflow-x:hidden;font-family:"Sawarabi Gothic"}img{max-width:100%}.en{font-family:'Open Sans', 'Arial', sans-serif;font-weight:300}.fadeIn{opacity:0;transition:opacity 800ms ease-out}.fadeIn.active{opacity:1}header{display:flex;width:100%;padding:2.8em 0 2em;font-size:.9rem}header h1{margin:0;padding-left:2.8em}header h1 img{width:320px}header h1 a{cursor:pointer}header nav{display:flex;margin-left:auto}header nav ul{display:flex;margin-right:2em}header nav ul.pages li{margin:0 1em;position:relative;width:66px;height:24px}header nav ul.lang{margin:auto 1em}header nav ul.lang li{margin:0 .2em;position:relative;width:44px;height:24px}header nav ul.lang li:before{display:inline-block;content:"|";padding-right:1em}header nav ul.lang li:first-child:before{content:"";padding-right:1.2em}main{padding:2em 4em}#works-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));grid-gap:16px;width:100%}#works-list li{width:100%;height:480px;padding:1em;position:relative;margin-bottom:1.8em}#works-list li a{position:relative;display:block;height:100%;width:100%}#works-list li a .thumb img{width:100%;border:1px solid #fff;transform:scale(1);transition:all .2s ease-out}#works-list li a h3{margin:.4em auto;font-size:1rem;min-height:32px}#works-list li a .description{margin-top:2em}#works-list li a .description li{line-height:1.5;font-size:.9rem;color:#aaa;margin:0;padding:0}#works-list li a .readmore{position:absolute;bottom:0;left:0;font-size:.8rem;color:#999}#works-list li a .readmore:after{position:relative;top:-10px;content:"";display:inline-block;width:100%;background:#999;height:1px}#works-list li a:hover .thumb img{transform:scale(1.02);opacity:.95}footer{text-align:center;padding:3em 0}footer p{font-family:Arial, Helvetica, sans-serif;font-size:.6rem;line-height:1}#project{padding:0}#project .pj-container{width:80%;margin:4em auto}#project .pj-container .pj-img{margin:3em auto}#project .pj-container .pj-img img{max-width:100%;opacity:1;transition:opacity 500ms ease-out}#project .pj-container .pj-img img:hover{opacity:.9}#project .pj-container .pj-title{margin-bottom:4em}#project .pj-container .pj-title h1{font-size:3rem;line-height:1.2}#project .pj-container .pj-title h1 i{display:block;font-style:normal}#project .pj-container .pj-title ul{margin-top:1em}#project .pj-container .pj-title ul li{margin:.1em 0;font-size:1rem}#project .pj-container .pj-body h2{font-weight:400;font-size:1.6rem;margin-bottom:2em}#project .pj-container .pj-body h2 .small{font-size:1.2rem}#project .pj-container .pj-body h3{font-weight:500;font-size:1.4rem;margin-bottom:1em}#project .pj-container .pj-body h5{font-weight:500;font-size:1.2rem;margin-bottom:.8em}#project .pj-container .pj-body p{font-size:1rem;line-height:1.8;margin-bottom:3em}#project .pj-container .pj-body a{color:#1db8d3}.backToIndex{margin:8em auto 4em;text-align:center}.backToIndex a:before{content:"";display:inline-block;width:14px;height:1px;background:#000;margin-right:4px}