:root {
    --base-width: 1150px;
    --base-font-size: 16px;
    --base-font-weight: 400;
    --base-line-height: 1.5;
    --heading-font-size: 24px;
    --note-font-size: 14px;
    --note-font-weight: 300;
    --bold-font-weight: 700;
}

@media (max-width: 768px) {
    :root {
        --base-width: 95vw;
        --base-font-size: 18px;
        --note-font-size: 16px;
    }
}

.page-wrapper {
    width: 100%;
    font-size: var(--base-font-size);
    font-weight: var(--base-font-weight);
    line-height: var(--base-line-height);
    margin: 0 auto 30px;
}

.page-container {
    max-width: var(--base-width);
    width: 100%;
}


/* ---------------------------------------
パンくずリスト
--------------------------------------- */
.breadcrumb {
    width: var(--base-width);
    font-size: 11px;
    margin: 24px 0 0 0;
    padding: 0;
    text-align: left;
}

.breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}

.breadcrumb li {
    display:inline;
}

/* 見出し */
.heading {
    font-size: var(--heading-font-size);
}

/* 注釈等 */
.page-wrapper .note {
    font-size: var(--note-font-size);
    font-weight: var(--note-font-weight);
}

/* テキストリンク */
.page-wrapper .text-link {
    color: #0044CC;
    text-decoration: none;
}