.kiboukamokuModalInner .kiboukamoku{width:12.6rem}.kiboukamokuModalInner .kiboukamoku#kiboukamoku_rihabiri{width:calc(1.4rem * 14)}.kibouchiModalInner{overflow:auto}.kibouchiModalInner h3{margin-top:.4rem;margin-bottom:.8rem}.kibouchiModalInner label{width:80%;margin-right:0;margin-bottom:1.6rem}@media screen and (min-width: 480px) and (max-width: 1024px){.kibouchiModalInner label{width:14rem;margin-right:1.6rem}}@media screen and (min-width: 1024px){.kibouchiModalInner label{width:14rem;margin-right:1.6rem}}.kibouchiModalInner .ERCButtonBox{padding-left:3.2rem;padding-right:3.2rem;margin-top:1.6rem}.statusBarWrap{width:100%;display:flex;justify-content:center;margin-bottom:3.2rem}.statusBarWrap .statusBarChild{width:100%;display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 480px) and (max-width: 1024px){.statusBarWrap .statusBarChild{width:100%}}@media screen and (min-width: 1024px){.statusBarWrap .statusBarChild{width:70%}}.statusBarWrap .statusBarChild .statusWindow{position:relative;width:100%;min-height:11.2rem;display:flex;flex-direction:column}.statusBarWrap .statusBarChild .statusWindow .imageBox{position:absolute;right:0;bottom:calc(-1.4rem * 3);width:7rem;height:auto}.statusBarWrap .statusBarChild .statusWindow .imageBox img{width:100%;height:100%;transform:translateY(-.3125rem)}.statusBarWrap .statusBarChild .statusWindow .arrowBox{display:flex;align-items:center;justify-content:center;width:100%}.statusBarWrap .statusBarChild .statusWindow .arrowBox .arrowCore{width:1.4rem;height:1.4rem;border-right:1.4rem solid transparent;border-bottom:1.4rem solid #C1F5EC;border-left:1.4rem solid transparent;transform:rotate(180deg)}.statusBarWrap .statusBarChild .statusWindow .textBox{width:100%;padding:1.6rem}.statusBarWrap .statusBarChild .statusBar{height:5rem;width:100%;position:relative;display:flex;flex-wrap:wrap}.statusBarWrap .statusBarChild .statusBar .stepBar{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center}.statusBarWrap .statusBarChild .statusBar .stepBar .lineWrap{position:absolute;left:.8rem;width:calc(100% - 1.6rem);z-index:1;height:5px;display:flex;align-items:center;background-color:#c1f5ec}.statusBarWrap .statusBarChild .statusBar .stepBar .lineWrap .line{width:0%;height:100%;background-color:#c1f5ec;background-color:#8cb808}.statusBarWrap .statusBarChild .statusBar .stepBar .box{position:relative;height:2.2rem;width:2.2rem;display:flex;justify-content:center;align-items:center;z-index:2;border-radius:50%;background-color:#c1f5ec}.statusBarWrap .statusBarChild .statusBar .stepBar .box .boxInBox{position:absolute;width:100%;height:100%;border-radius:50%;background-color:#8cb808;opacity:0}.statusBarWrap .statusBarChild .statusBar .stepBar .box .boxInBox#point1{opacity:1}.statusBarWrap .statusBarChild .statusBar .stepBar .box .boxInNumber{position:absolute;color:#fff;font-weight:700;font-size:1.4rem;display:flex;justify-content:center;align-items:center}._SignupMainForm{display:flex;flex-wrap:wrap;position:relative;width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm{width:100%}}@media screen and (min-width: 1024px){._SignupMainForm{width:70%}}._SignupMainForm .scene{position:absolute;top:0;width:100%;visibility:hidden;opacity:0}._SignupMainForm .scene.is-hidden{display:none}._SignupMainForm .scene#scene1 .typeBox label{margin-right:1.6rem;width:80%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene1 .typeBox label{width:auto}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene1 .typeBox label{width:auto}}._SignupMainForm .scene#scene1 #email,._SignupMainForm .scene#scene1 #password{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene1 #email,._SignupMainForm .scene#scene1 #password{width:60%}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene1 #email,._SignupMainForm .scene#scene1 #password{width:60%}}._SignupMainForm .scene#scene2 .nameBox{display:flex;flex-wrap:wrap;gap:1.6rem}._SignupMainForm .scene#scene2 .nameBox .nameSubBox{width:calc(50% - .8rem)}._SignupMainForm .scene#scene2 .radioBox{margin-bottom:1.6rem}._SignupMainForm .scene#scene2 .radioBox label{margin-right:1.6rem;width:80%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene2 .radioBox label{width:auto}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene2 .radioBox label{width:auto}}._SignupMainForm .scene#scene3 #selectBirthplace,._SignupMainForm .scene#scene3 #phone{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene3 #selectBirthplace,._SignupMainForm .scene#scene3 #phone{width:60%}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene3 #selectBirthplace,._SignupMainForm .scene#scene3 #phone{width:60%}}._SignupMainForm .scene#scene3 .addressBox{display:flex;flex-wrap:wrap}._SignupMainForm .scene#scene3 .addressBox .addressSubBox:nth-child(1){width:calc(40% - .8rem);margin-right:1.6rem;margin-bottom:1.6rem}._SignupMainForm .scene#scene3 .addressBox .addressSubBox:nth-child(2){width:calc(60% - .8rem);margin-bottom:1.6rem}._SignupMainForm .scene#scene3 .addressBox .addressSubBox:nth-child(3){width:100%}._SignupMainForm .scene#scene3 .birthplacesBox{margin-bottom:3.2rem}._SignupMainForm .scene#scene4 #kibouchiParentBox{padding-bottom:3.2rem}._SignupMainForm .scene#scene4 .buttonBox{padding:1.6rem;display:flex;flex-direction:column}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene4 .buttonBox{flex-direction:row}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene4 .buttonBox{flex-direction:row}}._SignupMainForm .scene#scene4 .buttonBox>.ERUIButton{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene4 .buttonBox>.ERUIButton{width:calc(1.4rem * 11);margin-right:1.6rem}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene4 .buttonBox>.ERUIButton{width:calc(1.4rem * 11);margin-right:1.6rem}}._SignupMainForm .scene#scene4 .buttonBox .text{padding-top:.8rem;width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene4 .buttonBox .text{width:calc(100% - 1.4rem * 11);color:#497b72;padding-top:.8rem;padding-bottom:.8rem}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene4 .buttonBox .text{width:calc(100% - 1.4rem * 11);color:#497b72;padding-top:.8rem;padding-bottom:.8rem}}._SignupMainForm .scene#scene5 #selectCurrentCollege,._SignupMainForm .scene#scene5 #selectGraduationYear,._SignupMainForm .scene#scene5 #selectGrade{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene5 #selectCurrentCollege,._SignupMainForm .scene#scene5 #selectGraduationYear,._SignupMainForm .scene#scene5 #selectGrade{width:60%}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene5 #selectCurrentCollege,._SignupMainForm .scene#scene5 #selectGraduationYear,._SignupMainForm .scene#scene5 #selectGrade{width:60%}}._SignupMainForm .scene#scene5 #clubParentBox,._SignupMainForm .scene#scene6 #kibouchiParentBox{padding-bottom:3.2rem}._SignupMainForm .scene#scene6 #modalKiboukamokuButton{max-height:4rem}._SignupMainForm .scene#scene6 .buttonBox{padding:1.6rem;display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene6 .buttonBox{flex-direction:row}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene6 .buttonBox{flex-direction:row}}._SignupMainForm .scene#scene6 .buttonBox>.ERUIButton{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene6 .buttonBox>.ERUIButton{width:calc(1.4rem * 11);margin-right:1.6rem}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene6 .buttonBox>.ERUIButton{width:calc(1.4rem * 11);margin-right:1.6rem}}._SignupMainForm .scene#scene6 .buttonBox .text{padding-top:.8rem;width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene6 .buttonBox .text{width:calc(100% - 1.4rem * 11);color:#497b72;padding-top:.8rem;padding-bottom:.8rem}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene6 .buttonBox .text{width:calc(100% - 1.4rem * 11);color:#497b72;padding-top:.8rem;padding-bottom:.8rem}}._SignupMainForm .scene#scene6 .kiboukamokuModalInner{overflow:auto}._SignupMainForm .scene#scene6 .kiboukamokuModalInner h3{margin-top:.4rem;margin-bottom:.8rem}._SignupMainForm .scene#scene6 .kiboukamokuModalInner label{width:80%;margin-right:0;margin-bottom:1.6rem}._SignupMainForm .scene#scene6 .kiboukamokuModalInner label#kiboukamoku_rihabiri{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene6 .kiboukamokuModalInner label{width:calc(1.4rem * 11);margin-right:1.6rem}._SignupMainForm .scene#scene6 .kiboukamokuModalInner label#kiboukamoku_rihabiri{width:21rem}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene6 .kiboukamokuModalInner label{width:calc(1.4rem * 11);margin-right:1.6rem}._SignupMainForm .scene#scene6 .kiboukamokuModalInner label#kiboukamoku_rihabiri{width:21rem}}._SignupMainForm .scene#scene6 .kiboukamokuModalInner .ERCButtonBox{padding-left:3.2rem;padding-right:3.2rem;margin-top:1.6rem}._SignupMainForm .scene#scene6 #selectCollege,._SignupMainForm .scene#scene6 #register-for-type-2-registrationNumber,._SignupMainForm .scene#scene6 #register-for-type-2-acquisition-date,._SignupMainForm .scene#scene6 #register-for-type-2-hospital{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene6 #selectCollege,._SignupMainForm .scene#scene6 #register-for-type-2-registrationNumber,._SignupMainForm .scene#scene6 #register-for-type-2-acquisition-date,._SignupMainForm .scene#scene6 #register-for-type-2-hospital{width:60%}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene6 #selectCollege,._SignupMainForm .scene#scene6 #register-for-type-2-registrationNumber,._SignupMainForm .scene#scene6 #register-for-type-2-acquisition-date,._SignupMainForm .scene#scene6 #register-for-type-2-hospital{width:60%}}._SignupMainForm .scene#scene6 #campaignCodeParentBox{padding:1.6rem;margin-bottom:3.2rem}._SignupMainForm .scene#scene6 #campaignCodeParentBox .campaignTextBox{margin-top:.8rem;font-size:1.4rem}._SignupMainForm .scene#scene6 #campaignCodeParentBox .campaignTextBox span{font-weight:700;color:#8cb808}._SignupMainForm .scene#scene7 #selectCollege,._SignupMainForm .scene#scene7 #graduationYear{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene#scene7 #selectCollege,._SignupMainForm .scene#scene7 #graduationYear{width:60%}}@media screen and (min-width: 1024px){._SignupMainForm .scene#scene7 #selectCollege,._SignupMainForm .scene#scene7 #graduationYear{width:60%}}._SignupMainForm .scene #kiyakuBox{padding-bottom:3.2rem}._SignupMainForm .scene #kiyakuBox .kiyakuText{padding-bottom:1.6rem}._SignupMainForm .scene .contentsBox{display:flex;flex-direction:column}._SignupMainForm .scene .dateBox{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}._SignupMainForm .scene .dateBox .dateSelectBox{width:calc(50% - .8rem)}._SignupMainForm .scene .dateBox .dateSelectBox:first-child{width:100%;margin-bottom:1.4rem}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene .dateBox .dateSelectBox{width:calc(33% - 1.6rem * 2 / 3)}._SignupMainForm .scene .dateBox .dateSelectBox:first-child{width:calc(33% - 1.6rem * 2 / 3);margin-bottom:0}}@media screen and (min-width: 1024px){._SignupMainForm .scene .dateBox .dateSelectBox{width:calc(33% - 1.6rem * 2 / 3)}._SignupMainForm .scene .dateBox .dateSelectBox:first-child{width:calc(33% - 1.6rem * 2 / 3);margin-bottom:0}}._SignupMainForm .scene .dateBox2,._SignupMainForm .scene .dateBox2 .dateSelectBox2{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){._SignupMainForm .scene .dateBox2 .dateSelectBox2{width:60%}}@media screen and (min-width: 1024px){._SignupMainForm .scene .dateBox2 .dateSelectBox2{width:60%}}._SignupMainForm h3{width:100%;margin-top:3.2rem;margin-bottom:.8rem;display:flex;align-items:center}._SignupMainForm h3.fixMarginTop{margin-top:0}._SignupMainForm h3 span{padding-left:.8rem;padding-right:.8rem;margin-left:.8rem;font-size:1.4rem;border-radius:4px}._SignupMainForm h3 span.requiredLabel{background-color:#497b72;color:#fff}._SignupMainForm h3 span.optionalLabel{background-color:#c1f5ec;color:#497b72}._SignupMainForm h3 span.subText{font-weight:400;color:#497b72}._SignupMainForm .explanation{width:100%;color:#497b72;font-size:1rem;margin-bottom:.4rem}._SignupMainForm .explanation2{width:100%;color:#8cb808;font-size:1rem;margin-bottom:.4rem;font-weight:700}._SignupMainForm .ERCButtonBox{margin-top:.8rem;margin-bottom:.8rem}._SignupMainForm .backButtonBox{margin-top:.8rem;bottom:0;width:100%;height:calc(1.4rem * 1.5);display:flex;align-items:center}
