:root {
  --font-noto-sans:"Noto Sans JP", sans-serif;
  --font-gothic:var(--font-noto-sans);
  --font-size-base:1.6rem;
  --color-gray-9c: #909090;
  --color-gray-b4: #b4b4b4;
  --color-gray-86:#868686;
  --color-gray-80:#808080;
  --color-gray-d6:#d6d6d6;
  --color-bg-gray-ec:#ececec;
  --color-gray-f6:#f6f6f6;
  --color-black-3c:#3c3c3c;
  --color-orange:#ff9b00;
  --color-blue-light:#54bcea;
  --color-blue:#0080c5;
  --color-bg-blue:#4f8dbd;
  --color-bg-blue-gray:#b5cfe3;
  --gradient-cat:linear-gradient(90deg, rgba(235, 109, 101, 1) 0%, rgba(231, 49, 47, 1) 80%);
  --gradient-bg:linear-gradient(180deg, rgba(84, 188, 234, 100%) 0%, rgba(0, 128, 197, 100%) 99.81%);
  --gradient-bg-red:linear-gradient(-180deg, rgba(235, 109, 101, 1) 0%, rgba(231, 49, 47, 1) 80%);
  --gradient-bg-red-yoko:linear-gradient(90deg, rgba(235, 109, 101, 1) 0%, rgba(231, 49, 47, 1) 80%);
  --color-bg-red:#e7312f;
  --padding-section-top:140px;
  --padding-section-bottom:110px;
  --padding-side1:20px;
  --margin-btm1:40px;
  --margin-btm-cnt:1em;
  --width-contents:1000px;
  --width-single-contents:830px;
  --px-vw:100vw / 1280;
  --transition-btn:.3s ease;
  --transition-txtlink:.3s ease;
}

.noto-sans jp-400 {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-optical-sizing: auto;
}

@media screen and (max-width: 1024px) {
  :root {
    --x:.6;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --x:1;
    --height-header:16vw;
    --padding-section-top:18.6666vw;
    --padding-side1:10.6666vw;
    --px-vw:100vw / 375;
  }
}
.login {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url("../img/top/bg-bgd@2x.png") 0 0 no-repeat;
  background-position: 68% 50%;
  background-size: cover;
}
.login::after {
  display: block;
  clear: both;
  content: "";
}
.login #login {
  padding: 20px 0 0;
  margin: 0 auto;
}
.login #login h1 a {
  width: 75%;
  max-width: 80vw;
  height: auto;
  aspect-ratio: 184/70;
  margin-bottom: 20px;
  background-image: url("../img/common/logo.svg");
  background-size: contain;
}
.login form {
  margin-top: 0;
  border-radius: 4px;
}

@media screen and (max-width: 767px) {
  html, body {
    min-height: 100%;
    height: auto;
  }
  .login {
    display: block;
  }
  .login #login h1 {
    margin: 0 auto;
  }
  .login #login h1 a {
    width: 60%;
  }
}

/*# sourceMappingURL=login.css.map */