*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
    }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
header, footer, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    position: relative;
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    border: 0px;
    outline: 0px;
    }
article, aside, details, figcaption, figure, 
footer, hgroup, menu, nav, section, img, video {
    display: block;
    box-sizing: border-box;
    }
input {
    border: none;
    outline: none;
    -webkit-appearance: none;
    }
button {
    /* RESET */
    margin: 0;
    background: none repeat scroll 0 0 transparent;
    letter-spacing: .5px;
    text-transform: uppercase;
    font: 500 10px/1.25 'Nunito', Arial, sans-serif;
    list-style: none outside none;
    text-align: center;
    text-decoration: none;
    border: 0px;
    border-spacing: 0;
    text-indent: 0;
    cursor: pointer;
    }
button:focus {
    outline: none;
    }
html {
    min-height: 100dvh;
    -webkit-tap-highlight-color: transparent;
    }
html::-webkit-scrollbar {
    display: none;
    }
body {
    background: var(--black);
    color: var(--black_25);
    font: var(--content);
    color: var(--whiteOpacity);
    }
a {
    text-decoration: none;
    color: var(--black);
    display: block;
    }
img {
    width: 100%;
    -drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    }
/* MEDIA */
@media screen and (max-width: 1279px) {
    html {
        min-height: initial;
        }
    }
@media screen and (max-width: 767px) and (orientation: landscape) {
    body {
        overflow: hidden;
        height: 100%;
        }
    }

/* TRANSITION */
/* TRANSITION */
/* TRANSITION */
.transition {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    }
.transitionBis {
    transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
    -webkit-transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
    -ms-transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
    }

/* BASICS */
/* BASICS */
/* BASICS */
.flex {
    flex: 1;
    }
.onlymobile {
    display: none !important;
    }
/* MEDIA */
@media screen and (max-width: 1279px) {
    .onlymobile {
        display: block !important;
        }
    .nomobile {
        display: none !important;
        }
    }

/* WP */
/* WP */
/* WP */
#wpadminbar {
    display: none;
    }

/* VARIABLES */
/* VARIABLES */
/* VARIABLES */
:root {
    /* COLOR */
    --black: rgba(0,0,0,1);
    --white: rgba(255,255,255,1);
    --whiteOpacity: rgba(255,255,255,.5);
    /* CONTAINER */
    --container: 700px;
    --container_middle: calc(50% - 350px);
    /* TEXT */
    --title_01: 700 40px/1.25 'Quicksand', Arial, sans-serif;
    --title_02: 300 20px/1.25 'Quicksand', Arial, sans-serif;
    --h1: 700 30px/1.25 'Quicksand', Arial, sans-serif;
    --h2: 700 18px/1.25 'Quicksand', Arial, sans-serif;
    --content: 500 14px/1.25 'Quicksand', Arial, sans-serif;
    }
@media screen and (max-width: 2559px) {
    :root {

        }
    }
@media screen and (max-width: 1919px) {
    :root {
       
        }
    }
@media screen and (max-width: 1279px) {
    :root {
        /* TEXT */
        --title_01: 700 34px/1.25 'Quicksand', Arial, sans-serif;
        --title_02: 300 18px/1.25 'Quicksand', Arial, sans-serif;
        }
    }
@media screen and (max-width: 1023px) {
    :root {
        
        }
    }
@media screen and (max-width: 767px) {
    :root {
        /* CONTAINER */
        --container: calc(100vw - 40px);
        --container_middle: 20px;
        }
    }

/* HOME */
/* HOME */
/* HOME */
#kanagemu {
    position: absolute;
    width: 100vw;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
    }
#title {
    width: 100%;
    }
#title h1 {
    font: var(--title_01);
    color: var(--white);
    text-align: center;
    }
#title h2 {
    font: var(--title_02);
    color: var(--white);
    text-align: center;
    opacity: .5;
    }

/* CONTENT */
/* CONTENT */
/* CONTENT */
#container {
    width: var(--container);
    left: var(--container_middle);
    margin: 200px 0px 120px 0px;
    }
#container:-webkit-scrollbar {
    display: none;
    }
#container h1 {
    margin: 40px 0px 10px 0px;
    font: var(--h1);
    color: var(--white);
    }
#container h2 {
    margin: 20px 0px 10px 0px;
    font: var(--h2);
    color: var(--white);
    }

/* FOOTER */
/* FOOTER */
/* FOOTER */
footer {
    position: fixed;
    width: 100vw;
    bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
footer a {
    margin: 0px 10px;
    font: 700 12px/1.25 'Quicksand', Arial, sans-serif;
    color: var(--white)
    }













