img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}a{text-decoration:none}svg{width:100%;height:auto}:root{font-family:"Yu Gothic Medium", "Yu Gothic",YuGothic,sans-serif;font-style:normal}*,*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box}*{overflow-wrap:break-word;word-wrap:break-word;margin:0;padding:0}html{scroll-behavior:smooth}html,body{height:100%;width:100%;-webkit-font-smoothing:antialiased;-webkit-font-feature-settings:"palt" 1;font-feature-settings:"palt" 1;-webkit-text-size-adjust:100%;font-size:15px}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:top;background:transparent;list-style:none}.pno{pointer-events:none}.pcOnly{display:block}@media (max-width: 1080px){.pcOnly{display:none}}.spOnly{display:none}@media (max-width: 1080px){.spOnly{display:block}}.area .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 1080px){.area .row{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}section .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 1080px){section .row{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}section .inner{height:100%;padding:5vw;width:calc(100% - 16vw);max-width:1280px;margin:0 auto;border-left:2px solid black;border-right:2px solid black}@media (max-width: 1080px){section .inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:100%;width:calc(100% - 8vw);padding:3rem;border:none}}@media (max-width: 768px){section .inner{padding:2rem 1rem}}section .inner .subtitle{font-size:1.5rem;font-weight:bold;margin-bottom:3vw;text-align:center}@media (max-width: 1080px){section .inner .subtitle{font-size:1.5rem;margin-bottom:1rem}}@media (max-width: 768px){section .inner .subtitle{font-size:6vw}}section .inner .image,section .inner .desc{width:calc(100% / 2 - 1.5vw);padding:0}@media (max-width: 1080px){section .inner .image,section .inner .desc{width:100%;padding:0 1.5vw}}@media (max-width: 1080px){section .inner .image{padding:0}}section .inner .image.gbg{background:#f9f9f9;padding:6vw;aspect-ratio:2 / 1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}section .inner .image.gbg img{width:calc(100% / 1);height:auto;margin:0 auto}section .inner .desc{line-height:2}@media (max-width: 1080px){section .inner .desc{padding:0;margin-bottom:1rem}section .inner .desc br{display:none}}section .inner .desc p{font-size:1rem}@media (max-width: 1080px){section .inner .desc p{font-size:1rem;line-height:2}}.hero{height:100vh}@media (max-width: 1080px){.hero{height:auto}}.hero .header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-top:2px solid black;border-bottom:2px solid black;height:7vw}@media (max-width: 1080px){.hero .header{height:12vw}}.hero .header h1{font-size:1.5rem;-webkit-box-flex:0;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;text-align:center}@media (max-width: 1080px){.hero .header h1{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;border-right:2px solid black;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:2rem}}@media (max-width: 768px){.hero .header h1{font-size:1rem}}.hero .header .navs{border-left:2px solid black;border-right:2px solid black;text-align:center;-webkit-box-flex:0;-webkit-flex:0 0 60%;-ms-flex:0 0 60%;flex:0 0 60%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}@media (max-width: 1080px){.hero .header .navs{display:none}}.hero .header .navs .nav a{font-weight:bold;color:black;position:relative;font-size:1.25rem}.hero .header .navs .nav a:hover{color:#1d2088}.hero .header .navs .nav a:hover::before{content:"#";display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-1rem;-webkit-transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1);transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1)}.hero .header .contact-btn{-webkit-box-flex:0;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;text-align:center;font-size:1.5rem;position:relative;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 1080px){.hero .header .contact-btn{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}}.hero .header .contact-btn:hover::after{content:"\f063";font-family:"Font Awesome 5 light";position:absolute;top:65%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#1d2088;font-size:.8em;-webkit-transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1);transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1)}.hero .header .contact-btn a{display:block;width:100%;height:100%}.hero .header .contact-btn a:hover{background:#c5c8dc}.hero .header .contact-btn a:hover i{color:#1d2088}.hero .header .contact-btn a i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;color:black}@media (max-width: 1080px){.hero .header .contact-btn a i{font-size:2rem;color:#1d2088}}@media (max-width: 768px){.hero .header .contact-btn a i{font-size:1rem}}.hero .header .contact-btn a i::before{font-family:"Font Awesome 5 light"}.hero .logo{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 1080px){.hero .logo{padding:12vw 0}}.hero .logo svg{max-width:calc(100% / 4);margin-top:-7vw}@media (max-width: 1080px){.hero .logo svg{max-width:calc(100% / 3);margin-top:-0}}@media (max-width: 768px){.hero .logo svg{max-width:calc(100% / 2);margin-top:0}}.headline-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-top:2px solid black;border-bottom:2px solid black;height:8vw}@media (max-width: 1080px){.headline-container{height:8vw}}@media (max-width: 768px){.headline-container{height:12vw}}.headline-container .headline,.headline-container .icon{-webkit-box-flex:0;-webkit-flex:0 0 8vw;-ms-flex:0 0 8vw;flex:0 0 8vw;text-align:center;font-size:1.5rem}@media (max-width: 1080px){.headline-container .headline,.headline-container .icon{-webkit-box-flex:8vw;-webkit-flex:8vw;-ms-flex:8vw;flex:8vw}}.headline-container .title{border-left:2px solid black;border-right:2px solid black;text-align:center;font-size:2rem;font-weight:bold;width:calc(100% - 16vw);max-width:1280px;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 1080px){.headline-container .title{font-size:2rem;width:calc(100% - 3vw)}}@media (max-width: 768px){.headline-container .title{font-size:6vw;width:calc(100% - 3vw)}}@media (max-width: 1080px){.area .image img{width:calc(100% / 1.6);margin:0 auto}}@media (max-width: 768px){.area .image img{width:100%}}.project .item{margin-bottom:6vw}@media (max-width: 768px){.project .item{margin-bottom:12vw}}.project .item:last-child{margin-bottom:0}.project .item:hover .image .gbg{background:#c5c8dc;-webkit-transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1);transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1)}.project .item:hover .image .gbg svg path{fill:#1d2088;-webkit-transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1);transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1)}.project .item:hover .link a{color:#1d2088;--_p: 100%;color:var(--c)}.project .item:hover .link .fa-angle-right{padding-left:1vw;-webkit-transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1);transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1);color:#1d2088}.project .item .image .gbg{background:#f9f9f9;padding:6vw;aspect-ratio:2 / 1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.3s cubic-bezier(0.7, 0, 0.2, 1);transition:all 0.3s cubic-bezier(0.7, 0, 0.2, 1)}.project .item .image .gbg:hover{background:#c5c8dc;-webkit-transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1);transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1)}.project .item .image .gbg:hover svg path{fill:#1d2088;-webkit-transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1);transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1)}.project .item .image .gbg svg{width:calc(100% / 1);height:auto;margin:0 auto}.project .item .image .gbg svg path{-webkit-transition:all 0.3s cubic-bezier(0.7, 0, 0.2, 1);transition:all 0.3s cubic-bezier(0.7, 0, 0.2, 1)}.project .item .desc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media (max-width: 768px){.project .item .desc p{line-height:1.5}}.project .item .desc .link{position:relative;margin-bottom:1vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width: 1080px){.project .item .desc .link{margin-bottom:1rem;margin-top:0}}@media (max-width: 768px){.project .item .desc .link{margin-bottom:.5rem;margin-top:0}}.project .item .desc .link .fa-angle-right{color:black;font-family:"Font Awesome 5 light";font-size:2vw;padding-left:.5vw;padding-bottom:.15em;-webkit-transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1);transition:all 0.6s cubic-bezier(0.7, 0, 0.2, 1)}@media (max-width: 1080px){.project .item .desc .link .fa-angle-right{font-size:3vw;color:#1d2088}}@media (max-width: 768px){.project .item .desc .link .fa-angle-right{font-size:6vw;color:#1d2088}}.project .item .desc .link a{font-size:1.2em;font-weight:bold;display:inline-block;color:black;position:relative;--c: #1d2088;--s: .15em;line-height:1.1em;padding-bottom:calc(2.1*var(--s));background:conic-gradient(from 135deg at top, var(--c) 90deg, #0000 0) left 0 bottom var(--s)/calc(2*var(--s)) var(--s) repeat-x,conic-gradient(from -45deg at bottom, var(--c) 90deg, #0000 0) left var(--s) bottom 0/calc(2*var(--s)) var(--s) repeat-x;-webkit-mask:-webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box,-webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) 0/var(--_p, 0%) padding-box no-repeat;-webkit-mask:-webkit-linear-gradient(#000 0 0) content-box,-webkit-linear-gradient(#000 0 0) 0/var(--_p, 0%) padding-box no-repeat;-webkit-transition:.5s;transition:.5s}.member{height:auto}.member .members{display:-webkit-box;display:-webkit-flex;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;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 1080px){.member .members{margin-left:0}}.member .members li{width:calc(100% / 5);margin-bottom:3vw;text-align:center}@media (max-width: 768px){.member .members li{width:calc(100% / 3 - 3vw)}}.member .members li .thumb{margin-bottom:1vw}.member .members li .thumb img{width:70%}.member .members li .position{font-size:.8em}@media (max-width: 1080px){.member .members li .position{font-size:.6em}}.contact .inner{text-align:center;padding:6vw 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.contact .inner p{font-size:1rem;line-height:2}@media (max-width: 1080px){.contact .inner p{font-size:1rem}}.contact .inner a{font-weight:bold;color:black;display:block;background:#c5c8dc;--c: #1d2088;--s: .15em;line-height:1.1em;padding-bottom:calc(2.1*var(--s));background:conic-gradient(from 135deg at top, var(--c) 90deg, #0000 0) left 0 bottom var(--s)/calc(2*var(--s)) var(--s) repeat-x,conic-gradient(from -45deg at bottom, var(--c) 90deg, #0000 0) left var(--s) bottom 0/calc(2*var(--s)) var(--s) repeat-x;-webkit-mask:-webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box,-webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) 0/var(--_p, 0%) padding-box no-repeat;-webkit-mask:-webkit-linear-gradient(#000 0 0) content-box,-webkit-linear-gradient(#000 0 0) 0/var(--_p, 0%) padding-box no-repeat;-webkit-transition:.5s;transition:.5s}@media (max-width: 768px){.contact .inner a{margin:0;padding:0;background:none;line-height:1.5}}.contact .inner a:hover{--_p: 100%;color:var(--c)}.contact .copy{font-size:.8em}.main-contents{position:relative}.gotop{position:absolute;bottom:1.5rem;right:3.5vw}@media (max-width: 768px){.gotop{bottom:3rem;right:1rem}}.gotop a{cursor:pointer}.gotop a:hover .triangle{border-bottom:1.5rem solid #1d2088}.gotop a .triangle{width:0;height:0;border-style:solid;border-right:.75rem solid transparent;border-left:.75rem solid transparent;border-bottom:1.25rem solid #1d2088}.footer{padding:2vw 0;text-align:center;border-top:2px solid}@media (max-width: 1080px){.footer .copy{font-size:.8em}}@font-face{font-family:'Font Awesome 5 Brands';src:url("font/fa-brands-400.eot");src:url("font/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("font/fa-brands-400.woff2") format("woff2"),url("font/fa-brands-400.woff") format("woff"),url("font/fa-brands-400.ttf") format("truetype"),url("font/fa-brands-400.svg#fa-brands-400regular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Font Awesome 5 Light';src:url("font/fa-light-300.eot");src:url("font/fa-light-300.eot?#iefix") format("embedded-opentype"),url("font/fa-light-300.woff2") format("woff2"),url("font/fa-light-300.woff") format("woff"),url("font/fa-light-300.ttf") format("truetype"),url("font/fa-light-300.svg#fa-light-300regular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Font Awesome 5 Regular';src:url("font/fa-regular-400.eot");src:url("font/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("font/fa-regular-400.woff2") format("woff2"),url("font/fa-regular-400.woff") format("woff"),url("font/fa-regular-400.ttf") format("truetype"),url("font/fa-regular-400.svg#fa-regular-400regular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Font Awesome 5 Solid';src:url("font/fa-solid-900.eot");src:url("font/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("font/fa-solid-900.woff2") format("woff2"),url("font/fa-solid-900.woff") format("woff"),url("font/fa-solid-900.ttf") format("truetype"),url("font/fa-solid-900.svg#fa-solid-900regular") format("svg");font-weight:normal;font-style:normal}