html,body .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Yu Gothic', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.top-bg {
    background-color: #006786;
}

.top-text > span {
    color: white;
}

.border-box {
    border-top: 1px solid #aaa;
    /* border-bottom: 1px solid #000; */
}

.top-words div {
    color: #eeeeee;
}

.tategaki {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
}

.top-leading {
    /* color: #f8f8f8; */
    text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
    font-weight: bold;
    letter-spacing: -4px;
    border-radius: 20px;
}

.google-maps {
    position: relative;
    padding-bottom: 40%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.scroll path {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    stroke-width: 1;
    -webkit-animation: scroll 3s ease-in backwards;
    -webkit-animation-iteration-count: infinite;
    animation: scroll 3s ease-in backwards;
    animation-iteration-count: infinite;
}

@-webkit-keyframes scroll {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes scroll {
    to {
        stroke-dashoffset: 0;
    }
}

.number-bg {
    background-size: 50% 50%;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.sa {
    position: relative;
    top: -1.1em;
    left: -0.4em;
    -webkit-animation: sa-move 1s ease-in forwards;
    animation: sa-move 1s ease-in forwards;
}

@-webkit-keyframes sa-move {
    to {
        top: 0em;
        left: 0em;
    }
}
@keyframes sa-move {
    to {
        top: 0em;
        left: 0em;
    }
}

.uk-offcanvas-bar {
    background: aliceblue;
}

.uk-offcanvas-bar a {
    color: #444;    
}

.uk-offcanvas-bar a:hover {
    color: blue;    
}