html{font-size:100%;line-height:1.5em}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;*display:inline;*zoom:1;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1.5em 40px}
dfn{font-style:italic}
h1{font-size:2em;line-height:1.5em;margin-top:.75em;margin-bottom:.75em}
h2{font-size:1.5em;line-height:2em;margin-top:1em;margin-bottom:1em}
h3{font-size:1.17em;line-height:1.28205em;margin-top:1.28205em;margin-bottom:1.28205em}
h4{font-size:1em;line-height:1.5em;margin-top:1.5em;margin-bottom:1.5em}
h5{font-size:.83em;line-height:1.80723em;margin-top:1.80723em;margin-bottom:1.80723em}
h6{font-size:.67em;line-height:2.23881em;margin-top:2.23881em;margin-bottom:2.23881em}
mark{background:#FFF;color:#000}
p,pre{margin:1.5em 0}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1.5em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:1.5em 40px}
hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
form{margin:0}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;*font-family:sans-serif;*vertical-align:middle}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{margin:0 2px;border-color:#c0c0c0;border-top-width:.0625em;border-top-style:solid;padding-top:.4625em;border-bottom-width:.0625em;border-bottom-style:solid;padding-bottom:.9125em;border-left-width:.0625em;border-left-style:solid;padding-left:.875em;border-right-width:.0625em;border-right-style:solid;padding-right:.875em}
legend{border:0;padding:0;*margin-left:-7px}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.hidden{display:none !important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

html{color:#FFF;font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
html{font-size:100%;line-height:1.5em}
html{font-size:87.5%;line-height:1.5em}

.icon-mail:before{font-family:'Material Icons';content:"\E0BE";vertical-align:bottom;}
.icon-facebook:before{content:"\ea90"}
.icon-twitter:before{content:"\ea96"}
html,body{margin:0;padding:0;width:100%;height:100%}
ul,ol,li{margin:0;padding:0;list-style:none}
dl,dt,dd{margin:0;padding:0}
figure{margin:0;padding:0}
label{cursor:pointer}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;line-height:100%}
object{margin:0;padding:0;vertical-align:top}
a:link,a:visited,a:hover,a:active{color:#e6b422;text-decoration:none}
a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:.5}
.anystretch img{z-index:auto !important}
p{margin:0}
p+p{margin-top:1em}
a:focus{outline:none;border:0}
button::-moz-focus-inner{border:0}
input,textarea,button{border:0;-webkit-appearance:none}
input:focus,textarea:focus,button:focus{outline:none}
@-webkit-keyframes spinner{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes spinner{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-ms-keyframes spinner{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes spinner{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spinner{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@font-face{font-family:'MyHiragino';font-weight:normal;src:local("Hiragino Sans"),local("ヒラギノ角ゴ ProN W3"),local("Hiragino Kaku Gothic ProN")}
@font-face{font-family:'MyHiragino';font-weight:bold;src:local("Hiragino Sans"),local("ヒラギノ角ゴ ProN W6"),local("Hiragino Kaku Gothic ProN W6")}
@font-face{font-family:'MyHiragino';font-weight:800;src:local("Hiragino Sans"),local("ヒラギノ角ゴ StdN"),local("Hiragino Kaku Gothic StdN")}
@font-face{font-family:'MyYuGothic';font-weight:normal;src:local("游ゴシック Medium"),local("YuGothic-Medium"),local("Yu Gothic Medium"),local("游ゴシック体"),local("YuGothic"),local("YuGothic-Regular")}
@font-face{font-family:'MyYuGothic';font-weight:bold;src:local("游ゴシック Bold"),local("YuGothic-Bold"),local("Yu Gothic"),local("游ゴシック体"),local("YuGothic")}
@font-face{font-family:'MySansSerif';font-weight:normal;src:local("HelveticaNeue"),local("Helvetica Neue"),local("Helvetica") local("Arial")}
@font-face{font-family:'MySansSerif';font-weight:bold;src:local("HelveticaNeueBold"),local("HelveticaNeue-Bold"),local("Helvetica Neue Bold"),local("HelveticaBold"),local("Helvetica-Bold"),local("Helvetica Bold"),local("Arial Bold")}
@font-face{font-family:'MySansSerif';font-weight:900;src:local("HelveticaNeueBlack"),local("HelveticaNeue-Black"),local("Helvetica Neue Black"),local("HelveticaBlack"),local("Helvetica-Black"),local("Helvetica Black"),local("Arial Black")}

body{font-family:"Raleway","Open Sans","Roboto","source-han-sans-japanese","MyHiragino","メイリオ",Meiryo,Osaka,"MS UI Gothic","ＭＳ Ｐゴシック","MS PGothic",sans-serif;text-rendering:optimizeLegibility;font-feature-settings:"palt" 1;-webkit-font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:2px;}
.x-large{font-size:28px;font-size:2rem}
.large{font-size:21px;font-size:1.5rem}
.mid{font-size:16px;font-size:1.17rem}
.normal{font-size:14px;font-size:1rem}
.small{font-size:12px;font-size:.83rem}
.x-small{font-size:9px;font-size:.67rem}
br{letter-spacing: normal;}

@media only screen and (min-width: 641px) and (min-device-width: 768px){
	.u-br{font-size:1px;line-height:100%;text-align:left;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}
	.u-br:before{content:'\A';white-space:pre;font-size:1px;line-height:100%}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 640px), (max-width: 640px){
	.u-br--sp{font-size:1px;line-height:100%;text-align:left;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}
	.u-br--sp:before{content:'\A';white-space:pre;font-size:1px;line-height:100%}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape){
	.u-br--sp{font-size:1px;line-height:100%;text-align:left;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize}
	.u-br--sp:before{content:'\A';white-space:pre;font-size:1px;line-height:100%}
}
.u-clearfix{*zoom:1}
.u-clearfix:after{content:"";display:table;clear:both}
.is-hidden{display:none}

body{background-attachment:fixed;color:#f7eabe;background-size:100%;background-color:#241a08;}
.p-gh{position:absolute;top:3vh;left:3vw;width:95vw}
.p-gh h1{color:#fff;font-weight:900;font-family:'Raleway';letter-spacing: 3px;}
.p-gh p{margin-top:1em}
.p-gh p span{display:inline-block}
.p-gh ul{margin-top:2em}
.p-gh ul li{float:left}
.p-gh ul li a{font-size:24px;font-size:1.71429rem}
.p-gh ul li+li{margin-left:2vw}
svg#filter{display:none}
.p-projects{overflow:hidden;padding:20em 0 10em;*zoom:1}
.p-projects:after{content:"";display:table;clear:both}

.p-projects .p-project{position:relative;float:left;width:20%;padding-bottom:2em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition-property:background-color;-o-transition-property:background-color;-webkit-transition-property:background-color;transition-property:background-color;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;-webkit-transition-duration:0.6s;transition-duration:0.6s}

@media only screen and (max-width: 1920px){.p-projects .p-project{width:14.28%}
}

@media only screen and (max-width: 1680px){.p-projects .p-project{width:16.66%}
}

@media only screen and (max-width: 1440px){.p-projects .p-project{width:20%}
}

@media only screen and (max-width: 1200px){.p-projects .p-project{width:25%}
}

@media only screen and (max-width: 960px){.p-projects .p-project{width:33.33%}
}

@media only screen and (max-width: 720px){.p-projects .p-project{width:50%}
}

@media only screen and (max-width: 480px){.p-projects .p-project{width:100%}
}

.no-touch .p-projects .p-project:hover{background-color:rgba(0,0,0,0.5)}
.touch .p-projects .p-project.hover{background-color:rgba(0,0,0,0.5)}
.p-projects .p-project .p-project__wrapper{position:relative;width:100%;cursor:pointer}
.p-projects .p-project .p-project__wrapper:before{display:block;padding-top:161.8%;content:''}
.p-projects .p-project .p-project__wrapper .p-project__container{position:absolute;top:0;right:0;bottom:0;left:0}
.p-projects .p-project.nolink{pointer-events:none}
.p-projects .p-project h2{overflow:hidden;margin-top:2vh;padding:0 0 0 3vw;width:100%;height:45px;color:#fff;text-overflow:ellipsis;font-weight:bold;line-height:1.4;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:1.2em;}
.p-projects .p-project h2 span{display:inline-block}
.p-projects .p-project .p-project__url{padding:0 0 0 3vw;width:100%;white-space:nowrap;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;font-size:.8rem}
.p-projects .p-project .p-project__url a{display:inline-block;overflow:hidden;max-width:80%;text-overflow:ellipsis;vertical-align: middle;}
.p-projects .p-project .p-project__client{margin-top:1em;padding:0 0 0 3vw;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;font-size:.85714rem}
.p-projects .p-project .p-project__credit{margin-top:.5em;padding:0 3vw;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;font-size:.85714rem}
.p-projects .p-project .p-project__credit span{display:inline-block}
.p-projects .p-project .p-project__date{margin-top:.5em;padding:0 3vw;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px;font-size:.71429rem}
.p-projects .p-project .p-objects{position:absolute;bottom:2em;left:3vw;width:61.8%;will-change:transform;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;-webkit-transition-duration:0.6s;transition-duration:0.6s;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform}

@media only screen and (max-width: 480px){.p-projects .p-project .p-objects{bottom:19.1%;left:19.1%}
}

.p-projects .p-project .p-objects:before{display:block;padding-top:100%;content:''}
.p-projects .p-project .p-objects .p-objects__wrapper{position:absolute;top:0;right:0;bottom:0;left:0;filter:url("#goo");-moz-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.p-projects .p-project .p-objects .p-objects__wrapper .p-object{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.p-projects .p-project .p-objects .p-objects__wrapper .p-object.p-object--image{z-index:999;overflow:hidden;-moz-border-radius-topleft:50%;-webkit-border-top-left-radius:50%;border-top-left-radius:50%;-moz-border-radius-topright:50%;-webkit-border-top-right-radius:50%;border-top-right-radius:50%;-moz-border-radius-bottomleft:50%;-webkit-border-bottom-left-radius:50%;border-bottom-left-radius:50%;-moz-border-radius-bottomright:50%;-webkit-border-bottom-right-radius:50%;border-bottom-right-radius:50%}
.p-projects .p-project .p-objects .p-objects__wrapper .p-object.p-object--image div{z-index:999;width:100%;height:100%;}
.p-projects .p-project .p-objects .p-objects__wrapper .p-object.p-object--over{z-index:1;mix-blend-mode:soft-light;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:.5}
.ua-ie .p-projects .p-project .p-objects .p-objects__wrapper .p-object.p-object--over{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);opacity:.2}
.ua-edge .p-projects .p-project .p-objects .p-objects__wrapper .p-object.p-object--over{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);opacity:.2}
.p-projects .p-project:hover .p-objects{-moz-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}
.p-gf{margin:0 auto;padding:0 0 1em 3vw;font-size:10px;}