body{font-family:Noto Sans JP}@media screen and (min-width: 320px){.form-bg{background-color:#f8f8f8;padding:56px 12px;margin-top:16px}.form-box{padding:56px 16px 80px;letter-spacing:.1em;background-color:#fff}.form-step{display:flex;justify-content:center;margin-bottom:44px}.step{justify-items:center;font-weight:700;color:#a7a2a9;text-align:center}.step-text{font-size:12px;margin-bottom:8px;margin-left:1.2px}.step-text.margin-left{margin-left:2.5px}.step-num{font-size:13px;text-align:center;align-content:center;width:35px;height:35px;background-color:#fff;border:solid 2px #D9D9D9;border-radius:25px;font-family:Noto Sans;padding-left:1.5px}.line{width:80px;height:5px;background-color:#a7a2a9;margin-top:37px}.step.active{color:#4689e3}.step.active .step-num{border:solid 2px #4689E3}.form-text{font-size:14px;line-height:2;margin-bottom:60px}.form-item{margin-top:28px}.form-item label{font-size:14px;display:flex;align-items:center;margin-bottom:15px;font-weight:700}.required,.nullable{font-size:10px;padding:2.8px 10px 3.5px;margin-top:2px;color:#fff;border-radius:5px;margin-left:12px;font-weight:400}.required{background-color:#f44336}.nullable{background-color:#4689e3}.form-item input,textarea{display:block;width:100%;height:50px;background-color:#e4efff;border-radius:8px;padding:10px;letter-spacing:.08em}.form-item input#mail{letter-spacing:.03em}.form-item textarea{height:150px;line-height:1.5}.agree{text-align:center;margin:48px 0 20px;font-size:13px}.policy-link{color:#4689e3;border-bottom:solid 1px #4689E3}.check{font-size:13px;display:flex;align-items:center;justify-content:center}.to-confirm.form{margin-top:40px}.to-confirm{text-align:center}input{padding:10px}input[type=checkbox]{margin-right:5px;border-color:#4689e3}.btn-form{font-size:14px;color:#fff;background-color:#4689e3;padding:15px 85px;font-weight:700;letter-spacing:.1em;border-radius:8px;max-width:247px;margin:0 auto}input.input-error,textarea.input-error{background-color:#ffe6e6;border:1.5px solid #F44336}input.input-error:focus,textarea.input-error:focus{outline:none;border:2px solid #F44336}.error-message{color:#f44336;font-size:14px;margin-top:4px;line-height:1.5}.error-message.check-error{text-align:center;margin-top:12px}.error-message:before{content:"※";color:#f44336}}@media screen and (min-width: 601px){.form-bg{padding:56px 32px 64px;margin-top:20px}.form-box{padding:64px 40px 88px}.form-step{margin-bottom:48px}.step-num{font-size:14px;width:40px;height:40px}.line{width:120px;margin-top:40px}.step-text{font-size:13px}.form-text-box{text-align:center}.form-text{margin-bottom:72px;font-size:15px}.form-title{padding:20px 15px;margin-bottom:40px;letter-spacing:.2em}.form-item{margin-top:23px;display:grid;grid-template-columns:232px auto;column-gap:22px}.form-control{display:flex;flex-direction:column}.form-item label{justify-content:space-between;margin-bottom:0}.required,.nullable{padding:5px 12px;margin-top:-1px}.message label{align-items:stretch;margin-top:17px}.message label .required,.form-item.margin-top .nullable{margin-top:-2px}.required,.nullable{max-height:22px}.agree{margin:72px 0 25px;font-size:14px}.check{font-size:14px}.to-confirm.form{margin-top:45px}.form-item textarea{height:180px;margin-top:2.5px}.btn-form{font-size:15px;padding:17px;width:264px}.error-message{grid-column:2 / 3;grid-row:2 / 3}.error-message{margin-top:6px}.error-message.check-error{margin-top:16px}}@media screen and (min-width: 1081px){.form-bg{padding:100px 20px 120px;margin-top:33px}.form-box{padding:140px 100px 132px;max-width:1300px;margin:0 auto;border-radius:0}.form-step{margin-bottom:88px}.step-num{font-size:17px;width:50px;height:50px;border-radius:50px}.line{width:215px;margin-top:53px}.step-text{font-size:14px;margin-bottom:14px;margin-left:.5px}.form-text{margin-bottom:110px;font-size:16px;line-height:2.5}.form-title{padding:25px 20px;margin-bottom:60px;letter-spacing:.25em;font-size:16px}.form-item{margin-top:30px;grid-template-columns:265px auto;column-gap:25px}.form-item label{font-size:16px;margin-top:3px}.required,.nullable{margin-top:-3px;font-size:12px;padding-bottom:20px}.message label{margin-top:17px}.message label .required,.form-item.margin-top .nullable{margin-top:-3px}.form-item textarea{height:240px}.agree{margin:96px 0 24px;font-size:15px}.check{font-size:15px}.to-confirm.form{margin-top:56px}.btn-form{font-size:16px;padding:18px;width:320px}.error-message{margin-top:8px;font-size:15px}.error-message.check-error{margin-top:18px}}