@charset "utf-8";

* {
    margin: 0;
    padding: 0;

}

html {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, 'MS PGothic', 'Yu Gothic',
        'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 
        'Hiragino Maru Gothic ProN W4', 'Osaka', 'MS PMincho', 'Hiragino Mincho ProN';

        font-size: 18px;
        margin: 0 auto;
        padding: 0 0 0 0;

        width: 100%;
}

@media screen and (min-width: 481px) {
    html {

        --max-width: 1060px;
    }
}
@media screen and (max-width: 480px) {
    html {
        --max-width: 480px;
    }
}

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

ul {
    list-style-type: none;
}

header, main, footer {
    position: relative;
    /* margin: 20px auto 0 auto; */    max-width: var(--max-width);
    box-sizing: content-box;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.copyright-notice {
    font-size: 0.8rem;
    text-align: center;
}

#copyright {
    text-align: end;
    font-size: 12px;
}
@media screen and (max-width: 480px) {
    #copyright {
        text-align: center;
    }
}