body {
     margin: 0px 0px 1em 0px;
     padding: 1em;
     background-color: #ffffff;
     border: 1px solid darkred;
     border-radius: 12px;
     -webkit-text-size-adjust: 100%;
}

img {
 max-width : 100% ;
 height : auto ;
} 

h1 {font-size:95%; color:black; background-color:#ffffe0}

h3 {color:black; background-color:#e0ffff}
h4 {color:black; background-color:#ffffe0}

input[type="text"] {
    width: 90%;
    max-width: 400px; /* レスポンシブの場合の対策 */
    box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}

textarea {
    width: 98%;
    max-width: 400px; 
    box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}

input[type="submit"]  {
    max-width: 300px; /*送信ボタンの幅を指定*/
}