@media only screen
and (max-width: 1450px)
{
  #home .inner {padding: 10% 20%;}
}



@media only screen
and (max-width: 1200px)
{
  #home .inner {padding: 10% 10%;}
}



@media only screen
and (max-width: 900px)
{
  #home .inner .line {width: 100%; flex-wrap: wrap;}
  #home .inner .line span {}
}



@media only screen
and (max-width: 600px)
{
  #home .inner {padding: 10% 4%;}
  #home .inner input[type="text"] {width: calc(100% - 50px);}
  #home .inner input[type="submit"] {width: 50px;}
}


@media only screen
and (max-width: 500px)
{
  BODY {font-size: 18px;}
  input {font-size: 18px;}
  #home .inner input[type="text"] {font-size: 18px;}
  #home .inner input[type="submit"] {font-size: 18px;}
}