表示イメージ

googleフォーム埋め込みのCSS。

あまり良い状態ではないですが。
コードを備忘録として記載します。

html

<div class="front_page_consult_form">
  <iframe src="googleフォームのURL" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます…</iframe>
</div>

css

<div class="front_page_consult_form">
 .front_page_consult_form {
  position: relative;
  overflow-y: scroll;
  width: 100%;
  margin-top: 70px;
  height: 600px;
  @media (max-width: 750px) {
    margin-top: 12vw;
    height: 75svh;
  }
}
.front_page_consult_form iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 4px dotted var(--color1);
  border-bottom: 4px dotted var(--color1);
  padding-block: 5px 5px;
  @media (max-width: 750px) {
    padding-block: 3vw 3vw;
  }
}