@media only screen and (min-width: 671px) {
  button,
  input,
  select,
  textarea                       {font-size:14px;vertical-align:baseline;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="url"],
  input[type="phone"],
  input[type="tel"],
  input[type="number"],
  input[type="datetime"],
  input[type="date"],
  input[type="datetime-local"],
  select[multiple="multiple"],
  input[type="search"]          {position:relative;z-index:2;width:100%;height:40px;line-height:14px;padding:0 10px;border:1px solid #BBB;}
  select                        {height:40px;line-height:40px;padding:0 0 0 5px;border:1px solid #BBB;vertical-align:top;text-transform:none;}
  textarea                      {overflow:auto;position:relative;z-index:2;width:100%;padding:10px 2%;border:1px solid #BBB;line-height:1.5;resize:vertical;}
  input[type="radio"],
  input[type="checkbox"]        {position:relative;top:-1px;z-index:2;top:0\9;margin-right:2px;margin-right:0\9;border:none;vertical-align:middle;}
  button,
  input[type=button],
  input[type=submit]            {cursor:pointer;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
  input:focus,
  textarea:focus                {border-color:#5ca9e4;box-shadow:0 0 0 2px rgba(70,161,231,0.3),0 1px 2px rgba(0,0,0,0.2) inset;}
}



@media only screen and (max-width: 670px) {
  button,
  input,
  select,
  textarea                      {font-size:16px;vertical-align:baseline;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="url"],
  input[type="phone"],
  input[type="tel"],
  input[type="number"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  select[multiple="multiple"],
  input[type="search"]          {position:relative;z-index:2;width:100%;height:40px;line-height:16px;padding:0 2%;border:1px solid #BBB;-webkit-appearance:none;}
  select                        {height:40px;line-height:40px;padding:0 5px;border:1px solid #BBB;vertical-align:top;}
  textarea                      {overflow:auto;position:relative;z-index:2;width:100%;padding:2px 2%;border:1px solid #BBB;line-height:1.5;resize:vertical;-webkit-appearance:none;}
  input[type="radio"]           {position:relative;top:-2px;z-index:2;width:15px;height:15px;border-radius:15px;vertical-align:middle;}
  input[type="checkbox"]        {position:relative;top:-2px;z-index:2;width:15px;height:15px;vertical-align:middle;}
  button,
  input[type=button],
  input[type=submit]            {cursor:pointer;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;-webkit-appearance:none;}
  input:focus,
  textarea:focus                {border-color:#5ca9e4;box-shadow:0 0 0 2px rgba(70,161,231,0.3),0 1px 2px rgba(0,0,0,0.2) inset;}
  form .width25-sp              {width:25%;}
  form .width50-sp              {width:50%;}
  form .width75-sp              {width:75%;}
  form .width100-sp             {width:100%;}
}