:root{--main-text-color:#444;--main-bg-color:#fff;--main-bg-color-rgb:255, 255, 255;--sub-bg-color:#fafafa;--text-shadow-color:rgba(0,0,0,.35);--box-shadow-color:rgba(64,64,64,.4)}@media (prefers-color-scheme:dark){:root{--main-text-color:#fff;--main-bg-color:#222;--main-bg-color-rgb:34, 34, 34;--sub-bg-color:#2a2a2a;--text-shadow-color:rgba(255,255,255,.35);--box-shadow-color:rgba(191,191,191,.4)}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{font-family:ヒラギノ角ゴシック,suns-serif;font-size:62.5%}body{background:var(--main-bg-color);color:var(--main-text-color);letter-spacing:.08em;line-height:1.5}.knockout{height:200vh}.container{clip:rect(0, auto, auto, 0);width:100%;height:100vh;-webkit-mask-image:-webkit-linear-gradient(top, var(--main-bg-color) 0%, var(--main-bg-color) 100%);position:absolute;left:0;overflow:hidden}.container .title-wrapper{width:100%;position:fixed;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.container .title-wrapper h1{text-align:center;font-size:6rem}.container--solid{background-color:var(--main-bg-color);top:0}.container--solid .title-wrapper h1{-webkit-text-fill-color:transparent;text-fill-color:transparent;color:#000;background-image:url(cover.c1a5b96d.jpg);background-position:50%;background-size:cover;-webkit-background-clip:text;background-clip:text}.container--image{z-index:0;top:100vh}.container--image:before{content:"";background-image:url(cover.c1a5b96d.jpg);background-position:50%;background-size:cover;width:100%;height:100vh;display:block;position:absolute;top:0;left:0}.container--image .title-wrapper h1{color:var(--main-bg-color);text-shadow:2px 2px rgba(0,0,0,.3)}.nav-sticky{background-color:var(--main-bg-color);position:relative}.nav{z-index:2;-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;width:100%;padding-top:20px;padding-bottom:20px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;position:sticky;top:0;left:0}.nav__logo{margin-left:20px}.nav__logo:hover{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-transform:rotate(360deg)scale(1.2);-moz-transform:rotate(360deg)scale(1.2);-ms-transform:rotate(360deg)scale(1.2);transform:rotate(360deg)scale(1.2)}.nav__items{-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;margin-left:auto;margin-right:20px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}.nav__item{padding-left:.3em;padding-right:.3em;font-size:1.8rem}.nav__item:nth-child(n+2){margin-top:30px}.nav__link{color:var(--main-text-color);text-decoration:none;position:relative}.nav__link:before,.nav__link:after{content:"";background:var(--main-text-color);width:0;height:2px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;display:block;position:absolute}.nav__link:before{top:-10px;left:0}.nav__link:after{bottom:-10px;right:0}.nav__link:hover:before,.nav__link:hover:after{width:100%}.nav__link--shadow{text-shadow:1px 1px 0 var(--text-shadow-color)}.hero{background-color:var(--main-bg-color);background-image:url(bg-logo.bdccfd1b.png);background-position:40% 240px;background-repeat:no-repeat;width:100%;height:100vh;margin-bottom:50px;padding-top:35vh}.hero:before,.hero:after{content:"";display:table}.hero--fixed{z-index:-1;position:fixed;top:0;left:0}.hero--fixed+.wrapper,.hero--fixed+.contents{background:linear-gradient(to bottom, rgba(var(--main-bg-color-rgb), 0) 0%, var(--main-bg-color) 2.5%, var(--main-bg-color) 100%);margin-top:100vh}.hero--fadeIn .hero__title{-webkit-animation:.7s ease-out both fadeIn;-moz-animation:.7s ease-out both fadeIn;animation:.7s ease-out both fadeIn}.hero--fadeIn .hero__message{-webkit-animation:.7s ease-out .1s both fadeIn;-moz-animation:.7s ease-out .1s both fadeIn;animation:.7s ease-out .1s both fadeIn}.hero__title{margin:0 30px 30px;font-size:3rem;font-weight:700}.hero__message{margin:30px;font-size:2.5rem;font-weight:400}.wrapper{background:var(--main-bg-color)}.wrapper:before,.wrapper:after{content:"";display:table}.contents{background:var(--main-bg-color);margin-bottom:100px}.contents:before,.contents:after{content:"";display:table}.contents--fixed-banner{background:initial;height:35vh;margin:0}.contents--fixed-banner .contents__body{z-index:-1;width:100%;height:60%;position:fixed;top:40%;left:0}.contents__title{z-index:1;margin:0 20px;font-size:3rem;font-weight:700;position:sticky;top:20px}.contents__title--shadow{text-shadow:3px 3px 0 var(--text-shadow-color)}.work{-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-moz-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;margin:0 20px;list-style:none;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}.work__item{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;width:100%;margin-top:30px}.work__item:hover .work__image{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);transform:scale(1.06)}.work__item--fadeIn .work__frame{-webkit-transition:-webkit-transform .7s,-moz-transform .7s,-ms-transform .7s,transform .7s;-moz-transition:-webkit-transform .7s,-moz-transform .7s,-ms-transform .7s,transform .7s;transition:-webkit-transform .7s,-moz-transform .7s,-ms-transform .7s,transform .7s;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}.work__link{color:var(--main-text-color);text-decoration:none}.work__frame{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);transform:rotateX(90deg)}.work__image{border-radius:4px;width:100%;max-width:100%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.work__title,.work__service,.work__info{text-align:center;font-size:1.4rem}.work__title{margin-top:.6em}.work__service{margin-top:.3em}.work__info{display:none}.work__info b{display:block}.work__description{margin-top:20px}.photo{-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}.photo__main{width:100%;margin-top:30px;position:relative}.photo__main:before{content:"";width:0;height:0;padding-top:66.679%;display:block}.photo__thumbs{scroll-snap-type:x mandatory;scroll-behavior:smooth;white-space:nowrap;margin-top:20px;padding-bottom:15px;list-style:none;overflow-x:auto}.photo__thumb{cursor:pointer;width:29.866%;height:auto;margin-right:20px;display:inline-block;position:relative}.photo__thumb:before{content:"";width:0;height:0;padding-top:66.679%;display:block}.photo__thumb:first-child{margin-left:20px}.photo__frame{background:var(--sub-bg-color);width:100%;height:100%;position:absolute;top:0;left:0}.photo__image{max-width:100%;max-height:100%;margin:0 auto;display:block}.link{-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:0 20px;list-style:none;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex}.link__item{-webkit-flex-shrink:0;flex-shrink:0;width:50%;margin-top:20px}.link__link{color:var(--main-text-color);font-size:1.8rem;text-decoration:none}.video{width:100%;height:100%;position:relative;overflow:hidden}.video video{min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.footer{background:var(--main-bg-color);text-align:center;margin-top:100px;padding:20px 0}.footer__copyright{font-size:1rem}@media screen and (min-width:768px){.container .title-wrapper h1{font-size:10rem}.nav{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;padding-top:30px;padding-bottom:30px}.nav__logo{margin-left:30px}.nav__items{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;margin-right:30px}.nav__item:nth-child(n+2){margin-top:0;margin-left:30px}.hero{background-position:right -190px top 50px;padding-top:40vh}.hero__title{margin:0 40px 30px}.hero__message{width:40.833%;margin:30px 40px;font-size:2rem}.contents{margin-bottom:80px}.contents__title{margin:0 30px;top:30px}.work{margin:0 30px}.work__item:nth-child(odd) .work__frame{float:right;margin-left:4.918%}.work__item:nth-child(odd) .work__title,.work__item:nth-child(odd) .work__task,.work__item:nth-child(odd) .work__description{text-align:right}.work__item:nth-child(2n) .work__frame{float:left;margin-right:4.918%}.work__item:nth-child(2n) .work__title,.work__item:nth-child(2n) .work__task,.work__item:nth-child(2n) .work__description{text-align:left}.work__frame{width:47.54%}.work__title,.work__service,.work__info{font-size:1.6rem}.work__title b,.work__service b,.work__info b{margin-bottom:4px;font-weight:700;display:block}.work__title{margin-top:30px}.work__info{display:block}.work__task{margin:20px 0}.photo{margin:30px 30px 0;display:block;position:relative}.photo:before{content:"";width:0;height:0;padding-top:50%;display:block}.photo__main{width:75%;margin-top:0;position:absolute;top:0;left:0}.photo__thumbs{width:21.89%;height:100%;overflow-y:initial;scroll-snap-type:y mandatory;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;margin-top:0;padding-bottom:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;position:absolute;top:0;right:0;overflow-y:auto}.photo__thumb{width:100%;margin-right:0}.photo__thumb:first-child{margin-left:0}.photo__thumb:nth-child(n+2){margin-top:30px}.link{-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;margin:0 30px}.link__item{margin-top:15px}.link__link{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}.link__link:hover{letter-spacing:.3em;text-shadow:.3em .2em 0 var(--text-shadow-color);font-weight:700}.footer{margin-top:80px}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=portfolio.7c23850b.css.map */