:root {
    --bs-primary-color: #ef5350;
    --bs-primary-rgb: 239, 83, 80;
    --bs-link-color: #ff847a;
    --bs-link-color-rgb: 255, 132, 122;
    --bd-font-color: #212529;
    /* BASの赤 */

    /* Bootstrapのprimaryを書き換え */
    --font-family: 'M PLUS 1', system-ui, sans-serif;
}

* {
    box-sizing: border-box;
}

body {
    font-family: var(--font-family);
    line-height: 1.6;
    color: var(--bd-font-color);
    min-width: 320px;
    scroll-behavior: smooth;
    background: #fff;
    overflow-x: hidden;
}

.bg-BAS_main {
    background: var(--bs-primary-color);
    color: #fff;
}


/* 上部赤帯 */
.top-stripe {
    background: var(--bs-primary-color);
    height: 8px;
}

/* ヘッダー本体 */
.header-main {
    padding-top: 12px;
    padding-bottom: 12px;
    background: #fff;
}

/* ロゴ画像の高さを固定して行の高さを安定させる */
.header-logo img {
    height: 40px;
    width: auto;
    display: block;
}

/* テキスト */
.header-main .catchcopy {
    font-size: .85rem;
    color: #6c757d;
}


/* 右側：電話＆受付 */
.header-main .phone-number {
    font-weight: 800;
    font-size: 1.25rem;
    color: #000;
    letter-spacing: .4px;
}

.header-main .phone-number i {
    color: var(--bs-primary-color);
    margin-right: .4rem;
}

.header-main .reception {
    font-size: .9rem;
    color: #666;
    line-height: 1.25;
}

.bg-white-10 {
    background: rgba(255, 255, 255, 0.1);
}


@media (max-width: 575.98px) {
    .header-main {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header-main .phone-number {
        font-size: 1.15rem;
    }
}

/* #scrollSideMenu */

#scrollSideMenu {
    z-index: 1201;
}

.header_sub_btn {
    z-index: 1000;
    width: 200px;
    right: 100%;
    margin-right: -200px;
    transition: margin-right 0.4s ease 0s;
}

.header_sub_btn_active .header_sub_btn {
    margin-right: -130px;
}

.header_sub_btn_active .header_sub_btn:hover {
    margin-right: 0px;
}

/* 20260204 */

img{
    max-width: 100%;
}