header .site-title img {
    max-width: 100%;
    height: auto;
    width: 250px;
}

header .produced_by_img img {
    max-width: 100%;
    height: auto;
    width: 160px;
}
.produced-by-text{
    font-size: 0.8rem;
    color: #4d4d4d;
}

.bg-header-custom {
    background-color: #d4fdf7 !important;
}

.navbar-toggler-icon {
    background-color: #333; /* 応急的に黒く */
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
}

/* グロナビ全体 */
.global-nav {
    background-color: #fff;
}

.global-nav li {
    text-align: center;
    width: 160px;
}

/* メニュー項目（Bootstrap .nav-link） */
/* グロナビのリンク装飾 */
.global-nav .menu-item .nav-link {
    position: relative;
    font-weight: bold;
    color: #4d4d4d;
}

.global-nav .menu-item:not(:last-child) .nav-link::after {
    content: "";
    position: absolute;
    right: 0;
    top: 30%;
    height: 40%;
    width: 1px;
    background-color: #ccc;
}

#mainNav .nav-link {
    color: #4d4d4d;
}


.header_to_business_lp .to_business_lp_btn {

    background-color: #4d4d4d;
    color: white;
}

.header_to_business_lp .to_business_lp_btn:hover {
    color: #4d4d4d;
    border-color: #4d4d4d;
}

/* —— 共通ボタン —— */
.sns-icon {
    --size: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: var(--size);
    height: var(--size);
    aspect-ratio: 1 / 1;
    border-radius: 50%;

    background: #4d4d4d;
    color: #fff;

    padding: 0;
    margin: 0;
    line-height: 1;
    text-decoration: none;
    box-sizing: content-box;
    transition: opacity .2s;
}

.sns-icon:hover {
    opacity: .8;
}

/* —— アイコンフォント —— */
.sns-icon .bi {
    font-size: calc(var(--size) * 0.5); /* 24px 相当 */
    line-height: 1;
    display: block; /* baseline 無効化 */
}


@media (max-width: 767.98px) {
    header .site-title img {
        max-width: 180px;
        height: auto;
    }

    .produced-by-sp img {
        max-width: 110px;
        height: auto;
    }
}