@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;1,300&family=Noto+Sans+JP:wght@500&display=swap");
:root {
  color-scheme: light !important;
}

::-moz-selection {
  background-color: rgba(153, 215, 237, 0.6);
  color: #fff;
}

::selection {
  background-color: rgba(153, 215, 237, 0.6);
  color: #fff;
}

* {
  margin: 0;
  padding: 0;
  line-height: 1;
  box-sizing: border-box;
  list-style-type: none;
}

html, body {
  font-family: "Mulish", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #FF95B4;
}

html {
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  height: 100%;
}

body {
  font-weight: 300;
  color: #fff;
  text-align: justify;
  word-break: break-all;
  position: relative;
  letter-spacing: 0.08em;
  min-height: 100dvh;
}

img {
  max-width: 100%;
  height: auto;
}

main {
  text-align: center;
  font-size: clamp(1rem, 1.8vw, 2rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  bottom: 5vh;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  white-space: nowrap;
}

.logo {
  width: min(35vw, 400px);
  margin-bottom: min(15vw, 180px);
}

h1 {
  font-size: 400%;
  line-height: 1;
  margin-bottom: min(9vw, 80px);
}

footer {
  font-size: min(1.3vw, 1.3rem);
  padding: clamp(10px, 1.5vw, 20px);
  position: absolute;
  bottom: 0;
  width: 100%;
}

.copy {
  text-align: right;
  line-height: 0;
}/*# sourceMappingURL=style.css.map */