@charset "utf-8";figure{margin:0}figure.image{clear:both;display:table;margin:1em auto;min-width:50px;text-align:center}figure.image.image-style-side{float:right}figure.table{margin:0 auto}figure.table table,figure.table td{border:1px solid #b3b3b3;border-collapse:collapse}figure.table p{margin:0}figure.table table,figure.media video{width:100%}blockquote{border-left:5px solid #ccc;font-style:italic;margin-left:0;margin-right:0;overflow:hidden;padding-left:1.5em;padding-right:1.5em}span.text-tiny{font-size:.7em}span.text-small{font-size:.85em}span.text-big{font-size:1.4em}span.text-huge{font-size:1.8em}html{font-size:20px;font-family:icon;--width:75rem;--color:#43932a;--rgb:67,147,42}input,select,textarea{font-size:1rem}body{min-width:var(--width);margin:0 auto;padding:0;color:rgba(0,0,0,.8);background-color:#fff;text-align:justify;*{transition:all .4s}}img{border:0}form{margin:0;padding:0}input{&::-ms-clear,&::-ms-reveal{display:none}}textarea{resize:none}div,ul,li{margin:0;padding:0;display:block;overflow:hidden;list-style-type:none}li{text-overflow:ellipsis}a{text-decoration:none;color:rgba(0,0,0,.8);outline:0;&:hover{text-decoration:none;color:var(--color)}}a,.arow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}::-webkit-scrollbar{display:none}@media screen and (max-width:1800px){html{font-size:18px}}@media screen and (max-width:1600px){html{font-size:16px}}@media screen and (max-width:1400px){html{font-size:14px}}@media screen and (max-width:1200px){html{font-size:12px}}@media screen and (max-width:1000px){html{font-size:10px}}@media screen and (max-width:800px){html{font-size:8px}}@media screen and (max-width:640px){html{font-size:12px}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@font-face{font-family:'icon';src:url("/web/images/iconfont.woff2?t=1790598888") format("woff2"),url("/web/images/iconfont.woff?t=1790598888") format("woff")}.himg{position:relative;z-index:1;img{width:100%;height:100%;object-fit:cover;position:absolute;z-index:-1;left:0;top:0;right:0;bottom:0;margin:auto;transition:transform .4s ease}&:hover img{transform:scale(1.1,1.1)}}.aimg{position:relative;z-index:1;overflow:hidden;img{position:absolute;margin:auto;&:nth-child(1){width:100%;height:100%;object-fit:cover;filter:blur(.6em);opacity:.2}&:nth-child(2){max-width:100%;max-height:100%;left:0;top:0;right:0;bottom:0}}}.mrow{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.roll{width:.6em;height:1em;line-height:1em;display:inline-flex;overflow:hidden;position:relative;text-align:center;&::before{content:'0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9';display:block;transition:transform 3s ease-out .4s}}.on .roll{&.n0::before{transform:translateY(-10em);transition-duration:3s}&.n1::before{transform:translateY(-11em);transition-duration:3.1s}&.n2::before{transform:translateY(-12em);transition-duration:3.2s}&.n3::before{transform:translateY(-13em);transition-duration:3.3s}&.n4::before{transform:translateY(-14em);transition-duration:3.4s}&.n5::before{transform:translateY(-15em);transition-duration:3.5s}&.n6::before{transform:translateY(-16em);transition-duration:3.6s}&.n7::before{transform:translateY(-17em);transition-duration:3.7s}&.n8::before{transform:translateY(-18em);transition-duration:3.8s}&.n9::before{transform:translateY(-19em);transition-duration:3.9s}}@keyframes upward-x{0%{transform:translateX(0%)}100%{transform:translateX(-50%)}}@keyframes upward-y{0%{transform:translateY(0%)}100%{transform:translateY(-50%)}}.upward{animation:infinite linear;&.x{display:inline-block;white-space:nowrap;animation-name:upward-x}&.y{display:block;animation-name:upward-y}&:hover{animation-play-state:paused}}header{height:4em;position:fixed;left:0;right:0;top:0;z-index:9;margin:0 auto;padding:0 2em;display:flex;justify-content:space-between;align-items:center;background-color:rgba(255,255,255,.9);backdrop-filter:blur(1em);box-sizing:border-box;box-shadow:0 .2em .4em .2em rgba(0,0,0,.1);.logo{height:3em;img{height:100%}}.nav{overflow:visible;position:relative;display:flex;align-items:center;overflow:visible;li{line-height:2em;padding:1em 1.5em;position:relative;overflow:visible;a{display:block}.a{text-transform:uppercase;&::after{content:'';width:1.5em;height:.2em;border-radius:.1em;background-color:transparent;display:block;margin:0 auto;transition:background-color .4s}}.sub{line-height:2.6em;background-color:var(--color);border-radius:.4em;font-size:.8em;padding:.4em;margin:0;position:absolute;left:50%;top:100%;transform:translateX(-50%);box-shadow:0 .2em .4em .2em rgba(0,0,0,.2);display:none;&::before{content:'\ee4b';width:100%;line-height:1.1em;font-size:1.6em;text-align:center;color:var(--color);position:absolute;top:-1em;left:0}a{color:#fff;border-radius:.4em;display:block;text-align:center;padding:0 1em;&:hover{background-color:rgba(255,255,255,.3)}}}&:hover .sub{display:block;animation:fade-in .4s}&.on .a::after{background-color:rgba(var(--rgb),.5)}}&:hover li{.a::after{background-color:transparent}&:hover .a::after{background-color:rgba(var(--rgb),.5)}}}.slogan{text-align:justify;font-size:.8em}.tel{display:flex;column-gap:.5em;align-items:center;font-size:.8em;&::before{content:'\e65d';width:1.6em;font-size:1.4em;aspect-ratio:1;color:#fff;background-color:rgba(var(--rgb),.8);display:flex;align-items:center;justify-content:center;border-radius:50%;animation:tel 1.5s infinite alternate}}}@keyframes tel{60%{transform:rotateZ(25deg)}}.ibox{width:100%;min-height:100vh;overflow:hidden;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:2em;.bg{width:100%;height:100%;position:absolute;z-index:-2;left:0;top:0;img{width:100%;height:100%;object-fit:cover;animation:scale 6s infinite alternate}}}#home{width:100%;height:100vh;overflow:hidden;.ibox{overflow:hidden;>.more{line-height:2.4em;padding:0 1em;background-color:var(--color);color:#fff;border-radius:.5em;display:inline-flex;align-items:center;column-gap:.5em;font-family:Arial;&::after{content:'+'}&:hover{background-color:rgba(var(--rgb),.7);backdrop-filter:blur(.5em)}}&:not(:first-child)::after{content:'';width:100%;height:.5em;background-color:var(--color);position:absolute;left:0;bottom:0}&.foot{min-height:0;height:auto;&::after{display:none}footer{width:100vw}}}.ibn{height:100vh;padding:0;overflow:hidden;position:relative}}.ibn{.list{width:100%;height:100%;white-space:nowrap;img,video{width:100%;height:100%;object-fit:cover}figure{width:100%;height:100%;display:inline-block;position:relative;overflow:hidden;img{transform:scale3d(1.8,1.8,1)}.info{width:var(--width);font-size:1.4em;color:#fff;display:flex;flex-direction:column;row-gap:.6rem;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,0);opacity:0;transition:all .8s .6s;word-wrap:break-word;white-space:break-spaces;strong{line-height:1.8em;font-size:1.8em;display:block}}&.on .info{transform:translate(-50%,-50%);opacity:1}&.on img{transform:scale3d(1,1,1);transition:transform 5s ease-out}}}.go{width:1em;height:100%;display:flex;flex-direction:column;justify-content:center;row-gap:.5em;position:absolute;top:0;right:2em;a{width:.6em;height:.6em;background-color:#fff;border-radius:.5em;cursor:pointer;&.on{height:3em}}}}.scroll{color:#fff;opacity:.8;position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);display:flex;flex-flow:column;align-items:center;small{display:block;margin-top:1em}}.mousemove{width:1.4em;aspect-ratio:.6;border:2px solid #fff;font-size:.8em;border-radius:.8em;display:flex;justify-content:center;&::before{content:'';width:.4em;height:.4em;background-color:#fff;border-radius:50%;opacity:0;transform:translateY(100%);animation:mousemove 2s infinite ease-in-out}}@keyframes mousemove{0%{opacity:0}30%{opacity:1}60%{opacity:0;transform:translateY(400%)}}.pbt{display:flex;flex-direction:column;align-items:center;h2{font-size:1.8em;margin:0;text-transform:uppercase}small{line-height:1.6em;margin-top:1em;opacity:.7;padding:0 2em;text-align:center}.ctg{width:var(--width);display:flex;flex-wrap:wrap;justify-content:center;font-size:.9em;row-gap:.5em;a{line-height:2em;border-radius:1em;padding:0 1em;margin:0 .2em;&:hover{background-color:var(--color);color:#fff}}}}.about{justify-content:space-between;.box{width:var(--width);height:calc(100vh - 10em);display:flex;justify-content:end;align-items:center;.info{max-width:32em;background-color:rgba(255,255,255,.9);border-radius:.5em;padding:2em;.name{font-size:1.6em;font-weight:bold;&::before{content:'';width:1.5em;height:.1em;background-color:var(--color);display:block;margin-bottom:.5em}}.text{height:calc(1.6em * 4);line-height:1.6em;margin:1.5em 0;overflow-y:auto;opacity:.7}.more{aspect-ratio:1;padding:.4em;background-color:#fff;color:var(--color);border:1px solid var(--color);border-radius:50%;opacity:.5}}}.nums{width:100%;height:8em;background-color:rgba(255,255,255,.9);display:flex;justify-content:space-around;align-items:center;position:absolute;left:0;bottom:0;li{display:flex;align-items:center;&::before{content:attr(icon);font-size:3em;color:rgba(var(--rgb),.7);margin-right:2rem}p{margin:0;display:inline;&::before{content:attr(name);display:block;margin-bottom:.5em}&::after{content:attr(unit);opacity:.7;margin-left:.5em;font-size:.6em}span{font-size:1.4em;font-weight:bold}}small{white-space:nowrap}&:hover::before{animation:jump_up .7s infinite}}>label{width:1px;height:100%;background-color:rgba(0,0,0,.1);&:last-child{display:none}}}.info{transform:translateX(100%) scale(.5,.5);opacity:0}&.on .info{transform:translateX(0) scale(1,1);opacity:1;transition-delay:.4s}}pros-list{width:var(--width);display:grid;grid-template-columns:repeat(4,1fr);gap:1em;margin:2em auto;a{display:grid;align-items:center;box-shadow:0 .2em .4em .2em rgba(99,99,99,.1);.himg{width:100%;aspect-ratio:1.7;overflow:hidden}strong{height:3em;line-height:3em;background-color:#fff;text-align:center;font-weight:normal;border-top:.4em solid #999}&:hover{box-shadow:0 .2em .4em .2em rgba(var(--rgb),.1);strong{border-top-color:var(--color)}}}}.pros pros-list{margin:0 auto}.case{.box{width:var(--width);height:30em;position:relative;overflow:hidden;.list{height:100%;display:inline-block;.himg{width:var(--width);height:100%;display:inline-block;vertical-align:top}}.control{padding:1em;background-color:rgba(255,255,255,.5);backdrop-filter:blur(1em);position:absolute;z-index:2;left:1em;right:1em;bottom:1em;margin:auto;border-radius:1em;display:flex;justify-content:space-between;align-items:center;.himg{height:4em;aspect-ratio:2.4;background-color:#eee;cursor:pointer;overflow:hidden}.title{width:50%;text-align:center}.go{font-size:1.6em;color:var(--color);cursor:pointer}}}}.news list{width:var(--width);display:grid;grid-template-columns:repeat(2,1fr);gap:1em;>a{background-color:#fff;padding:1em;box-sizing:border-box;display:grid;row-gap:1em;strong{line-height:2em;font-size:1.2em;font-weight:normal}line{height:1px;background-color:#ddd}small{height:calc(1.6em * 3);line-height:1.6em;-webkit-line-clamp:3;font-size:1em;overflow:hidden}}}news-list{width:var(--width);margin:2em auto;display:grid;row-gap:1em;li{display:flex;align-items:center;column-gap:3em;background-color:#fff;box-shadow:0 0 .6em .3em rgba(0,0,0,.1);padding:1.5em;border:1px solid rgba(99,99,99,.1);box-sizing:border-box;time{aspect-ratio:1;background-color:var(--color);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;padding:.5em;strong{font-size:1.8em}}info{display:flex;flex-direction:column;row-gap:.5em;a{font-weight:bold}small{opacity:.5}}&:hover{background-color:rgba(var(--rgb),.1)}}}.busin_list{width:var(--width);margin:4em auto;display:flex;flex-direction:column;row-gap:2em;li{height:28em;display:inline-flex;align-items:center;vertical-align:top;white-space:normal;border-radius:1em;background-image:linear-gradient(-15deg,#aaa,#fff,#aaa);.info{width:50%;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:2em;>*{width:80%;font-size:1.3em}.mrow{max-height:calc(1.8em * 4);line-height:1.8em;-webkit-line-clamp:4;opacity:.7}}.himg{width:50%;height:100%;overflow:hidden}&:nth-child(even){flex-direction:row-reverse}}}.cnt{row-gap:2em;color:#fff;.box{width:var(--width);display:grid;grid-template-columns:repeat(3,1fr);column-gap:4em;margin:2em 0;.col .name{border-bottom:1px solid #fff;margin-bottom:2em;overflow:visible;strong{display:inline-block;padding-bottom:.5em;font-size:1.2em;position:relative;&::after{content:'';width:2em;height:3px;background-color:#fff;position:absolute;left:0;bottom:-2px}}}}footer{width:100%;padding:.5em 0;background-color:rgba(0,0,0,.3);line-height:1.6em;text-align:center;color:#fff;position:absolute;left:0;bottom:0}}.cnt_form{form{display:flex;flex-wrap:wrap;justify-content:space-between;p{width:calc((100% - 1em) / 2);height:2em;padding:.2em 0;background-color:rgba(255,255,255,.1);margin:0 0 1em 0 ;display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.2);border-radius:.6em;input,textarea{width:calc(100% - 3.4em);height:2em;line-height:2em;padding:0 .6em;border:0;background-color:transparent;outline:0;color:#fff;&::placeholder{color:rgba(255,255,255,.8)}}textarea{height:calc(1.6em * 3);line-height:1.6em;padding:.2em .6em}&.text{width:100%;height:auto}}}.btn{width:100%;padding:.5em 0;border-radius:.6em;text-align:center;cursor:pointer;background-color:rgba(255,255,255,.3);color:#fff;text-shadow:none;font-size:1.2em;&:hover{background-color:var(--color)}}}.cnt_info li{display:flex;align-items:center;margin-bottom:2em;&::before{content:attr(icon);font-size:1.6em;margin-right:1rem}p{line-height:1.8em;margin:0}&:hover::before{animation:jump_up .7s infinite}}.cnt_zmt{display:grid;grid-template-columns:repeat(3,1fr);li{display:flex;flex-direction:column;align-items:center;row-gap:.5em;.qrc{width:6em;aspect-ratio:1;margin:0;border-radius:.2em;overflow:hidden;img{width:100%}}small{display:block;text-align:center}}}.foot .copyright{width:100%;line-height:1.6em;padding:1em 0;text-align:center;background-color:#333;color:#fff;a{color:#fff}}.nbn{position:relative;figure{width:100%;aspect-ratio:2.6;overflow:hidden;img{width:100%;height:100%;object-fit:cover;animation:scale 6s infinite alternate}}h2{width:var(--width);line-height:2em;color:#fff;font-weight:normal;font-size:2em;padding:0 2em;margin:0;border-radius:1rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}section{width:var(--width);height:3.6em;border-top:1px solid rgba(255,255,255,.2);position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;color:#fff;a{color:#fff}nav{height:100%;display:flex;a{height:100%;padding:0 1.6em;display:inline-flex;align-items:center;font-weight:bold;&:hover{background-color:rgba(var(--rgb),.3);backdrop-filter:blur(.3em)}&.on{background-color:var(--color)}}}location{display:flex;align-items:center;&::before{content:'\e67e';margin-right:.5em}a{display:flex;align-items:center;&::before{content:'--';font-size:.8em;margin:0 .2em}&:hover{font-weight:bold}}}}}.about_intro{background-color:#fff;.box{width:var(--width);margin:4em auto;.text{height:calc(1.6em * 8);line-height:1.6em;overflow-y:auto;opacity:.7;padding-right:1em}}}.about_devel{min-height:0;padding:4em 0;color:#fff;row-gap:4em;background:no-repeat center center fixed;background-size:100% auto;.box{width:var(--width);display:flex;justify-content:space-between;align-items:center;column-gap:4em;text-shadow:0 0 .4em rgba(0,0,0,.2);.slogan{display:grid;row-gap:1em;>*{margin:0}h2{font-size:3em}h3{font-weight:normal;font-size:1em}}.list{width:50%;max-height:calc(2em * 16);line-height:2em;overflow-y:auto;box-sizing:border-box;padding:1em 2em;background-color:rgba(0,0,0,.3);backdrop-filter:blur(.5em);border-radius:.5em;li{padding:1em 0;strong{font-size:1.4em;display:block}p{margin:0}&:not(:last-child){border-bottom:1px solid rgba(255,255,255,.3)}}}}}.about_envir{width:var(--width);margin:4em auto;overflow:hidden;.abt{text-align:center}.list{width:var(--width);margin:4em 0;display:inline-grid;grid-template-columns:repeat(3,1fr);column-gap:1em;row-gap:1em;vertical-align:top;.himg{aspect-ratio:16/9;overflow:hidden;&:nth-child(2){grid-row:1/3;grid-column:2/3;aspect-ratio:auto}&.video::before{content:'\e604';font-size:4em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}}}}content{width:var(--width);line-height:200%;margin:2em auto;padding:2em 0;display:block;img{max-width:100%}}page{display:flex;justify-content:center;column-gap:.4em;margin:4em auto;color:rgba(0,0,0,.5);a{line-height:1.6em;padding:0 .6em;border-radius:.2em;font-size:1.2em;color:rgba(0,0,0,.5);&:hover{background-color:rgba(0,0,0,.1)}&.on{color:#fff;background-color:var(--color)}}}.media_view{width:100vw;height:100vh;background-color:rgba(0,0,0,.7);backdrop-filter:blur(2em);position:fixed;z-index:9;left:0;top:0;.player{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.close{width:1em;height:1em;color:#fff;font-size:2em;cursor:pointer;position:absolute;top:1rem;right:1rem}video,img{min-height:30%;max-width:80%;max-height:80%}}footer{background-color:#333;color:#fff;padding:1em 0;.bottom{width:var(--width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.3);padding:1em 0;margin-bottom:1em;.box{overflow:visible;strong{font-size:1.2em;display:block;margin-bottom:1em}.info{max-width:22em;line-height:1.6em;margin:0;opacity:.7;small{display:block}}.media{display:flex;column-gap:2em;overflow:visible;li{position:relative;overflow:visible;&::before{content:attr(icon);font-size:2.2em}img{max-width:6em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}&:hover{z-index:2;img{opacity:1}}}}}label{width:1px;height:6em;background-color:rgba(255,255,255,.3)}}.copyright{width:var(--width);line-height:1.6em;margin:0 auto;color:#fff;opacity:.7;a{color:#fff}}}@media screen and (max-width:640px){html{font-size:12px;--width:calc(100vw - 2em)}body{min-width:0;-webkit-text-size-adjust:none;padding-top:4em}.nav.full{width:50%;height:100vh;padding-top:5em;position:fixed;z-index:8;top:0;right:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(2em);transform:translateX(100vw);transition:transform .4s;overflow:visible;li{height:auto;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);margin:0 10%;position:relative;.a,&.lang a{height:3em;line-height:3em;font-size:1.2em;display:block;color:#fff}&.on .a{font-weight:bold}p{line-height:3em;font-size:.8em;color:rgba(255,255,255,.8);margin-top:0;margin-bottom:2em;display:none;a{color:rgba(255,255,255,.8)}>a{display:block;color:rgba(255,255,255,.8)}span a:nth-child(n + 2){margin-right:1em}&.on{display:block}.nav_change{width:1em;height:1em;line-height:1em;font-size:1.6em;text-align:center;position:absolute;top:1rem;right:0;color:#fff;&::before{content:'\eaf3'}&.on::before{content:'\eaf5'}}}}&.on{transform:translateX(0)}}.nav_toggle{height:1em;line-height:1em;text-align:center;position:fixed;z-index:11;top:1rem;right:1rem;font-size:2em;color:var(--color);&::before{content:'\e62b';display:block}&.on{width:1em;&::before{content:'\e60b'}}}header{.slogan,.tel{display:none}}#home{height:auto;.ibox{min-height:0;height:auto;padding:2em 0}.ibn{height:20em;padding:0;.list figure .info{font-size:1.2em}}}.about{.box{height:auto;display:block;margin:2em 0;.info{transform:none;opacity:1}}.nums{height:10em;position:relative;li{width:calc(100% / 3);flex-direction:column;justify-content:center;&::before{font-size:2em;margin-right:0}p{text-align:center;&::before{line-height:1.2em;font-size:.8em;margin:1em 0}}}}}pros-list{grid-template-columns:repeat(2,1fr)}.case .box .control .himg{display:none}.cnt .box{display:flex;flex-direction:column;row-gap:2em}#home .ibox.foot{padding:0}.nbn{h2{line-height:2.4em;font-size:1.4em;padding:0 1em;transform:translate(-50%,-90%)}section{nav{width:var(--width);display:block;overflow-x:auto;white-space:nowrap;a{padding:0 1em}}location{display:none}}}.about_devel{background-size:auto 100%;.box{flex-direction:column;row-gap:2em;.list{width:100%}}}.about_envir .list{grid-template-columns:repeat(2,1fr)}.busin_list{li{height:22em;.info{width:100%}.himg{display:none}}}news-list li{column-gap:1em}footer .bottom{flex-direction:column;align-items:start;label{width:100%;height:1px;margin:1em 0}}}