.diy_button0{padding:.7rem 2rem;background:#367ed4;color:#fff;border-radius:7px;display:inline-flex}.diy_button0:hover{background:#222;color:#fff}.diy_button1{padding:.7rem calc(1rem + 1vw);background:#367ed4;color:#fff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1;box-sizing:border-box}.diy_button1 i{display:inline-flex;width:1rem;height:1rem;margin:0 0 0 1rem;background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23000000'%3E%3Cpath d='M 18.71875 6.78125 L 17.28125 8.21875 L 24.0625 15 L 4 15 L 4 17 L 24.0625 17 L 17.28125 23.78125 L 18.71875 25.21875 L 27.21875 16.71875 L 27.90625 16 L 27.21875 15.28125 Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat center;background-size:contain}.diy_button1::after{position:absolute;content:"";top:0;left:0;width:0%;height:100%;z-index:-1;background:#222;transition-property:all;transition-duration:0.4s;transition-timing-function:"ease";transition-delay:"0s"}.diy_button1:hover::after{width:100%}main,footer{background:#fff}.D0{padding:calc(5rem + 5vw) 0 0 0}.D0 .info-list{display:flex;gap:1.2rem}.D0 .info-list .split{width:1px;background:#eee}.D0 .info-list .item{flex:1;display:flex;flex-direction:column;align-items:flex-start;background:#fafafa;border-radius:1rem;padding:calc(1rem + 1vw);box-sizing:border-box}.D0 .info-list .item .title{font-size:1.4rem;font-weight:700;color:#000;line-height:1.2;margin:0 0 1.1rem 0}.D0 .info-list .item .text{margin:0;font-size:1rem;font-style:italic;font-weight:500;color:#666;line-height:1.6}.D0 .company_ccc{padding:calc(2rem + 2vw) 0;line-height:1.7;font-size:1rem}.D1{padding:0 0 calc(4rem + 4vw) 0}.D1 .process{display:flex;gap:calc(2rem + 2vw)}.D1 .process .l,.D1 .process .r{padding:calc(1rem + 2vw) calc(2rem + 2vw) calc(2rem + 2vw) calc(2rem + 2vw);background:#f4f4f4;border-radius:2rem;flex:1}.D1 .process .l>.title,.D1 .process .r>.title{color:#000;font-weight:bold;text-transform:uppercase;box-shadow:3px 3px 3px rgba(0,0,0,.1882352941) inset;background:#367ed4;color:#fff;text-align:center;border-radius:1rem;padding:8px 0}.D1 .process .l>.title h3,.D1 .process .r>.title h3{font-size:2.4rem;padding:0;margin:0}.D1 .process .l>.title .sub,.D1 .process .r>.title .sub{font-size:1rem;opacity:.6;font-weight:400;color:#fff;text-transform:uppercase;line-height:1.5}.D1 .process .l .workflow,.D1 .process .r .workflow{display:flex;flex-direction:column;gap:calc(2rem + 2vw);margin:calc(2rem + 2vw) 0 0 0}.D1 .process .l .workflow .step,.D1 .process .r .workflow .step{display:flex;flex-direction:column;cursor:pointer}.D1 .process .l .workflow .step:hover .head .bg-num,.D1 .process .r .workflow .step:hover .head .bg-num{color:#444;opacity:.2;-webkit-text-stroke:1px #444}.D1 .process .l .workflow .step .head,.D1 .process .r .workflow .step .head{position:relative;margin-bottom:24px;padding-top:10px}.D1 .process .l .workflow .step .head .bg-num,.D1 .process .r .workflow .step .head .bg-num{transition-property:all;transition-duration:0.6s;transition-timing-function:"ease";transition-delay:"0s";position:absolute;top:-30px;left:-15px;font-size:100px;font-weight:900;line-height:1;color:rgba(0,0,0,0);-webkit-text-stroke:1px #ddd;z-index:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.D1 .process .l .workflow .step .head .title,.D1 .process .r .workflow .step .head .title{position:relative;z-index:1;font-size:24px;font-weight:800;color:#000;text-transform:uppercase;margin:0;letter-spacing:1px}.D1 .process .l .workflow .step .desc,.D1 .process .r .workflow .step .desc{font-size:16px;line-height:1.6;color:#333;margin:0}.D1 .process .r>.title{background:#d9372c}@media screen and (max-width: 1200px){.D0{padding:calc(3rem + 3vw) 20px 0 20px}.D0 .info-list{gap:1rem}.D0 .info-list .item{padding:calc(1rem + .8vw)}.D0 .info-list .item .title{font-size:1.2rem;margin-bottom:.9rem}.D0 .info-list .item .text{font-size:.95rem}.D0 .company_ccc{padding:calc(1.5rem + 1.5vw) 0;font-size:.95rem}.D1{padding:0 20px calc(3rem + 3vw) 20px}.D1 .process{gap:calc(1.5rem + 1.5vw)}.D1 .process .l,.D1 .process .r{padding:calc(1rem + 1.5vw) calc(1.5rem + 1.5vw) calc(1.5rem + 1.5vw) calc(1.5rem + 1.5vw);border-radius:1.5rem}.D1 .process .l>.title h3,.D1 .process .r>.title h3{font-size:2rem}.D1 .process .l>.title .sub,.D1 .process .r>.title .sub{font-size:.9rem}.D1 .process .l .workflow,.D1 .process .r .workflow{gap:calc(1.5rem + 1.5vw);margin-top:calc(1.5rem + 1.5vw)}.D1 .process .l .workflow .step .head,.D1 .process .r .workflow .step .head{margin-bottom:20px}.D1 .process .l .workflow .step .head .bg-num,.D1 .process .r .workflow .step .head .bg-num{font-size:80px;top:-24px;left:-12px}.D1 .process .l .workflow .step .head .title,.D1 .process .r .workflow .step .head .title{font-size:20px}.D1 .process .l .workflow .step .desc,.D1 .process .r .workflow .step .desc{font-size:15px}}@media screen and (max-width: 992px){.D0{padding:calc(2.5rem + 2.5vw) 16px 0 16px}.D0 .info-list{flex-direction:column;gap:1rem}.D0 .info-list .split{display:none}.D0 .info-list .item{padding:calc(1rem + 1vw)}.D0 .info-list .item .title{font-size:1.1rem;margin-bottom:.8rem}.D0 .info-list .item .text{font-size:.9rem}.D0 .company_ccc{padding:calc(1.2rem + 1.2vw) 0;font-size:.9rem;line-height:1.7}.D1{padding:0 16px calc(2rem + 2vw) 16px}.D1 .process{flex-direction:column;gap:calc(1.5rem + 1.5vw)}.D1 .process .l,.D1 .process .r{padding:calc(1rem + 1.5vw);border-radius:1.2rem}.D1 .process .l>.title,.D1 .process .r>.title{border-radius:.8rem;padding:6px 0}.D1 .process .l>.title h3,.D1 .process .r>.title h3{font-size:1.6rem}.D1 .process .l>.title .sub,.D1 .process .r>.title .sub{font-size:.85rem}.D1 .process .l .workflow,.D1 .process .r .workflow{gap:calc(1.2rem + 1.2vw);margin-top:calc(1.2rem + 1.2vw)}.D1 .process .l .workflow .step .head,.D1 .process .r .workflow .step .head{margin-bottom:16px;padding-top:8px}.D1 .process .l .workflow .step .head .bg-num,.D1 .process .r .workflow .step .head .bg-num{font-size:64px;top:-20px;left:-8px}.D1 .process .l .workflow .step .head .title,.D1 .process .r .workflow .step .head .title{font-size:17px;letter-spacing:.5px}.D1 .process .l .workflow .step .desc,.D1 .process .r .workflow .step .desc{font-size:14px;line-height:1.5}}@media screen and (max-width: 576px){.D0{padding:calc(2rem + 2vw) 12px 0 12px}.D0 .info-list .item{padding:1rem}.D0 .info-list .item .title{font-size:1rem;margin-bottom:.6rem}.D0 .info-list .item .text{font-size:.85rem}.D0 .company_ccc{padding:1rem 0;font-size:.85rem}.D1{padding:0 12px calc(1.5rem + 1.5vw) 12px}.D1 .process{gap:1.2rem}.D1 .process .l,.D1 .process .r{padding:1rem;border-radius:1rem}.D1 .process .l>.title,.D1 .process .r>.title{border-radius:.6rem;padding:5px 0}.D1 .process .l>.title h3,.D1 .process .r>.title h3{font-size:1.3rem}.D1 .process .l>.title .sub,.D1 .process .r>.title .sub{font-size:.75rem}.D1 .process .l .workflow,.D1 .process .r .workflow{gap:1.5rem;margin-top:1.5rem}.D1 .process .l .workflow .step .head,.D1 .process .r .workflow .step .head{margin-bottom:12px;padding-top:6px}.D1 .process .l .workflow .step .head .bg-num,.D1 .process .r .workflow .step .head .bg-num{font-size:48px;top:-14px;left:-6px}.D1 .process .l .workflow .step .head .title,.D1 .process .r .workflow .step .head .title{font-size:15px;letter-spacing:0}.D1 .process .l .workflow .step .desc,.D1 .process .r .workflow .step .desc{font-size:13px;line-height:1.5}}