/*===============================================
画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px) {

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

#container { width: 100%; }

.button { display: inline-block; }

.button input { width: 200px; }
.button button { width: 200px; }

textarea { width: 590px; }
}

/*===============================================
画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {

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

#container { width: 100%; }

h1 { font-size: 16px; }

h2 { font-size: 14px; }

.button input { width: 100%; }

input[type="text"] {
  width:100%;
}

textarea { width: 100%; }
}

/*===============================================
画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px) {

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

#container { width: 100%; }

h1 { font-size: 16px; }

h2 { font-size: 14px; }
}