@import"https://fonts.googleapis.com/css2?family=Patua+One&family=Staatliches&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;font-family:Patua One,cursive}body{overscroll-behavior-y:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;width:100%}a{pointer-events:all;color:var(--white);text-decoration:none}.front{font-family:Staatliches,cursive}.textMiddleContainer h1{background:linear-gradient(30deg,var(--green) 0%,var(--orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#top{width:100%;height:100%;min-height:400px;color:var(--lightgreen);background:var(--dark);position:relative}.textTop{position:absolute;top:36%;left:50%;transform:translate3d(-50%,-50%,0);font-size:1.9em}.textMiddleContainer{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.textMiddle{margin:0;padding:0;font-size:14em;letter-spacing:.02em}.textBottom{position:absolute;top:64%;left:50%;transform:translate3d(-50%,-70%,0);font-size:1.4em}@media only screen and (max-width:414px){.textTop{position:absolute;top:36%;width:90%;transform:translate3d(-50%,-50%,0);font-size:1.5em;text-align:center}.textMiddleContainer{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.textMiddle{margin:0;padding:0;font-size:10em;letter-spacing:.02em;text-align:center}.textBottom{position:absolute;vertical-align:middle;transform:translate3d(-50%,-70%,0);font-size:1.2em;text-align:center;top:64%}}@media screen and (max-height:666px){.textTop{position:absolute;top:16%;width:90%;transform:translate3d(-50%,-50%,0);font-size:1.5em;text-align:center}.textMiddleContainer{position:absolute;top:40%;left:50%;transform:translate3d(-50%,-50%,0)}.textMiddle{margin:0;padding:0;font-size:10em;letter-spacing:.02em;text-align:center}.textBottom{position:absolute;top:62%;vertical-align:middle;transform:translate3d(-50%,-70%,0);font-size:1.4em;text-align:center}}.navigation{position:fixed;top:0;width:100%;height:60px;display:flex;align-items:center;padding:.5rem 0rem;background-color:transparent;font-size:1em;font-weight:700;z-index:100}.navigation-menu{margin-left:auto;background-color:transparent}.navigation-menu ul{display:flex;padding:0}.navigation-menu li{list-style-type:none;float:right}.navigation-menu li a{text-decoration:none;width:100%;margin:0 1rem}.hamburger{top:10px;border:0;padding:.5rem;color:var(--lightgreen);cursor:pointer;position:absolute;right:25px;font-size:x-large;display:none;background-color:transparent}@media screen and (max-width:768px){.hamburger{display:block}.navigation-menu ul{position:absolute;top:41px;right:0;flex-direction:row;width:50%;height:calc(100vh - 77px)}.navigation-menu.expanded ul{display:block}.navigation-menu ul{display:none}.navigation-menu li{text-align:center;float:none;margin:0;background-color:#fff;padding:1rem 0;border:1px solid black}.navigation-menu li a{color:#000;width:100%}.navigation-menu li:hover{background-color:#eee}}.background-transparent{background-color:transparent}.background-black{background-color:#051d1d;border-bottom:2px groove white}.hidden{visibility:hidden}.brand{margin-left:30px;font-size:x-large;background:linear-gradient(30deg,#22c1c3,#fdbb2d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Staatliches,cursive}.ourservices{padding:50px 10px 10px;background-color:var(--lightgrey);display:flex;align-items:center;justify-content:center}.ourservices-showed{background-color:var(--dark);transition:background-color 5s;padding-top:50px}.section-container1{padding-top:50px;padding-bottom:50px;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;height:100%}.section-container2,.section-container3{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;height:100%}.no-section{position:relative;width:320px;margin:20px;color:var(--white);padding:30px}.section-os{position:relative;width:320px;margin:20px;color:var(--dark);padding:40px;border-radius:15px;background:#fff;box-shadow:0 50px 60px #0000001a}.illustration{position:absolute;margin-top:-20px;top:-40px;right:-30px;font-size:20px;opacity:0;-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);transition:opacity 1s}.illustration-showed{position:absolute;margin-top:-20px;top:-30px;right:-30px;font-size:136px;opacity:1;-webkit-transform:rotate(365deg);-moz-transform:rotate(365deg);-o-transform:rotate(365deg);-ms-transform:rotate(365deg);transform:rotate(365deg);transition:font-size 3s,opacity 3s,transform 3s,top 3s,right 3s}.no-section h2{font-size:1.8em;font-weight:700}.no-section p{font-weight:500;font-size:1.1em;padding-bottom:5px}.section-os h2{color:var(--orange);font-size:2em;font-weight:900}.section-os h3{font-weight:500;font-size:1.2em}.section-os ol{padding-left:16px}.section-os ul{padding-left:10px}.section-os ol li{font-weight:500;font-size:1.1em;padding-bottom:5px}.section-os .p{font-weight:500;font-size:2em;padding-bottom:5px;text-decoration:none}@media only screen and (max-width:414px){.section-container1,.section-container3{flex-direction:column}.no-section h2{font-size:1.5em}}@media only screen and (min-width:730px)and (max-width:1102px){.section-container3{flex-direction:row}}@media only screen and (min-width:1103px){.section-container3{flex-direction:column}}.portfolio{padding:10px;display:flex;align-items:center;justify-content:center;background-color:var(--lightgrey)}.p-section-container1{padding-top:50px;padding-bottom:50px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:1200px;width:100%}.section-pf{position:relative;width:320px;margin:20px;color:var(--dark);padding:40px;border-radius:15px;background:#fff;box-shadow:0 50px 60px #0000001a;text-align:center;flex-shrink:0}.img{width:200px;height:200px;opacity:.2;border-radius:15px;transition:opacity 1s}.img-showed{width:240px;height:240px;opacity:1;border-radius:15px;transition:width 3s,height 3s,opacity 3s}.p-pf{text-align:center;font-weight:500;font-size:1.5em;padding-bottom:5px;text-decoration:none;color:var(--dark)}@media only screen and (max-width:414px){.p-section-container1{flex-direction:column;align-items:center}}.aboutus{font-weight:200;color:var(--white);padding:50px 20px;background-color:var(--dark);overflow:hidden}.title{display:flex;justify-content:left;width:60%;height:100%;margin:0 auto}.title h1{background:linear-gradient(30deg,#22c1c3,#fdbb2d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.4em;font-family:Staatliches,cursive}.planeContainer{position:relative;width:30%;padding-top:20px;padding-left:30px}.plane{z-index:200;position:absolute;font-size:8em;transform:rotate(-90deg);left:600px;top:-20px}.plane-showed{z-index:200;font-size:2em;position:absolute;transform:rotate(-90deg);left:5px;transition:font-size 10s,left 10s}.content{height:100%;width:60%;margin:0 auto;font-size:1.2em}.content h2{font-size:1.4em}@media only screen and (max-width:414px){.title,.content{width:95%}.planeContainer{position:relative;width:30%;padding-top:20px;padding-left:30px}.plane{position:absolute;font-size:8em;transform:rotate(-90deg);left:400px;top:-20px}.plane-showed{font-size:2em;position:absolute;transform:rotate(-90deg);left:5px;transition:font-size 5s,left 5s}}@media only screen and (min-width:730px)and (max-width:1102px){.planeContainer{position:relative;width:50%;padding-top:20px;padding-left:30px}.plane{position:absolute;font-size:8em;transform:rotate(-90deg);left:800px;top:-20px}.plane-showed{font-size:2em;position:absolute;transform:rotate(-90deg);left:5px;transition:font-size 10s,left 10s}}@media only screen and (min-width:1103px){.planeContainer{width:70%;padding-top:20px;padding-left:30px}.plane{position:absolute;font-size:8em;transform:rotate(-90deg);left:800px;top:-20px}.plane-showed{font-size:2em;position:absolute;transform:rotate(-90deg);left:5px;transition:font-size 10s,left 10s}}.footer-container{padding:40px 30px 20px;background:linear-gradient(30deg,var(--green) 0%,var(--orange) 100%);height:100%;border-radius:25px 25px 0 0;color:#fff;font-weight:700;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;margin-top:10px}.footer-container div{margin:0;padding:0;min-width:200px;height:200px;text-align:center}@media only screen and (max-width:414px){.footer-container{flex-direction:column}}@media only screen and (min-width:1025px){.footer-container{padding:40px 200px 20px}}.footer-container h1{font-size:5em;text-align:center;margin:20px 0 0;font-family:Staatliches,cursive}.footer-container h2{font-size:2em;margin:5px}.footer-container h4{text-align:center;margin-top:-10px}.footer-container ul{padding-left:10px}.footer-container ul li{font-weight:500;font-size:1.1em;padding-bottom:5px;list-style:none}.footer-container p{font-weight:500;font-size:1.2em;padding-bottom:0;margin:4px}.footer-container a{text-decoration:none}.sns-icons{display:block;padding:10px!important;height:50px}.sns-icons a{font-size:2em;margin:10px}:root{--green: rgba(34, 193, 195, 1);--orange: rgba(253, 187, 45, 1);--lightgreen: rgb(237, 255, 255);--white: white;--lightgrey: rgb(250, 250, 250);--dark: #051d1d}.Decoration{height:60px;background-color:var(--lightgrey);padding:10px}.Decoration hr{border:none;border-radius:25px;height:30px;color:linear-gradient(30deg,var(--green) 0%,var(--orange) 100%);background-image:linear-gradient(30deg,var(--green) 0%,var(--orange) 100%);transition-timing-function:linear}