@charset "UTF-8";

/*------------------------------------------------

	form

-------------------------------------------------*/

@media screen and (max-width: 600px){
  
  .indexformBg {
    width: 100%;
    border-top: solid 1px #D8E0E9;
    padding: 0;
  }

  #indexForm {
    width: 100%;
    padding: 0 5%;
  }

  #indexForm h1 {
    font-size: 1rem;
  }

  #indexForm p {
    font-size: 0.8rem;
    font-weight: normal;
    margin-bottom: 2%;
  }


  #indexForm h2 {
    font-size: 1.3rem;
  }

  #indexForm h2 span {
    font-size: 1.6rem;
  }



  #indexForm p.formBtn {
    width: 50%;
    background-size: contain;
    margin: 0 auto 0;
  }



  #spForm {
    text-align: left;
    margin-bottom: 0;
    margin-top: 5%;
  }



  #spForm .carInfo,
  #spForm .clientInfo {
    margin-bottom: 3%;
    display: block;
    width: 100%;
    font-size: 1.4rem;
    text-align: center;
    font-weight: bold;
    color: #004097;
  }


  #spForm label {
    margin-bottom: 0;
    font-size: 1rem;
    display: block;
    padding: 0;
  }

  #spForm input {
    width: 100%;
    margin-top: 1%;
    font-size: 1.2rem;
    border: 1px solid #7c7c7c;
    border-radius: 5px;
    padding: 5px;
    box-sizing: border-box;
    background-color: #F8F8F8;
  }

  #spForm select {
    width: 100%;
    margin-top: 1%;
    text-align: center;
    font-size: 1.2rem;
    padding: 1%;
    border: 1px solid #7c7c7c;
  }


  #spForm textarea {
    width: 100%;
    height: 4.5em;
    font-size: 1rem;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #7c7c7c;
    box-sizing: border-box;
    background-color: #F8F8F8;
  }

  #spForm .requid {
    background-color: #E62441;
    color: #fff;
    font-size: 0.9rem;
    padding: 2px 3px;
    margin-right: 3px;

  }

  #spForm .free {
    background-color: #3390DE;
    color: #fff;
    font-size: 0.9rem;
    padding: 2px 3px;
    margin-right: 3px;
  }

  #spForm .caption {
    font-size: 0.7rem;
    display: block;
  }


  .formBtn input {
    background: url(../images/index/index_form_btn.jpg) 50% 0 no-repeat;
    background-size: contain;
    width: 100%;
    height: 50px;
    margin: 5% auto;
    text-indent: -9999px;
    border: none;
  }


  .indexformBg .lineBanner {
    margin-bottom: 3%;
  }

  .indexformBg .lineBanner p {
    margin-bottom: 2%;
  }

  .indexformBg .lineBanner img {
    width: 94%;
  }
  
  .form#lowerContents .conBox{
    padding: 0;
  }
  
  .form#lowerContents .conBox p .lineBannerImage{
    max-width: 100%;
    height: auto;
  }

  
}