/*---------------------------------------------------------
width
---------------------------------------------------------*/
.request_left img,
.request_left .title,
.request_left .title dt,
.request_left .title dd,
.request_left .price,
.request_left .price ul,
.request_left .price p,
.request_left .v_id,
.request_left .speck,
.request_left .speck h3,
.request_left .speck dl,
.data_input,
.data_input h3,
.data_input dl,
.input_b ul,
.input_c,
.input_c li label,
.input_c li a,
.input_d,
.input_d li,
.input_d li label,
.request_data .input_a input,
.request_data .input_a select,
.request_data .btn,
.request_data .btn_b,
.contact_data,
.contact_data .input_a input,
.contact_data .input_a select,
.contact_data .btn,
.contact_data .btn_b{
  width: 100%;
}

.speck dt,
.data_input dt{
  width: 20%;
}

.data_input dl,
.data_input textarea,
.data_input p{
  width: 90%
}

.input_c li{
  width: 33.3333%;
}

.speck dd,
.data_input dd{
  width: 80%;
}

.request_left{
  width: 30%;
}

.input_b dd:nth-child(6) select,
.input_b dd:nth-child(8) input,
.input_b li input{
  width: 70px;
}

.request_data{
  width: 65%;
}

#request{
  width: 70%;
}

#contact,
#contact .input_c li{
  width: 50%;
}

@media only screen and (max-width: 767px){ 
  #request,
  #contact{
    width: 90%;
  }

  .request_left,
  .request_data,
  .input_c li,
  #contact .input_c li,
  .request_data .btn_b,
  .contact_data .btn_b{
    width: 100%;
  }

  .speck dt,
  .data_input dt{
    width: 30%;
  }

  .speck dd,
  .data_input dd{
    width: 70%;
  }

  .request_data .btn_b li,
  .contact_data .btn_b li{
    width: 48%;
  }

 }

/*---------------------------------------------------------
height
---------------------------------------------------------*/
.request_left img{
  height: auto;
}

#request .request_left .price ul{
  height: 27px;
}

#request .request_left .price p{
  height: 100px;
}

.data_input textarea,
.data_input p{
  height: 300px;
}

.request_data dl dd ul,
.request_data dl dd ul li,
.contact_data dl dd ul,
.contact dl dd ul li{
  height: 100%;
}

.speck h3,
.speck dt,
.speck dd,
.request_data h3,
.request_data dl dt,
.request_data dl dd,
.contact_data h3,
.contact_data dl dt,
.contact_data dl dd,
.input_c li,
.input_d li{
  height: 50px;
}

.request_data input,
.request_data select,
.contact_data input,
.contact_data select{
  height: 80%;
}

#request .detail_left .vehicle_bk{
  height: auto;
}


/*---------------------------------------------------------
align-items
---------------------------------------------------------*/
.request_left{
  align-items: flex-start;
}

.request_left .price ul li{
  align-items: flex-end;
}

.request_left .price p,
.request_left .price p span,
#request h3,
#request dt,
#request dd,
#request ul,
#request ul li,
#request ul li label,
#contact h3,
#contact dt,
#contact dd,
#contact ul,
#contact ul li,
#contact ul li label,
.speck h3 span,
.input_c li,
.input_c li a,
.input_c li label,
.input_c input[type=checkbox],
.input_d li,
.input_d li label,
.input_d input[type=checkbox]{
  align-items: center;
}

/*---------------------------------------------------------
flex-direction
---------------------------------------------------------*/
@media only screen and (max-width: 767px){ 
  #request .sub_title_a:nth-child(1){
    order: 1;
  }
  #request .request_left:nth-child(2){
    order: 3;
  }
  #request .request_data:nth-child(3){
    order: 2;
  }
}

/*---------------------------------------------------------
justify-content
---------------------------------------------------------*/
.request_left .price p,
.speck dd,
.data_input dt,
.request_data .btn,
.request_data .btn_b,
.contact_data .btn,
.contact_data .btn_b{
  justify-content: center;
}

.list dl dt,
.speck dt,
.request_left form{
  justify-content: flex-end;
}

@media only screen and (max-width: 767px){
  .request_data .btn_b,
  .contact_data .btn_b{
    justify-content: space-between;
  }
}

/*---------------------------------------------------------
margin
---------------------------------------------------------*/
#request,
#contact{
  margin: 0 auto;
}

.request_left .v_id,
.data_input dl,
.data_input textarea,
.data_input p{
  margin: 30px auto;
}

.speck h3 span{
  margin-left: 10px;
}

.input_c input[type=checkbox],
.input_d input[type=checkbox]{
  margin: 0 20px;
}

.data_input dl dd input,
.data_input dl dd select,
.data_input dl dd ul li{
  margin-right: 10px;
}

.request_data{
  margin-left: 5%;
}

.request_data .btn input,
.request_data .btn_b input,
.contact_data .btn input,
.contact_data .btn_b input{
  margin: 20px;
}

.request_data .btn,
.request_data .btn_b,
.contact_data .btn,
.contact_data .btn_b{
  margin-top: 50px;
} 

.request_data .btn li,
.request_data .btn_b li,
.contact_data .btn li,
.contact_data .btn_b li{
  margin: 0 20px;
}

@media only screen and (max-width: 767px){
  .request_data{
    margin-left: 0;
    margin-bottom: 100px;
  }

  .request_data .btn_b li,
  .contact_data .btn_b li{
    margin: 0;
  }
}

/*---------------------------------------------------------
padding
---------------------------------------------------------*/
#request,
#contact{
  padding: 100px 0;
}

.speck h3,
.data_input h3{
  padding:  0 5%;
}

.request_data .btn li,
.request_data .btn_b li,
.contact_data .btn li,
.contact_data .btn_b li,
.contact_data textarea{
  padding: 10px;
}

input[type="text"],
input[type="date"],
input[type="number"],
.request_data select{
  padding: 0 10px;
}

@media only screen and (max-width: 767px){
  .request_data .btn_b li,
  .contact_data .btn_b li{
    padding: 0;
  }
}


/*---------------------------------------------------------
font-size
---------------------------------------------------------*/
.request_left .price p,
.request_left .v_id,
.request_left .price ul li,
.request_data .btn li input[type="submit"],
.request_data .btn_b li input[type="submit"],
.request_data .btn li input[type="button"],
.request_data .btn_b li input[type="button"],
.contact_data .btn li input[type="submit"],
.contact_data .btn_b li input[type="submit"]{
  font-size: 160%;
}

.request_left .price p span,
.speck h3 span{
  font-size: 80%;
}

.price dl dt,
.price dl dd{
  font-size: 120%;
}

@media only screen and (max-width: 767px){
 .request_data .btn li input[type="submit"],
.request_data .btn_b li input[type="submit"],
.request_data .btn li input[type="button"],
.request_data .btn_b li input[type="button"],
.contact_data .btn li input[type="submit"],
.contact_data .btn_b li input[type="submit"]{
  font-size: 130%;
}

/*---------------------------------------------------------
font-weight
---------------------------------------------------------*/
.speck h3 span{
  font-weight: normal;
}

/*---------------------------------------------------------
color
---------------------------------------------------------*/
.request_left .price p,
.request_left .price p span,
.speck h3,
.speck h3 span,
.data_input h3,
.request_left form input[type="submit"],
.request_data .btn li input[type="submit"],
.request_data .btn_b li input[type="submit"],
.request_data .btn li input[type="button"],
.request_data .btn_b li input[type="button"],
.contact_data .btn li input[type="submit"],
.contact_data .btn_b li input[type="submit"]{
  color: #fff;
}

.request_left .price ul li:nth-child(1),
.request_left .price ul li:nth-child(3){
  color: #f7931e;
}

.input_c li a{
  color: #036eb8;
}

/*---------------------------------------------------------
background
---------------------------------------------------------*/
.request_left .price p,
.speck h3,
.data_input h3{
  background: #333;
}

.request_data .btn input[type="submit"],
.request_data .btn_b input[type="submit"],
.request_data .btn input[type="button"],
.request_data .btn_b input[type="button"],
.contact_data .btn input[type="submit"],
.contact_data .btn_b input[type="submit"]{
  background: none;
}

.request_data .btn li,
.request_data .btn_b li,
.contact_data .btn li,
.contact_data .btn_b li{
    background: #f7931e;
}

.request_data .btn li:hover,
.request_data .btn_b li:hover,
.contact_data .btn li:hover,
.contact_data .btn_b li:hover{
    background: #c30d23;
}

/*---------------------------------------------------------
border
---------------------------------------------------------*/
.speck dl{
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.speck dt,
.speck dd,
.data_input dt,
.data_input dd,
.input_c li,
.input_d li{
  border-bottom: 1px solid #ccc;
}

.data_input dl :nth-child(7),
.data_input dl :nth-child(8),
.request_data input[type="submit"],
.request_data input[type="button"],
.contact_data input[type="submit"]{
  border: none;
}

/*---------------------------------------------------------
text-indent
---------------------------------------------------------*/

/*---------------------------------------------------------
transform
---------------------------------------------------------*/
.input_c input[type=checkbox],
.input_d input[type=checkbox]{
  transform: scale(2.5);
}

/*---------------------------------------------------------
shadow
---------------------------------------------------------*/
.ntn li{
  box-shadow: 3px 3px 9px -6px #777777;
}

/*---------------------------------------------------------
border-radius
---------------------------------------------------------*/
.request_data .btn li,
.contact_data .btn li{
  border-top-left-radius: 15% 50%;
  border-top-right-radius: 15% 50%;
  border-bottom-left-radius: 15% 50%;
  border-bottom-right-radius: 15% 50%;
}

.request_data .btn_b li,
.contact_data .btn_b li{
  border-top-left-radius: 20% 50%;
  border-top-right-radius: 20% 50%;
  border-bottom-left-radius: 20% 50%;
  border-bottom-right-radius: 20% 50%;
}