@charset "UTF-8";

/******************************************************************************
*
* [共通]追従
*
******************************************************************************/

#fb {
  background: #dedede;
  aspect-ratio: 960 / 345;
  padding: clamp(16px, 4.2vw, 27px) 0 0;
}

#fb .txt {
  width: 82.3%;
  position: absolute;
  top: 0;
  inset-inline: 0;
  transform: translateY(-50%);
}

#fb .form-control {
  display: block;
  width: 100%;
  font-family: "Noto Sans JP";
  font-size: clamp(16px, 4.2vw, 24px);
  font-weight: 500;
  padding: 15px 10px 12px;
  border: solid 2px #ccc;
  border-radius: 5px;
  text-align: center;
  margin-bottom: clamp(7px, 1.86vw, 12px);
}

#fb form {
  width: 90.7%;
  margin-inline: auto;
}

/******************************************************************************
*
* [共通]レスポンシブ対応
*
******************************************************************************/

/*450px以下*/

@media only screen and (max-width: 450px) {
  /*---------------------
    * [共通]フッター
    ---------------------*/

  footer {
    padding-bottom: 180px;
  }
}