h2{
  display: block;
  font-size: 2rem;
  font-weight: 700;
  /* margin-top: 60px; */
  padding-top: 60px;
  text-align: center;
}

.label {
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-bottom: .6rem;
  font-weight: bold;
}
/* 必須タグと任意タグ共通のスタイル */
.labelTag {
  font-size: 1.2rem;
  color: #ffffff;
  border-radius: .3rem;
  margin-right: 1rem;
  padding: 5px 10px;
}
/* 必須タグ */
.labelMust {
  background-color: #C84772;
}
/* 任意タグ */
.labelOption {
  background-color: #888988;
}

input[type="text"],input[type="email"],input[type="tel"],input[type="textarea"] {
  border: solid 1px #707070;
  width: 90%;
  font-size: 2vw;
}





.contactItem{
  margin-left: 10%;
}

.contentsArea{
  border: solid 1px black;
  width: 90%;
  font-size: 2vw;
}

.contactBox{
  border: 1px solid black;
  width: 90%;
  font-size: 2vw;
}

.contactMargin{
  margin-top: 5%;
}

input[type="submit"]{
  background: #C84772;
  border: 2px solid #ffffff;
  width: 280px;
  color: #ffffff;
  text-align: center;
  font-size: 2.5rem;
  line-height: 1.3;
  letter-spacing: .5em;
  text-indent: .5em;
  font-weight: bold;
  padding: 1.4rem 0;
  margin-top: 2rem;
  cursor: pointer;
  border-radius: .3rem;
  transition: all .3s;
  
}
/* ボタンにホバーした時 */
input[type="submit"]:hover {
  color: #C84772;
  background-color: #ffffff;
  border-color: #C84772;
}

.contactButtonPosition{
  margin-bottom: 5%;
  text-align: center;
}