.header[data-v-0bd202da]{width:100%}.nav-bar[data-v-0bd202da]{text-align:right;padding:20px;line-height:3em}a[data-v-0bd202da]{text-transform:uppercase;margin-left:15px;margin-right:15px;white-space:nowrap;display:inline-block}.router-link-exact-active[data-v-0bd202da]{border:0 solid #fff;border-bottom-width:2px}@media only screen and (max-width:620px){.nav-bar[data-v-0bd202da]{line-height:2em}a[data-v-0bd202da]{padding-bottom:0}}.footer[data-v-1d8f8768]{background-color:#383838;width:100%;font-size:.8em;opacity:.7;padding-bottom:30px}.left[data-v-1d8f8768],.right[data-v-1d8f8768]{padding-top:10px;text-align:center}@media only screen and (min-width:620px){.footer[data-v-1d8f8768]{padding:0}.left[data-v-1d8f8768],.right[data-v-1d8f8768]{padding:20px}.left[data-v-1d8f8768]{float:left}.right[data-v-1d8f8768]{float:right}}.dialog-content .paragraph{margin:20px 0}.dialog-content .paragraph+.paragraph{border-top:1px solid #555;padding-top:20px;margin-top:20px}.dialog-content .paragraph-container .paragraph+.paragraph{border-top:none;padding-top:0;margin-top:0}.dialog-content .paragraph-container{display:flex;justify-content:space-between;border-top:2px solid #555;padding:20px 0 0;gap:20px}.dialog-content .paragraph-container .paragraph{width:48%}.dialog-content .paragraph-container .paragraph:first-child{margin-top:0}.dialog-content .paragraph-container ul{list-style-type:none;padding:0}.dialog-content .paragraph-container ul li{background:hsla(0,0%,100%,.1);padding:10px;margin:5px 0;border-radius:5px}.dialog-content .paragraph-container+.paragraph{padding-top:20px;margin-top:20px;border-top:1px solid #555}.dialog-content .center{text-align:center}.dialog-content ul li{padding:5px;margin:5px 0}.dialog-content h2{text-align:center}.dialog-content h2,.dialog-content h3{font-weight:600;margin-bottom:10px}.dialog-content iframe.youtube,.dialog-content video{width:100%;min-height:300px;border-radius:10px}.dialog-content img{display:block;max-width:650px;max-height:400px;border-radius:10px;margin:10px auto;transition:transform .3s ease,box-shadow .3s ease}.dialog-content img:hover{transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.2)}.dialog-content .pc-screenshot,.dialog-content .phone-screenshot{width:100%}.dialog-content .notice{border:1px solid #050;background-color:#90c490;color:#016301;padding:10px}.dialog-content a{text-decoration:underline;font-weight:600;transition:all .3s ease}.dialog-content a:hover{opacity:.6}.dialog-content .button{display:flex;justify-content:center}.dialog-content .toggle-code{background:hsla(0,0%,100%,.1);border:1px solid #555;padding:10px 15px;color:#fff;font-weight:600;border-radius:5px;cursor:pointer;transition:background .3s ease;display:flex}.dialog-content .toggle-code:hover{background:hsla(0,0%,100%,.2)}.dialog-content .code-container{background:hsla(0,0%,100%,.05);padding:0 10px 10px 10px;border-radius:5px;overflow-x:auto;max-height:700px}.dialog-content .code-container pre{margin:0}.dialog-content .code-container code{font-family:Karla,Helvetica,Arial,sans-serif}.dialog-content .hidden{display:none}@media only screen and (min-width:620px){.dialog-content iframe.youtube,.dialog-content video{max-width:728px;height:409px}.dialog-content .phone-screenshot{margin:15px;width:300px}.dialog-content .pc-screenshot{margin:15px;width:400px}}body,html{margin:0;background-color:#383838}#app{background-color:#222;color:#fff;font-family:Karla,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.1em;line-height:1.6em}h1,h2,h3,h4,h5{text-align:left}a{color:#fff;text-decoration:none;opacity:.5}.router-link-exact-active,a:hover{opacity:1}h1{font-size:2.5em;font-weight:100;margin-top:-10px;margin-bottom:40px;margin-left:-2px;line-height:1.1em}.main{padding:12px}@media only screen and (min-width:620px){#app{line-height:1.8em}h1{margin-top:.67em;margin-bottom:80px;line-height:.7em}.main{padding:0 40px 40px 40px}.footer,.header,.main{max-width:1200px;margin:0 auto}}.fade-enter-active,.fade-leave-active{transition-duration:.2s;transition-property:opacity;transition-timing-function:ease}.fade-enter,.fade-leave-active{opacity:0}.overlay[data-v-499b27b5]{background-color:rgba(0,0,0,.5);z-index:10;position:fixed;top:0;left:0;right:0;bottom:0}.dialog[data-v-499b27b5]{position:absolute;top:0;left:0;right:0;z-index:11;margin:20px;padding-bottom:10px}iframe[data-v-499b27b5]{width:100%}h1.dialog-title[data-v-499b27b5]{text-align:center;font-size:1.3em;margin:0;padding:22px}.dialog-content[data-v-499b27b5]{padding:20px;background-color:#222}.dialog-close[data-v-499b27b5]{position:absolute;top:20px;right:20px;cursor:pointer;font-size:1.2em;font-weight:100}.dialog-close[data-v-499b27b5]:hover{opacity:.6}.dialog-bottom[data-v-499b27b5]{text-align:center;border-top:1px solid #555;padding-top:20px;margin-top:20px}a.dialog-close-button[data-v-499b27b5]{cursor:pointer;font-size:1.4em;display:inline-block;margin:0 auto}@media only screen and (min-width:620px){.dialog[data-v-499b27b5]{margin:0 auto;margin-top:80px;margin-bottom:40px;max-width:1000px}h1.dialog-title[data-v-499b27b5]{font-size:1.6em}.dialog-content[data-v-499b27b5]{padding:40px}}.project-item[data-v-6b9e3fa2]{height:300px;margin-bottom:20px;width:100%;cursor:pointer;position:relative;overflow:hidden}.project-wrapper[data-v-6b9e3fa2]{display:contents}.project-item-image[data-v-6b9e3fa2]{background-size:contain;background-repeat:no-repeat;background-position:50%;height:100%;width:100%;transition:all .2s}.project-item-image[data-v-6b9e3fa2]:hover{transform:scale(1.1)}.project-item[data-v-6b9e3fa2]:hover{filter:brightness(120%)}.project-item-placeholder[data-v-6b9e3fa2]{font-size:3em;text-align:center;margin:25% 0}.title-bar[data-v-6b9e3fa2]{display:flex;justify-content:space-between;position:absolute;bottom:0;width:100%;background-color:#222}.title-text[data-v-6b9e3fa2]{padding:20px}h2[data-v-6b9e3fa2]{text-align:center;font-size:2em}@media only screen and (min-width:620px){.projects-list[data-v-6b9e3fa2]{max-width:1200px;display:grid;margin:0 auto;grid-template-columns:repeat(2,1fr);grid-gap:20px;grid-auto-rows:minmax(225px,auto)}.project-item[data-v-6b9e3fa2]{margin:0;height:100%;width:100%;grid-row-end:span 2}.wide[data-v-6b9e3fa2]{grid-column-end:span 2}.high[data-v-6b9e3fa2]{grid-row-end:span 3}.title-text[data-v-6b9e3fa2]{padding:30px 30px}}h1[data-v-3f865cf4]{display:flex;flex-direction:column;gap:4px}h1 small[data-v-3f865cf4]{font-size:.7em;color:#666;margin-left:2px}@media only screen and (min-width:620px){h1[data-v-3f865cf4]{margin-bottom:0}}.paragraph[data-v-52497b83]{max-width:900px;margin-bottom:20px}.photo[data-v-52497b83]{text-align:center}.container[data-v-52497b83]{display:flex;flex-direction:column;width:100%;max-width:900px}.column[data-v-52497b83]{width:90%;margin-bottom:20px}.information[data-v-52497b83]{display:flex;text-align:center;justify-content:center}.list[data-v-52497b83]{list-style-type:none;padding:0;margin:0}@media only screen and (min-width:620px){.paragraph[data-v-52497b83]{float:left}.photo[data-v-52497b83]{padding-left:50px}.container[data-v-52497b83]{flex-direction:row;justify-content:space-between}.column[data-v-52497b83]{width:45%}.information[data-v-52497b83]{padding-left:50px;text-align:left;justify-content:left}}.http-404[data-v-18e57ce2]{font-size:11em;line-height:3em;text-align:center}