form{
          position: relative;
          display: block;
          width: 90%;
          margin: 0 auto;
          text-align: left;
          padding-left: 1em;
        }
        form>div{
          padding-left: 1em;
        }
        .form-group{
          width: 100%;
          padding-top: 1.5em;
          padding-bottom: 1.5em;
          padding-left:0;
          padding-right:0;
        }
        .form-check:first-of-type{
          padding-top: 1em;
        }
        .form-check{
          padding-left: 1em;
        }
        textarea{
            width: 90%;
            height: 10em;
        }
        input[type=radio]~label:not(:last-of-type){
          margin-right: 1em;
        }
        .input_top_message{
          font-weight: bolder;
        }
        .red{
          color: red;
        }
        form input#address{width: 100%;}
        form input[type=remail]{width: 100%;}
        form input:focus:required:invalid{ background: #f2f0aa; outline: none; }
        /* チェックボックスの入力チェックはhtml、cssでは出来ないのでjavascriptで行う */
        #checkbox-invalid{font-size:16px;display: inline-block;padding: 3px;}
        #checkbox-valid{font-size:16px;display: none;padding: 3px;}
        form input[type=text]:not([pattern]):required:invalid{background: #fff; }
        form .val{ font-size:16px;display: none;padding: 3px;}
        form input + .val{ display: inline-block; }
        form input:required:valid + .val .invalid { display: none; }
        form input:required:invalid + .val .valid{ display: none; }
        form input:required:valid{background-color: #eee;}
        form input:required:invalid{background-color: rgba(227, 12, 235, 0.11);}

        form textarea:focus:required:invalid{ background: #f2f0aa; outline: none; }
        form textarea[type=text]:not([pattern]):required:invalid{background: #fff; }
        form textarea + .val{ display: inline-block; }
        form textarea:required:valid + .val .invalid { display: none; }
        form textarea:required:invalid + .val .valid{ display: none; }
        form textarea:required:valid{background-color: #eee;}
        form textarea:required:invalid{background-color: rgba(227, 12, 235, 0.11);}
@media screen and (min-width:768px){
  form{
    font-size: 24px;
  }
}
@media screen and (max-width:767px){
  form{
    font-size: 18px;
  }
}