@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Ropa+Sans:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap";:root{--white: #eee;--green: #3b7302;--blue: #33aaaa;--black: #000;--yellow: #edde78;--brawn: #a75810;--textShadow: 2px 2px #00000033;--wideTxt1: 6rem;--wideTxt2: 5rem;--wideTxt3: 3rem;--midTxt1: 2rem;--midTxt2: 1.5rem;--midTxt3: 1.2rem;--smallTxt1: 1rem;--smallTxt2: .8rem}*{margin:0;padding:0;box-sizing:border-box;font-family:"Noto Serif JP",sans-serif}html{text-size-adjust:100%;-webkit-text-size-adjust:100%;height:-webkit-fill-available}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;cursor:default;overflow:hidden}body,#root{min-height:100vh;min-height:-webkit-fill-available}#root{display:flex;background:var(--white)}.bgBx{position:absolute;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:0;z-index:-1;transition:1.5s;width:1928px;height:1830px;overflow:hidden;background-size:100%;background-repeat:no-repeat}.bgBx.d{top:calc(-120px - (1080px - 100vh));left:calc(450px - ((1920px - 100vw)/2))}.bgBx.h{top:calc(-1520px - (1080px - 100vh));left:-2000px}.bgBx.h,.bgBx.s1,.bgBx.s2,.bgBx.s3{width:4200px;height:3987px}.bgBx.a{top:calc(-730px - (1080px - 100vh));left:-230px}.bgBx.s1{top:calc(100px - (1080px - 100vh));left:calc(500px - ((1920px - 100vw)*.8))}.bgBx.s2{top:calc(500px - (1080px - 100vh));left:calc(-1600px - ((1920px - 100vw)/2))}.bgBx.s3{top:calc(0px - (1080px - 100vh));left:calc(-3400px - ((1920px - 100vw)*.1))}.bgBx.c{top:calc(-730px - (1080px - 100vh));left:calc(570px - ((1920px - 100vw)*.82))}.bgBx .bgTree{left:11450px;top:14020px}section{position:absolute;display:none;width:100%;height:100%;top:0;left:0;opacity:0}.loadingBx{display:flex;justify-content:center;align-items:center;width:100%;background:#eee;animation:loadingFadeOut .3s 2.7s ease-out forwards;z-index:10000;pointer-events:none}.loadingBx svg path,.loadingBx svg circle{opacity:1;stroke-width:.5px;stroke-dasharray:200px;stroke-dashoffset:200px;animation:lineAnim 1.5s var(--del) ease-in forwards,lineFadeIn .5s 1.5s ease-in forwards;fill:transparent}@keyframes lineAnim{0%{stroke-dasharray:200px;stroke-dashoffset:200px}to{stroke-dashoffset:0}}@keyframes lineFadeIn{0%{fill:transparent}to{fill:var(--clr);stroke:transparent}}@keyframes loadingFadeOut{0%{opacity:1;display:flex}99%{display:flex}to{opacity:0;display:none}}.bgBx.h~.home{display:inline;animation:fadeIn .5s ease-in 1.5s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home .nav{width:580px;position:absolute;right:0;display:flex;justify-content:end;text-align:center;margin-top:30px;padding-right:30px;background:var(--white);border-radius:20px 0 0 20px}.home .nav li{list-style:none;margin-left:50px;cursor:pointer;padding:5px;border-radius:10px;flex-shrink:0;width:140px;transition:.3s}.home .nav li .nav_title{font-size:var(--midTxt1);text-decoration:none;letter-spacing:0px;color:var(--green);font-family:Noto Sans,sans-serif;font-weight:400;transition:.3s}.home .nav li.has_child ul{position:absolute;left:30px;top:44px;width:140px;visibility:hidden;opacity:0;z-index:1;background-color:var(--white);transition:opacity .3s;border-radius:0 0 10px 10px}.home .nav li.has_child ul.nav_about{left:30px}.home .nav li.has_child ul.nav_service{left:220px}.home .nav li.has_child ul li{margin-left:0;border-radius:0}.home .nav li.has_child ul li:hover .nav_text{color:var(--white)}.home .nav li.has_child ul li:last-child{border-radius:0 0 10px 10px}.home .nav li:hover{border-radius:10px 10px 0 0;background:var(--green)}.home .nav>li:nth-child(2):hover{background:#06a}.home .nav>li:last-child:hover{background:#e50}.home .nav>li:nth-child(2) ul li:hover{background:#06a}.home .nav>li:last-child:hover{border-radius:10px}.home .nav li.has_child ul li .nav_text{font-size:var(--smallTxt1);color:var(--green)}.home .nav li:nth-child(2) ul li .nav_text{color:#06a}.home .nav li:hover .nav_title{color:var(--white)}.home .nav li.has_child:hover ul{visibility:visible;opacity:1}.home .textBx{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:400px;height:400px;left:60px;bottom:60px;border-radius:50%;background:#edde7baa}.home .textBx svg{width:250px}.home .textBx h3{font-size:var(--midTxt2);letter-spacing:2px;color:var(--black)}.home .nav_cir{position:absolute;right:-270px;top:-270px;z-index:-1;border-radius:50%;overflow:hidden;width:1050px;height:1050px;background:#a8c692;box-shadow:10px 10px 20px #0008;transition:.3s}.home .imgBx img{width:100%;height:100%;opacity:.8}.bgBx.a~.about{display:flex;justify-content:end;animation:fadeIn .5s ease-in 1.5s forwards}.about .hum1{position:absolute;bottom:5px;left:0;width:400px;z-index:-1}.about .book{position:absolute;bottom:5px;width:180px;left:300px;transform:translate(0);transition:1s;z-index:-1;transition-delay:1s}.about .book.active{bottom:50%;left:50%;width:1500px;transform:translate(-50%,50%);z-index:0;transition-delay:0s}.about svg{position:absolute;bottom:-185px;left:320px;width:200px;z-index:-1}section .contentBx{padding:0 40px 0 120px;margin-top:160px;width:1000px;background:#eeec;border-radius:120px}section .contentBx h1{width:100%;font-family:Noto Sans,sans-serif;font-weight:400;font-size:var(--wideTxt1);color:var(--green);margin-bottom:40px;text-align:center}section .contentBx i{font-size:var(--midTxt2);font-style:normal}.about .contentBx h1{text-align:end}section .contentBx .textBx{margin-bottom:20px;color:var(--black);opacity:0;animation:fadeIn .5s 1.5s forwards}section .contentBx h3{font-size:var(--midTxt1);margin-bottom:30px;margin-top:40px}.about .contentBx .textBx .abo1{display:flex;margin-left:20px}.about .contentBx .textBx .abo1 div:last-child{margin-left:20px}.about .contentBx .textBx .abo1 div i .aboInd{margin-left:0}.about .contentBx .textBx.abo3{margin-left:20px}.about .contentBx .textBx.abo3 h3{margin-bottom:10px;transform:translate(-20px)}.about .contentBx .textBx.abo3 i strong{color:var(--green)}.about .bookBx{position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);width:1000px;height:750px;padding:20px;opacity:0;animation:fadeIn .5s 2s forwards}.about .bookBx img{width:360px;margin-bottom:10px;box-shadow:5px 5px 20px #000}.about .bookBx .textBx{width:50%;padding:20px}.about .bookBx .textBx:nth-child(1){display:flex;flex-direction:column;align-items:center}.about .bookBx .textBx h3{font-size:var(--midTxt1);margin-bottom:40px;text-align:center}.about .bookBx .textBx i{font-size:var(--midTxt3);font-style:normal;letter-spacing:2px}.about .bookBx .textBx .small{font-size:var(--smallTxt1);padding-left:0;margin-bottom:40px}.bgBx.s1~.service1,.bgBx.s2~.service2{animation:fadeIn .5s ease-in 1.5s forwards;display:flex;justify-content:center;align-items:center}.conBx{width:100%;margin:30px;position:relative}.conWrp{padding:20px;background:#eeec;border-radius:0 30px 30px 0;animation:serPas .5s ease-in-out forwards}@keyframes serPas{0%{opacity:1}20%{width:var(--WrpSize);opacity:0}99%{width:0;display:flex}to{display:none}}.Bx.active~.conWrp{animation:serAct .5s ease-in-out forwards}@keyframes serAct{0%{display:flex;width:0;opacity:0}80%{width:var(--wrpSize);opacity:0}to{width:var(--wrpSize);opacity:1}}Canvas{transition:.5s}.conTitle{font-size:var(--midTxt1);font-weight:800;color:var(--black);transform:translate(-20px)}.textBx .conText{font-size:var(--midTxt3);color:var(--black);font-style:normal;white-space:nowrap;letter-spacing:-.1px;display:inline-block;margin-top:20px}.textBx .conText.btm{margin-top:10px}.conSub{font-size:var(--midTxt2);margin:40px 0 10px;color:var(--black);font-weight:600;transform:translate(-20px)}.textBx{position:relative}.textBx ul{color:var(--black);font-size:var(--midTxt3);margin-left:30px;display:flex;column-gap:50px;flex-wrap:wrap}.textBx ul li::marker{font-size:var(--smallTxt2)}.textBx ul.etc li:last-child{list-style:none;margin-top:10px;width:100%;transform:translate(-30px)}.conNavBx{position:absolute}.conNav{position:absolute;opacity:.8;transition:.3s;width:200px;pointer-events:none}.conNav.active{opacity:1}.conNav.passive{opacity:0}.conNav span{box-shadow:0 0 10px var(--white)}.conNav span:first-child{position:absolute;width:10px;height:10px;transform:translate(-5px,-5px);border-radius:50%;background-color:var(--black)}.conNav span:nth-child(2){position:absolute;width:40px;border-top:3px solid var(--black);border-radius:5px}.conNav span:nth-child(3){position:absolute;width:140px;border-top:3px solid var(--black);border-radius:5px}.conNav i{font-size:var(--midTxt2);color:var(--black);text-shadow:0px 0px 10px var(--white);position:absolute;font-style:normal}.conNav i:last-child{opacity:0;transition:.3s}.conNav.active i:last-child{opacity:1}.Bx{padding:20px;width:80vw;height:730px}.Bx.active{width:40vw;height:40vw}.modScr{position:absolute;width:80vw;height:80%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1000;background:var(--white);border-radius:50px}.modLoader{width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modLoader div{width:20px;height:20px;float:left;display:flex;justify-content:center;align-content:center;align-items:center;position:relative}.modLoader div span{position:absolute;display:block;border-radius:3px;animation:loadAnim 1.2s infinite;animation-timing-function:linear}@keyframes loadAnim{0%{width:0px;height:0px;background:var(--black)}40%{width:15px;height:15px;background:var(--green)}80%{width:0px;height:0px;background:var(--black)}}.modLoader div:nth-child(2) span,.modLoader div:nth-child(4) span{animation-delay:.15s}.modLoader div:nth-child(3) span,.modLoader div:nth-child(5) span,.modLoader div:nth-child(7) span{animation-delay:.3s}.modLoader div:nth-child(6) span,.modLoader div:nth-child(8) span{animation-delay:.45s}.modLoader div:nth-child(9) span{animation-delay:.6s}.serNav{display:none;position:absolute;font-size:1rem}.nav_btn{position:absolute;top:0;right:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;width:40px;height:40px;font-size:var(--midTxt1);border:solid 2px var(--black);color:var(--black);background:#eeec;transition:color .5s,background .5s}.nav_btn:hover{background:var(--black);color:#eeec;transition:color .5s,background .5s,}.service_title{position:absolute;right:120px;top:80px;font-family:"Noto Serif JP",sans-serif;font-weight:400;font-size:var(--wideTxt3);color:var(--green);padding:5px 10px;border-radius:20px;background:var(--white);pointer-events:none;z-index:1000}.bgBx.s3~.service3{display:flex;justify-content:space-between;animation:fadeIn .5s ease-in 1.5s forwards}.service3 .contentBx{width:100%;margin-top:120px}.service3 .contentBx h1{font-family:"Noto Serif JP",sans-serif;font-size:var(--wideTxt2);margin-bottom:30px}.service3 .contentBx .ser3Bx{display:flex;justify-content:space-between}.service3 .contentBx .ser3Bx .textBx{margin-top:40px;padding-right:30px;width:40%;display:flex;flex-direction:column;justify-content:space-between}.service3 .contentBx .ser3Bx .textBx .strongText{font-size:var(--midTxt1);color:var(--green);margin-bottom:20px;white-space:nowrap}.service3 .contentBx .ser3Bx .textBx .imgBx{margin-top:30px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.service3 .contentBx .ser3Bx .textBx img{width:450px;box-shadow:5px 5px 20px #000}.service3 .contentBx .ser3Bx .textBx img:last-child{margin-top:0}.service3 .contentBx .ser3Bx .textBx i{font-size:var(--midTxt3);white-space:nowrap}.service3 .contentBx .ser3Bx .serWrap{margin-top:40px;width:800px;padding-left:30px;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}.service3 .contentBx .ser3Bx .serWrap .serBx{width:48%;margin-bottom:30px;border:2px solid var(--blue);border-radius:20px;padding:5px;display:flex;flex-direction:column;align-items:center;text-align:center}.service3 .contentBx .ser3Bx .serWrap .serBx ion-icon{font-size:4rem;color:var(--blue)}.service3 .contentBx .ser3Bx .serWrap .serBx h4{font-size:var(--midTxt3);color:var(--blue)}.service3 .contentBx .ser3Bx .serWrap .serBx .serText{font-size:var(--smallTxt1r);margin:10px 0}.service3 .contentBx .ser3Bx .serWrap .serBx .seBtn{display:flex;width:90%;height:70px;border-radius:50px;border:1px solid var(--blue);background:var(--white);box-shadow:5px 5px 10px var(--black);color:var(--blue);padding:5px;transition:.3s;cursor:pointer;flex-direction:column;justify-content:center;text-decoration:none}.service3 .contentBx .ser3Bx .serWrap .serBx .seBtn i{font-size:var(--smallTxt1);white-space:nowrap}.service3 .contentBx .ser3Bx .serWrap .serBx .seBtn i strong{font-size:var(--midTxt2)}.service3 .contentBx .ser3Bx .serWrap .serBx .seBtn:hover{background:var(--blue);color:var(--white);box-shadow:none;border:none}.service3 .contentBx .ser3Bx .serWrap .slidDots{width:100vw;margin-top:10px;display:flex;justify-content:center;align-items:center}.service3 .contentBx .ser3Bx .serWrap .slidDots .slidDot{width:20px;height:20px;background:none;border-radius:50%;border:solid 1px var(--blue);padding:2px;margin:0 10px;cursor:pointer;transition:.5s}.service3 .contentBx .ser3Bx .serWrap .slidDots .slidDot:hover,.service3 .contentBx .ser3Bx .serWrap .slidDots .slidDot.active,.service3 .contentBx .ser3Bx .serWrap .slidDots .slidDot.active:hover{background:var(--blue)}.service3 .contentBx .ser3Bx .serWrap button{position:absolute;display:flex;justify-content:center;width:40px;z-index:10;background:none;transform:translateY(-20px);right:10px;border:none;border-radius:0 20px 20px 0;opacity:.8}.service3 .contentBx .ser3Bx .serWrap button:first-child{left:10px;border-radius:20px 0 0 20px}.service3 .contentBx .ser3Bx .serWrap button i{display:flex;font-size:3rem;justify-content:center;align-items:center;width:30px;height:50px;color:var(--black);opacity:.5}.bgBx.c~.contact{animation:fadeIn .5s ease-in 1.5s forwards;display:flex}.contact .contentBx{display:flex;margin-top:0;height:100%;flex-direction:column;justify-content:center;background:#eeed;width:900px}.contact .conForm{border-radius:50px;z-index:100}.contact .conForm.active{display:none}.contact .conForm h1{margin-bottom:0;font-size:var(--wideTxt2)}.contact .conForm h4{margin-left:40px;font-size:var(--midTxt3);color:red;opacity:0}.contact .conForm h4.active{color:red;opacity:.3}.contact .conForm h4.anim{animation:alert 1s ease-in-out forwards}.contact .conForm h4.check{color:var(--black);opacity:1}@keyframes alert{0%{opacity:0;transform:translate(0)}25%{opacity:.3;transform:translate(-40px)}50%{opacity:1;transform:translate(40px)}75%{opacity:1;transform:translate(-40px)}to{opacity:.3;transform:translate(0)}}.contact .conForm ul{list-style:none}.contact ul li{position:relative;border-bottom:1px solid var(--black);width:100%;margin-top:20px}.contact ul li:last-child{border:0}.contact ul li i{display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%);vertical-align:middle;width:30px;text-align:center;margin:0 5px;font-size:var(--midTxt2);color:var(--black);opacity:.3;transition:.3s}.contact ul li:nth-child(7) i{top:4px;transform:translateY(0)}.contact ul li input{width:90%;background:none;padding:2px 10px;border:0;font-size:var(--midTxt3);transition:.3s;margin-left:30px}.contact ul li .checkText{display:none;margin-left:40px;padding:2px 10px;font-size:var(--midTxt3);opacity:0}.contact ul li .listLab{display:none;position:absolute;left:40px;top:-13px;font-size:var(--smallTxt2);opacity:0}.contact ul li input.miss~i{color:red}.contact ul li input.miss::-webkit-input-placeholder{color:red}.contact ul li input:focus{outline:none}.contact ul li input::-webkit-input-placeholder{color:var(--black);opacity:.5;transition:.3s}.contact ul li input:focus::-webkit-input-placeholder{color:var(--yellow);opacity:1;transition:.3s}.contact ul li input:focus~i{color:var(--yellow);opacity:1;transition:.3s}.contact ul li span{position:absolute;left:0;bottom:0;width:0;border-bottom:solid 2px var(--yellow);box-shadow:0 -2px 10px var(--yellow);transition:.3s}.contact ul li input:focus~span{width:100%}.contact ul li .letter_sel{width:100%;background:none;border:0;text-align:left;transition:.3s}.contact ul li .letter_sel:after{position:absolute;top:5px;right:35px;width:0;height:0;content:"";border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #000;opacity:.3;pointer-events:none}.contact ul li .letter_sel select{position:relative;background-color:transparent;margin:2px 5px 2px 40px;width:90%;font-size:var(--midTxt3);border:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.contact ul li .letter_sel select.miss~label,.contact ul li .letter_sel select.miss~i{color:red}.contact ul li .letter_sel select:focus{outline:none}.contact ul li .letter_sel select:focus~i{color:var(--yellow);opacity:1;transition:.3s}.contact ul li .letter_sel select:focus~span{width:100%}.contact ul li .letter_sel select::-ms-expand{display:none}.contact ul li .letter_sel label{position:absolute;left:40px;bottom:5px;font-size:var(--midTxt3);opacity:.5;transition:.3s;pointer-events:none}.contact ul li .letter_sel select:focus~label{color:var(--yellow);opacity:1;transition:.3s}.contact ul li .letter_sel select:valid~label{opacity:0}.contact ul li textarea{display:inline-block;vertical-align:top;width:88%;background:none;padding:2px 5px;margin-left:35px;resize:none;border:0;text-align:left;height:auto;min-height:200px;font-size:var(--midTxt3);transition:.3s}.contact ul li .checkArea{display:none;width:88%;padding:2px 10px;margin-left:40px;height:200px;font-size:var(--midTxt3);overflow-y:auto;overflow-wrap:break-word;white-space:pre-wrap}.contact ul li textarea:focus{outline:none}.contact ul li textarea:focus~span{width:100%}.contact ul li textarea::-webkit-input-placeholder{color:var(--black);opacity:.5;transition:.3s;cursor:pointer}.contact ul li textarea.miss::-webkit-input-placeholder,.contact ul li textarea.miss~i{color:red}.contact ul li textarea:focus~i{color:var(--yellow);opacity:1;transition:.3s}.contact ul li textarea::-webkit-scrollbar,.contact ul li .checkArea::-webkit-scrollbar,.contact .checkSheet .idBx .idTextArea::-webkit-scrollbar{width:6px;background:#ccc;border-radius:3px;cursor:pointer}.contact ul li textarea::-webkit-scrollbar-thumb,.contact ul li .checkArea::-webkit-scrollbar-thumb,.contact .checkSheet .idBx .idTextArea::-webkit-scrollbar-thumb{background:var(--yellow);box-shadow:-2px 0 10px var(--yellow);border-radius:3px;cursor:pointer}.contact ul li textarea:focus::-webkit-input-placeholder{color:var(--yellow);opacity:1;transition:.3s;cursor:pointer}.contact ul li .checkBx{padding:2px 10px;margin-left:30px;cursor:pointer}.contact ul li .checkBx input{display:none}.contact ul li .checkBx label{font-size:var(--midTxt3);opacity:.5;margin-left:30px;pointer-events:none;transition:.3s}.contact ul li .checkBx.miss label,.contact ul li .checkBx.miss~i{color:red}.contact ul li .checkBx label:before{background:var(--white);border:2px solid #0000004a;border-radius:5px;content:"";display:block;height:16px;left:5px;margin-top:-9px;margin-left:40px;position:absolute;top:50%;width:16px;pointer-events:none;transition:.3s}.contact ul li .checkBx label:after{border-right:3px solid var(--black);border-bottom:3px solid var(--black);content:"";display:block;height:9px;left:10px;margin-top:-8px;opacity:0;margin-left:40px;position:absolute;top:50%;transform:rotate(45deg);width:5px;pointer-events:none;transition:.3s}.contact ul li .checkBx input:checked~label:before{background:var(--yellow);border:2px solid var(--yellow)}.contact ul li .checkBx input:checked~label:after{opacity:1}.contact ul li:last-child{display:flex;justify-content:space-around}.contact .submit{margin:0 0 15px;padding:5px 10px;border:2px solid #0000004a;display:block;border-radius:6px;background:none;font-size:var(--midTxt2);color:#0000004a;opacity:1;transition:.3s}.contact ul li .submit.send,.contact ul li .submit.return{display:none;opacity:0}.contact .submit:hover{border:2px solid var(--yellow);color:var(--green);box-shadow:inset -2px -2px 10px var(--yellow),inset 2px 2px 10px var(--yellow);cursor:pointer}.contact .submit.return:hover{border:2px solid #e44;color:var(--black);box-shadow:inset -2px -2px 10px #e44,inset 2px 2px 10px #e44}.contact .conForm~.subMes{display:none;color:var(--black);background:#eeec;padding:10px;border-radius:20px}.contact .conForm.active~.subMes{display:block;text-align:center;transform:translateY(-80px);opacity:0;animation:fadeIn .5s 3s linear forwards}.contact .subMes h3,.contact .subMes i{white-space:nowrap}.contact .checkSheet{display:none;position:absolute;top:0;left:0;justify-content:center;align-items:center;background:#0006;width:100%;height:100%;z-index:10000;opacity:0}.contact .checkSheet .idBx{display:flex;flex-direction:column;align-items:center;width:900px;background:var(--white);border-radius:20px;padding:20px}.contact .checkSheet .idBx h3{color:var(--green)}.contact .checkSheet .idBx .idTextArea{width:90%;height:400px;border-radius:20px 5px 5px 20px;border:2px solid #0000004a;border-right:none;padding:10px;overflow-y:auto}.contact .checkSheet .idBx .idTextArea .idTextBx{margin:20px 0 0 20px}.contact .checkSheet .idBx .idTextArea .idTextBx:first-child{margin:0}.contact .checkSheet .idBx .idTextArea .idTextBx i{font-size:var(--smallTxt1);margin-left:-20px}.contact .checkSheet .idBx .idTextArea .idTextBx:first-child i{margin-left:0}.contact .checkSheet .idBx .idTextArea .idTextBx.para{margin-top:40px}.contact .checkSheet .idBx .idTextArea .idTextBx.para strong{font-size:var(--midTxt3)}.contact .checkSheet .idBx .idBtnBx{width:90%;display:flex;justify-content:space-around;margin-top:20px}.contact .checkSheet .idBx .idBtnBx .submit{font-size:var(--midTxt1)}.contact .checkSheet .idBx .idBtnBx .submit.return{font-size:var(--midTxt2);display:flex;align-items:center}.contact .letterBx{position:absolute;left:0;top:0;width:960px;height:100%;flex-direction:column;justify-content:center}.contact .letterBx .letter{width:100%;transition:.3s;opacity:0}.contact .hum2{position:absolute;bottom:0;right:0;width:500px;z-index:-1}.screen{position:absolute;display:block;width:100%;height:100%;z-index:1;background:#000;opacity:0;transition:opacity .3s;animation:screen-delay 0s linear .3s forwards}@keyframes screen-delay{0%{right:0}to{right:-100%}}.menuBx.active~.screen{right:0;opacity:.3;animation:none}.menuBx{position:absolute;display:inline;right:-300px;width:300px;height:100%;background:var(--green);transition:.5s;z-index:10;border-radius:120px 0 0}.menuBx.active{right:0}.bgBx.d~.menuBx,.bgBx.h~.menuBx{display:none}.menuBx .menuList{margin-top:150px;width:100%}.menuBx .menuList li{width:100%;margin-bottom:10px;list-style:none;padding:10px 0;transition:.3s;cursor:pointer}.menuBx .menuList li .menuTitle{position:relative;display:block;font-family:Noto Sans,sans-serif;font-weight:400;font-size:var(--wideTxt3);color:var(--yellow);transition:.3s;z-index:1500;background:var(--green);padding:10px 20px;width:100%}.menuBx .menuList li:last-child:hover .menuTitle{color:var(--green);background:var(--yellow)}.menuBx .menuList li ul{opacity:1}.menuBx .menuList li ul li{font-size:var(--midTxt2);margin:0;padding-left:40px;color:var(--yellow);opacity:.7}.menuBx .menuList li ul li:hover{color:var(--green);background-color:var(--yellow);opacity:1}.menuBx .menuBtn{position:absolute;flex-direction:column;display:flex;width:80px;height:80px;justify-content:space-evenly;align-items:center;background:var(--yellow);border-radius:50%;top:30px;left:-110px;transition:.5s;cursor:pointer;opacity:.8}.menuBx .menuBtn:hover{opacity:1}.menuBx .menuBtn span{width:60px;height:10px;border-radius:5px;background:var(--green);transition:all .5s;pointer-events:none}.menuBx.active .menuBtn{left:190px}.menuBx.active .menuBtn span:first-child{width:70px;transform:translateY(22.5px) rotate(45deg)}.menuBx.active .menuBtn span:nth-child(2){opacity:0}.menuBx.active .menuBtn span:last-child{width:70px;transform:translateY(-22.5px) rotate(-45deg)}section .scrollBtn{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--black);cursor:pointer;opacity:.3;transition:.2s}section .scrollBtn.advance{bottom:30px;border-radius:0 0 40px 40px;padding:5px 20px 0}section .scrollBtn.return{top:30px;border-radius:40px 40px 0 0;padding:0 20px 5px}section .scrollBtn i{font-size:var(--midTxt2);transition:.2s}section .scrollBtn p{font-size:var(--midTxt2);transition:.2s}section .scrollBtn:hover{opacity:1;box-shadow:inset -2px -2px 20px var(--green),inset 2px 2px 20px var(--green)}section .scrollBtn.advance:hover{padding-bottom:5px}section .scrollBtn.advance:hover i{color:var(--green);margin-top:10px;margin-bottom:10px}section .scrollBtn.advance:hover p{color:var(--green);margin-top:10px}section .scrollBtn.return:hover{padding-top:5px}section .scrollBtn.return:hover i{color:var(--green);margin-top:10px;margin-bottom:10px}section .scrollBtn.return:hover p{color:var(--green);margin-bottom:10px}section .scrollDown{position:absolute;left:50%;height:80px;width:60px;bottom:10px;opacity:.5;transition:.3s;cursor:pointer}section .scrollDown:hover{opacity:1}section .scrollDown span{position:absolute;left:10px;bottom:15px;color:var(--black);font-size:var(--smallTxt1);letter-spacing:.005em;-ms-writing-mode:tb-lr;-webkit-writing-mode:vertical-rl;writing-mode:vertical-lr}section .scrollDown:before{content:"";position:absolute;bottom:0;left:-5px;width:12px;height:12px;border-radius:50%;background:var(--black);animation:cirMove 6s ease-in-out infinite,cirMoveHide 6s ease-out infinite}@keyframes cirMove{0%{bottom:65px}70%,to{bottom:-5px}}@keyframes cirMoveHide{0%{opacity:0}30%{opacity:1}60%{opacity:.9}70%,to{opacity:0}}section .scrollDown:after{content:"";position:absolute;bottom:0;left:0;width:2px;height:70px;background:var(--black)}@media screen and (max-width: 1600px){.service3 .contentBx{padding-left:40px}.service3 .contentBx .ser3Bx .textBx .strongText{font-size:1.5rem;margin-bottom:10px}.service3 .contentBx .ser3Bx .textBx i{font-size:1rem;letter-spacing:-.05rem}.service3 .contentBx .ser3Bx .serWrap{width:52vw}.service3 .contentBx .ser3Bx .serWrap .serBx{width:49%}.service3 .contentBx .ser3Bx .serWrap .serBx .serText{white-space:nowrap;font-size:.8rem}.service3 .contentBx .ser3Bx .textBx img{width:400px}.service3 .contentBx .ser3Bx .serWrap .serBx .seBtn i{letter-spacing:-.05rem}}@media screen and (max-width: 1200px){:root{--smallTxt1: .8rem;--midTxt3: 1rem;--wideTxt2: 4rem }.home .nav li.has_child ul li .nav_text{font-size:1.2rem}.home .nav_cir{width:900px;height:900px}.about .book.active{width:1200px}.about .bookBx{width:800px;height:650px}.about .bookBx img{width:280px}.about .contentBx .textBx.abo3 i{letter-spacing:-.1rem}.service_title{top:30px}.service3 .contentBx{margin-top:60px}.service3 .contentBx .ser3Bx{flex-direction:column;align-items:center}.service3 .contentBx .ser3Bx .textBx{display:flex;flex-direction:row;justify-content:center;margin-top:0;text-align:center}.service3 .contentBx .ser3Bx .textBx .imgBx{display:none}.service3 .contentBx .ser3Bx .serWrap{margin-top:10px;padding-left:0;width:700px}.contact .checkSheet .idBx .idTextArea .idTextBx i{font-size:1rem}.contact ul li input,.contact ul li .letter_sel select,.contact ul li .letter_sel label,.contact ul li textarea,.contact ul li .checkBx label{font-size:1.2rem}}@media screen and (max-height: 800px){section .contentBx{margin-top:80px}section .contentBx h1{margin-bottom:0}section .contentBx .textBx h3:first-child{margin-top:0}.about .bookBx .textBx.abo2_right{padding-top:35px}.service3 .contentBx{margin-top:20px}.service3 .contentBx h1{margin-bottom:20px}.service3 .contentBx .ser3Bx .serWrap{margin-top:0;align-items:center}.service3 .contentBx .ser3Bx .serWrap .serBx{margin-bottom:5px;height:210px}.contact ul li{margin-top:10px}.contact .checkSheet .idBx .idTextArea{height:40vh}.menuBx .menuList{margin-top:100px}.menuBx .menuList li{margin-bottom:0}.menuBx .menuList li .menuTitle{padding:0 0 0 20px}.menuBx .menuList li ul li{padding:5px 0 5px 40px}}@media screen and (max-width: 900px){:root{--wideTxt1: 5rem;--midTxt1: 1.8rem;--midTxt2: 1.2rem;--midTxt3: 1rem;--smallTxt1: .6rem}.bgBx{width:1540px;height:1462px}.bgBx.d{width:1156px;height:1097px;top:calc(100px - (1080px - 100vh));left:calc(500px - ((1920px - 100vw)/2))}.bgBx.h{top:calc(-500px - (1080px - 100vh));left:-1200px}.bgBx.h,.bgBx.s1,.bgBx.s2,.bgBx.s3{width:2400px;height:2278px}.bgBx.a{top:calc(-300px - (1080px - 100vh));left:-250px}.bgBx.s1{top:calc(-700px - (1080px - 100vh));left:calc(800px - ((1920px - 100vw)*.8))}.bgBx.s2{top:calc(-500px - (1080px - 100vh));left:calc(-400px - ((1920px - 100vw)/5))}.bgBx.s3{top:calc(-600px - (1080px - 100vh));left:calc(-800px - ((1920px - 100vw)/5))}.bgBx.c{top:calc(-300px - (1080px - 100vh));left:calc(600px - ((1920px - 100vw)*.8))}.home .nav{padding-right:10px;width:540px}.home .nav li.has_child ul.nav_about{left:10px}.home .nav li.has_child ul.nav_service{left:200px}.home .nav li.has_child ul li .nav_text{font-size:1rem}.home .nav_cir{right:-120px;top:-250px;width:700px;height:700px}.about .hum1{transform:translate(-50px)}.about svg{transform:translate(-100px)}.about .contentBx{padding-left:40px}.about .contentBx .textBx .abo1 div i{white-space:nowrap}.about .bookBx{width:400px;overflow:hidden}.about .bookBx .textBx{width:380px;transition:1.5s;flex-shrink:0}.about .contentBx.left~.bookBx .textBx{transform:translate(0)}.about .contentBx.right~.bookBx .textBx{transform:translate(-100%)}.about .book{animation:bookTrans2 2s ease-in-out forwards;left:200px}.about .book.active{animation:bookTrans1 2s ease-in-out forwards}.about .book.active.toLeft{animation:bookTrans3 1s linear forwards}.about .book.active.toRight{animation:bookTrans3 1s linear forwards reverse}@keyframes bookTrans1{0%{transform:translate(0)}50%{transform:translate(-50%,50%)}to{transform:translate(var(--traX),50%)}}@keyframes bookTrans2{0%{transform:translate(var(--traX),50%)}50%{transform:translate(-50%,50%)}to{transform:translate(0)}}@keyframes bookTrans3{0%{transform:translate(-66%,50%)}to{transform:translate(-33%,50%)}}.about .bookBx .textBx h3{font-size:2rem}.about .bookBx .textBx .small{font-size:.8rem}.conNav i{font-size:1.5rem}.Bx{padding:10px;height:80vw}.Bx.active{width:60vw;height:60vw;position:absolute;left:0;top:100px}.Bx.active~.conWrp{position:absolute;right:0;bottom:0;border-radius:30px}.service3 .contentBx .ser3Bx .serWrap{width:580px;align-items:center}.service3 .contentBx .ser3Bx .serWrap .serBx .seBtn i{font-size:.8rem}.contact .contentBx{padding-left:40px;border-radius:0}.contact .contentBx .letterBx{left:-80px}.contact ul li input,.contact ul li .letter_sel select,.contact ul li .letter_sel label,.contact ul li textarea,.contact ul li .checkBx label{font-size:var(--midTxt3)}.contact .checkSheet .idBx .idTextArea .idTextBx{margin-top:10px}.contact .checkSheet .idBx .idTextArea .idTextBx.para{margin-top:20px}.contact .checkSheet .idBx .idTextArea .idTextBx i{font-size:.8rem}.contact .hum2{width:400px;right:80px}section .scrollDown{height:50px;bottom:5px}section .scrollDown:after{height:50px}section .scrollDown span{bottom:12.5px}@keyframes cirMove{0%{bottom:45px}70%,to{bottom:-5px}}}@media screen and (max-width: 600px){:root{--wideTxt1: 4rem;--wideTxt2: 3.5rem;--wideTxt3: 2rem}.home .nav{display:none}.home .textBx{width:350px;height:350px;bottom:80px;left:50%;transform:translate(-50%)}.home .nav_cir{right:50%;width:600px;height:600px;top:-300px;transform:translate(50%)}.about .contentBx{width:100vw;padding:60px 10px 0;margin-top:0;border-radius:0}.about .contentBx h1{margin-bottom:10px}.about .contentBx .textBx h3{margin:0 0 10px}.about .contentBx .textBx .abo1{width:100%;margin-left:0}.about .contentBx .textBx .abo1 div:first-child{transform:translateY(-20px);letter-spacing:-.05rem;z-index:1}.about .contentBx .textBx .abo1 div:nth-child(2){transform:translate(-80px);margin-left:0}.about .contentBx .textBx .abo1 div:nth-child(2) i{margin-left:0;font-size:1.1rem}.about .contentBx .textBx .abo1 div:nth-child(2) i:after{content:"";display:flex;position:absolute;top:0;height:100%;width:25px;left:-10px;background:var(--white)}.about .bookBx .textBx i{letter-spacing:1px}.about .contentBx .textBx div i .aboInd{transform:translateY(-1.5rem)}.about .contentBx .textBx div i{line-height:3.2rem}.about .contentBx .textBx.abo3 h3{margin-top:15px}.Bx{padding:10px;width:100vw;height:100vw}.service_title{font-size:1.8rem;right:10px;top:90px;transition:.5s}.Bx.active~.service_title{right:100px;top:10px}.Bx.active{width:90vw;height:90vw;left:50%;transform:translate(-50%);top:60px}.conWrp{padding:10px}.conWrp .textBx .conTitle{font-size:1.5rem;transform:translate(0)}.conWrp .textBx .conText{font-size:.8rem;white-space:inherit;padding-top:0}.conWrp .textBx .conSub{font-size:1rem;margin-top:20px;transform:translate(0);font-weight:700}.conWrp .textBx ul{font-size:.8rem}.conWrp .textBx .nav_btn{right:10px}.serNav{display:inline;left:50%;top:50%;white-space:nowrap;font-size:1.2rem;transform:translate(-50%,calc(-50% + 50vw + 20px));opacity:.5;animation:textFade 4s ease-in-out infinite}@keyframes textFade{0%{opacity:.5}25%{opacity:1}50%{opacity:1}75%{opacity:.5}to{opacity:.5}}.Bx.active~.serNav{display:none}.service3 .contentBx{padding:0 10px}.service3 .contentBx h1{margin-top:20px;font-size:3rem}.service3 .contentBx .ser3Bx{margin-top:10px}.service3 .contentBx .ser3Bx .textBx{width:100%;display:block;text-align:left;padding-right:0;margin-bottom:30px}.service3 .contentBx .ser3Bx .textBx .strongText{white-space:inherit;text-align:center}.service3 .contentBx .ser3Bx .textBx i{white-space:inherit}.service3 .contentBx .ser3Bx .serWrap{display:flex;justify-content:center;width:100%;height:260px}.service3 .contentBx .ser3Bx .serWrap button{right:-20px}.service3 .contentBx .ser3Bx .serWrap button:first-child{left:-20px}.service3 .contentBx .ser3Bx .serWrap .serBx{width:350px;height:240px;opacity:0;animation:fadeIn .3s .2s linear forwards}section .scrollDown{left:90%}.bgBx.d~section .scrollDown,.bgBx.h~section .scrollDown{left:50%}.contact .contentBx{padding:10px}.contact .contentBx .letterBx{width:160%;display:flex;justify-content:flex-end;left:-150px;top:10px}.contact .contentBx .letterBx .letter{opacity:0}.contact .contentBx .conForm ul{padding:5px}.contact .contentBx .conForm h4.check{margin-left:0}.contact .conForm~.subMes{background:none}.contact .subMes h3{margin-top:20px}.contact .subMes h3,.contact .subMes i{white-space:normal}.contact .hum2{width:300px;right:80px}.bgBx.h~.menuBx{display:inline}.menuBx .menuBtn{width:60px;height:60px;left:-70px;top:10px;padding:5px}.menuBx.active .menuBtn{left:230px}.menuBx .menuBtn span{width:40px;height:8px}.menuBx.active .menuBtn span:first-child{transform:translateY(14px) rotate(45deg)}.menuBx.active .menuBtn span:last-child{transform:translateY(-14px) rotate(-45deg)}@media screen and (min-height: 800px){.Bx.active~.conWrp{bottom:calc(100vh - 800px)}}@media screen and (max-height: 640px){:root{--wideTxt1: 3rem;--wideTxt2: 3rem;--wideTxt3: 1.8rem;--midTxt1: 1.5rem;--midTxt3: 1rem}section .scrollDown{opacity:.3}.about .contentBx{padding-top:45px}.about .book.active{width:1100px}.about .bookBx .textBx.abo2_right i{letter-spacing:0}.service3 .contentBx{margin-top:0;border-radius:0}.service3 .contentBx h1{font-size:2.4rem;margin-top:10px}.service3 .contentBx .ser3Bx .textBx{margin-bottom:20px}.contact .conForm h1{margin-top:10px}.contact ul li textarea{min-height:120px}.contact ul li .checkArea{height:120px}.menuBx .menuBtn{width:50px;height:50px;left:-60px}.menuBx.active .menuBtn{left:240px}.menuBx .menuBtn span{width:35px;height:6px}.menuBx.active .menuBtn span:first-child{transform:translateY(11px) rotate(45deg);width:52px}.menuBx.active .menuBtn span:last-child{transform:translateY(-11px) rotate(-45deg);width:52px}.about .bookBx .textBx.abo2_right{padding-top:65px}.conWrp .textBx .conText{margin-top:5px}.conWrp .textBx .conSub{margin-top:10px;margin-bottom:0}}@media screen and (max-height: 580px){:root{--wideTxt1: 2.5rem;--wideTxt2: 2.5rem;--midTxt1: 1.4rem;--midTxt2: 1rem;--midTxt3: .8rem}.about .contentBx h1{margin-bottom:0}.about .contentBx .textBx .abo1 div:first-child{transform:translateY(-16px);letter-spacing:0}.about .contentBx .textBx .abo1 div:nth-child(2){transform:translate(-60px)}.about .contentBx .textBx .abo1 div:nth-child(2) i:after{width:22px}.about .contentBx .textBx .abo1 div i{line-height:2.35rem}.about .contentBx .textBx .abo1 div:nth-child(2) i{font-size:.8rem}.about .book.active{width:850px}.about .bookBx{width:300px;height:490px;padding:0;margin:20px}.about .contentBx.left~.bookBx{padding:20px;margin:0}.about .contentBx.right~.bookBx{padding:0;margin:20px}.about .bookBx .textBx{padding:5px;width:275px}.about .bookBx img{width:200px}.about .bookBx .textBx h3{margin-bottom:20px;font-size:1.8rem}.about .bookBx .textBx .small{margin-bottom:20px;font-size:.6rem}.about .bookBx .textBx .smallTxt{letter-spacing:0}.about .bookBx .textBx.abo2_left{padding-top:10px}.about .bookBx .textBx.abo2_right{padding-top:55px}.about .bookBx .textBx.abo2_right i{display:block;line-height:130%}.about .contentBx .textBx.abo3 h3{margin-bottom:0}.about .contentBx .textBx.abo3 i{font-size:1rem;display:block;line-height:130%}.service_title{right:100px;top:10px;font-size:1.4rem}.conWrp .textBx .conTitle{font-size:1.2rem}.serNav{font-size:var(--midTxt2)}.conWrp .textBx .conText,.conWrp .textBx ul{font-size:.7rem;line-height:130%}.conWrp .textBx .nav_btn{width:30px;height:30px;right:5px}.service3 .contentBx h1{font-size:1.8rem}.service3 .contentBx .ser3Bx{margin-top:0}.service3 .contentBx .ser3Bx .textBx .strongText{font-size:1.2rem}.service3 .contentBx .ser3Bx .textBx i{display:block;font-size:var(--midTxt3);letter-spacing:0}.service3 .contentBx .ser3Bx .serWrap .serBx{height:200px}.service3 .contentBx .ser3Bx .serWrap .serBx ion-icon{font-size:3rem}.service3 .contentBx .ser3Bx .serWrap button i{font-size:2.6rem}.contact .conForm h4{position:absolute;top:50px}.contact .conForm h4.check{top:70px;left:25px}.contact .conForm h4.check~ul{padding-top:40px}.contact ul li textarea{min-height:80px}.contact ul li .checkArea{height:80px}}}