html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

/* 配色 */
/* 参考：配色アイデア手帳 日本の美しい色と言葉  p066 薄紅様 */

body {
    background-color: #f1f1f4;
}

/**/
nav.navbar {
    background-color: #ccdfe8;
    border-bottom: 5px solid #889fc8;
}

.navbar-nav .nav-link {
    color: black;
}

/**/
.font-logo {
    color: #c6534d;
    font-size: 150%;
    font-family: 'Yu Gothic';
    font-weight: bold;
}

.font-anders {
    font-family: Anders;
}

.active-service-tab {
    border-top: 3px solid #c6534d;
}

.btn-icon-upload-area {
    color: #889fcb;
}

.icon-inactive {
    color: #c8d3dc;
}

.icon-setting {
    color: #9ec0cf;
}

.btn-fileup, .btn-create-new-doc {
    color: white;
    background-color: #537aaa;
}

/**/
.btn-execute {
    color: white;
    background-color: #c6534d;
    width: 200px;
}

.bg-alert {
    background-color: #d87068;
}

.border-uploadfiles {
    border-color: #889fcb !important;
}

svg {
    fill: currentColor;
}

.btn-icon {
    text-decoration: none;
}

    .btn-icon:hover {
        text-decoration: none;
    }

.nav-services .nav-item .nav-link {
    background-color: #ccdfe8;
}

    .nav-services .nav-item .nav-link.active {
        background-color: #ccdfe8;
        border-top: 4px solid #c6534d;
        border-bottom: none;
    }

.form-register-account {
    color: white;
    background-color: #889fc8;
}

.bg-config {
    background-color: #f4f2ec;
}

.footer {
    bottom: initial !important;
}

#content-select {
    max-width: 1000px;
}

.content {
    margin-top: -2px;
    margin-left: -2px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.content-label {
}

    .content-label label {
        margin-bottom: 0px;
    }

.content-bar {
    height: 100%;
    border-right: 2px solid white;
    margin-right: calc(var(--bs-gutter-x) * .5);
}