body{margin:0;padding:0;overflow:hidden;background:#fff;}
.initPage{display:flex;flex-direction:column;width:100%;max-width:calc(100vh*128/78);aspect-ratio:128/78;margin:0 auto;background-repeat:no-repeat;background-image:url(../images/background.svg?v=20260929e);background-size:contain;background-position:center top;overflow:hidden;position:relative;}
.initPage::before{content:'';position:absolute;width:100%;height:100%;background-color:#fff;opacity:0.6;z-index:1;}
.initPage>*{z-index:2;position:relative;}
h1{font-size:4vw;color:blue;font-family:STHupo,sans-serif;margin-top:2%;margin-left:4%;}
p{font-size:3vw;width:92%;margin-left:4%;margin-top:1%;}
.initPage .button{width:60%;height:20%;margin-left:20%;margin-top:4%;display:flex;align-items:center;justify-content:space-between;}
.initPage #method{background:none;border:none;width:30%;height:60%;background-repeat:no-repeat;background-image:url(../images/help.svg?v=20260929e);background-size:contain;background-position:center center;font-size:4vw;line-height:100%;color:yellow;}
.initPage #start{background:#1a73e8;border:2px solid #0d47a1;border-radius:8px;width:20%;height:60%;font-size:4vw;line-height:100%;color:#fff;cursor:pointer;}
.initPage #start:hover{color:rgb(0,255,132);}.initPage #method:hover{color:rgb(0,255,132);}
.backHome{position:absolute;bottom:1%;right:1%;z-index:100;font-size:2vw;color:#333;background:rgba(255,255,255,0.8);padding:5px 15px;border-radius:5px;text-decoration:none;}
.backHome:hover{color:#0066cc;}