@charset "UTF-8";
body.no-scroll{
overflow: hidden;
}
#step .loader_wrap {
    display: none;
    width: 100%;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#step .loader_anime {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
#step .loader {
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #999;
    --_m: 
      conic-gradient(#0000 10%,#000),
      linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    animation: l3 1s infinite linear;
}
#step .loader_wrap p{
    font-size: .8em;margin-bottom: 4%;width:100%;color:#333
}
@keyframes l3 {to{transform: rotate(1turn)}}

#step .js-popup {
display: none;
height: 100vh;
width: 100%;
background: rgb(0, 0, 0, 0.3);
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
#step .js-popup .content {
background: #fff;
padding: 0;
width: 86%;
max-width: 600px;
min-height: 300px;
box-sizing: border-box;
position: relative;
margin: 3% 0;
border-radius: 20px;
text-align: center;
transition: all 0.5s 0s ease;
}
#step .js-popup.js-show {
display: flex;
justify-content: center;
align-items: center;
}
#step .js-popup .step-1 {padding: 10vh 5% 12vh;transition: all 0.5s 0s ease;}
#step .js-popup .step-2 {display: none;padding: 5vh 5% 7vh;transition: all 0.5s 0s ease;}
#step .js-popup .step-2 .error{color:red;font-size: .8em;display: none;margin-top: 3%;font-weight: bold;}
#step p.q_text{color:#009966;font-size: clamp(18px, 5.5vw, 36px);font-weight: bold;margin-left:-5%;margin-right: -5%;}
#step p.q_text span{display:block;color:#333;font-size: .7em;font-weight: normal;}
#step .btn{margin-top: 5%;}
#step .btn a{display:block;width:100%;background-color: #f57403;border-bottom: 5px solid #e64600;color:#FFF;font-weight: bold;padding:5% 0;text-decoration: none;border-radius: 500px;font-size: clamp(16px, 4.8vw, 30px);}
#step .select_btn{display:block;width:90%;margin:3% auto 0;background-color: #FFF;color:#f57403;border:solid 3px #ccc;font-weight: bold;padding:3% 0;text-decoration: none;border-radius: 500px;font-size: clamp(16px, 4.8vw, 30px);}
#step .select_btn.js-selected{border-color:#f57403;background-color: #fde6d2;}