



@media all and (min-width:640px){

}


@media all and (min-width:768px){

}


@media all and (min-width:1024px){
    section{scroll-margin-top: 98px;}
    .menus{display: flex; position: static; background: none; transform: none;}
    .menus ul{list-style-type: none; margin: 0; padding: 0; display: flex; gap:20px; flex-direction: row;}
    .menus ul li a{color: #231f20; font-size: 16px; line-height: 1; font-weight: 500; border:2px solid #ffc92e; border-radius: 30px; padding: 5px 14px;}
    .menus ul li:hover a{background-color: #39286a; border-color: #39286a; color: #ffc92e;}
   .form_control.long{display: flex; justify-content: space-between;}
    .form_control > label:not(.anime){width:calc(100% - 100px);}
    .form_control .check_group{flex-direction: column; gap:2px; margin: 0;}
    .process ul li{font-size: 20px;}
}

@media all and (min-width:1280px){
    .container{max-width: 1280px;} 
    .process ul li{font-size: 22px;     background-size: 30px;  padding-left: 48px;} 
}

@media all and (min-width:1536px){
    
}