@charset "utf-8";

body {
  background-color: #000;
  /*background: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0.6)),
              url(../img/bg.jpg) repeat;*/
  color: #fff;
}
a {
  color: #0069a6;
}
a:hover {
  color: #0069a6;
}
/*調整クラス*/
.h200 {
  height: 200px;
}
.f-white {
  color: #fff;
}
.f-orange {
  color: #eca315;
}
.f-pink-b {
  color: #e4007f;
  font-weight: bold;
}
.f-pink-l {
  color: #e4007f;
  font-size: 55px;
  font-weight: bold;
}
.f-orange-lg {
  color: #f95d16;
  font-weight: bold;
  font-size: 2.0em;
}
.f-05em {
  font-size: 0.5em;
}
.f-08em {
  font-size: 0.8em;
}
.f-1em {
  font-size: 1em;
}
.f-15em {
  font-size: 1.5em;
}
.f-2em {
  font-size: 2em;
}
.f-responsive-s {
  font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));
}
.f-responsive-l {
  font-size: calc(2.4rem + ((1vw - 0.64rem) * 1.1429));
}
.m-bottom-10 {
  margin-bottom: 10px;
}
.m-bottom-15 {
  margin-bottom: 15px;
}
.m-top-10 {
  margin-top: 10px;
}
.m-top-20 {
  margin-top: 20px;
}
.m-top-50 {
  margin-top: 50px;
}
.m-left-15 {
  margin-left: 15px;
}
.m-right-15 {
  margin-right: 15px;
}
.m-right-30 {
  margin-right: 30px;
}
.m-left-30 {
  margin-left: 30px;
}
.pad-10 {
  padding: 10px;
}
.line-height-08 {
  line-height: 0.8;
}
.title {
  color: #fff;
  /*text-align: center;*/
  margin-bottom: 30px;
  /*font-weight: bold;*/
  font-size: 24px;
  padding-left: 40px;
  border-bottom: 1px solid #fff;
  background: url(../img/icon_title.png) left no-repeat;
}
.title>span {
  font-size: 13px;
  margin-left: 10px;
  line-height: 32px;
  vertical-align: middle;
  font-weight: normal;
}
#map_canvas {
  color: #000;
}
.hr1 {
  height: 1px;
  background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.5) 50%,
    hsla(0, 0%, 100%, 0) 100%);
}

/*slider*/
.slider-box {
  overflow: hidden;
  margin-bottom: 20px;
}

/*ナビゲーション*/
.sns-logo {
  max-height: 50px;
}
.head-line {
  background-color: #0069a6;
  height: 10px;
  margin-bottom: 10px;
}
nav {
  background-color: #0069a6;
  margin-top: 10px;
}
#navbar-main {
  /*line-height: 50px;*/
  text-align: center;
  margin: 0;
}
#navbar-main div {
  padding: 0;
}
#navbar-main a {
  display: block;
  color: #fff;
  margin: 10px 0 10px;
}
#navbar-main a:hover {
  background-color: #6dcaff;
  color: #fff;
  text-decoration: none;
}
#navbar-main a span {
  font-size: 11px;
  display: block;
}
#nav-footer {
  background-color: #6dcaff;
  padding: 20px 0;
  color: #0069a6;
}
#nav-footer ul {
  margin: 0;
}
#nav-footer ul li a {
  color: #0069a6;
}
#copy {
  background-color: #0069a6;
  line-height: 4em;
  text-align: center;
  color: #fff;
}
.footer-battern {
  background: url(../img/bg_pattern.png) repeat-x;
  height: 19px;
  margin-top: 20px;
}
footer {
  /*margin-top: 20px;*/
  background-color: #0069a6;
}
#footer-logo {
  background-color: #0069a6;
  padding-top: 10px;
}
#footer-logo img {
  margin: 0 auto;
}

/*トップページ*/
#notice-top {
  /*padding: 30px 0;*/
}
#notice-top h2 {
  /*color: #fff;*/
}
#notice-top ul {
  margin-top: 10px;
}
#notice-top ul li {
  padding: 10px;
  border-bottom: 1px dotted #333;
}
#notice-top ul li a {
  margin-left: 10px;
}
#salescar-top {
  background: url(../img/bg_salescar.jpg) top center no-repeat;
  background-size: cover;
  padding-bottom: 30px;
}
#salescar-top .salescar-wrapper {
  max-height: 600px;
  overflow: auto;
}
.car-box {
  height: 320px;
  overflow: hidden;
}
.car-box img {
  margin-bottom: 10px;
}
.car-box .price {
  color: #9e1f24;
  font-size: 24px;
  font-weight: bold;
}
#banner-area {
  margin-top: 30px;
  /*padding-top: 20px;*/
  /*padding-bottom: 5px;*/
  /*background-color: #fff;*/
}
#banner-area .banner-box {
  border: 1px solid #0069a6;
  padding: 10px;
  background-color: #fff;
}
#banner-area .banner-box p {
  color: #333;
}

/*トップページ店舗紹介*/
.wrapper-shop {
  background: url(../img/bg_02.png) repeat;
}
#shop-top {
  margin-top: 20px;
  padding-bottom: 30px;
}
#shop-top dl dt {
  text-align: center;
  background-color: #0069a6;
  color: #fff;
}
#shop-top dl dd {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  #shop-top dl dt {
    width: 120px;
  }
  #shop-top dl dd {
    margin-left: 140px;
  }
}

/*当社について*/
#about01, #about02 {
  background-color: #333;
  padding: 20px;
}
#about02 {
  margin-top: 20px;
}


/*お知らせ*/
ul#notice li {
  padding: 10px;
  border-bottom: 1px dotted #333;
}
ul#notice li a {
  margin-left: 10px;
}


/*申込みフォーム*/
.team-box {
  margin: 10px;
  padding: 10px;
  border: 1px solid #ccc;
}

/*求人情報*/
#recruit dl dt {
  text-align: center;
  background-color: #0069a6;
  color: #fff;
}
#recruit dl dd {
  margin-bottom: 5px;
}

/*システム*/
.system-wrapper {
  background: url(../img/bg_system.jpg) center;
  background-size: over;
}
#system {
  font-family: 'Sawarabi Mincho', sans-serif;
}
#system .system-text table {
  width: 100%;
  margin-bottom: 50px;
}
#system .system-text table tr td {
  padding: 5px;
}