/* ===========================
サイトロゴ・ヘッダー調整
=========================== */

/* PC */
.site-logo img {
    height: 60px !important;
    width: auto !important;
}

/* スマホ */
@media (max-width: 991.98px) {

    /* ヘッダーの高さ */
    .site-header .navbar .container {
        position: relative;
        min-height: 52px;
    }

    /* ロゴを画面中央に配置 */
    .site-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0 !important;
        z-index: 2;
    }

    /* ロゴサイズ */
    .site-logo img {
        height: 60px !important;
        width: auto !important;
    }

    /* ハンバーガーメニュー */
    .navbar-toggler {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
    }
}

/* ===========================
ヘッダーデザイン
=========================== */

/* 下線 */
.site-header {
    border-bottom: 1px solid #ece8df;
}

/* ナビバーに影 */
.site-header {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* =========================
サイトタイトルのフォントカラーを修正
=========================== */
.site-logo {
  color: #333;
}
.site-logo:hover {
  color: #333;
}

/* =========================
ヘッダーメニューのホバー時のカラーを修正
=========================== */
.nav-link:hover {
    color: var(--text-color) !important;
}

/* =========================

=========================== */
.breadcrumb-item a:link,
.breadcrumb-item a:visited {
    color: #333 !important;
    text-decoration: none;
}

.card a {
    color: #1d54a7;
    text-decoration: none;
}
.card a:hover {
    color: #00a0d0;
    text-decoration: none;
}

.site-footer a:hover {
    color: var(--text-color) !important;
}