/* 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 > figure {
  margin-bottom: 2rem;
  text-align: center; }
  body > .wrapper > figure img {
    width: 100%; }

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

body > .wrapper > .slider .bx-wrapper {
  margin-bottom: 3.75rem;
  background: none;
  box-shadow: none; }
  body > .wrapper > .slider .bx-wrapper .bx-prev {
    background: url(../official_car/img/slide_prev.png) no-repeat;
    left: 0; }
  body > .wrapper > .slider .bx-wrapper .bx-next {
    background: url(../official_car/img/slide_next.png) no-repeat;
    right: 0; }
body > .wrapper > .slider .bx-wrapper .bx-controls-direction a {
  width: 20px;
  height: 20px; }
body > .wrapper > .slider img {
  width: 100%; }

.read {
  margin-bottom: 2.5rem; }
  .read h2 {
    text-align: center; }
    .read h2 img {
      max-width: 909px;
      width: 100%; }
  .read ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 2.5rem; }
    @media only screen and (max-width: 736px) {
      .read ul {
        display: block; } }
    .read ul li {
      width: 30.20833%; }
      .read ul li img {
        width: 100%; }
      @media only screen and (max-width: 736px) {
        .read ul li {
          width: 100%;
          text-align: center; } }
  .read p {
    text-align: center; }
    .read p img {
      width: 100%;
      max-width: 386px; }

.contents > section {
  margin-bottom: 3.75rem; }
  @media only screen and (max-width: 736px) {
    .contents > section {
      margin-bottom: 1.875rem; } }
  .contents > section > h1 {
    background: #0096dc;
    margin-bottom: 2.5rem;
    padding: 0.625rem 0;
    color: #fff;
    font-size: 1.375rem;
    font-weight: 400;
    text-align: center; }
    @media only screen and (max-width: 736px) {
      .contents > section > h1 {
        margin-bottom: 1.625rem;
        font-size: 0.625rem; } }
    .contents > section > h1 b {
      display: block;
      margin-bottom: 0.25em;
      font-size: 2.25rem;
      font-weight: bold; }
      @media only screen and (max-width: 736px) {
        .contents > section > h1 b {
          font-size: 1.125rem; } }
  .contents > section.cars ul {
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    flex-wrap: wrap; }
    .contents > section.cars ul li {
      width: 31.25%;
      margin-bottom: 1.875rem; }
      @media only screen and (max-width: 736px) {
        .contents > section.cars ul li {
          width: 100%; } }
      .contents > section.cars ul li img {
        width: 100%; }
  .contents > section.cars .btn {
    margin-top: 1.875rem;
    text-align: center; }
    .contents > section.cars .btn img {
      max-width: 100%; }
  @media only screen and (max-width: 736px) {
    .contents > section.reason h1, .contents > section.service h1, .contents > section.select h1 {
      margin-bottom: 0.625rem; } }
  .contents > section.reason li:first-child, .contents > section.service li:first-child, .contents > section.select li:first-child {
    margin-bottom: 1.875rem; }
    @media only screen and (max-width: 736px) {
      .contents > section.reason li:first-child, .contents > section.service li:first-child, .contents > section.select li:first-child {
        margin-bottom: 0.75rem; } }
  .contents > section.reason li, .contents > section.reason p, .contents > section.service li, .contents > section.service p, .contents > section.select li, .contents > section.select p {
    text-align: center; }
  .contents > section.reason img, .contents > section.service img, .contents > section.select img {
    max-width: 100%; }
.contents aside {
  font-size: 0.75rem;
  line-height: 175%; }

.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=official.css.map */