header{background-color:#16687c;position:fixed;z-index:3;width:100%;padding:8px 5px;margin:0;top:0}header .home{margin-right:auto}header .logo{width:30px;height:30px;align-items:center;display:inline}header .layout2{display:flex;justify-content:space-between}header .layout2 .menu-button{display:none}@media screen and (max-width: 756px){header .layout2 .menu-button{display:block;position:absolute;top:50%;transform:translateY(-50%);right:24px;color:#fff;font-size:1.5rem;z-index:3}}@media screen and (max-width: 756px){header .layout2 .nav{width:0;position:absolute;margin-top:0;margin-left:0;margin-right:0;z-index:10;top:36px;right:0;overflow:hidden;display:flex;flex-direction:column}header .layout2 .nav.open-menu{width:100%}header .layout2 .nav li{text-align:center;margin:0 0 0 1.5rem;padding:5px}header .layout2 .nav a{display:block}}header a{color:#fff;text-decoration:none;text-align:center;font-size:1.2rem;font-weight:600}html{font-size:100%;scroll-behavior:smooth;width:100vw}p{line-height:1.7;text-align:justify}a{text-decoration:underline #ec3560;-webkit-text-decoration:underline #ec3560}section{padding:5rem 1rem}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600}h1{font-size:200%;margin-bottom:1rem}h2{margin-top:2rem;font-size:180%;margin-bottom:3rem;padding:1rem 3rem;transform:skew(-15deg);color:#fff;background-image:linear-gradient(to right,#209cff,#68e0cf)}h3{font-size:160%;margin-bottom:1rem}h4{font-size:140%;margin-top:1.5rem;margin-bottom:1.5rem}.red{color:#ec3560}.bold{font-weight:700}.navy{color:#0c7ed5}.aqua{color:#33cdec}.highlight{text-decoration:underline;text-decoration-thickness:.5rem;-webkit-text-decoration-color:#ff0;text-decoration-color:#ff0;text-underline-offset:-.2em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}h5{font-size:120%;margin-top:1.2rem;margin-bottom:1.2rem}li{padding-bottom:.5rem}figure{margin:10px;display:flex;flex-direction:column;justify-content:center}figure img{text-align:center}figcaption{text-align:center;font-size:.8rem;margin:10px;color:#666;justify-content:center}input,select{border:2px solid #ccc;border-radius:4px;background-color:#f0f8ff}input[type=button],input[type=submit],input[type=reset]{background-color:#97cd2c;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;box-shadow:#454545 2px 2px 5px}textarea{border:2px solid #ccc;border-radius:4px;background-color:#f0f8ff}textarea:focus{border:3px solid #97cd2c}input:focus{border:3px solid #97cd2c}.layout{max-width:1500px;width:100%;margin:0;padding:0 1rem;position:relative;display:block;z-index:1}.layout:before{content:"";margin:0;position:absolute;width:200px;height:200px;right:-50px;bottom:-50px;background-image:url(/images/gear.svg);background-repeat:no-repeat;z-index:-1;-webkit-animation:rot 40s linear infinite;animation:rot 40s linear infinite}@media screen and (max-width: 1024px){.layout:before{width:150px;height:150px;right:0;bottom:0}}@media screen and (max-width: 756px){.layout:before{width:100px;height:100px;right:0;bottom:0}}.layout:after{content:"";margin:0;position:absolute;width:200px;height:200px;top:-50px;left:-50px;background-image:url(/images/gear.svg);background-repeat:no-repeat;z-index:-1;-webkit-animation:rot 40s linear infinite;animation:rot 40s linear infinite}@media screen and (max-width: 1024px){.layout:after{width:150px;height:150px;top:0;left:0}}@media screen and (max-width: 756px){.layout:after{width:100px;height:100px;top:0;left:0}}.layout2{max-width:1500px;width:100%;margin:0;padding:0;position:relative;display:block;z-index:1}.layout2 .nav{background-color:#16687c;width:100%;position:static;display:flex;z-index:5;top:50px;right:0;overflow:hidden;transition:1s}.show{-webkit-animation:show-ani 1s ease-in;animation:show-ani 1s ease-in}.showtitle{-webkit-animation:show-title 5s ease-in;animation:show-title 5s ease-in}.showtitlefast{-webkit-animation:show-title 1s ease-in;animation:show-title 1s ease-in}.show-width{-webkit-animation:show-ani-width 1s ease-in;animation:show-ani-width 1s ease-in}.show-move-xr{-webkit-animation:show-ani-move-xr 1s ease-in;animation:show-ani-move-xr 1s ease-in}.show-move-x{-webkit-animation:show-ani-move-x 1s ease-in;animation:show-ani-move-x 1s ease-in}.show-scale{-webkit-animation:show-ani-scale 1.5s ease-in;animation:show-ani-scale 1.5s ease-in}@-webkit-keyframes show-ani-move-xr{0%{opacity:0;transform:translate(200px);@media screen and (max-width: 756px){transform:translate(20px)}}to{opacity:1;transform:translate(0)}}@keyframes show-ani-move-xr{0%{opacity:0;transform:translate(200px);@media screen and (max-width: 756px){transform:translate(20px)}}to{opacity:1;transform:translate(0)}}@-webkit-keyframes rot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes bgfirst{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes bgfirst{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-webkit-keyframes show-ani-scale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes show-ani-scale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes show-ani-move-x{0%{opacity:0;transform:translate(-50px);@media screen and (max-width: 756px){transform:translate(-20px)}}to{opacity:1;transform:translate(0)}}@keyframes show-ani-move-x{0%{opacity:0;transform:translate(-50px);@media screen and (max-width: 756px){transform:translate(-20px)}}to{opacity:1;transform:translate(0)}}@-webkit-keyframes show-ani{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes show-ani{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes show-title{0%{opacity:0;transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}@keyframes show-title{0%{opacity:0;transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes show-ani-width{0%{opacity:0;width:50%;@media screen and (max-width: 756px){width:90%}}to{opacity:1;width:100%}}@keyframes show-ani-width{0%{opacity:0;width:50%;@media screen and (max-width: 756px){width:90%}}to{opacity:1;width:100%}}#Profile,#Service,#Product{-webkit-clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);clip-path:polygon(0 0,100% 5vw,100% calc(100% - 5vw),0 100%)}#rfidqa{-webkit-clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);clip-path:polygon(0 0,100% 5vw,100% 100%,0 100%);padding-bottom:10vh}.center{display:flex;justify-content:center;text-align:center}.normal{margin-top:-10vh;padding-top:15vh;background-image:linear-gradient(174.2deg,#fff4e4 7.1%,#f0f6ee 67.4%);padding-bottom:10vh;padding-bottom:15vh}.normal:nth-child(odd){background-image:radial-gradient(circle farthest-corner at 10% 20%,#b0e5d0 42%,#5ccaee 93.6%)}.normal:nth-child(2n){background-image:linear-gradient(174.2deg,#fff4e4 7.1%,#f0f6ee 67.4%)}.qa{display:block}summary{display:block}summary::-webkit-details-marker{display:none}.answer{position:relative;margin:1.5rem 15px 1.5em auto;padding:7px 10px;text-align:left;min-width:20px;max-width:70%;color:#446244;background-color:#f4d50d;border-radius:5px;font-size:1.5rem;font-weight:700}.question:hover{background-color:#f8a538;transition:.3s}.question:hover:before{border-right-color:#f8a538;transition:.3s}.answer:before{content:"";position:absolute;top:50%;right:-24px;margin-top:-12px;border:12px solid rgba(0,0,0,0);border-left:12px solid #f4d50d}.answer a:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";color:brown;display:inline-block;margin-right:5px;text-decoration:none}.answer a:hover{background-color:beige;transition:.3s}.answer:after{content:"";position:absolute;top:50%;right:-30px;margin-top:-14px;border:14px solid rgba(0,0,0,0);border-left:14px solid #f4d50d}.question{position:relative;margin:1.5rem 0 1.5em 15px;padding:7px 10px;min-width:40px;max-width:40%;color:#000;font-size:1.5rem;background-color:#97cd2c;border-radius:5px}@media screen and (max-width: 1024px){.question{max-width:70%}}.question:before{content:"";position:absolute;top:50%;left:-24px;margin-top:-12px;border:12px solid rgba(0,0,0,0);border-right:12px solid #97cd2c}.question:after{white-space:pre;position:absolute;top:50%;left:-30px;margin-top:-14px;border:14px solid rgba(0,0,0,0);border-right:14px solid #97cd2c;z-index:1}#Contact{margin-top:-5%;padding-top:10%}.inputarea{display:flex;flex-wrap:wrap;font-size:1.4rem;margin-bottom:1rem;width:70%;margin-left:15%}.inputlabel{width:400px;margin-bottom:1rem}@media screen and (max-width: 1024px){.inputlabel{width:200px}}.input{width:calc(100% - 400px);margin-bottom:1rem}@media screen and (max-width: 1024px){.input{width:calc(100% - 200px)}}@media screen and (max-width: 756px){.input{width:90%}}.tooltip{position:relative;padding:10px;margin-left:10px;color:#fff;visibility:hidden;background:#333;transition:all .5s}.tooltip:before{content:"";position:absolute;top:50%;right:100%;width:0;height:0;border:10px solid rgba(0,0,0,0);border-right-color:#333;transform:translateY(-50%)}input:focus+.tooltip{visibility:visible;opacity:1}.form{margin-top:50px;padding-top:50px;padding-bottom:50px;background-color:#bbf4ec;border-radius:10px;box-shadow:0 0 10px #000}.stars{background-image:linear-gradient(0deg,#00dedc,#115d89,#080f1c);overflow:hidden;position:relative}.stars h4{color:#fff;text-shadow:#f8a538 1px 0 10px}.star{position:absolute;display:block;background-color:#fff;border-radius:50%;box-shadow:0 0 4px 2px #fff3;opacity:0;-webkit-animation:twinkle 5s infinite;animation:twinkle 5s infinite}@-webkit-keyframes twinkle{0%{opacity:0}50%{transform:scale(1.1);opacity:1}to{opacity:0;transform:scale(1)}}@keyframes twinkle{0%{opacity:0}50%{transform:scale(1.1);opacity:1}to{opacity:0;transform:scale(1)}}dialog{width:60%;background-color:#f0e8e8e6;z-index:3;align-items:center}@media screen and (max-width: 756px){dialog{width:90%}}.dialog{display:flex;flex-direction:column;justify-content:space-between;font-size:1.4rem}.dialog .dialog-row{display:flex;flex-direction:row;align-items:center;font-size:1.4rem;width:80%;margin:10px}.dialog .dialog-row .dialog-label{width:300px}@media screen and (max-width: 756px){.dialog .dialog-row .dialog-label{width:90%}}.dialog .dialog-row .dialog-data{width:calc(100% - 300px)}@media screen and (max-width: 756px){.dialog .dialog-row .dialog-data{width:90%}}.dialog .dialog-row .dialog-button{margin:10px}@media screen and (max-width: 756px){.dialog .dialog-row input{width:70%;margin:20px}}.submit{width:50%;transition:.5s;box-shadow:#434343 2px 2px 5px;transition:.3s}.submit:hover{background-color:#f8a538;box-shadow:#434343 4px 4px 10px}.top{position:relative;margin:0 0 100px;padding:0}.top .title_black,.top .title{font-family:Noto Sans JP,sans-serif;font-weight:800}.top .title{color:#fff;text-shadow:0px 0px 4px #000,0px 0px 6px #33cdec,0 0 1.5rem #fff}@media screen and (max-width: 1024px){.top .title{line-height:80%;padding:2px}}@media screen and (max-width: 756px){.top .title{line-height:60%;padding:1px;font-size:.7rem}}.top .title_black{color:#000;text-shadow:0px 0px 4px #fff,0px 0px 6px #0c7ed5,0 0 1.5rem #fff}@media screen and (max-width: 1024px){.top .title_black{line-height:80%;padding:2px}}@media screen and (max-width: 756px){.top .title_black{line-height:60%;padding:1px;font-size:.7rem}}.top .picture{position:relative;width:100vw;margin:0;display:block;top:40px}.top video{position:relative;top:40px;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100vw;margin:0}.top .overlay{position:absolute;bottom:30px;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;text-align:center;z-index:2}@media screen and (max-width: 756px){.top .overlay{bottom:0}}.top h1{font-size:3.5rem;margin-bottom:1.5rem}@media screen and (max-width: 1024px){.top h1{font-size:1.2rem;margin-bottom:.5rem;padding:auto}}.top h1:hover{color:#33cdec;transition:.4s}.top p{font-size:1.5rem;text-align:center}@media screen and (max-width: 1024px){.top p{margin-top:.5rem;padding:auto;font-size:1rem}}#Profile h4{display:block;position:relative;color:#333;margin:15px}#Profile h4 span{display:flex;justify-content:center;align-items:center;position:relative;padding:10px;width:100%;font-size:1.5rem;font-weight:700;background-color:#33cdec;z-index:2}#Profile h4:before{content:"";position:absolute;bottom:-5px;right:-5px;width:100%;height:100%;background-image:repeating-linear-gradient(-45deg,#2b2b2b,#2b2b2b 2px,#0000 0%,#0000 50%);background-size:8px 8px;z-index:1}.news dl{display:flex;flex-wrap:wrap;align-items:stretch;margin:2rem 2rem 3rem;justify-content:space-between;font-size:1.5rem}@media screen and (max-width: 1024px){.news dl{width:95%}}.news dt{width:200px;margin-bottom:20px}.news dd{width:calc(100% - 200px);margin-bottom:20px}@media screen and (max-width: 1024px){.news dd{width:100%}}.news dt:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";color:brown}.news .adv{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:wrap;margin-top:30px;margin-bottom:50px}.news .adv .news-content{margin-bottom:20px}@media screen and (max-width: 1024px){.news .adv .news-content{width:100%}}.news .adv .adv-content{width:350px;margin-bottom:20px;display:flex;flex-direction:column}.news .adv .adv-content .advbox{--adv-color: azure;width:330px;position:relative;height:80px;margin:30px 20px;background-image:radial-gradient(circle farthest-corner at 10% 20%,#0eae57,#0c7475 90%);border:1px solid #000;border-radius:10px;font-size:1.5rem;color:var(--adv-color);box-shadow:2px 2px 5px #00000080}.news .adv .adv-content .advbox:hover{transition:.3s;--adv-color: aqua}.news .adv .adv-content .advbox p{text-align:center}.news .adv .adv-content .advbox a{position:absolute;top:0;left:0;width:100%;height:100%;transition:.3s}.merit{width:90%;margin:10px;display:flex;flex-wrap:wrap;background-color:#fdd3cd;border:#33cdec solid 1px;border-radius:5px;padding:20px 10px;font-size:1.2rem}@media screen and (max-width: 756px){.merit{margin:0;padding:5px}}.merit .merittext{flex-basis:45%;flex-grow:1;padding-right:20px;padding-left:20px}@media screen and (max-width: 756px){.merit .merittext{flex-basis:90%}}.merit .merittext p{margin-bottom:20px}.merit .merittext .merit-ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-left:-20px}.merit .merittext .merit-ul .merit-li{position:relative;margin:10px;text-align:center;border:#1692af solid 2px;border-radius:10px;padding:20px 10px 10px;background-color:#fff;width:250px;height:60px;font-weight:700}.merit .merittext .merit-ul li:before{content:"";display:none}.merit .merittext .merit-ul-2{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.merit .merittext .merit-ul-2 .merit-li-2{position:relative;margin:10px;text-align:center;border:#1692af solid 2px;border-radius:10px;padding:20px 10px 10px;background-color:#fff;width:90%;height:60px;font-weight:700}@media screen and (max-width: 756px){.merit .merittext .merit-ul-2 .merit-li-2{width:250px;height:80px}}.merit .merittext .merit-ul-2 li:before{content:"";display:none}.merit .image{flex-basis:40%;flex-grow:1;display:block;margin:10px;align-items:center}.merit .image img{max-width:100%;height:auto;border-radius:10px}.demerit{width:90%;margin:20px 10px;padding:20px 30px}.demerit .demerit-text{color:red}.demerit .demerit-text:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";color:brown;display:inline-block;margin-right:5px;text-decoration:none}.solution{width:90%;margin:10px 20px;background-color:#fff6f5;border:#1692af solid 1px;border-radius:5px;padding:30px;box-shadow:0 0 10px #00000080;line-height:3rem}.solution .solution-light:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";color:pink;display:inline-block;margin-right:5px;text-decoration:none}.solution a:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";color:brown;display:inline-block;margin-right:5px;text-decoration:none}.solution a:hover{background-color:#eaf8c3}.solution-link{--back-color: #EAF8C3;display:block;background-color:var(--back-color);border:#1692af solid 1px;width:max(50%,250px);margin:30px auto;text-align:center;padding:20px 10px;position:relative;border-radius:10px;box-shadow:5px 5px 10px #00000080}.solution-link:hover{--back-color: #f3fdff}.solution-link a{position:absolute;display:block;top:0;left:0;width:100%;height:100%;text-decoration:none}.solution-link a:before{content:"";display:none}.rfid{margin-top:50px;margin-bottom:30px}.rfid .rfidtext{flex-basis:45%;flex-grow:0;line-height:1.7rem;font-size:1rem}.product{display:flex;flex-wrap:wrap;gap:20px;flex-direction:row;flex-basis:auto;justify-content:center;align-items:top;--back-color: #f3fdff;z-index:1;--boder-color: #1692AF}.product .description{padding:20px;font-size:1.5rem;z-index:1;margin-top:50px;margin-bottom:50px}.product .description figure{width:50%;margin:50px auto auto}.product .description figure img{width:95%;height:auto}@media screen and (max-width: 1024px){.product .box-product-title{font-size:100%;height:50%}}.product .functions{display:flex;margin:50px 0;flex-wrap:wrap;gap:20px;flex-direction:row;flex-basis:auto;justify-content:center;align-items:top;font-size:1.2rem}.product .functions .function{width:90%;margin:10px;background-color:var(--back-color);border:var(--boder-color) solid 1px;padding:30px 20px;border-radius:5px}.product .functions .function h4{padding:5px 10px;border-radius:5px;background-color:#ddd}.product .functions .function h4:before{content:"🔹";padding-right:5px}.product ul{display:flex;flex-wrap:wrap}.product ul li{position:relative;margin:10px;text-align:center;border:var(--boder-color) solid 2px;border-radius:3px;padding:20px 10px 10px;background-color:var(--back-color);width:350px;height:60px}.product ul li:hover{--back-color: #EAF8C3}.product ul li a{position:absolute;display:block;padding:15px 0 0;margin:0;top:0;left:0;width:100%;height:100%;text-decoration:none}.product ul li:before{content:"";display:none}.experiences{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:10px;padding:10px;gap:10px}.experiences .experience{display:flex;flex-direction:column;justify-content:center;width:max(80%,400px);border-top:#000 1px solid;padding:10px;margin-bottom:40px}.experiences .experience li{padding:5px 10px;margin-top:5px;margin-left:10px;border:#33cdec 1px solid;border-radius:10px;width:min(200px,90%);background-color:#f0f8ff}.experiences .experience li:before{content:"";margin-right:5px}.experiences .experience ul{margin-bottom:30px}.experiences .experience .exp-title{font-size:1.5rem;font-weight:700;margin:10px;width:100%}.experiences .experience .exp-wide{display:flex;flex-direction:row;flex-wrap:wrap;flex-grow:0}.experiences .experience .exp-wide .exp-desc{width:max(370px,50%);padding:10px 8px 8px;margin-left:5px}@media screen and (max-width: 756px){.experiences .experience .exp-wide .exp-desc{width:90%}}.experiences .experience .exp-wide .exp-desc:before{content:"概要";margin-left:15px;margin-top:5px;margin-bottom:5px;font-size:1.3rem;background:linear-gradient(transparent 60%,#ff6 60%)}.experiences .experience .exp-wide .exp-lang{width:max(150px,20%);padding-top:10px}.experiences .experience .exp-wide .exp-lang:before{content:"開発実績";margin-left:15px;margin-top:5px;margin-bottom:5px;font-size:1.3rem;background:linear-gradient(transparent 60%,#ff6 60%)}.experiences .experience .exp-wide .exp-env{width:max(150px,20%);padding-top:10px}.experiences .experience .exp-wide .exp-env:before{content:"開発環境等";margin-left:15px;margin-top:5px;margin-bottom:5px;font-size:1.3rem;background:linear-gradient(transparent 60%,#ff6 60%)}.epccode{display:flex;flex-direction:column;align-items:center;margin:0;padding:0}.qr{max-width:80%;height:auto;margin:30px auto auto;display:block}.gear{margin:10px;position:absolute;width:200px;height:200px;right:10px;bottom:10px;background-image:url(../images/gear.svg);background-repeat:no-repeat;z-index:-1;-webkit-animation:rot 40s linear infinite;animation:rot 40s linear infinite}.gear2{margin:10px;position:absolute;width:200px;height:200px;top:10px;left:10px;background-image:url(../images/gear.svg);background-repeat:no-repeat;z-index:-1;-webkit-animation:rot 40s linear infinite;animation:rot 40s linear infinite}.breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin-top:50px;font-size:1.5rem}.breadcrumb li:not(:last-of-type):after{content:"";font-family:"Font Awesome 5 Free";font-weight:900;margin:0 10px}.box-product{margin:20px;padding:20px;border:2px solid #434343;background-color:#bbf4ec;background-size:100% 100%;box-shadow:10px 10px #8648a3;z-index:1;max-width:40%}.box-product:hover{box-shadow:15px 15px #f8a538}.products{display:flex;flex-wrap:wrap;justify-content:center;align-items:top;margin:10px;z-index:1;--boxshadow: rgba(0, 0, 0, .5);--backcolor: rgba(0, 0, 0, .5);--bordercolor: rgba(0, 0, 0, .5);--textcolor: #fff}.products .box{margin:1px;padding:0;position:relative;transition:.5s}.products .box:hover{z-index:3;--boxshadow: rgba(#fff, 0);--bordercolor: rgpa(0, 0, 0, 0);--backcolor: rgba(255, 255, 255, .5);--textcolor: red}.products .box .box-product-title{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;bottom:0;left:0;width:100%;height:30%;background-color:var(--backcolor);border:var(--bordercolor) solid 1px;text-shadow:#0c7ed5 1px 0 10px;color:var(--textcolor);margin:0;font-size:1rem;font-weight:700;z-index:4;text-align:center;vertical-align:middle;transition:.3s}.products .box .box-product-title h5{margin-top:3px;margin-bottom:5px}.products .box-image{margin:0;padding:0}.products .box-image img{width:100%;padding:0;height:auto;transition:.3s}.back-button{background-color:#33cdec;padding:5px 10px;margin-top:10px;border-radius:4px;transition:.5s;box-shadow:#434343 2px 2px 5px}.back-button:hover{background-color:#f4d50d;box-shadow:#434343 4px 4px 10px}.inquire-button{background-color:#33cdec;padding:20px 30px 15px;font-size:1.5rem;margin:10px auto 5px;border-radius:4px;transition:.5s;box-shadow:#434343 2px 2px 5px}.inquire-button:hover{background-color:#f4d50d;box-shadow:#434343 4px 4px 10px}.box-two{margin:2em auto;padding:1em;position:relative;background:linear-gradient(-45deg,transparent 25%,#fafafa 25%,#fafafa 50%,transparent 50%,transparent 75%,#fafafa 75%,#fafafa);background-size:4px 4px;border-bottom:4px double #ddd;border-top:4px double #ddd;background-clip:padding-box}.box-two a{position:absolute;top:0;left:0;width:100%;height:100%}.box-two:hover{background-color:#bbf4ec;transition:.3s}.box-two-title{left:-40px;background-color:#16687c;color:#fff;padding:.5em 1em;margin:0;width:100%;font-size:1.5rem;font-weight:700}.box-two-content{padding:1em;margin:0;width:100%;font-size:1.2rem;font-weight:700}.foreframe{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:0;gap:0px;align-items:flex-start;height:auto;box-shadow:0 0 10px #00000080;background-color:#fff;margin:30px 30px 50px 10px;border:#33cdec solid 1px}.foreframe .forebox{display:flex;width:23.75%;flex-direction:column;justify-content:center;gap:0px;align-items:frex-start;margin:1px}@media screen and (max-width: 1024px){.foreframe .forebox{width:45%}}@media screen and (max-width: 756px){.foreframe .forebox{width:95%}}.foreframe .forebox .foreimg{padding:0;width:100%;height:auto}.foreframe .forebox .foreimg img{width:100%;padding:0;height:auto;filter:saturate(40%);transition:.3s}.foreframe .forebox .foreimg img:hover{filter:saturate(100%);z-index:3;transform:scale(1.1);position:relative;box-shadow:2px 2px 5px #00000080}.foreframe .foretext{width:100%;padding:30px 10px;font-size:1.5rem;font-weight:700;color:#36610b;text-align:left}.twotext{flex-basis:50%;flex-grow:0;flex-shrink:0;margin:5px;padding-left:5px}.twotext .p{margin-left:40px;font-size:1.2rem}@media screen and (max-width: 756px){.twotext{flex-basis:100%}}@media screen and (max-width: 1024px){.twotext{padding-bottom:50px}}.twoimage{flex:45%;margin:10px;align-items:center;padding-left:5px}.twoimage img{max-width:100%;height:auto}.twobox{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px;padding-bottom:30px}.heading{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.heading:before,.heading:after{content:"";width:70px;height:3px;background-color:#0c7ed5}@media screen and (max-width: 756px){.heading:before,.heading:after{width:30px}}.heading:before{margin-right:10px}.heading:after{margin-left:10px}.nav li{text-align:center;margin:0 0 0 1.5rem}a:hover{color:#ec3560;transition:.3s}main ul li:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;color:brown;margin-right:10px}.nav a{display:block}.nav a:hover{color:#ec3560;transition:.3s}.demo{position:relative;width:60%;margin:100px auto 60px;box-shadow:0 0 10px #000;padding:10px;text-align:center;border:2px solid #33cdec;background-image:linear-gradient(45deg,rgba(91,169,247,.0705882353) 25%,transparent 25%,transparent 50%,rgba(91,169,247,.0705882353) 50%,rgba(91,169,247,.0705882353) 75%,transparent 75%,transparent),linear-gradient(-45deg,rgba(91,169,247,.0705882353) 25%,transparent 25%,transparent 50%,rgba(91,169,247,.0705882353) 50%,rgba(91,169,247,.0705882353) 75%,transparent 75%,transparent);background-size:20px 20px}@media screen and (max-width: 1024px){.demo{width:90%}}.demo a{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.demo:hover{background-color:#f4d50d;transition:.3s}.demo .demo-text{font-size:1.5rem;font-weight:700;color:#36610b;text-align:center}@media screen and (max-width: 1024px){.demo .demo-text{font-size:.8rem}}.go{width:250px;background-color:#bbf4ec;justify-content:center;align-items:center;text-align:center;height:50px;font-size:1.5rem;font-weight:700;margin:10px 20px 20px;padding:15px 20px 30px;border-radius:10px;position:absolute;box-shadow:#434343 2px 2px 5px}.go:hover{background-color:#ff6;box-shadow:#434343 4px 4px 10px;transition:.3s}.go:after{content:"";font-family:"Font Awesome 5 Free";font-size:1.5rem;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:5px}.go a{display:block;position:absolute;top:0;left:0;width:100%;height:100%}footer{background-color:#16687c;color:#fff;text-align:center;padding:1rem 0}.pctool[data-v-9e62cc7d]{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.tool[data-v-9e62cc7d]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:top;align-items:flex-start;gap:10px;margin-top:50px;margin-bottom:100px}.cal[data-v-9e62cc7d]{display:flex;flex-direction:column;width:min(300px,95%)}.to[data-v-9e62cc7d]{display:flex;flex-direction:column;width:min(200px,95%)}.func[data-v-9e62cc7d]{display:flex;flex-direction:column;width:min(300px,95%);gap:20px}.sel[data-v-9e62cc7d]{display:flex;flex-direction:row;gap:10px;justify-content:space-between}.tomsg[data-v-9e62cc7d]{margin-top:5px;width:400px}.select-label[data-v-9e62cc7d]{margin-top:10px;margin-left:10px}.mes[data-v-9e62cc7d]{padding:20px auto 2px;font-size:1.2rem}.input[data-v-9e62cc7d]{width:min(400px,95%)}.label[data-v-9e62cc7d]{margin:0 30px 5px}.button[data-v-9e62cc7d]{margin-top:10px;padding:10px 30px 5px;background-color:#7fff00;border-radius:7px;text-align:center;transition:all .5s ease;width:150px;height:50px}.button[data-v-9e62cc7d]:hover{background-color:#0f0;color:#fff;transition:all .5s ease}input[type=text][data-v-9e62cc7d]{padding:10px;border:1px solid #000;border-radius:5px;transition:all .5s ease}input[data-v-9e62cc7d]:disabled{background-color:#f0f0f0;color:#000;border:none;cursor:not-allowed}.epccode-tool[data-v-66e8e0e8]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.ada[data-v-66e8e0e8]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:100%;max-width:800px;padding:0 20px}.btn[data-v-66e8e0e8]{margin:20px;padding:20px;border:1px solid #000;border-radius:5px;background-color:#f0f0f0;cursor:pointer;text-align:center;width:100%;position:relative;max-width:350px;box-shadow:2px 2px 2px #000;transition:.3s;font-size:1.2rem;font-weight:700}.btn[data-v-66e8e0e8]:hover{background-color:#7fffd4;transition:.3s}.btn a[data-v-66e8e0e8]{position:absolute;top:0;left:0;width:100%;height:100%;text-decoration:none;color:#000;font-size:1.5rem;font-weight:700}