/* 背景全体 */
body {
 margin: 0;
padding: 0;
}
/* フォーム部分背景全体 */
.container {
 width: 100%;
max-width: 100%;
  background-color: #fff;
 margin: 0px auto 20px;
padding: 0 0 2rem;
position: relative;
}
form {
width: 100%;
padding: 20px 0px;
}
/* 各項目の見出しと注意書きの文字 */
.form-column, .help-block, .message-block {
  color: #000;
  width: 500px;
  margin-left: 40px;
}
/* 各項目のインプットフォーム */
.form-column input, textarea {
  color: #000;
   width: 500px;
  margin-left: 40px;
}
/* ボタン */
.button {
  color: #5f76a6;
   width: 300px;
   margin-left: 40px;
}

/* ------ for sp ------- */
@media(max-width:768px){
 .form-column, .help-block, .message-block {
  color: #000;
  width: 90%;
  margin-left: 5%;
}
/* 各項目のインプットフォーム */
.form-column input, textarea {
  color: #000;
   width: 90%;
  margin-left: 5%;
}
/* ボタン */
.button {
   width: 200px;
  margin-left: 20px;
}
.button-group {
    margin-bottom:  2rem;
}


}