@charset "utf-8";

body{
  font-size: clamp(0.875rem, calc(10px + 0.41667vw), 1.125rem);
  background-color: #255c93;
}
img, svg{
  width: 100%;
  height: auto;
  vertical-align: middle;
  box-sizing: border-box;
}
main{
  position: relative;
  height: 100svh;
  background-color: #255c93;
}
.ttl{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: min(80%,45em);
}
.copyright{
  position: absolute;
  bottom: 1.5em;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: min(40%,16em);
}

@media (max-width: 1023px){
  .ttl{
    width: min(90%,40em);
  }
  .copyright{
    width: min(60%,16em);
  }
}
@media (max-width: 767px){
}