@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td {
    margin: 0; 
    padding: 0;
}
html {
    overflow-y: scroll;
}
main {
    display: block;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%; 
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
figure {
    display: block;
}
fieldset, img {
    border: none;
}
img {
    vertical-align: top;
    height: auto;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal; 
    font-weight: normal;
}

a {
    outline: 0;
    color: #004BB1;
    text-decoration: none;
}

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

html, body {
    width: 100%;
    height: 100%;
    background-color: #fff;
}
@media (max-width: 767px) {
    html, body {
        overflow: auto;
    }
}
html {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 62.5%;
}
@media (max-width: 767px) {
    html {
        font-size: calc(10 / 428 * 100vw);
    }
}
body {
    color: #222;
    font-size: 1.8rem;
}