#top{
margin-top:30px;
}
body,div,form,input,textarea,label,a,p,button{
font-family:sans-serif!important;
font-size:min(4.5vw,28px)!important;
}
#inp1,#inp2,#inp3,#inp4,#inp5{
display:none;
}
#cnt1,#cnt2,#cnt3{
width:100%;
text-align:center;
margin-top:50px;
}
#cnt2,#cnt3{
opacity:0;
}
#nex1,#nex2,#nex3,#nex4,#nex5,#nex11,#nex12,#nex13{
display:inline-block;
cursor:pointer;
padding:15px 30px 15px 30px;
width:50%;
text-align:center;
background-color:#1fbc99;
font-weight:bold;
border-radius:30px;
border-bottom: 5px solid #1aa184;
color:#ffffff;
}
#inp1:checked ~ #cnt1{display:none;}
#inp1:checked ~ .ldd1{animation:fadeIn;animation-duration:3s;}
#inp1:checked ~ #cnt2{animation:fadeIn 1s forwards;animation-delay:3s;}

#inp2:checked ~ #cnt2{display:none;}
#inp2:checked ~ .ldd2{animation:fadeIn;animation-duration:3s;}
#inp2:checked ~ #cnt3{animation:fadeIn 1s forwards;animation-delay:3s;}

#inp3:checked ~ #cnt3{display:none;}
#inp3:checked ~ .ldd3{animation:fadeIn;animation-duration:5s;}
#inp3:checked ~ #cnt4{animation:fadeIn 1s forwards;animation-delay:5s;}

@keyframes fadeIn{ 0% {opacity:0;} 100% {opacity:1;} }
@keyframes fadeOut{ 100% {opacity:1;} 0% {opacity:0;} }
.ldd1,.ldd2,.ldd3,.ldd11,.ldd12{
opacity:0;
position:absolute;
top:30%;
left:50%;
transform:translate(-50%, -50%);
}
.ldi1,.ldi2,.ldi3,.ldi11,.ldi12{
width:fit-content;
font-weight:bold;
font-size:8vw!important;
padding: 0 5px 8px 0;
background:repeating-linear-gradient(90deg,#a2d030 0 8%,#0000 0 10%) 200% 100%/200% 3px no-repeat;
animation:l3 2s steps(6) infinite;
}
.ldi1:before,.ldi2:before,.ldi3:before,.ldi11:before,.ldi12:before{
color:#a2d030;
content:'確認中';
}
@keyframes l3{to{background-position: 80% 100%}}
.javacsson{
display:none;
}
.javacssoff{
display:block!important;
}