@charset "UTF-8";: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,0.35);--box-shadow-color:rgba(64,64,64,0.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:hsla(0,0%,100%,0.35);--box-shadow-color:hsla(0,0%,74.9%,0.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{height:100vh;width:100%;clip:rect(0,auto,auto,0);-webkit-mask-image:-webkit-linear-gradient(top,var(--main-bg-color),var(--main-bg-color));overflow:hidden;position:absolute;left:0}.container .title-wrapper{width:100%;position:fixed;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.container .title-wrapper h1{font-size:6rem;text-align:center}.container--solid{background-color:var(--main-bg-color);top:0}.container--solid .title-wrapper h1{background-image:url(cover.3cc7c701.jpg);-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:50%;-webkit-text-fill-color:rgba(0,0,0,0);text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;color:#000}.container--image{top:100vh;z-index:0}.container--image:before{content:"";display:block;width:100%;height:100vh;position:absolute;top:0;left:0;background-image:url(cover.3cc7c701.jpg);-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:50%}.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{width:100%;padding-top:20px;padding-bottom:20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:2}.nav__logo{margin-left:20px}.nav__logo:hover{-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-transform:rotate(1turn) scale(1.2);-moz-transform:rotate(1turn) scale(1.2);-ms-transform:rotate(1turn) scale(1.2);-o-transform:rotate(1turn) scale(1.2);transform:rotate(1turn) scale(1.2)}.nav__items{margin-right:20px;margin-left:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}.nav__item{padding-right:.3em;padding-left:.3em;font-size:1.8rem}.nav__item:nth-child(n+2){margin-top:30px}.nav__link{position:relative;color:var(--main-text-color);text-decoration:none}.nav__link:after,.nav__link:before{content:"";height:2px;width:0;background:var(--main-text-color);display:block;position:absolute;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.nav__link:before{top:-10px;left:0}.nav__link:after{right:0;bottom:-10px}.nav__link:hover:after,.nav__link:hover:before{width:100%}.nav__link--shadow{text-shadow:1px 1px 0 var(--text-shadow-color)}.hero{height:100vh;width:100%;background-color:var(--main-bg-color);background-image:url(bg-logo.b521e89c.png);background-position:left 40% top 240px;background-repeat:no-repeat;margin-bottom:50px;padding-top:35vh}.hero:after,.hero:before{content:"";display:table}.hero--fixed{position:fixed;top:0;left:0;z-index:-1}.hero--fixed+.contents,.hero--fixed+.wrapper{margin-top:100vh;background:-webkit-gradient(linear,left top,left bottom,from(rgba(var(--main-bg-color-rgb),0)),color-stop(2.5%,var(--main-bg-color)),to(var(--main-bg-color)));background:-webkit-linear-gradient(top,rgba(var(--main-bg-color-rgb),0),var(--main-bg-color) 2.5%,var(--main-bg-color));background:-moz-linear-gradient(top,rgba(var(--main-bg-color-rgb),0) 0,var(--main-bg-color) 2.5%,var(--main-bg-color) 100%);background:-o-linear-gradient(top,rgba(var(--main-bg-color-rgb),0) 0,var(--main-bg-color) 2.5%,var(--main-bg-color) 100%);background:linear-gradient(180deg,rgba(var(--main-bg-color-rgb),0) 0,var(--main-bg-color) 2.5%,var(--main-bg-color))}.hero--fadeIn .hero__title{-webkit-animation:fadeIn .7s ease-out both;-moz-animation:fadeIn .7s ease-out both;-o-animation:fadeIn .7s ease-out both;animation:fadeIn .7s ease-out both}.hero--fadeIn .hero__message{-webkit-animation:fadeIn .7s ease-out .1s both;-moz-animation:fadeIn .7s ease-out .1s both;-o-animation:fadeIn .7s ease-out .1s both;animation:fadeIn .7s ease-out .1s both}.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:after,.wrapper:before{content:"";display:table}.contents{background:var(--main-bg-color);margin-bottom:100px}.contents:after,.contents:before{content:"";display:table}.contents--fixed-banner{height:35vh;margin:0;background:initial}.contents--fixed-banner .contents__body{height:60%;width:100%;position:fixed;top:40%;left:0;z-index:-1}.contents__title{margin:0 20px;font-size:3rem;font-weight:700;position:-webkit-sticky;position:sticky;top:20px;z-index:1}.contents__title--shadow{text-shadow:3px 3px 0 var(--text-shadow-color)}.work{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;list-style:none;margin:0 20px}.work__item{width:100%;margin-top:30px;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.work__item:hover .work__image{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06);transform:scale(1.06)}.work__item--fadeIn .work__frame{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transition:-webkit-transform .7s ease;transition:-webkit-transform .7s ease;-o-transition:-o-transform .7s ease;-moz-transition:transform .7s ease,-moz-transform .7s ease;transition:transform .7s ease;transition:transform .7s ease,-webkit-transform .7s ease,-moz-transform .7s ease,-o-transform .7s ease}.work__link{color:var(--main-text-color);text-decoration:none}.work__frame{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}.work__image{width:100%;max-width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.work__info,.work__service,.work__title{font-size:1.4rem;text-align:center}.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{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.photo__main{width:100%;margin-top:30px;position:relative}.photo__main:before{content:"";display:block;width:0;height:0;padding-top:66.679%}.photo__thumbs{margin-top:20px;padding-bottom:15px;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;white-space:nowrap;list-style:none}.photo__thumb{width:29.866%;height:auto;display:inline-block;margin-right:20px;position:relative;cursor:pointer}.photo__thumb:before{content:"";display:block;width:0;height:0;padding-top:66.679%}.photo__thumb:first-child{margin-left:20px}.photo__frame{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--sub-bg-color)}.photo__image{display:block;margin:0 auto;max-height:100%;max-width:100%}.link{margin:0 20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none}.link__item{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-top:20px;width:50%}.link__link{color:var(--main-text-color);font-size:1.8rem;text-decoration:none}.video{height:100%;width:100%;overflow:hidden;position:relative}.video:before{content:"";display:block;width:100%;height:100%;background:-webkit-radial-gradient(rgba(0,0,0,0) 60%,#444 0);background:-moz-radial-gradient(rgba(0,0,0,0) 60%,#444 0);background:-o-radial-gradient(rgba(0,0,0,0) 60%,#444 0);background:radial-gradient(rgba(0,0,0,0) 60%,#444 0);-webkit-background-size:5px 5px;-moz-background-size:5px 5px;background-size:5px 5px;background-position:0 0;position:absolute;top:0;left:0;z-index:1}.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%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.footer{background:var(--main-bg-color);margin-top:100px;padding:20px 0;text-align:center}.footer__copyright{font-size:1rem}@media screen and (min-width:768px){.container .title-wrapper h1{font-size:10rem}.nav{padding-top:30px;padding-bottom:30px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.nav__logo{margin-left:30px}.nav__items{margin-right:30px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.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__description,.work__item:nth-child(odd) .work__task,.work__item:nth-child(odd) .work__title{text-align:right}.work__item:nth-child(2n) .work__frame{float:left;margin-right:4.918%}.work__item:nth-child(2n) .work__description,.work__item:nth-child(2n) .work__task,.work__item:nth-child(2n) .work__title{text-align:left}.work__frame{width:47.54%}.work__info,.work__service,.work__title{font-size:1.6rem}.work__info b,.work__service b,.work__title b{display:block;margin-bottom:4px;font-weight:700}.work__title{margin-top:30px}.work__info{display:block}.work__task{margin:20px 0}.photo{display:block;margin:30px 30px 0;position:relative}.photo:before{content:"";display:block;height:0;width:0;padding-top:50%}.photo__main{left:0;width:75%}.photo__main,.photo__thumbs{position:absolute;top:0;margin-top:0}.photo__thumbs{right:0;height:100%;width:21.89%;padding-bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:initial;overflow-y:auto;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.photo__thumb{width:100%;margin-right:0}.photo__thumb:first-child{margin-left:0}.photo__thumb:nth-child(n+2){margin-top:30px}.link{margin:0 30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.link__item{margin-top:15px}.link__link{-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}.link__link:hover{font-weight:700;letter-spacing:.3em;text-shadow:.3em .2em 0 var(--text-shadow-color)}.footer{margin-top:80px}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes fadeIn{0%{opacity:0;-moz-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fadeIn{0%{opacity:0;-o-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=app.2ce61bbe.css.map */