@charset "utf-8";
/* form CSS */

.xpWfed {
  display: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  color-scheme: light;
  --layout-width: 700px;
  /* --page-bg-color: #0d0d0f; */
  --page-bg-overlay: linear-gradient(180deg, rgba(8, 8, 12, 0.82) 0%, rgba(24, 24, 30, 0.68) 55%, rgba(8, 8, 12, 0.82) 100%);
  --page-bg-media: url("../img/bg-test.webp");
}

html {
  height: 100%;
  font-size: 16px;
}

body {
  min-height: 100%;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #f5f5f5;
  background-color: var(--page-bg-color);
  background-image: var(--page-bg-overlay), var(--page-bg-media);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}

@media (max-width: 767px) {
  body {
    background-attachment: scroll;
  }
}

.lp-shell {
  width: min(100%, var(--layout-width));
  margin: 0 auto;
}

.visual img {
  display: block;
  width: 100%;
  height: auto;
}

.form-section {
  margin: 0;
  padding: 40px 0 0;
  background: #d3e8f2;
  color: #1a1a1a;
  border-radius: 0;
}

.form-section h2 {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 24px 16px 16px;
}

.form-frame iframe {
  width: 100%;
  border: 0;
  overflow: hidden;
  min-height: 1200px;
  display: block;
}


@media (max-width: 480px) {
  .form-frame iframe {
    min-height: 1250px;
  }
}