.formWrapper{display:flex;justify-content:center;flex-wrap:wrap}.message{padding:1rem}.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:1rem}.mainForm h3{width:100%;margin-bottom:.5rem;margin-top:2rem;display:flex;align-items:center}.mainForm h3 span{padding-left:.5rem;padding-right:.5rem;margin-left:.5rem;font-size:.875rem;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:.625rem;margin-bottom:.25rem}.mainForm .typeBox{width:100%;display:flex;flex-direction:column;padding-left:1rem;padding-right:1rem}.mainForm .typeBox div{margin-bottom:.5rem}.mainForm .typeBox div:last-child{margin-bottom:0}.mainForm .borderBox{width:100%;height:1px;border-top:solid 1px #497B72}.mainForm .borderBox.marginTop{margin-top:2rem}.mainForm .subBox,.mainForm #contentsBox{width:100%}.mainForm #kiyakuBox .kiyakuText{margin-bottom:1rem}.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:2rem}.mainForm .ERUIFieldStack>.borderBox.marginTop{margin-top:0}.mainForm .is-hidden{display:none}.mainForm .ERCButtonBox{margin-top:2rem;margin-bottom:2rem;width:100%;flex-wrap:wrap}.mainForm .ERCButtonBox .ERUIButton{width:100%}.mainForm .ERCButtonBox .ERUIButton#cancel{margin-bottom:1rem}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .ERCButtonBox .ERUIButton{width:calc(50% - .5rem)}.mainForm .ERCButtonBox .ERUIButton#cancel{margin-right:1rem;margin-bottom:0}}@media screen and (min-width: 1024px){.mainForm .ERCButtonBox .ERUIButton{width:calc(50% - .5rem)}.mainForm .ERCButtonBox .ERUIButton#cancel{margin-right:1rem;margin-bottom:0}}
