@charset "utf-8";
.form-rp form {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 0 5%;
  margin: 10px 0 30px 0
}
.form-rp .error-txt {
  color: red
}
.form-rp p.note {
  font-size: 88%;
  text-align: left;
  margin-top: 10px;
  padding: 0 0 7%
}
.form-rp form dt {
  font-weight: 700;
  margin-bottom: 5px
}
.form-rp form dd {
  margin-bottom: 20px
}
.form-rp form dl {
  margin: 14px 0
}
.form-rp input,
.form-rp textarea {
  padding: 8px
}
.form-rp .bmw {
  line-height: 160%
}
.form-rp hr {
  border-style: dotted;
  color: #666
}
.form-rp .teianform-ttl span {
  font-size: 160%;
  display: block;
  margin-bottom: 1em;
  font-weight: 700
}
.form-rp .teianform-box-ttl span {
  color: #007bb0;
  font-weight: 700;
  margin-bottom: 5px;
  display: block
}
.form-rp .teianform-box-desc {
  margin-bottom: 20px
}
.form-rp .distance {
  display: inline-block
}
.form-rp .require {
  font-size: 80%;
  background-color: #f30;
  color: #fff;
  padding: 2px;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  margin-left: 10px
}
.form-rp .pc {
  font-size: 80%;
  background-color: #03874e;
  color: #fff;
  padding: 2px 6px;
  margin-left: 4px
}
.form-rp .choice li {
  margin-bottom: 1em
}
.form-rp .radio-box label:last-child {
  margin-left: 10px
}
.form-rp .radio-box span {
  font-size: 16px
}
.form-rp .radio-box input {
  margin-top: 5px;
  vertical-align: top
}
.form-rp #carCd,
.form-rp #makerStateCd,
.form-rp .pulldown--select,
.form-rp input[name=first_name],
.form-rp input[name=last_name],
.form-rp input[name=tel],
.form-rp textarea {
  border: 1px solid #777;
  padding: 8px;
  font-size: 120%;
  font-weight: 700;
  color: #333;
  background: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 1px 1px 1px #fff;
  max-width: 100%;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(100,100,100,.3)),color-stop(1,rgba(255,255,255,0)));
  color: #111
}
.form-rp input[name=first_name],
.form-rp input[name=last_name] {
  width: 40%
}
.form-rp input[name=last_name] {
  margin-right: 2%
}
textarea[name=user_comment] {
  width: 90%;
  height: 80px
}
.form-rp .dropdown_yosan {
  border: 1px solid #777;
  padding: 12px 2px;
  font-size: 90%;
  font-weight: 700;
  color: #333;
  background: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 1px 1px 1px #fff;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(100,100,100,.3)),color-stop(1,rgba(255,255,255,0)));
  color: #111
}
.form-rp .gr {
  color: #20714f
}
.form-rp .br {
  color: #007bb0;
  display: inline!important
}
.form-rp .txt_error {
  background: #ee0101;
  position: relative;
  z-index: 5001;
  color: #fff;
  width: 240px;
  font-size: 11px;
  border: 2px solid #ddd;
  box-shadow: 0 0 4px #000;
  -moz-box-shadow: 0 0 4px #000;
  -webkit-box-shadow: 0 0 4px #000;
  padding: 4px 10px 4px 10px;
  margin: 8px 0 0 2px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  display: none
}
.form-rp .txt_error_phone {
  float: left;
  width: 100%;
  background: #ee0101;
  position: relative;
  z-index: 5001;
  color: #fff;
  width: 74px;
  font-family: sans-serif;
  font-size: 11px;
  border: 2px solid #ddd;
  box-shadow: 0 0 4px #000;
  -moz-box-shadow: 0 0 4px #000;
  -webkit-box-shadow: 0 0 4px #000;
  padding: 4px 2px 4px 2px;
  margin: 8px 8px 0 2px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  display: none
}
.form-rp div#balloon {
  display: none;
  position: absolute;
  top: 500px;
  width: 240px;
  color: #fff;
  background-color: #000;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0 0 15px #666;
  opacity: .9
}
.form-rp div#balloon p {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 8px
}
.form-rp div#balloon .tail {
  border-top: 18px solid #000;
  border-right: 24px solid transparent;
  position: absolute;
  bottom: -18px;
  left: 128px;
  width: 0;
  height: 0
}
.form-rp .closeup {
  border-top: 1px solid #2b2e27;
  border-bottom: 1px solid #5a5c63;
  height: 26px;
  background: -webkit-gradient(linear,left top,left bottom,from(#226448),to(#05864e))
}
.form-rp .closeup > label {
  line-height: 26px;
  color: #fff;
  font-weight: 700;
  margin: 0 0 0 8px;
  font-size: 16px;
  text-shadow: rgba(0,0,0,.4) 0 -1px 0
}
.form-rp .closeup-list li a {
  display: block;
  height: 43px;
  padding-left: 8px;
  border-bottom: 1px solid #a6a6a6;
  background-position: right 18px
}
.form-rp .closeup-list li h3 {
  display: inline;
  line-height: 43px;
  font-size: 100%
}
.form-rp .closeup-list li a {
  display: block;
  height: 43px;
  padding-left: 8px;
  border-bottom: 1px solid #a6a6a6;
  background-position: right 18px
}
.form-rp .closeup-list li a:not(.closeup-list) {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-sizing: border-box
}
.form-rp .closeup-list a:not(.closeup-list):after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: solid 2px #008b4f;
  border-right: solid 2px #008b4f;
  -webkit-transform: rotate(45deg)
}
.form-rp .hiden1,
.form-rp .hiden2,
.form-rp .hiden3 {
  display: none
}
.form-rp button.proposal_confirm_btn {
  width: 100%;
  background: url(/assets/img/nlp/common/form/btn-assessment-submit.webp) top center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  border: none;
  outline: 0;
  box-shadow: none;
  font-size: 0;
  padding-top: 22%;
  cursor: pointer
}
.form-rp #formbox09 {
  margin-top: -3vw
}
.form-rp #formbox09 .teianform-box-desc {
  margin-bottom: 0
}
input[type=tel] {
  width: 80%
}
.form-rp .req:after {
  content: "必須";
  display: inline-block;
  background: #f30;
  padding: 0 3px;
  color: #fff;
  margin-left: 5px;
  font-size: 88%
}
.form-rp .android:after {
  padding: 3px
}