@charset "UTF-8";body,div,dl,dt,dd,ul,ol,li,tr,td,th,h1,h2,h3,h4,h5,h6,hr,br,img,table,input,form,a,p,textarea{padding:0;margin:0;font-family:Roboto,Helvetica,Arial,sans-serif}ul,ol{padding-left:2em}a{text-decoration:none;display:block}img{border:0;display:block}.clearfloat{zoom:1}.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}html,#app{height:100vh;width:100vw;margin:0;padding:0;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{appearance:none}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.icon-container{display:flex;align-items:center;justify-content:flex-end;font-size:14px}.icon-container .icon{margin-left:5px;width:16px;height:16px;margin-bottom:5px}.icon-container a{color:var(--default-color)}.menubar{position:fixed;top:0;left:0;right:0;height:14px;background-color:#0009;padding:10px}.menubar .menubar-container{position:fixed;left:0;right:0;background-color:#0009;display:none;box-shadow:0 .5mm 2mm #0000004d}.A4 .menubar .menubar-container,.menubar .menubar-container.toggle{display:block}.menubar .icon-container{cursor:pointer}.menubar .icon-container .icon{fill:#fff}.print-btn-container,.col-btn-container,.ratio-btn-container{display:flex}.A4 .menubar{position:static;background-color:transparent}.A4 .menubar .print-btn-container{position:fixed;top:10px;right:10px}.A4 .menubar .col-btn-container{position:fixed;top:50px;right:10px}.A4 .menubar .ratio-btn-container{position:fixed;top:90px;right:10px}@media print{.menubar{display:none}}.print-btn{background-color:var(--background-color);color:var(--color);padding:5px 10px;cursor:pointer;width:50%;box-sizing:border-box;outline:0;display:inline-block;vertical-align:middle;border:1px solid var(--background-color);border-right:1px solid #fff;border-bottom:1px solid #fff}.print-btn+.print-btn{border-right:0}.ratio-btn-container .print-btn{border-bottom:0}.A4 .menubar .menubar-container .print-btn{width:76px;box-shadow:0 .5mm 2mm #0000004d;border-radius:5px;border:1px solid var(--border-color)}.A4 .menubar .menubar-container .print-btn+.print-btn{margin-left:5px}.divider{margin-bottom:5px;flex-shrink:0;display:flex;white-space:nowrap;text-align:center;border:0px}.divider .text{display:inline-block;padding-left:9.6px;padding-right:9.6px}.divider:before,.divider:after{position:relative;width:100%;border-top:thin solid rgba(0,0,0,.12);top:50%;content:"";transform:translateY(50%)}.item-container{margin-bottom:10px}.item-container .content,.item-container .bg-info{text-align:justify}.item-container .bg-info{color:#666;font-size:12px;margin:5px 0}.item-container .title-container{display:flex;justify-content:space-between}.item-container .title{font-weight:700}.item-container .technique{border:1px solid var(--border-color);padding:1px 5px;border-radius:5px;background-color:var(--background-color);color:var(--color)}.no-style{list-style:none}.one-col{width:100%}.container .two-col:nth-child(2n+1){margin-right:2em}.two-col{width:calc(50% - 1em)}.container{display:flex;justify-content:space-between;font-size:14px;padding:1rem 2rem;flex-wrap:wrap}.A4 .container{padding:1rem 10mm 1rem 5mm}.header-container{color:var(--color);background-color:var(--background-color)}.header-container.colorful{padding:2rem 1rem}.header-container.black{padding:2rem 1rem 0}.A4 .header-container.colorful{padding:2rem 2.2rem}.A4 .header-container.black{padding:2rem 2.2rem 0}.id-container{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}.id-container h1{margin-bottom:0}.id-container .post{font-size:20px}.base-info{display:flex;flex-direction:column;justify-content:space-between}.info-container{display:flex;justify-content:space-between}:root{--color: #333;--background-color: #FFF;--default-color: #333;--border-color: #333;--border-bg-color: #FFF}.contract-info .icon-container a{color:var(--color)}.contract-info .icon-container .icon use{fill:var(--color)}.screen{background-color:#fff;margin-top:34px;overflow:hidden}@page{margin:0}body{margin:0}.sheet{margin:0;overflow:hidden;position:relative;box-sizing:border-box;page-break-after:always}body.A3 .sheet{width:297mm;height:419mm}body.A3.landscape .sheet{width:420mm;height:296mm}body.A4 .sheet{width:210mm;height:296mm}body.A4.landscape .sheet{width:297mm;height:209mm}body.A5 .sheet{width:148mm;height:209mm}body.A5.landscape .sheet{width:210mm;height:147mm}body.letter .sheet{width:216mm;height:279mm}body.letter.landscape .sheet{width:280mm;height:215mm}body.legal .sheet{width:216mm;height:356mm}body.legal.landscape .sheet{width:357mm;height:215mm}.sheet.padding-10mm{padding:10mm}.sheet.padding-15mm{padding:15mm}.sheet.padding-20mm{padding:20mm}.sheet.padding-25mm{padding:25mm}@media screen{body{background:#e0e0e0}.sheet{background:white;box-shadow:0 .5mm 2mm #0000004d;margin:5mm auto}}@media print{body.A3.landscape{width:420mm}body.A3,body.A4.landscape{width:297mm}body.A4,body.A5.landscape{width:210mm}body.A5{width:148mm}body.letter,body.legal{width:216mm}body.letter.landscape{width:280mm}body.legal.landscape{width:357mm}}