.formWrapper{display:flex;justify-content:center;flex-wrap:wrap}.message{padding:1.6rem}.thanksText{display:flex;flex-wrap:wrap;width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.thanksText{width:100%}}@media screen and (min-width: 1024px){.thanksText{width:70%}}.thanksButtonBox{width:100%}.mainForm{display:flex;flex-wrap:wrap;width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm{width:100%}}@media screen and (min-width: 1024px){.mainForm{width:70%}}.mainForm h3.firstH3{margin-top:0}.mainForm h3.fixMargin{margin-top:1.6rem}.mainForm h3{width:100%;margin-bottom:.8rem;margin-top:3.2rem;display:flex;align-items:center}.mainForm h3 span{padding-left:.8rem;padding-right:.8rem;margin-left:.8rem;font-size:1.4rem;border-radius:4px}.mainForm h3 span.requiredLabel{background-color:#497b72;color:#fff}.mainForm h3 span.optionalLabel{background-color:#c1f5ec;color:#497b72}.mainForm .explanation{width:100%;color:#497b72;font-size:1rem;margin-bottom:.4rem}.mainForm .typeBox{width:100%;display:flex;flex-direction:column;padding-left:1.6rem;padding-right:1.6rem}.mainForm .typeBox div{margin-bottom:.8rem}.mainForm .typeBox div:last-child{margin-bottom:0}.mainForm .borderBox{width:100%;height:1px;border-top:solid 1px #497B72}.mainForm .borderBox.marginTop{margin-top:3.2rem}.mainForm .subBox,.mainForm #contentsBox{width:100%}.mainForm #kiyakuBox .kiyakuText{margin-bottom:1.6rem}.mainForm #email,.mainForm #errorEmail,.mainForm #name,.mainForm #errorName,.mainForm #tel,.mainForm #errorTel,.mainForm #selectCurrentCollege,.mainForm #errorStudentUniversity,.mainForm #selectGrade,.mainForm #errorStudentGrade,.mainForm #type2_license,.mainForm #errorResidentLicense,.mainForm #type2_hospital,.mainForm #errorResidentHospial,.mainForm #type3_hospital,.mainForm #errorHospial,.mainForm #type3_department,.mainForm #type4_selectCollege,.mainForm #errorType4College,.mainForm #type4_birth,.mainForm #errorType4Birth,.mainForm #errorKiyaku{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm #email,.mainForm #errorEmail,.mainForm #name,.mainForm #errorName,.mainForm #tel,.mainForm #errorTel,.mainForm #selectCurrentCollege,.mainForm #errorStudentUniversity,.mainForm #selectGrade,.mainForm #errorStudentGrade,.mainForm #type2_license,.mainForm #errorResidentLicense,.mainForm #type2_hospital,.mainForm #errorResidentHospial,.mainForm #type3_hospital,.mainForm #errorHospial,.mainForm #type3_department,.mainForm #type4_selectCollege,.mainForm #errorType4College,.mainForm #type4_birth,.mainForm #errorType4Birth,.mainForm #errorKiyaku{width:60%}}@media screen and (min-width: 1024px){.mainForm #email,.mainForm #errorEmail,.mainForm #name,.mainForm #errorName,.mainForm #tel,.mainForm #errorTel,.mainForm #selectCurrentCollege,.mainForm #errorStudentUniversity,.mainForm #selectGrade,.mainForm #errorStudentGrade,.mainForm #type2_license,.mainForm #errorResidentLicense,.mainForm #type2_hospital,.mainForm #errorResidentHospial,.mainForm #type3_hospital,.mainForm #errorHospial,.mainForm #type3_department,.mainForm #type4_selectCollege,.mainForm #errorType4College,.mainForm #type4_birth,.mainForm #errorType4Birth,.mainForm #errorKiyaku{width:60%}}.mainForm>.ERUIFieldStack{margin-top:3.2rem}.mainForm .ERUIFieldStack>.borderBox.marginTop{margin-top:0}.mainForm .is-hidden{display:none}.mainForm .ERCButtonBox{margin-top:3.2rem;margin-bottom:3.2rem;width:100%;flex-wrap:wrap}.mainForm .ERCButtonBox .ERUIButton{width:100%}.mainForm .ERCButtonBox .ERUIButton#cancel{margin-bottom:1.6rem}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .ERCButtonBox .ERUIButton{width:calc(50% - .8rem)}.mainForm .ERCButtonBox .ERUIButton#cancel{margin-right:1.6rem;margin-bottom:0}}@media screen and (min-width: 1024px){.mainForm .ERCButtonBox .ERUIButton{width:calc(50% - .8rem)}.mainForm .ERCButtonBox .ERUIButton#cancel{margin-right:1.6rem;margin-bottom:0}}