@import"https://fonts.googleapis.com/css?family=Montserrat";@import"https://fonts.googleapis.com/css?family=Lato";@import"http://fonts.googleapis.com/earlyaccess/notosansjp.css";*{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0 24px;background:#fff;-webkit-animation:fadeIn 2s ease 0s 1 normal;animation:fadeIn 2s ease 0s 1 normal}.container{margin:0 auto;color:#767676;font-size:14px;font-family:"Noto Sans JP",sans-serif}.container a{color:#3cb2d5;text-decoration:none}.container a:hover{color:#8dd6ea}.container h1{font-size:2em;font-family:"Montserrat",sans-serif;line-height:1em}.container h2{font-size:1.4em}.container header{top:0;max-width:980px;padding:40px 0 20px;letter-spacing:.04em;z-index:999}.container header .headerInner{padding-bottom:10px;border-bottom:1px solid #b3b3b3}.container header #logo{display:inline-block;width:30%}.container header #logo h1 a{color:#767676}.container header #logo h1 a span{display:block;font-size:.5em}.container header nav{display:inline-block;width:70%;margin-left:-0.5em;font-size:.9em;text-align:right}.container header nav ul li{display:inline-block;margin-left:1em;font-weight:bold;text-align:center}.container header nav ul li.currentPage{color:#555}.container header nav ul li a{display:block;width:50px;-webkit-transition:all .3s;transition:all .3s;text-align:center}.container header nav ul li a:hover{text-shadow:rgba(225,225,225,.5) 0 0 5px;position:relative;-webkit-animation:nav 1.5s ease-in-out 0s infinite alternate;animation:nav 1.5s ease-in-out 0s infinite alternate}.container footer{margin-top:24px;padding:15px 0;border-top:1px solid #b3b3b3;font-size:small;clear:both}.container footer small.copyright{display:inline-block;vertical-align:middle}.container footer nav ul{margin:0 20px;text-align:right}.container footer nav ul li{display:inline-block;margin-left:15px;padding-left:15px;border-left:1px solid #b3b3b3;font-weight:bold;font-style:normal;text-align:center;vertical-align:middle}.container footer nav ul li:first-child{border:none}.container footer nav ul li a{display:inline-block}.container footer nav ul li a:hover{-webkit-animation:addressHover .4s linear 0s 1 normal;animation:addressHover .4s linear 0s 1 normal}.displayNone{display:none !important}.container{max-width:980px}.container #mainContent section{line-height:1.6em;display:block}.container #mainContent section ul li{list-style:none}.container #mainContent section#work ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:40px;margin:24px auto 0;padding:0}.container #mainContent section#work ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:300px;width:calc((100% - 80px)/3);height:210px;overflow:hidden;border-radius:7px;-webkit-box-shadow:0 6px 10px rgba(0,0,0,.2);box-shadow:0 6px 10px rgba(0,0,0,.2);-webkit-transition:all .4s ease-out;transition:all .4s ease-out}.container #mainContent section#work ul li:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.container #mainContent section#work ul li a{display:block;position:relative;width:100%;border-radius:7px}.container #mainContent section#work ul li a .title{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;display:block;padding:16px;width:100%;z-index:2000;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:1.7}.container #mainContent section#work ul li a .title:after{width:20px;height:15px}.container #mainContent section#work ul li a img{width:100%;height:auto;border-radius:7px}.container #mainContent section#work ul li a:after{content:"";display:block;position:absolute;top:0;width:100%;height:100%;background:#4b4b4b;border-radius:5px;opacity:0;z-index:1000}.container #mainContent section#work ul li a:hover{-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out;border-color:#4b4b4b}.container #mainContent section#work ul li a:hover .title{opacity:1}.container #mainContent section#work ul li a:hover:after{opacity:.9}.container #mainContent section#about figure{margin:30px 0;width:840px}.container #mainContent section#about figure img{width:150px;height:auto;float:left}.container #mainContent section#about figure figcaption{margin-left:200px}.container #mainContent section#about figure figcaption dl dt{float:left;margin-top:20px}.container #mainContent section#about figure figcaption dl dt:first-of-type{margin-top:0}.container #mainContent section#about figure figcaption dl dd{margin-top:20px;padding-left:100px}.container #mainContent section#about figure figcaption dl dd:first-of-type{margin-top:0}.container #mainContent section#about figure figcaption p{margin-top:30px}.container #mainContent section#project .projectHeader{overflow:hidden}.container #mainContent section#project .projectHeader h2{margin:1em 0 2em;font-size:1.4em;font-weight:normal}.container #mainContent section#project figure{overflow:hidden;margin:20px 0;font-size:small}.container #mainContent section#project figure .captureBox{width:560px;float:left;font-size:0;text-align:center}.container #mainContent section#project figure .captureBox .captureImg img{max-width:100%;height:auto;vertical-align:top}.container #mainContent section#project figure .captureBox .captureImg img[src$="_sp.png"]{width:250px}.container #mainContent section#project figure .captureBox .captureImg img[src$="_fp.png"]{width:180px;padding-left:0}.container #mainContent section#project figure .captureBox .captureImg img[src$="_fp.png"]:nth-child(3n+1){padding-left:0}.container #mainContent section#project figure .captureBox .captureImg img[src$="_icon.png"]{width:480px}.container #mainContent section#project figure .captureBox .captureImg.app img{padding-left:20px}.container #mainContent section#project figure .captureBox .captureImg.app img:nth-child(1){padding-left:0}.container #mainContent section#project figure .captureBox .thumb{text-align:center;height:50px;padding-left:0}.container #mainContent section#project figure .captureBox .thumb li{display:inline-block;width:60px;height:40px;overflow:hidden;margin-right:10px}.container #mainContent section#project figure .captureBox .thumb li a{border:2px solid rgba(0,0,0,0);display:block;height:36px;overflow:hidden}.container #mainContent section#project figure .captureBox .thumb li a:hover{border:2px solid #3cb2d5}.container #mainContent section#project figure .captureBox .thumb li a img{width:100%}.container #mainContent section#project figure figcaption{margin-left:640px;padding-top:50px}.container #mainContent section#project figure figcaption dl dt{margin-top:30px;padding:0 2px 5px;border-bottom:1px solid #cdcdcd;font-size:16px;color:#262626}.container #mainContent section#project figure figcaption dl dt:first-of-type{margin-top:0}.container #mainContent section#project figure figcaption dl dd{margin:4px 0 0 4px;padding:0 2px;font-size:14px}.container #mainContent section#project figure figcaption p{margin-top:30px}.container #mainContent section .pager{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:40px}.container #mainContent section .pager a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:2.8em;height:2em;margin:0 .5em;border:1px solid #3cb2d5;border-radius:8px;color:#3cb2d5;text-align:center;line-height:1}.container #mainContent section .pager a:hover{border:1px solid #8dd6ea;color:#8dd6ea}.container #mainContent section .pager a.pointeEventsNone{pointer-events:none;border-color:#cfcece;color:#cfcece}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes workHover{0%{opacity:0}100%{opacity:.7}}@keyframes workHover{0%{opacity:0}100%{opacity:.7}}@-webkit-keyframes switchBox{0%{-webkit-box-shadow:none;box-shadow:none}100%{-webkit-box-shadow:0 0 30px #000;box-shadow:0 0 30px #000}}@keyframes switchBox{0%{-webkit-box-shadow:none;box-shadow:none}100%{-webkit-box-shadow:0 0 30px #000;box-shadow:0 0 30px #000}}@media screen and (min-width: 641px)and (max-width: 960px){.container{width:100%}.container header{width:100%;left:0;padding:20px 0}.container header .headerInner{padding:10px}.container header #logo{width:60%}.container header nav{width:40%}.container footer{padding:15px 10px}.container #mainContent{margin-top:20px}.container #mainContent section{margin-top:0 !important}.container #mainContent section#work ul{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:auto;max-width:640px}.container #mainContent section#work ul li{width:calc(50% - 20px)}.container #mainContent section#work ul li:hover:after{width:100%;height:100%}.container #mainContent section#about figure{width:100%;margin-left:0;padding:0 20px}.container #mainContent section#about figure img{width:20%;height:auto;float:left;margin:0 30px 10px 0}.container #mainContent section#about figure figcaption{margin-left:0}.container #mainContent section#about figure figcaption dl dt{float:none}.container #mainContent section#about figure figcaption dl dd{margin-top:0;padding-left:0}.container #mainContent section#project{padding:0 20px}.container #mainContent section#project figure{width:100%}.container #mainContent section#project figure .captureBox{width:100%;float:none}.container #mainContent section#project figure .captureBox .captureImg img{width:70%}.container #mainContent section#project figure figcaption{margin-left:0;padding-top:50px}.pc_show{display:none}}@media screen and (max-width: 640px){.container{width:100%}.container header{width:100%;left:0;padding:20px 0}.container header .headerInner{padding:10px}.container header #logo{width:60%}.container header #logo h1{font-size:1.6em}.container header nav{width:40%}.container footer{padding:15px 10px}.container #mainContent{padding:0 10px}.container #mainContent section{margin-top:0 !important}.container #mainContent section#work ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container #mainContent section#work ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50%;min-width:320px;height:229px}.container #mainContent section#about figure{width:100%;margin-left:0}.container #mainContent section#about figure img{width:30%;height:auto;float:left;margin:0 30px 10px 0}.container #mainContent section#about figure figcaption{margin-left:0}.container #mainContent section#about figure figcaption dl dt{float:none}.container #mainContent section#about figure figcaption dl dd{margin-top:0;padding-left:0}.container #mainContent section#project figure{width:100%}.container #mainContent section#project figure .captureBox{width:100%;float:none}.container #mainContent section#project figure .captureBox .captureImg img{width:70%}.container #mainContent section#project figure figcaption{margin-left:0;padding-top:50px}.pc_show{display:none}}/*# sourceMappingURL=style.min.css.map */