.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}.formWrapper{display:flex;justify-content:center}.mainForm{display:flex;flex-wrap:wrap;position:relative;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 .scene{position:absolute;top:0;width:100%;visibility:hidden;opacity:0}.mainForm .scene.is-hidden{display:none}.mainForm .scene#scene1 .typeBox{margin-bottom:3.2rem}.mainForm .scene#scene1 .typeBox label{margin-right:1.6rem;width:80%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene1 .typeBox label{width:auto}}@media screen and (min-width: 1024px){.mainForm .scene#scene1 .typeBox label{width:auto}}.mainForm .scene#scene1 #email,.mainForm .scene#scene1 #password{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene1 #email,.mainForm .scene#scene1 #password{width:60%}}@media screen and (min-width: 1024px){.mainForm .scene#scene1 #email,.mainForm .scene#scene1 #password{width:60%}}.mainForm .scene#scene2 .nameBox{display:flex;flex-wrap:wrap}.mainForm .scene#scene2 .nameBox .nameSubBox{width:calc(50% - .8rem);margin-right:1.6rem}.mainForm .scene#scene2 .nameBox .nameSubBox:last-child{margin-right:0}.mainForm .scene#scene2 .radioBox{margin-bottom:1.6rem}.mainForm .scene#scene2 .radioBox label{margin-right:1.6rem;width:80%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene2 .radioBox label{width:auto}}@media screen and (min-width: 1024px){.mainForm .scene#scene2 .radioBox label{width:auto}}.mainForm .scene#scene3 #selectBirthplace,.mainForm .scene#scene3 #phone{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene3 #selectBirthplace,.mainForm .scene#scene3 #phone{width:60%}}@media screen and (min-width: 1024px){.mainForm .scene#scene3 #selectBirthplace,.mainForm .scene#scene3 #phone{width:60%}}.mainForm .scene#scene3 .addressBox{display:flex;flex-wrap:wrap}.mainForm .scene#scene3 .addressBox .addressSubBox:nth-child(1){width:calc(40% - .8rem);margin-right:1.6rem;margin-bottom:1.6rem}.mainForm .scene#scene3 .addressBox .addressSubBox:nth-child(2){width:calc(60% - .8rem);margin-bottom:1.6rem}.mainForm .scene#scene3 .addressBox .addressSubBox:nth-child(3){width:100%}.mainForm .scene#scene3 .birthplacesBox{margin-bottom:3.2rem}.mainForm .scene#scene4 #kibouchiParentBox{padding-bottom:3.2rem}.mainForm .scene#scene4 .buttonBox{padding:1.6rem;display:flex;flex-direction:column}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene4 .buttonBox{flex-direction:row}}@media screen and (min-width: 1024px){.mainForm .scene#scene4 .buttonBox{flex-direction:row}}.mainForm .scene#scene4 .buttonBox>.ERUIButton{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene4 .buttonBox>.ERUIButton{width:calc(1.4rem * 11);margin-right:1.6rem}}@media screen and (min-width: 1024px){.mainForm .scene#scene4 .buttonBox>.ERUIButton{width:calc(1.4rem * 11);margin-right:1.6rem}}.mainForm .scene#scene4 .buttonBox .text{padding-top:.8rem;width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene4 .buttonBox .text{width:calc(100% - 1.4rem * 11);color:#497b72;padding-top:.8rem;padding-bottom:.8rem}}@media screen and (min-width: 1024px){.mainForm .scene#scene4 .buttonBox .text{width:calc(100% - 1.4rem * 11);color:#497b72;padding-top:.8rem;padding-bottom:.8rem}}.mainForm .scene#scene5 #selectCurrentCollege,.mainForm .scene#scene5 #selectGraduationYear,.mainForm .scene#scene5 #selectGrade{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene5 #selectCurrentCollege,.mainForm .scene#scene5 #selectGraduationYear,.mainForm .scene#scene5 #selectGrade{width:60%}}@media screen and (min-width: 1024px){.mainForm .scene#scene5 #selectCurrentCollege,.mainForm .scene#scene5 #selectGraduationYear,.mainForm .scene#scene5 #selectGrade{width:60%}}.mainForm .scene#scene5 #clubParentBox,.mainForm .scene#scene6 #kibouchiParentBox{padding-bottom:3.2rem}.mainForm .scene#scene6 #modalKiboukamokuButton{max-height:4rem}.mainForm .scene#scene6 .buttonBox{padding:1.6rem;display:flex;align-items:center;flex-direction:column}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene6 .buttonBox{flex-direction:row}}@media screen and (min-width: 1024px){.mainForm .scene#scene6 .buttonBox{flex-direction:row}}.mainForm .scene#scene6 .buttonBox>.ERUIButton{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene6 .buttonBox>.ERUIButton{width:calc(1.4rem * 11);margin-right:1.6rem}}@media screen and (min-width: 1024px){.mainForm .scene#scene6 .buttonBox>.ERUIButton{width:calc(1.4rem * 11);margin-right:1.6rem}}.mainForm .scene#scene6 .buttonBox .text{padding-top:.8rem;width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene6 .buttonBox .text{width:calc(100% - 1.4rem * 11);color:#497b72;padding-top:.8rem;padding-bottom:.8rem}}@media screen and (min-width: 1024px){.mainForm .scene#scene6 .buttonBox .text{width:calc(100% - 1.4rem * 11);color:#497b72;padding-top:.8rem;padding-bottom:.8rem}}.mainForm .scene#scene6 .kiboukamokuModalInner{overflow:auto}.mainForm .scene#scene6 .kiboukamokuModalInner h3{margin-top:.4rem;margin-bottom:.8rem}.mainForm .scene#scene6 .kiboukamokuModalInner label{width:80%;margin-right:0;margin-bottom:1.6rem}.mainForm .scene#scene6 .kiboukamokuModalInner label#kiboukamoku_rihabiri{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene6 .kiboukamokuModalInner label{width:calc(1.4rem * 11);margin-right:1.6rem}.mainForm .scene#scene6 .kiboukamokuModalInner label#kiboukamoku_rihabiri{width:21rem}}@media screen and (min-width: 1024px){.mainForm .scene#scene6 .kiboukamokuModalInner label{width:calc(1.4rem * 11);margin-right:1.6rem}.mainForm .scene#scene6 .kiboukamokuModalInner label#kiboukamoku_rihabiri{width:21rem}}.mainForm .scene#scene6 .kiboukamokuModalInner .ERCButtonBox{padding-left:3.2rem;padding-right:3.2rem;margin-top:1.6rem}.mainForm .scene#scene6 #selectCollege,.mainForm .scene#scene6 #register-for-type-2-registrationNumber,.mainForm .scene#scene6 #register-for-type-2-acquisition-date,.mainForm .scene#scene6 #register-for-type-2-hospital{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene6 #selectCollege,.mainForm .scene#scene6 #register-for-type-2-registrationNumber,.mainForm .scene#scene6 #register-for-type-2-acquisition-date,.mainForm .scene#scene6 #register-for-type-2-hospital{width:60%}}@media screen and (min-width: 1024px){.mainForm .scene#scene6 #selectCollege,.mainForm .scene#scene6 #register-for-type-2-registrationNumber,.mainForm .scene#scene6 #register-for-type-2-acquisition-date,.mainForm .scene#scene6 #register-for-type-2-hospital{width:60%}}.mainForm .scene#scene6 #campaignCodeParentBox{padding:1.6rem;margin-bottom:3.2rem}.mainForm .scene#scene6 #campaignCodeParentBox .campaignTextBox{margin-top:.8rem;font-size:1.4rem}.mainForm .scene#scene6 #campaignCodeParentBox .campaignTextBox span{font-weight:700;color:#8cb808}.mainForm .scene#scene7 #selectCollege,.mainForm .scene#scene7 #graduationYear{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene#scene7 #selectCollege,.mainForm .scene#scene7 #graduationYear{width:60%}}@media screen and (min-width: 1024px){.mainForm .scene#scene7 #selectCollege,.mainForm .scene#scene7 #graduationYear{width:60%}}.mainForm .scene #kiyakuBox{padding-bottom:3.2rem}.mainForm .scene #kiyakuBox .kiyakuText{padding-bottom:1.6rem}.mainForm .scene .contentsBox{display:flex;flex-direction:column}.mainForm .scene .dateBox{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.mainForm .scene .dateBox .dateSelectBox{width:calc(50% - .8rem)}.mainForm .scene .dateBox .dateSelectBox:first-child{width:100%;margin-bottom:1.4rem}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene .dateBox .dateSelectBox{width:calc(33% - 1.6rem * 2 / 3)}.mainForm .scene .dateBox .dateSelectBox:first-child{width:calc(33% - 1.6rem * 2 / 3);margin-bottom:0}}@media screen and (min-width: 1024px){.mainForm .scene .dateBox .dateSelectBox{width:calc(33% - 1.6rem * 2 / 3)}.mainForm .scene .dateBox .dateSelectBox:first-child{width:calc(33% - 1.6rem * 2 / 3);margin-bottom:0}}.mainForm .scene .dateBox2,.mainForm .scene .dateBox2 .dateSelectBox2{width:100%}@media screen and (min-width: 480px) and (max-width: 1024px){.mainForm .scene .dateBox2 .dateSelectBox2{width:60%}}@media screen and (min-width: 1024px){.mainForm .scene .dateBox2 .dateSelectBox2{width:60%}}.mainForm h3{width:100%;margin-top:3.2rem;margin-bottom:.8rem;display:flex;align-items:center}.mainForm h3.fixMarginTop{margin-top:0}.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 h3 span.subText{font-weight:400;color:#497b72}.mainForm .explanation{width:100%;color:#497b72;font-size:1rem;margin-bottom:.4rem}.mainForm .explanation2{width:100%;color:#8cb808;font-size:1rem;margin-bottom:.4rem;font-weight:700}.mainForm .ERCButtonBox{margin-top:.8rem;margin-bottom:.8rem}.mainForm .backButtonBox{margin-top:.8rem;bottom:0;width:100%;height:calc(1.4rem * 1.5);display:flex;align-items:center}