@charset "utf-8";

.page-lp {
  display: block;
  padding-top: 0;

  #wrapper {
    max-width: calc(var(--container) * var(--rem-pc));
    margin-inline: auto;
    box-shadow: 0 0 10px 2px var(--clr-mono-01);
  }

}

:root {
  --container: 448;
  --cqw: calc(1 / var(--container) * 100cqw);
}

.main_contents {
  /* ここが基準という宣言 */
  container-type: inline-size;

  main {
    /* rootの影響を受けないように、メインエリア用の本文サイズ */
    font-size: clamp(14px, calc(16 * var(--cqw)), 18px);
  }

  .nf-form-cont {
    padding: calc(24 * var(--rem-pc));
  }

  .nf-field-container.html-container .nf-field-element {
    height: auto;
    border: none;
    padding: 0;

    p {
      font-size: calc(12 * var(--rem-pc));
    }

    .ql-align-center {
      text-align: center;
    }
  }

  .nf-form-cont .nf-form-content .submit-wrap input:not([type=button]) {
    margin-top: 0;
  }

  nf-field:not(:last-child) {
    padding-bottom: calc(8 * var(--rem-pc));
  }
}

/* px値を入れて好きに使う */
/* .img {
  width: calc(300 * var(--cqw));
} */