@charset "UTF-8";
/* default */
*    { margin: 0; padding: 0; }
body { margin: auto; width: 100vw; height: 100vh; overflow-x: hidden; background: #d6e495; }
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&family=M+PLUS+Rounded+1c:wght@700&display=swap');

@media screen and (max-width: 767px) {
body { height: auto; }
}

/*============================================================*/
header { width: 100%; margin-top: calc(1.5625vw / 2); height: calc(4.785156vw / 2); }

@media screen and (max-width: 767px) {
header { margin-top: 2.3vw; }
}

/*============================================================*/
.stagge      { display: flex; justify-content: center; }
.intro       { width: 80vw; margin: 0 auto; }
.intro video { width: 100%; height: 100%; }
nav          { width: 100%; text-align: center; padding-top: 3vw; }
nav a        { padding: .5em 2.5em; font: normal 400 1vw/1.5 'M PLUS Rounded 1c', sans-serif; text-decoration: none; color:#fff; background:#7db632; border-radius: 1.5em; }
nav a:hover  { cursor: pointer; }

@media screen and (max-width: 767px) {
.stagge      { display: flex; justify-content: center; }
.intro       { width: 90vw; margin: 0 auto; }
.intro video { width: 100%; height: 100%; }
nav          { width: 100%; text-align: center; padding-top: 4vw; }
nav a        { padding: .5em 2.5em; font: normal 400 1.5vw/1 'M PLUS Rounded 1c', sans-serif; text-decoration: none; color:#fff; background:#7db632; border-radius: 1.5em; }
nav a:hover  { cursor: pointer; }
}

/*footer
============================================================*/
footer { width: 100%; margin-top: 4vw; }
footer .container            { padding: 1em; text-align: center; }
footer .container a          { margin: 0 auto; display: block; height: auto; width: 10.15625vw; padding-right: 0.7vw; }
footer .container a img      { width: 100%; }
footer .container .copyright { font-size: .88vw; font-family: sans-serif; color: #717071; }

@media screen and (max-width: 767px) {
footer { width: 100%; }
footer .container            { padding: 1em; text-align: center; }
footer .container a          { margin: 0 auto; display: block; height: auto; width: 23vw; padding-right: 1.585vw; }
footer .container a img      { width: 100%; }
footer .container .copyright { font-size: 2vw; font-family: sans-serif; color: #717071; }
}