html{font-size:16px}body{background:#fff}.header{background:#f0f8ff}.container{overflow:hidden}.attention{margin:auto auto 10px;width:100%;max-width:32em;color:#28a745;font-size:.9em;font-weight:normal}.attention .important{text-align:center;text-indent:1em}.attention .email{margin-left:10px}.form-category{display:none;padding-bottom:20px}.form-family-age{margin-right:5px;width:80px !important;text-align:center}.form,.confirm,.complete{display:none}.subtitle{margin-top:10px;margin-bottom:20px;text-align:center;font-size:1.5rem;color:#59401c}.progress{height:30px !important;margin-top:20px;margin-bottom:20px}#form_step{display:block;display:-webkit-box}#form_step div{position:relative;width:calc(100% / 5);text-align:center}#form_step div .step-circle{margin:auto;padding-top:5px;width:3em;height:3em;border-radius:50%;opacity:0.5;text-align:center;line-height:1.1}#form_step div .step-circle.active{opacity:1}#form_step div .step-circle span{display:block;font-size:1.2rem}#form_step div .step-line-l,#form_step div .step-line-r{position:absolute;top:45%;height:10%;width:calc(50% - 1.5em);background:#28a745;opacity:0.5}#form_step div .step-line-l.active,#form_step div .step-line-r.active{opacity:1}#form_step div .step-line-r{left:calc(50% + 1.5em)}#form_step div:nth-of-type(5) .step-line-r{display:none}#form_step div:nth-of-type(1) .step-line-l{display:none}.form-group{border-bottom:1px solid #6c6;padding-bottom:5px;font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif}.form-row{margin-top:5px}.col-form-label{padding-bottom:10px;background-color:#9f9;text-align:left !important}.col-form-label+div{padding-left:5px;padding-bottom:5px}.required::after{content:'必須';padding:3px;border-radius:0.5em;margin-left:0.5em;font-size:0.7rem;background:#dc3545;color:#fff}.option::after{content:'任意';padding:3px;border-radius:0.5em;margin-left:0.5em;font-size:0.7rem;background:#06f;color:#fff}.form-zip,.form-amount{display:inline;width:70px !important;text-align:center}.form-calendar,.form-birthday{width:120px !important;text-align:center}.form-tel{width:200px !important}@media screen and (min-width: 576px){.form-name{width:160px !important}}.form-prefecture{width:300px !important}input::-webkit-input-placeholder{color:#ccc !important}input:-ms-input-placeholder{color:#ccc !important}input::-ms-input-placeholder{color:#ccc !important}input::placeholder{color:#ccc !important}input:focus,textarea:focus,select:focus{background-color:#cfc !important}.form-text{font-size:0.8rem !important}.error-message{display:none;color:#dc3545}.complete-message{text-align:center;font-size:1.8rem;font-weight:bold}#link_to_mypage{text-align:center;font-size:3rem}.datepicker{z-index:1151 !important}.datepicker-switch,.prev,.next,.dow,.day,.today{padding:7px}