:root{font-size:4.3vw}.center{text-align:center}.main-color{color:#b93b13}body{background:#649d4c}.step{background-image:url(/static/ssbx/bg-top.jpg),url(/static/ssbx/bg-bottom.jpg),url(/static/ssbx/bg-middle.jpg);background-position:top,bottom,50% 27vw;background-repeat:no-repeat;background-size:contain,contain,100% calc(100% - 80vw);width:100%;min-height:178vw;margin:0 auto;padding-bottom:50vw;position:relative}.step h1,.step h2{color:#b93b13;background:linear-gradient(45deg,#ffe0c1,#ffe0c1) bottom/100% .8rem no-repeat;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.step h1{text-align:center;margin-bottom:5vw;padding:0 1rem;font-size:1.25rem}.step h2{text-align:center;padding:0 .75rem;font-size:1rem}.step h1:before,.step h1:after{content:"";background-repeat:no-repeat;background-size:contain;width:1.25rem;height:1.25rem;display:inline-block;position:absolute}.step h1:before{background-image:url(/static/ssbx/left-note.png);width:1.4rem;height:1.1rem;bottom:.3rem;left:-.7rem}.step h1:after{background-image:url(/static/ssbx/right-note.png);width:1.4rem;height:1.2rem;bottom:.3rem;right:-.7rem}.step .content{padding:28vw 11vw 0}.step .main-text{color:#b93b13}.step .main-text p{text-indent:2rem;margin:1rem 0}.info{color:#b93b13}.step .info span,.upload-form .field,.result.step .work-field{color:#fff;background-color:#b93b13;border-radius:1rem;width:fit-content;padding:.1rem .8rem;font-size:.8rem;display:block}.step .info span+p{margin:.2rem 0 .2rem .8rem}.step.step-0{background:url(/static/ssbx/cover.jpg) 0 0/cover no-repeat}.step.step-0.loaded{background-size:contain}.step.step-0 .action{top:50vw;bottom:unset;width:fit-content;display:none;position:absolute;left:50%;transform:translate(-50%)}.step.step-0.loaded .action{display:block}.step.step-0.long-view .action{top:178vw}.step.step-0 .action button{border-radius:2rem;padding:.5rem 1.5rem;font-weight:bolder;background-color:#0003!important}.step-0 .content{text-align:center;color:#fff;width:100%;font-size:.8rem;font-weight:700;display:none;position:absolute;bottom:8%}.step.step-5 .info{margin-bottom:5vw}.step .action{width:100%;display:flex;position:fixed;bottom:0}.step .action button{color:#fff;background:#0000004d;border:0;flex-grow:1;padding:.5rem;font-size:1.25rem}.step .action button:last-child{background:#00000080}.upload-form .btn-submit{color:#fff;letter-spacing:2rem;text-indent:2rem;background-color:#b93b13;border:none;border-radius:.3rem;width:70%;padding:.3rem 0;font-size:1.2rem;display:inline-block}.upload-form .btn-submit:disabled{letter-spacing:0;text-indent:0;background-color:gray}.upload-form .upload-tip{text-align:center;font-size:.8rem}.text-field,.radio-field{margin:.5rem 0}.text-field label span{display:inline-block}.text-field label input{background-color:unset;border-width:0 0 1px;border-color:#b93b13;width:70%;height:1.2rem;font-size:1rem}.personal-info .text-field label span{width:4.5rem}.work-info{margin-bottom:2vw}.work-info .text-field label span{width:unset}.radio-field .desc{width:12rem;display:inline-block}.radio-field input{margin:0 .5rem}.upload-field{vertical-align:middle;background-color:#fff;background-position:2vw 1vw;background-repeat:no-repeat;background-size:auto 10vw;border:1px solid #b93b13;align-items:center;width:36vw;height:12.5vw;margin:1vw;padding-left:12vw;font-size:.8rem;display:inline-flex}.upload-field.ico-mp3{width:74vw}.upload-field input{display:none}.upload-field .tip{font-size:.6rem}.ico-file{background-image:url(/static/ssbx/ico-file.png)}.ico-mp3{background-image:url(/static/ssbx/ico-mp3.png)}.choosed-files section{margin-bottom:.5rem;font-size:.8rem}.loading-layer{color:#fff;background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex;position:absolute;top:0;left:0}.long-view h1{font-size:1.5rem}.long-view h2{font-size:1.3rem}.long-view .main-text p{margin:1.5rem 0;font-size:1.2rem}.long-view .info p{margin:.5rem 0 1rem .8rem;font-size:1.2rem}.audio-btn{display:none}.result.step .title h2{color:#000;background:0 0;margin-bottom:.5rem}.result.step .title h1{font-size:1.5rem}.result.step .works{margin-bottom:10vw}.result.step .works h1{margin-bottom:7vw}.result.step .works h2{color:#000}.result.step .work{background:#fff;border-radius:.5rem;margin-bottom:5vw;padding:.5rem .3rem;box-shadow:0 0 5px #b93b13cc}.result.step .main-text p{text-indent:0}.result.step .audio-play{margin-top:1rem}.result.step audio{width:100%;height:2.5rem}.result.step .work-field{text-align:center;width:4rem;margin-right:1rem;display:inline-block}