@charset "UTF-8";
/* --------------------
 Styles
-------------------- */
html {
    overflow-y: scroll;
}

@media (max-width: 767px) {
    html {
        font-size: 4.2666666667vw;
    }
}

@media (max-width: 991px) {
    html.-scroll-locked {
        overflow: hidden;
    }
}

body {
    color: var(--color-black);
    font-family: var(--ff-zkgn), -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", YuGothic, "游ゴシック体", "Yu Gothic", "游ゴシック", Meiryo, sans-serif;
    font-size: var(--fs14);
    line-break: normal;
    line-height: 1.6;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

@media (min-width: 768px) {
    body {
        font-size: var(--fs16);
    }
}

body.-scroll-locked {
    bottom: auto;
    left: 0;
    position: fixed;
    right: 0;
    top: auto;
}

* {
    box-sizing: border-box;
}

*:before, *:after {
    box-sizing: border-box;
}

img {
    height: auto;
    max-width: 100%;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
}

p {
    overflow-wrap: break-word;
}

header,
footer,
main,
nav,
section {
    display: block;
}

button {
    color: inherit;
    cursor: pointer;
}

picture,
figure,
figcaption {
    display: block;
    margin: 0;
}

address {
    font-style: normal;
}

[tabindex="-1"]:focus {
    outline: 0;
}