html {
    font-size: 14px;
}

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

.btn-primary {
    background: #4A89B8;
    border-color: #4A89B8;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: #5A95C0;
        border-color: #5A95C0;
    }

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

.span-condition {
    width: 110px;
    justify-content:center;
    text-align: center;
}

.input-editable,
.input-editable:focus {
    background-color: #fffde7;
}


.flip-horizontal {
    display: inline-block;
    transform: scaleX(-1);
}


@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 760px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 1100px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1480px;
    }
}

@media (min-width: 1800px) {
    .container {
        max-width: 1500px;
    }
}




.border-nav-menu {
    border-left: 4px solid #1a2332 !important; 
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
}
/* 全方位に均等に広がる影（上下左右に均等なぼかし） */
.shadow-around {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08) !important;
}

/* 本文の改行をそのまま画面に反映させるクラス */
.text-pre-wrap {
    white-space: pre-wrap !important;
}


/* 画面スクロール時にヘッダー行の枠線ごと固定 */
.table.table-sticky-header {
    border-collapse: separate;
    border-spacing: 0;
}