@media screen and (min-width: 768px) { /* PC・タブレット */

 #contact {
  position:relative;
  width:100%;
  min-width:1100px;
  min-height:calc(100vh - 130px);
  padding-bottom:30px;
  background:white;
 }
 #contact .container {
  width:1060px;
  min-width:1060px;
  padding:0 20px;
  margin:0 auto;
  text-align:left;
  font-size:16px;
 }
 #contact .header {
  padding:20px 0 10px 0;
  font-size:60px;
  font-weight:bold;
 }
 #contact .text {
  margin:-10px 0 0 0;
  padding-left:20px;
  line-height:30px;
  font-size:14px;
  font-weight:bold;
 }
 #contact .form_container {
  padding-left:20px;
 }
 #contact form .item {
  font-weight:bold;
  margin-top:10px;
 }
 #contact form input {
  border-radius:20px;
  border:solid 2px #111111;
  padding:5px 10px;
 }
 #contact form input.button {
  width:150px;
  font-size:14px;
  font-weight:bold;
 }
 #contact form input.button:hover {
  cursor:pointer;
 }
 #contact form .id {
  width:40px;
 }
 #contact form textarea {
  width:400px;
  height:200px;
  padding:5px 10px;
  border-radius:10px;
  border:solid 2px #111111;
 }

} @media screen and (max-width: 767px) {  /* スマホ */

 #contact {
  position:relative;
  width:100%;
  padding-bottom:30px;
  background:white;
 }
 #contact .container {
  width:calc(100% - 20px);
  padding:15px 10px;
  margin:0 auto;
  text-align:left;
  font-size:16px;
 }
 #contact .header {
  padding:0 0 5px 0;
  font-size:30px;
  font-weight:bold;
 }
 #contact .text {
  margin-bottom:20px;
  padding-left:10px;
  font-size:14px;
  font-weight:bold;
 }
 #contact .form_container {
  padding-left:10px;
 }
 #contact form .item {
  font-weight:bold;
  margin-top:10px;
 }
 #contact form input {
  border-radius:20px;
  border:solid 2px #111111;
  padding:5px 10px;
 }
 #contact form input.button {
  width:150px;
  margin:10px auto;
  font-size:14px;
  font-weight:bold;
 }
 #contact form .id {
  width:40px;
 }
 #contact form textarea {
  width:90%;
  height:200px;
  padding:5px 10px;
  border-radius:10px;
  border:solid 2px #111111;
 }

}