@charset "UTF-8";

/**************************************************/
/* base */
/**************************************************/
@media (max-aspect-ratio: 12/7) {
    :root {
        font-size: 1.3333333333vw;
    }
}

@media (min-aspect-ratio: 12/7) {
    :root {
        font-size: 2.2857142857vh;
    }
}

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

html {
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Sans", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
    font-size  : 1rem;
    color      : #000;
    margin     : 0;
}

.fv {
  width: 100vw;
  height: 100vh;
  background-image: url('../img/kv-sp.png');
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sp_none {
    display: none;
}

@media (min-width: 1000px) {
    .sp_none {
        display: block;
    }

    .pc_none {
        display: none;
    }

    .fv {
        background-image: url('../img/kv-pc.png');
    }
}