@charset "UTF-8";@import url(https://fonts.googleapis.com/icon?family=Material+Icons);*{box-sizing:border-box}::after,::before{box-sizing:inherit}html{margin:auto;line-height:1.75;font-size:1.25em;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}dl,figure,form,p{margin:0}h1,h2,h3{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ul{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}a{background-color:transparent;text-decoration:none;color:inherit}small{font-size:80%}img{border-style:none;vertical-align:bottom}input,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;border:0;background:0 0;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}input{overflow:visible}[type=submit]{cursor:pointer;-webkit-appearance:none;appearance:none}[type=submit]::-moz-focus-inner{border-style:none;padding:0}[type=submit]:-moz-focusring{outline:1px dotted ButtonText}textarea{overflow:auto}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}.sp-only{display:inline-block}@media (min-width:981px){.sp-only{display:none}}.pc-only{display:inline-block}@media (max-width:980px){.pc-only{display:none}}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;line-height:1.6;height:100%;scroll-behavior:smooth}body{color:#3d4342;font-size:1.6rem;font-family:"Kaisei Tokumin",serif;font-weight:500;max-width:100vw;width:100%;overflow-x:hidden}::selection{background-color:rgba(216,235,233,.7);color:#3d4342}img{max-width:100%;height:auto;border:none;display:block}a{position:relative}a:hover{text-decoration:none}a:hover img{text-decoration:none;transition:all .4s}a,input{transition:all .4s}header{color:#3d4342;display:flex;align-items:center;justify-content:center}@media (max-width:980px){header{display:initial}}header #pc-nav{width:100%;background-color:#fff;display:flex;align-items:center;gap:50px;justify-content:center;padding:10px 0;position:fixed;top:0;z-index:10}@media (max-width:980px){header #pc-nav{display:none}}header #pc-nav .logo{width:30px;height:40px;background-image:url(../img/logo.png);background-size:cover;display:block}header #pc-nav ul{display:flex;align-items:center;gap:50px;justify-content:center}header #pc-nav ul li{font-size:14px;font-weight:500}header #pc-nav ul li a{padding:0 2px;position:relative}header #pc-nav ul li a::after{width:100%;height:2px;background-color:#d8ebe9;content:"";position:absolute;bottom:-15px;left:0;opacity:0;visibility:hidden;transition:.3s}header #pc-nav ul li a:hover::after{bottom:-3px;opacity:1;visibility:visible}header .fadein{animation-name:fadeIn1s;animation-delay:6s;animation-duration:1.5s;animation-fill-mode:forwards;transform:translateY(-50px);opacity:0}@keyframes fadeIn1s{100%{opacity:1;transform:translateY(0)}}header .sp-nav{display:none}header .sp-nav.active{width:100%;height:100%;background-color:#3d4342;background-size:cover;display:flex;overflow:auto;position:fixed;top:0;left:0;z-index:11}header .sp-nav.active ul{width:clamp(250px,50%,500px);display:flex;flex-direction:column;align-items:center;gap:5rem;margin:auto;position:relative;z-index:10}header .sp-nav.active ul li a{color:#fff;display:block;padding:0 2px;position:relative}header .sp-nav.active ul li a::after{width:100%;height:2px;background-color:#d8ebe9;content:"";position:absolute;bottom:-15px;left:0;opacity:0;visibility:hidden;transition:.3s}header .sp-nav.active ul li a:hover::after{bottom:-3px;opacity:1;visibility:visible}header .sp-nav.active ul li:last-of-type{width:100%}header .sp-nav.active ul li:last-of-type a{border:1px solid #fff;color:#fff;display:flex;align-items:center;flex-direction:row;gap:30px;justify-content:center;padding:10px;position:relative}header .sp-nav.active ul li:last-of-type a::after{content:none}header .sp-nav.active ul li:last-of-type a:hover{background-color:#fff;color:#3d4342}header .sp-only#sp-menu{display:none}@media (max-width:980px){header .sp-only#sp-menu{width:100%;display:block;position:fixed;z-index:12}}header .sp-only#sp-menu #fixed-menu{background-color:#fff;display:flex;align-items:center;gap:10px;justify-content:center}header .sp-only#sp-menu #fixed-menu .logo{width:30px;height:40px;background-image:url(../img/logo.png);background-size:cover;display:block;margin:5px;z-index:12}header .sp-only#sp-menu #fixed-menu p{font-size:14px;font-weight:700}header .sp-only#sp-menu #fixed-menu #hamburger{width:15px;height:50px;display:block;position:relative}header .sp-only#sp-menu #fixed-menu #hamburger span{width:10px;height:2px;background-color:#3d4342;border-radius:5px;display:inline-block;position:absolute;transition:all .4s}header .sp-only#sp-menu #fixed-menu #hamburger span:nth-of-type(1){top:20px;left:0;transform:translateY(6px) rotate(55deg)}header .sp-only#sp-menu #fixed-menu #hamburger span:nth-of-type(2){top:32px;left:5px;transform:translateY(-6px) rotate(-55deg)}header .sp-only#sp-menu #fixed-menu #hamburger.active span:nth-of-type(1){top:20px;transform:translateY(6px) rotate(-55deg)}header .sp-only#sp-menu #fixed-menu #hamburger.active span:nth-of-type(2){top:32px;transform:translateY(-6px) rotate(55deg)}footer{padding:10px 0}footer small{display:flex;align-items:center;gap:15px;justify-content:center;font-size:10px}footer small .logo{width:25px;height:33px;background-image:url(../img/logo.png);background-size:cover;display:block;margin:auto}#button01{background-color:rgba(216,235,233,.5);display:flex;justify-content:center;margin:200px auto 0;padding:50px 0}@media (max-width:980px){#button01{margin:150px auto 0}}@media screen and (max-width:499px){#button01{padding:30px 0}}#button01 a{width:30%;border:1px solid #3d4342;display:block;font-size:clamp(20px,18.5921787709px + .4469273743vw,32px);font-weight:700;padding:2rem;text-align:center}#button01 a:hover{background-color:#3d4342;color:#fff}@media (max-width:980px){#button01 a{width:50%;padding:10px}}#index01{width:100%;height:100vh;background-color:rgba(216,235,233,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0 0;position:relative}@media (max-width:980px){#index01{height:50vh;padding:50px 0 0}}#index01 h1{width:100%;color:#fff;font-size:clamp(80px,56.6775631501px + 2.3774145617vw,128px);font-weight:700;padding:0 0 0 5%;text-shadow:1px 1px #3d4342,1px -1px #3d4342,-1px 1px #3d4342,-1px -1px #3d4342}#index01 h1:last-of-type{padding:25px 5% 0 0;text-align:right}@media (max-width:980px){#index01 h1{font-size:clamp(32px,23.4736842105px + 2.7067669173vw,50px)}}#index01 h3{font-size:clamp(32px,16.4517087667px + 1.5849430411vw,64px);font-weight:700;letter-spacing:.1em;padding:50px 0 0;text-align:center}@media (max-width:980px){#index01 h3{font-size:clamp(18px,15.1578947368px + .9022556391vw,24px)}}#index01 .typing{word-break:break-all}#index01 .typing::after{animation:typingCursor 3s ease infinite}#index01 .typing span{display:none}@keyframes typingCursor{from{opacity:0}to{opacity:1}}#index01 .title1{animation:text1 3s 2s forwards;clip-path:inset(0 100% 0 0);display:inline-block}@keyframes text1{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0)}}#index01 .title2{animation:text2 3s 3s forwards;clip-path:inset(0 100% 0 0);display:inline-block}@keyframes text2{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0)}}#index02{max-width:1500px;margin:10% auto}#index02 article{display:flex;align-items:center;gap:30px;margin:0 5%}@media (max-width:980px){#index02 article{flex-direction:column;gap:0}}#index02 article .about{width:50%;position:relative}@media (max-width:980px){#index02 article .about{width:100%}}#index02 article .about h1{font-size:32px;font-weight:700;margin:-60px 0 0;padding:60px 0 5px;position:relative}#index02 article .about h1::before{width:50%;border-bottom:1px #3d4342 solid;content:"";display:block;position:absolute;bottom:0;left:0}@media (max-width:980px){#index02 article .about h1::before{width:35%}}@media (max-width:980px){#index02 article .about h1{font-size:24px}}#index02 article .about p{margin:50px auto}@media (max-width:980px){#index02 article .about p{font-size:14px;margin:25px auto}}#index02 article .about #animation{margin:5px}#index02 article .about #animation::before{width:102%;height:102%;background-image:url(../img/nzshape.png);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;content:"";display:block;position:absolute;top:-2px;left:-2px;z-index:9}#index02 article .about #animation .swiper-index03{width:100%;position:absolute;top:0;left:0;opacity:0}#index02 article .about #animation .swiper{animation:image-switch-animation 40s infinite;width:95%;margin:auto}#index02 article .about #animation .swiper-index02{animation-delay:0s}#index02 article .about #animation .swiper-index03{animation-delay:20s}@keyframes image-switch-animation{0%{opacity:0;z-index:2}17%{opacity:1}50%{opacity:1}65%{opacity:0;z-index:1}100%{opacity:0}}#index03{max-width:1500px;margin:10% auto}#index03 h1{font-size:32px;font-weight:700;margin:-60px 5% 0;padding:60px 0 5px;position:relative;text-align:right}#index03 h1::before{width:25%;border-bottom:1px #3d4342 solid;content:"";display:block;position:absolute;bottom:0;right:0}@media (max-width:980px){#index03 h1::before{width:35%}}@media (max-width:980px){#index03 h1{font-size:24px}}#index03 article{display:flex;align-items:center;gap:80px;justify-content:center;margin:0 5%}@media (max-width:980px){#index03 article{flex-direction:column;gap:0}}#index03 article div{width:50%;margin:50px auto}@media (max-width:980px){#index03 article div{width:100%;margin:30px auto}}#index03 article div h2{width:fit-content;font-size:24px;font-weight:700;margin:0 auto 20px;position:relative}#index03 article div h2::before{width:30px;height:30px;background-image:url(../img/icon-design.png);background-repeat:no-repeat;background-size:cover;content:"";display:block;position:absolute;top:50%;right:-50px;transform:translateY(-50%)}@media (max-width:980px){#index03 article div h2::before{width:20px;height:20px;right:-35px}}@media (max-width:980px){#index03 article div h2{font-size:20px}}#index03 article div:last-of-type h2::before{width:30px;height:30px;background-image:url(../img/icon-coding.png);background-repeat:no-repeat;background-size:cover;content:"";display:block;position:absolute;top:50%;right:-50px;transform:translateY(-50%)}@media (max-width:980px){#index03 article div:last-of-type h2::before{width:20px;height:20px;right:-35px}}#index04{max-width:1500px;margin:10% auto}#index04 h1{font-size:32px;font-weight:700;margin:-60px 5% 0;padding:60px 0 5px;position:relative}#index04 h1::before{width:25%;border-bottom:1px #3d4342 solid;content:"";display:block;position:absolute;bottom:0;left:0}@media (max-width:980px){#index04 h1::before{width:35%}}@media (max-width:980px){#index04 h1{font-size:24px}}#index04 article{display:flex;align-items:center;flex-wrap:wrap;gap:80px;justify-content:space-between;margin:50px 5%}@media (max-width:980px){#index04 article{gap:40px;margin:25px 5%}}@media screen and (max-width:499px){#index04 article{gap:30px}}#index04 article a{width:calc(33.3333333333% - 80px);background-color:rgba(216,235,233,.5);padding:25px}#index04 article a:nth-of-type(3n-2){margin:0 0 0 30px}@media (max-width:980px){#index04 article a:nth-of-type(3n-2){margin:0}}#index04 article a:nth-of-type(3n){margin:0 30px 0 0}@media (max-width:980px){#index04 article a:nth-of-type(3n){margin:0}}@media (max-width:980px){#index04 article a{width:calc(50% - 40px);padding:15px}#index04 article a:nth-of-type(odd){margin:0 0 0 15px}#index04 article a:nth-of-type(even){margin:0 15px 0 0}}@media screen and (max-width:499px){#index04 article a{width:calc(50% - 30px);padding:10px}}#index04 article a figure:hover{transform:scale(1.1)}#index04 article a figure img{width:100%}#index04 article a .delay{opacity:0;visibility:hidden;transition:all 1s;transform:translateY(150px)}#index04 article a .is-active{opacity:1;visibility:visible;transform:translateY(0)}#works01{max-width:1500px;margin:67px auto 0;padding:60px 0 100px}@media (max-width:980px){#works01{margin:auto;padding:90px 0 80px}}#works01 h1{font-size:32px;font-weight:700;margin:-60px 5% 0;padding:60px 0 5px;position:relative}#works01 h1::before{width:25%;border-bottom:1px #3d4342 solid;content:"";display:block;position:absolute;bottom:0;left:0}@media (max-width:980px){#works01 h1::before{width:35%}}@media (max-width:980px){#works01 h1{font-size:24px}}#works01 ul{display:flex;align-items:center;justify-content:space-between;margin:50px 5% 0}@media (max-width:980px){#works01 ul{flex-direction:column;align-items:initial;gap:5px;margin:25px 5% 0}}#works01 ul li:first-of-type{font-size:18px;font-weight:700}@media (max-width:980px){#works01 ul li:first-of-type{font-size:16px}}#works01 ul li a{padding:0 30px 0 0;position:relative;text-decoration:underline;text-underline-offset:4px}#works01 ul li a::before{width:20px;height:20px;background-image:url(../img/icon-windows.png);background-repeat:no-repeat;background-size:cover;content:"";display:block;position:absolute;top:55%;right:0;transform:translateY(-50%)}@media (max-width:980px){#works01 ul li a::before{width:15px;height:15px}}@media (max-width:980px){#works01 ul li a{display:block;font-size:14px;padding:0 25px 0 0;text-align:right}}#works01 article{background-color:rgba(216,235,233,.3);margin:10px 5% 50px;padding:60px 100px 40px}@media (max-width:980px){#works01 article{margin:10px 5% 35px;padding:20px 30px 10px}}#works01 article .swiper-works{padding:0 0 55px}@media (max-width:980px){#works01 article .swiper-works{padding:0 0 35px}}#works01 article .swiper-works .swiper-wrapper .swiper-slide figure{max-width:600px;margin:auto}#works01 article .swiper-works .swiper-wrapper .swiper-slide figure img{width:100%}#works01 article .swiper-works .swiper-pagination{bottom:0}#works01 article .swiper-works .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;background:#d8ebe9;opacity:1}@media (max-width:980px){#works01 article .swiper-works .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px}}#works01 article .swiper-works .swiper-pagination .swiper-pagination-bullet-active{background:#3d4342;opacity:.5}#works01 #text{margin:0 5%}#works01 #text dl{display:flex;gap:30px;margin:30px 0}@media (max-width:980px){#works01 #text dl{flex-direction:column;gap:10px;font-size:14px}}#works01 #text dl dt{width:100px}@media (max-width:980px){#works01 #text dl dt{width:100%;text-align:center}}#works01 #text p{margin:50px 0 0}@media (max-width:980px){#works01 #text p{font-size:14px}}#works02{max-width:1500px;margin:0 auto 200px}#works02 h1{font-size:32px;font-weight:700;margin:-60px 5% 25px;padding:60px 0 0;text-align:center}@media (max-width:980px){#works02 h1{font-size:24px}}#works02 article{background-color:rgba(216,235,233,.5);margin:0 5%;padding:80px 0}@media (max-width:980px){#works02 article{padding:50px 0}}@media screen and (max-width:499px){#works02 article{padding:30px 0}}#works02 article .swiper-others .swiper-wrapper .swiper-slide{padding:0 50px}@media (max-width:980px){#works02 article .swiper-others .swiper-wrapper .swiper-slide{padding:0 30px}}@media screen and (max-width:499px){#works02 article .swiper-others .swiper-wrapper .swiper-slide{padding:0 15px}}#works02 article .swiper-others .swiper-wrapper .swiper-slide a figure:hover{transform:scale(1.05);transition:all 1s}#works02 article .swiper-others .swiper-wrapper .swiper-slide a figure img{width:100%}#contact01,#contact02{max-width:1500px;margin:67px auto 0;padding:60px 0 100px}@media (max-width:980px){#contact01,#contact02{margin:auto;padding:90px 0 80px}}#contact01 h1,#contact02 h1{font-size:32px;font-weight:700;margin:-60px 5% 0;padding:60px 0 5px;position:relative}#contact01 h1::before,#contact02 h1::before{width:25%;border-bottom:1px #3d4342 solid;content:"";display:block;position:absolute;bottom:0;left:0}@media (max-width:980px){#contact01 h1::before,#contact02 h1::before{width:35%}}@media (max-width:980px){#contact01 h1,#contact02 h1{font-size:24px}}#contact01 p,#contact02 p{margin:50px 5% 0}@media (max-width:980px){#contact01 p,#contact02 p{font-size:14px;margin:25px 5% 0}}#contact01 p span,#contact02 p span{color:red;display:block;font-size:14px}@media (max-width:980px){#contact01 p span,#contact02 p span{font-size:12px}}#contact01 form,#contact02 form{margin:80px 5% 200px}@media (max-width:980px){#contact01 form,#contact02 form{margin:35px 5% 100px}}#contact01 form .Form .Form-Item,#contact02 form .Form .Form-Item{margin:0 0 50px}@media (max-width:980px){#contact01 form .Form .Form-Item,#contact02 form .Form .Form-Item{font-size:14px;margin:0 0 35px}}#contact01 form .Form .Form-Item .Form-Item-Label,#contact02 form .Form .Form-Item .Form-Item-Label{color:#3d4342;display:flex;align-items:center;gap:10px;margin:0;padding:0 0 5px}#contact01 form .Form .Form-Item .Form-Item-Label span,#contact02 form .Form .Form-Item .Form-Item-Label span{color:red;font-size:12px}@media (max-width:980px){#contact01 form .Form .Form-Item .Form-Item-Label span,#contact02 form .Form .Form-Item .Form-Item-Label span{font-size:10px}}#contact01 form .Form .Form-Item .wpcf7-form-control-wrap input,#contact02 form .Form .Form-Item .wpcf7-form-control-wrap input{width:100%;background-color:rgba(216,235,233,.3);color:#3d4342;font-size:16px;padding:10px}@media (max-width:980px){#contact01 form .Form .Form-Item .wpcf7-form-control-wrap input,#contact02 form .Form .Form-Item .wpcf7-form-control-wrap input{font-size:14px}}#contact01 form .Form .Form-Item .wpcf7-form-control-wrap textarea,#contact02 form .Form .Form-Item .wpcf7-form-control-wrap textarea{width:100%;height:200px;background-color:rgba(216,235,233,.3);color:#3d4342;font-size:16px;padding:10px}@media (max-width:980px){#contact01 form .Form .Form-Item .wpcf7-form-control-wrap textarea,#contact02 form .Form .Form-Item .wpcf7-form-control-wrap textarea{font-size:14px}}#contact01 form .Form .Form-Item .wpcf7-form-control-wrap .wpcf7-not-valid-tip,#contact02 form .Form .Form-Item .wpcf7-form-control-wrap .wpcf7-not-valid-tip{color:red}#contact01 form .Form .button-wrap input,#contact02 form .Form .button-wrap input{width:400px;height:80px;background-color:rgba(216,235,233,.5);color:#3d4342;display:block;font-size:20px;font-weight:700;margin:auto;text-align:center}@media (max-width:980px){#contact01 form .Form .button-wrap input,#contact02 form .Form .button-wrap input{width:clamp(200px,70%,400px);height:50px;font-size:16px}}#contact01 form .Form .button-wrap input:hover,#contact02 form .Form .button-wrap input:hover{background-color:#d8ebe9}#contact01 form .wpcf7-response-output,#contact02 form .wpcf7-response-output{width:fit-content;border:none;color:red;margin:30px auto;padding:0}
/*# sourceMappingURL=style.css.map */