html{
    scroll-behavior: smooth;
}

body{
    margin: 0;
    position: relative;
}

bodys section{
    color: white;
}

a{
    text-decoration: none !important;
    color: inherit !important;
}

ul{
    padding: 0;
    margin: 0 0 0 1.5em;
}

li{
    margin: 0;
}

*, *::before, *::after {
    box-sizing: border-box;
}

canvas{
    background-color: rgba(121,121,121,5);
}

.error_msg{
    width: 100%;
    color: white;
    background-color: rgb(255, 110, 110);
    text-indent: 10px;
    transition: max-height 0.5s ease;
    display: flex;
    align-items: center;
    height: fit-content;
}.error_msg_total{
    width: fit-content !important;
    margin: 1em auto 0 auto;
    border-radius: 10px;
}

float {
    z-index: 1000;
}

@media (min-width: 768px) {
    html{
        min-width: 1200px;
        font-size: 1em
    }

    .input_data{
        font-size: 1.0em;
    }

    .sp-container{
        display: none;
    }

    menu{
        top: 0;
        z-index: 500;
        width: 100%;
    }


}@media (max-width: 767px) {
    .input_data{
        font-size: 1.2em;
    }

    .pc-container{
        display: none;
    }

    menu{
        top: 0;
        z-index: 500;
        position: fixed;
        width: 100%;
    }

}