body {
  -webkit-text-size-adjust: none;
  font: 14px sans-serif
}
a {
  color: #474b50
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}
header {
  width: 100%;
  position: relative;
  display: block
}
header .next {
  float: right;
  margin: -40px 6px 0 10px
}
header p {
  float: left;
  position: relative;
  display: block;
  box-sizing: border-box
}
header p img {
  width: 100%;
  height: auto
}
header p.logo {
  width: 25%;
  margin: 0
}
header p.tel {
  width: 27%;
  margin: 5px 1% 0 19%;
  background: #e4f4f7;
  border: solid 1px #687c8e
}
header p.tel img {
  width: 100%;
  height: auto
}
header p.tel span {
  width: 100%;
  padding: 0;
  position: absolute;
  top: 40%;
  left: 0;
  margin: 0;
  text-align: center;
  font-size: 3vw;
  letter-spacing: .04em;
  color: #008521
}
@media screen and (max-width:320px) {
  header p.tel span {
    font-size: 1vw;
    letter-spacing: 0
  }
}
header p.tel span em {
  font-style: normal;
  color: #fc4036
}
header p.satei {
  width: 27%;
  margin: 5px 1% 0 0;
  border: solid 1px #3e8350
}
footer {
  clear: both;
  text-align: center
}
.ftlink a {
  display: block;
  text-align: right
}
a#privacy {
  font-size: 80%;
  color: #fff
}
section .content {
  margin: 10px 4px 10px 4px
}
section#pr-assessment {
  display: block;
  background-color: #008b4f;
  height: 190px;
  margin: -4px 0
}
section#pr-proposal2 {
  background-color: #006dae
}
section#pr-proposal {
  display: block;
  background-color: #006dae;
  height: 190px;
  margin: -4px 0
}
section#form-proposal-bg {
  background-repeat: repeat-x;
  padding: 4px 10px 12px 10px;
  height: auto
}
#btnTop {
  float: right;
  margin: 8px 4px 16px 0;
  padding: 4px 0;
  text-align: center;
  width: 120px;
  font-size: 85%;
  color: #fff;
  background: -webkit-gradient(linear,left top,left bottom,from(#c0c5cc),to(#7b8694));
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid #d9d9d9;
  -webkit-box-shadow: 1px 1px 2px rgba(48,45,48,.5),inset 0 0 2px rgba(255,255,255,.7);
  text-shadow: 0 -1px 0 rgba(000,000,000,.4),0 1px 0 rgba(255,255,255,.3)
}
#btnTop a {
  padding: 4px 0;
  text-shadow: 1px 1px 0 #666;
  display: block;
  color: #fff;
  text-decoration: none
}
#btnTop a:hover {
  opacity: .8;
  -ms-filter: "alpha( opacity=80 )"
}
#btn {
  text-align: center;
  margin: 1em 0
}
#btn a:hover img {
  opacity: .8;
  -ms-filter: "alpha( opacity=80 )";
  margin: 1em 0
}
div#contents-list {
  float: left;
  background-color: #fff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  border: 1px solid #adaaab
}
#wrap {
  padding: 10px
}
h1 {
  text-align: left
}
h1.logo {
  margin: 9px 0 0 6px
}
h2.r {
  text-align: center;
  margin: 1em 0
}
h3.form {
  font-size: 160%
}
h4 {
  font-size: 121%;
  text-shadow: 1px 1px 2px #ccc;
  margin-bottom: 8px
}
li {
  list-style: none
}
.float {
  float: left;
  margin-right: 1em
}
.float {
  float: left;
  margin: 0 8px 10px 0
}
.floatclear {
  clear: both
}
.listIPhone {
  background-color: #fff
}
.listIPhone li {
  position: relative;
  border-bottom: solid 1px #ddd
}
.listIPhone li a:not(.noListLink) {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0 26px 10px;
  text-decoration: none;
  -webkit-box-sizing: border-box
}
.listIPhone li .floatBtn {
  position: absolute;
  right: 8px;
  top: 8px
}
.listIPhone li:last-child {
  border-bottom: none
}
.listIPhone.listTypeA {
  margin: 6px 0;
  border-radius: 8px;
  border: solid 1px #ccc
}
.listIPhone.listTypeA li a:not(.noListLink):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 {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 5% 5% 8%;
  margin: 0 0 30px 0
}
form dt {
  font-weight: 700;
  margin-bottom: 5px
}
form dd {
  margin-bottom: 20px
}
form dl {
  margin: 14px 0
}
input,
textarea {
  padding: 8px
}
.bmw {
  line-height: 160%
}
hr {
  border-style: dotted;
  color: #666
}
.require {
  font-size: 80%;
  background-color: #f30;
  color: #fff;
  padding: 2px;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  margin-left: 10px
}
.pc {
  font-size: 80%;
  background-color: #03874e;
  color: #fff;
  padding: 2px 6px;
  margin-left: 4px
}
.choice li {
  margin-bottom: 1em
}
.btn-assessment-submit {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  padding: 10px 12px;
  background: -moz-linear-gradient(top,#07c576 0,#235c44);
  background: -webkit-gradient(linear,left top,left bottom,from(#07c576),to(#235c44));
  -webkit-appearance: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #2d4a3d;
  -moz-box-shadow: 1px 1px 4px rgba(48,45,48,.3),inset 0 0 2px rgba(255,255,255,.7);
  -webkit-box-shadow: 1px 1px 4px rgba(48,45,48,.3),inset 0 0 2px rgba(255,255,255,.7);
  text-shadow: 1px 1px 2px rgba(000,000,000,.7),1px 1px 3px rgba(107,104,107,.6)
}
.btn-proposal-submit {
  width: 100%;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  padding: 10px 12px;
  background: -moz-linear-gradient(top,#00b1dd 0,#00588c);
  background: -webkit-gradient(linear,left top,left bottom,from(#00b1dd),to(#00588c));
  -webkit-appearance: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #004875;
  -moz-box-shadow: 1px 1px 4px rgba(000,000,000,.3),inset 0 0 2px rgba(255,255,255,.7);
  -webkit-box-shadow: 1px 1px 4px rgba(000,000,000,.5),inset 0 0 2px rgba(255,255,255,.7);
  text-shadow: 1px 1px 2px rgba(000,000,000,.4),1px 1px 3px rgba(107,104,107,.3)
}
dl[class^=radiobutton] {
  margin: 0 0 24px 0;
  font-size: 14px
}
dl[class^=radiobutton] dt {
  font-weight: 700;
  padding: 0 0 5px;
  background: #fff
}
dl[class^=radiobutton] dt:first-of-type {
  border-radius: 2px 2px 0 0
}
dl[class^=radiobutton] dd {
  margin: 0;
  padding: 0 0 0
}
dl[class^=radiobutton] dd:last-of-type {
  padding-bottom: 0;
  border-radius: 0 0 4px 4px
}
dl[class^=radiobutton] ul {
  margin: 0;
  padding: 0
}
dl.radiobutton dd:after {
  content: '';
  display: block;
  clear: both
}
dl.radiobutton dd li {
  position: relative;
  list-style: none;
  float: left;
  width: 40%
}
dl.radiobutton dd label {
  display: block;
  padding: 10px 20px;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(.5,#ddd),color-stop(.5,#ccc),color-stop(1,#bbb));
  border: 1px solid #fff;
  border-radius: 6px 0 0 6px;
  -webkit-box-shadow: 0 0 5px #aaa;
  color: #333;
  font-size: 120%;
  font-weight: 700;
  text-shadow: 0 1px #fff;
  text-align: center
}
dl.radiobutton dd li:last-child label {
  border-left: 0;
  border-radius: 0 6px 6px 0
}
dl.radiobutton dd input[type=radio]:checked + label {
  text-shadow: 0 -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
}
dl.radiobutton dd input[type=radio] {
  opacity: 0;
  position: absolute;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  padding: 0
}
#carCd,
#makerStateCd,
.dropdown,
.text,
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;
  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
}
.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
}
.gr {
  color: #20714f
}
.br {
  color: #007bb0
}
.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
}
.txt-error-phone {
  float: left;
  width: 100%;
  background: #ee0101;
  position: relative;
  z-index: 5001;
  color: #fff;
  width: 74px;
  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
}
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
}
div#balloon p {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 8px
}
div#balloon .tail {
  border-top: 18px solid #000;
  border-right: 24px solid transparent;
  position: absolute;
  bottom: -18px;
  left: 128px;
  width: 0;
  height: 0
}
.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))
}
.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
}
.closeup-list li a {
  display: block;
  height: 43px;
  padding-left: 8px;
  border-bottom: 1px solid #a6a6a6;
  background-position: right 18px
}
.closeup-list li h3 {
  display: inline;
  line-height: 43px;
  font-size: 100%
}
.closeup-list li a {
  display: block;
  height: 43px;
  padding-left: 8px;
  border-bottom: 1px solid #a6a6a6;
  background-position: right 18px
}
.closeup-list li a:not(.closeup-list) {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-sizing: border-box
}
.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)
}
.hiden1,
.hiden2,
.hiden3 {
  display: none
}