@media screen and (max-width: 760px) {

    .FOOTC1Box2Div1 {
    width: 100%;
}

    .FOOTC1Box2 {
        width: 100%;
        gap: 5vw;
    }

    .FOOTC1Box1 {
        width: 100%;
    }
    
    .FOOTC1 {
        flex-direction: column;
        row-gap: 8vw;
    }

    .HMS1C2Box2 {
        width: 90%;
    }

    #HMSec3 {
        padding: 8% 0 2% 0;
    }

    .HMS2C1Box2 {
        width: 100%;
    }

    #HMSec2 {
        padding: 6% 0;
    }

    .HMS3C2Box {
        row-gap: 4vw;
        margin-bottom: 10%;
    }

    .HMS2C1Box1 {
        width: 100%;
    }

    .HMS2C1 {
        flex-direction: column;
        row-gap: 6vw;
    }

    button {
        padding: 3%;
        width: 40%;
    }

    .HMS1C2Box2 input {
        width: 100%;
    }

    .HMS1C2 {
        padding: 8% 5%;
        width: 100%;
    }

    .HMS1C1_it3 {
        width: 96%;
    }

    .sec_box {
        width: 90%;
    }

    :root {
        --fsize-16: 4vw;
        --fsize-22: 4.15vw ;
        --fsize-25: 4.31vw;
        --fsize-30: 4.57vw;
        --fsize-40: 5.1vw;
        --fsize-70: 6.68vw;
        --fsize-154: 11.1vw;
    }
}