._IndexDialogBoxFrame{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:1.6rem}._IndexDialogBoxFrame .faceImage{width:64px;height:auto;transform:translateY(-.3125rem)}._IndexDialogBoxFrame .textBox{margin-bottom:3.2rem}._IndexDialogBoxFrame .memberButton{width:100%;margin-bottom:1.6rem}._IndexDialogBoxFrame .memberButton:last-child{margin-bottom:0}._IndexSearchBox{width:100%;padding:1.6rem}._IndexSearchBox h3{margin-bottom:1.6rem;width:100%}._IndexSearchBox p{width:100%}._IndexSearchBox #membershipType,._IndexSearchBox #freetext{margin-bottom:1.6rem}._IndexSearchBox .subBox{display:flex;flex-wrap:wrap}._IndexSearchBox #area{width:100%;margin-bottom:1.6rem}@media screen and (min-width: 480px) and (max-width: 1024px){._IndexSearchBox #area{width:calc(50% - .8rem);margin-right:1.6rem}}@media screen and (min-width: 1024px){._IndexSearchBox #area{width:calc(50% - .8rem);margin-right:1.6rem}}._IndexSearchBox #program{width:100%;margin-bottom:1.6rem}@media screen and (min-width: 480px) and (max-width: 1024px){._IndexSearchBox #program{width:calc(50% - .8rem)}}@media screen and (min-width: 1024px){._IndexSearchBox #program{width:calc(50% - .8rem)}}._IndexSearchBox #type{width:100%;margin-bottom:1.6rem}@media screen and (min-width: 480px) and (max-width: 1024px){._IndexSearchBox #type{width:calc(50% - .8rem);margin-right:1.6rem}}@media screen and (min-width: 1024px){._IndexSearchBox #type{width:calc(50% - .8rem);margin-right:1.6rem}}._IndexSearchBox #syousaiButton{width:calc(50% - .8rem);margin-right:1.6rem}._IndexSearchBox #submitButton{width:calc(50% - .8rem)}._IndexLoginBox{padding:1.6rem}._IndexLoginBox .topBox{margin-bottom:1.6rem}._IndexLoginBox .topBox h3{width:100%}._IndexLoginBox .topBox h3 .residentStatus{display:inline-block;padding:.2rem .8rem;border-radius:4px;background-color:#c1f5ec;color:#497b72;font-size:1.4rem}._IndexLoginBox .topBox a img{width:100%;height:auto}._IndexLoginBox .buttonBox{width:100%}._IndexLoginBox .buttonBox:last-child{margin-bottom:0!important}._IndexLoginBox .buttonBox #signup{width:100%;margin-bottom:1.6rem}._IndexLoginBox .buttonBox #login{width:100%}._IndexLoginBox .buttonBox #lineLogin{width:100%;margin-top:1.6rem}._IndexLoginBox .buttonBox #mypage{width:100%;margin-bottom:1.6rem}._IndexLoginBox .buttonBox #bookmark{width:100%}._IndexLoginBox .buttonBox .logout{margin-top:1.6rem;width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.futureHpBox{width:100%;display:flex;justify-content:space-around;flex-wrap:wrap}.futureHpBox img{display:block;width:12rem;height:12rem;margin-left:.8rem;margin-right:.8rem;margin-bottom:1.6rem}._indexFeaturesBox{padding:1.6rem;background-color:#c1f5ec;font-size:1rem}._indexFeaturesBox .imgBox{text-align:center}._indexFeaturesBox .imgBox img{width:40%;max-width:15rem;min-width:10rem;height:auto;margin:0 auto}._IndexHeader{margin:1.6rem;margin-bottom:0;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:2.2rem;padding:1.6rem;border:solid 1px #497B72;height:16rem}.indexSerachBox{gap:4rem}@media screen and (min-width: 1024px){.indexSerachBox{gap:3.2rem}}.indexSerachBox{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto}@media screen and (min-width: 480px) and (max-width: 1024px){.indexSerachBox{grid-template-columns:1fr;grid-template-rows:auto auto}}@media screen and (min-width: 1024px){.indexSerachBox{grid-template-columns:1fr 200px;grid-template-rows:1fr;align-items:stretch}}.indexSerachBox .indexSerachBoxChild1 .indexSerachBoxChildButtonBox{gap:1.6rem;display:flex}.indexSerachBox .indexSerachBoxChild1 .indexSerachBoxChildButtonBox .area,.indexSerachBox .indexSerachBoxChild1 .indexSerachBoxChildButtonBox .program{flex:1}.indexSerachBox .indexSerachBoxChild1 .indexSerachBoxChildButtonBox .exSearch{flex:0 0 auto}.indexSerachBox .indexSerachBoxChild1 .indexSerachBoxChildSearchBox{margin-top:1.6rem}.indexSerachBox .indexSerachBoxChild2{display:flex;justify-content:center;height:32px;padding-left:0;border:none}@media screen and (min-width: 1024px){.indexSerachBox .indexSerachBoxChild2{height:100%;padding-left:3.2rem;border-left:solid 1px #BBBBBB}}.indexSerachBox .indexSerachBoxChild2 .rankingButton{height:100%;width:80%}@media screen and (min-width: 480px) and (max-width: 1024px){.indexSerachBox .indexSerachBoxChild2 .rankingButton{width:60%}}@media screen and (min-width: 1024px){.indexSerachBox .indexSerachBoxChild2 .rankingButton{width:100%}}