/*------------------------------------------------------------------------------
    site.css
------------------------------------------------------------------------------*/
:root {
    --bs-body-font-family: 'BIZ UDGothic', 'Meiryo', var(--bs-body-font-family);
}

html {
    height: 100%;
}

body {
    height: 100%;
    background: #E7F0EC;
}

header {
    width: 100%;
    background: #fff;
}

footer {
    position: sticky;
    top: 100vh;
    width: 100%;
    background: #fff;
}

.btn-hgn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #579c88;
    --bs-btn-border-color: #579c88;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #68a694;
    --bs-btn-hover-border-color: #68a694;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #68a694;
    --bs-btn-active-border-color: #68a694;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #999;
    --bs-btn-disabled-border-color: #999;
}

#hgn-loading {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .75);
    z-index: 9999999999;
}
    #hgn-loading img {
        animation-name: loading-flash;
        animation-duration: 1.50s;
        animation-iteration-count: infinite;
    }
@keyframes loading-flash {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}