/* ------------------------ 
 ドメイン単位のレイアウト、
 フォントサイズ、余白等
--------------------------- */
/* font */
body {
    font-family: Arial, "Helvetica Neue", Meiryo, sans-serif;
    line-height: 1.375;
}

/* layout */
header,
main,
footer {
    width: 100%
}

/* header nav */
@media screen and (min-width: 1024px) {
    header nav ul {
        display: flex;
        justify-content: space-around;
        position: relative;
    }

    header nav ul li#logo {
        position: absolute;
        top: 0;
        left: 0;
    }

    header nav ul li#user-actions {
        position: absolute;
        top: 0;
        right: 0;
    }
}

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


/* main contents */
main .container {
    margin-left: auto;
    margin-right: auto;
}

main h1 {
    font-size: 2.25rem;
}

main h2 {
    font-size: 1.8rem;
}

main h3 {
    font-size: 1.5rem;
}

main h4 {
    font-size: 1.25rem;
}

/* footer */
footer address {
    font-style: normal;
    margin-left: auto;
    margin-right: auto;
}


/* margin */

/* padding */