@import url("https://fonts.googleapis.com/css2?family=DotGothic16&display=swap");
* {
  font-family: DotGothic16;
  letter-spacing: 0.15em; }

@media (min-width: 1441px) {
  body {
    font-size: 0.6vw; } }
@media (max-width: 1441px) {
  body {
    font-size: 10px; } }
body {
  background-color: #111; }

#hdr-img {
  max-width: 100%; }

#bdy {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 6vh; }

#bdy div {
  display: flex;
  justify-content: center; }

#bdy img {
  max-width: 100%;
  max-height: 96vh; }

#bdy div {
  padding-top: 2em;
  padding-left: 2em; }

#bdy div:last-child {
  padding-bottom: 5vh; }

#ftr {
  color: #fff;
  display: flex;
  justify-content: center; }

#ftr-box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  max-width: 100em;
  padding: 0 6vh 5vh 6vh; }

#ttl {
  width: 25%;
  font-size: 1.5em; }

#smy {
  width: 75%;
  font-size: 1.1em; }

#rtrn {
  padding-top: 2vh;
  width: 100%; }

#rtrn a {
  text-decoration: none;
  color: blue; }

#rtrn a:hover {
  text-decoration: underline; }