/* constance variable */
/* noto sans font weight */
/* general method */
body > .wrapper > h1 {
  display: table;
  margin-bottom: 2.5rem; }
  @media only screen and (max-width: 736px) {
    body > .wrapper > h1 {
      display: block; } }
  body > .wrapper > h1 span.left {
    border-left: solid 1px #995522;
    border-right: solid 1px #995522;
    padding: 0 1.5625rem;
    display: table-cell;
    font-size: 1.03125rem;
    line-height: 150%;
    text-align: center;
    vertical-align: middle; }
    @media only screen and (max-width: 736px) {
      body > .wrapper > h1 span.left {
        display: block;
        border-left: none;
        border-right: none;
        border-top: solid 1px #995522;
        border-bottom: solid 1px #995522;
        padding: 0.5em 0 0.5em 0.5em;
        margin-bottom: 1.25rem;
        font-size: 0.84375rem;
        text-align: left; }
        body > .wrapper > h1 span.left br {
          display: none; } }
  body > .wrapper > h1 span.right {
    display: table-cell;
    padding-left: 1.875rem;
    color: #995522;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 125%; }
    @media only screen and (max-width: 736px) {
      body > .wrapper > h1 span.right {
        display: block;
        padding-left: 0;
        font-size: 1.40625rem; } }

body > .wrapper > p {
  margin-bottom: 2.25rem;
  font-size: 0.875rem; }

body > .wrapper > .images {
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 2.1875rem; }
  @media only screen and (max-width: 736px) {
    body > .wrapper > .images {
      display: block; } }
  body > .wrapper > .images img {
    display: block;
    width: 50%; }
    @media only screen and (max-width: 736px) {
      body > .wrapper > .images img {
        width: 100%; } }

.nav {
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.4375rem; }
  @media only screen and (max-width: 736px) {
    .nav {
      display: block; } }
  .nav .col {
    width: 31.25%; }
    @media only screen and (max-width: 736px) {
      .nav .col {
        width: 100%; }
        .nav .col:not(:last-child) {
          margin-bottom: 1.25rem; } }
    .nav .col a {
      background: #995522;
      display: block;
      width: 100%;
      padding: 2.1875rem 0 2.9375rem;
      color: #fff;
      font-size: 1.25rem;
      font-weight: bold;
      text-align: center;
      position: relative;
      line-height: 125%; }
      @media only screen and (max-width: 736px) {
        .nav .col a {
          font-size: 0.9375rem;
          padding: 1em 0 1.5em; } }
      .nav .col a.row2 {
        padding: 1.5rem 0 2rem; }
        @media only screen and (max-width: 736px) {
          .nav .col a.row2 {
            padding: 1em 0 1.5em; }
            .nav .col a.row2 br {
              display: none; } }
      .nav .col a:hover {
        background: #c36c2b;
        text-decoration: none; }
      .nav .col a:after {
        border-bottom: solid 3px #fff;
        border-right: solid 3px #fff;
        content: " ";
        display: block;
        width: 9px;
        height: 9px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        bottom: 13px;
        left: calc(50% - 4px); }
    .nav .col p {
      font-size: 0.875rem; }

section:not(:last-child) {
  margin-bottom: 3.75rem; }
section h2 {
  margin-bottom: 1.25rem; }
  section h2 > span {
    background: #995522;
    display: inline-block;
    padding: 0.25em 1em;
    margin-bottom: 1rem;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: bold; }
    @media only screen and (max-width: 736px) {
      section h2 > span {
        font-size: 0.6875rem; } }
  section h2 > b {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 140%; }
    @media only screen and (max-width: 736px) {
      section h2 > b {
        font-size: 1.125rem; }
        section h2 > b br {
          display: none; } }
section p {
  margin-bottom: 2.5rem; }

.loan figure {
  text-align: center; }
  .loan figure img {
    max-width: 439px;
    width: 100%; }

.lease .btn {
  text-align: center; }
  .lease .btn img {
    width: 100%;
    max-width: 840px; }

.safety ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 87.5%;
  margin: 0 auto 2.5rem; }
  @media only screen and (max-width: 736px) {
    .safety ul {
      display: block;
      text-align: center; } }
  .safety ul img {
    width: 100%; }
    @media only screen and (max-width: 736px) {
      .safety ul img {
        width: auto;
        max-width: 100%; } }
  @media only screen and (max-width: 736px) {
    .safety ul li:not(:last-child) {
      margin-bottom: 1.25rem; } }

.reserve {
  margin-bottom: 3.75rem; }
  .reserve h1 {
    margin-bottom: 2.5rem;
    text-align: center; }
    .reserve h1 img {
      width: 100%;
      max-width: 483px; }
  .reserve .btn {
    text-align: center; }
    .reserve .btn img {
      width: 100%;
      max-width: 841px; }

/*# sourceMappingURL=car.css.map */