@import url(common.css);

/* 背景色 */
/* main {
  background-color: hsla(170, 71%, 26%, 0.3);
} */

main article form {
  max-width: 1155px;
  margin: 0 auto;
}

/* 中央揃え 間隔30px*/
main article div.form1 {
  padding: 0 25px;
}

/* フォーム内見出し「お名前・ふりがな・メールアドレス・お問い合わせ内容」太文字 左揃え 外側下余白15px */
main .form1 legend {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 35px;
  padding-bottom: 15px;
  text-align: left;
}

/* フォーム内入力欄外側下余白30px */
main .form1 p {
  padding-bottom: 20px;
}

/* text幅高さ ボーダー無し*/
main input[type="text"] {
  max-width: 345px;
  height: 55px;
  border: none;
  outline: none;
}
/* email幅高さ ボーダー無し*/
main input[type="email"] {
  width: 100%;
  height: 55px;
  border: none;
}
/* textarea高さ ボーダー、サイズ調整無し*/
main textarea {
  width: 100%;
  height: 200px;
  border: none;
  resize: none;
}

/* 送信ボタン */
p button {
  font-size: 35px;
  padding: 37px 44px;
  display: block;
  color: #333;
  background-color: #53ffc9;
  cursor: pointer;
  border-radius: 103px;
  border: 4px solid rgba(0, 0, 0, 0.51);
  margin-bottom: 67px;
  margin-top: 45px;
  margin-left: auto;
  margin-right: auto;
}

/* 不透明度:0.7 */
button:hover {
  opacity: 0.7;
}

/* ----------
1155px以下の時
---------- */

@media (max-width: 1155px) {
  main article div.form1 {
    padding: 0 2.16vw;
  }
  main .form1 legend {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 3vw;
    padding-bottom: 1.2vw;
    text-align: left;
  }

  main input[type="text"] {
    max-width: 29.9vw;
    height: 4.7vw;
  }
  /* email幅高さ ボーダー無し*/
  main input[type="email"] {
    width: 100%;
    height: 4.7vw;
    border: none;
  }
  /* textarea高さ ボーダー、サイズ調整無し*/
  main textarea {
    width: 100%;
    height: 17.3vw;
    border: none;
    resize: none;
  }

  main .form1 p {
    padding-bottom: 1.73vw;
  }

  p button {
    font-size: 3vw;
    padding: 3.2vw 3.8vw;
    border: 0.35vw solid rgba(0, 0, 0, 0.51);
    margin-bottom: 5.8vw;
    margin-top: 3.9vw;
  }
}