@font-face {
    font-family: "MyCustomFont";
    src: url("/assets/MPLUSRounded1c-Regular.ttf") format("woff2");
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #fff;
    /* 行間の罫線 */
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 1.5em;
    font-family: "MyCustomFont", monospace;
    font-size: 1.1em;
    color:#06202B;
    line-height: 1.5em;
    max-width: 600px;
    margin: 2em auto;
    position: relative;
}

#header_line{
    display:flex;
    justify-content: left;
}

.header,
.header:hover,
.header:visited,
.header:active {
    color: inherit;
    text-decoration: none;
}

@media screen and (max-width: 600px) {
    body {
        font-size: 16px;
        padding: 1em;
    }
}