@charset "UTF-8";#root{display:flex;flex-direction:column;min-height:100vh}body{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1;display:flex;flex-direction:column}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding-bottom:3rem}.container .guide-wrapper{width:60%;min-width:800px;height:100%;min-height:600px}.container .guide-wrapper .guide-header{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;background-color:#1e1e1e;padding-bottom:30px}.container .guide-wrapper .guide-header img{width:100%;min-width:800px}.container .guide-wrapper .guide-header #thumbnail-2{width:60%;min-width:500px;border-radius:10px}.container .guide-wrapper .guide-header .guide-title{padding-top:30px;display:flex;flex-direction:row;align-items:center;justify-content:center}.container .guide-wrapper .guide-header .guide-title #waveform-icon{width:48px;height:48px;min-width:50px;margin-right:15px;border-radius:10px}.container .guide-wrapper .guide-header h1{font-size:2rem;font-weight:700;color:#e6e6e6;margin-bottom:1rem}.container .guide-wrapper .guide-header p{font-size:1.2rem;color:#c6c6c6;text-align:center;margin-bottom:1rem}.container .guide-wrapper .guide-body{box-sizing:border-box;border-radius:20px;border:10px solid rgb(229,226,226);background-color:#f7f7f7;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.container .guide-wrapper .guide-body video{width:60%}.container .guide-wrapper .guide-body h2{font-size:1.5rem;font-weight:700;color:#222;margin-bottom:1rem}.container .guide-wrapper .guide-body p{font-size:1rem;color:#666;text-align:left;margin-bottom:1rem}.container .guide-wrapper .guide-body .guide-manual{width:60%}@media (max-width: 600px){.container{width:100%;padding:0!important}.guide-wrapper{width:100%;min-width:100%!important;height:100%;min-height:100%!important}.guide-header{width:100%}.guide-header img{width:100vw;min-width:none}.guide-header #thumbnail-1{width:100vw;min-width:10vw!important}.guide-header #thumbnail-2{width:80vw!important;min-width:10vw!important;border-radius:10px}.guide-header .guide-title{width:100%;padding-top:10px;display:flex;flex-direction:row;align-items:center;justify-content:center}.guide-header .guide-title h1{font-size:1.2rem!important;margin-bottom:.5rem}.guide-header .guide-title #waveform-icon{width:20px;height:20px;min-width:15px;margin-right:15px;border-radius:10px}.guide-body{box-sizing:border-box;border:10px solid rgb(229,226,226);background-color:#f7f7f7;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.guide-body video{width:100%!important}.guide-body h2{font-size:1.2rem;font-weight:700;color:#222;margin-bottom:1rem}.guide-body p{font-size:1rem;color:#666;text-align:left;margin-bottom:1rem}.guide-body .guide-manual{width:90%!important}h2{font-size:1.2rem;margin-bottom:.8rem}p{font-size:.9rem;text-align:center;margin-bottom:.8rem}}.drawing-guide-group{z-index:2;position:relative;padding:14px}.drawing-guide-group .sub-item-label{font-size:14px;font-weight:700;color:#333;margin-bottom:5px}.drawing-guide-group .drawing-guide-description{margin-top:3px;padding:14px;box-sizing:border-box;display:flex;flex-direction:column;border:1px dashed #bcbcbc;border-radius:10px;background-color:#fcfcfc;color:#000;font:"Notosans"}.drawing-guide-group .drawing-guide-description :disabled .generate-button-label{color:#fff}.drawing-guide-group .drawing-guide-description .upload-label-text{padding-top:5px}.drawing-guide-group .drawing-guide-description .upload-label-text span:first-child{font-weight:400}.drawing-guide-group .drawing-guide-description .upload-label-text span:last-child{font:bold 14px;text-decoration:underline}.drawing-guide-group .drawing-guide-description h3{padding:1rem}.drawing-guide-group .drawing-guide-description h3:hover{color:red}.drawing-guide-group .drawing-guide-description .drawing-guide-sentence-wrapper{display:flex;flex-direction:row;align-items:center;height:22px}.drawing-guide-group .drawing-guide-description .drawing-guide-sentence-wrapper .drawing-guide-sentence-item{margin-left:10px;font-size:12px;font-weight:400}.wrapper{text-align:center;padding:80px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.title{font-size:3rem;margin-bottom:1rem;color:#333}.message{font-size:1.5rem;margin-bottom:2rem;color:#555}.button{display:inline-block;padding:10px 20px;background-color:#747474;color:#fff;border-radius:5px;text-decoration:none;transition:background-color .2s ease}.button:hover{background-color:#364b4a}.container{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 600px){.container{width:100%;padding:0 20px}}header{height:20px;background-color:#333;color:#fff;padding:1rem;min-width:800px}header .header-container{display:flex;flex-direction:row;align-items:center;width:100%}header .header-container img{width:20px;height:20px;margin-right:10px}@media (max-width: 600px){header{min-width:100%;padding:1rem .5rem!important;height:auto;box-sizing:border-box}header .header-container{flex-direction:row}header .header-container img{width:16px;height:16px;margin-right:5px}}footer{display:flex;padding:1rem;margin-top:auto;height:100px;background:#020202;color:#666;min-width:800px;box-sizing:border-box}footer img{width:20px;height:20px;margin-right:10px}footer .footer-container{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:0 3rem}footer .footer-container .left-area{display:flex;flex-direction:column;justify-content:space-around;font-size:.8rem}footer .footer-container .left-area .company-name{display:flex;flex-direction:row;align-items:center;font-size:1.2rem;font-weight:700;color:#c9c6c6}footer .footer-container .left-area .company-info-area{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:1rem}footer .footer-container .left-area .company-info-area p+p:before{content:"|";display:inline-block;margin:0 1rem}footer .footer-container .right-area{display:flex;flex-direction:column;justify-content:space-around;font-size:1rem}footer .footer-container .right-area .top-box{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;font-size:1rem}@media (max-width: 600px){footer{min-width:100%;padding:.5rem;height:auto}footer .footer-container{flex-direction:column;padding:0 1rem;align-items:center;justify-content:center}footer .footer-container .left-area,footer .footer-container .right-area{width:100%;text-align:center;margin-bottom:1rem}}