._IndexDialogBoxFrame{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:1rem}._IndexDialogBoxFrame .faceImage{width:64px;height:auto;transform:translateY(-.3125rem)}._IndexDialogBoxFrame .textBox{margin-bottom:2rem}._IndexDialogBoxFrame .memberButton{width:100%;margin-bottom:1rem}._IndexDialogBoxFrame .memberButton:last-child{margin-bottom:0}._IndexSearchBox{width:100%;padding:1rem}._IndexSearchBox h3{margin-bottom:1rem;width:100%}._IndexSearchBox p{width:100%}._IndexSearchBox #membershipType,._IndexSearchBox #freetext{margin-bottom:1rem}._IndexSearchBox .subBox{display:flex;flex-wrap:wrap}._IndexSearchBox #area{width:100%;margin-bottom:1rem}@media screen and (min-width: 480px) and (max-width: 1024px){._IndexSearchBox #area{width:calc(50% - .5rem);margin-right:1rem}}@media screen and (min-width: 1024px){._IndexSearchBox #area{width:calc(50% - .5rem);margin-right:1rem}}._IndexSearchBox #program{width:100%;margin-bottom:1rem}@media screen and (min-width: 480px) and (max-width: 1024px){._IndexSearchBox #program{width:calc(50% - .5rem)}}@media screen and (min-width: 1024px){._IndexSearchBox #program{width:calc(50% - .5rem)}}._IndexSearchBox #type{width:100%;margin-bottom:1rem}@media screen and (min-width: 480px) and (max-width: 1024px){._IndexSearchBox #type{width:calc(50% - .5rem);margin-right:1rem}}@media screen and (min-width: 1024px){._IndexSearchBox #type{width:calc(50% - .5rem);margin-right:1rem}}._IndexSearchBox #syousaiButton{width:calc(50% - .5rem);margin-right:1rem}._IndexSearchBox #submitButton{width:calc(50% - .5rem)}._IndexLoginBox{padding:1rem}._IndexLoginBox .topBox{margin-bottom:1rem}._IndexLoginBox .topBox h3{width:100%}._IndexLoginBox .topBox h3 .residentStatus{display:inline-block;padding:.125rem .5rem;border-radius:4px;background-color:#c1f5ec;color:#497b72;font-size:.875rem}._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:1rem}._IndexLoginBox .buttonBox #login{width:100%}._IndexLoginBox .buttonBox #lineLogin{width:100%;margin-top:1rem}._IndexLoginBox .buttonBox #mypage{width:100%;margin-bottom:1rem}._IndexLoginBox .buttonBox #bookmark{width:100%}._IndexLoginBox .buttonBox .logout{margin-top:1rem;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:7.5rem;height:7.5rem;margin-left:.5rem;margin-right:.5rem;margin-bottom:1rem}._indexFeaturesBox{padding:1rem;background-color:#c1f5ec;font-size:.625rem}._indexFeaturesBox .imgBox{text-align:center}._indexFeaturesBox .imgBox img{width:40%;max-width:9.375rem;min-width:6.25rem;height:auto;margin:0 auto}._IndexHeader{margin:1rem;margin-bottom:0;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.375rem;padding:1rem;border:solid 1px #497B72;height:10rem}.indexSerachBox{gap:2.5rem}@media screen and (min-width: 1024px){.indexSerachBox{gap: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:1rem;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:1rem}.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: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%}}