/* CSS Document */
.color-dark {
  color: #6fa95c; }

.color-light {
  color: #edf5ea; }

.color-hover {
  color: #dbe4cf; }

/*---------- top-img ----------*/
#top-img {
  background: url("../img/dealer-circle-left.svg"), url("../img/dealer-circle-right.svg");
  background-position: left -5% bottom -20%, right -5% top 35%;
  background-size: 310px,210px;
  background-repeat: no-repeat;
  background-color: #edf5ea;
  position: relative;
  padding-top: 80px; }
  @media screen and (max-width: 767px) {
    #top-img {
      padding-top: 0;
      background-image: none; } }
  #top-img .container {
    position: relative;
    bottom: -5rem;
    overflow: visible; }
    @media screen and (max-width: 767px) {
      #top-img .container {
        bottom: -3rem; } }
    #top-img .container h3 {
      font-size: 34px;
      font-size: 3.4rem;
      font-weight: bold;
      margin-bottom: 2rem; }
      @media screen and (max-width: 767px) {
        #top-img .container h3 {
          font-size: 30px;
          font-size: 3rem; } }
      @media screen and (max-width: 575px) {
        #top-img .container h3 {
          font-size: 24px;
          font-size: 2.4rem; } }
  #top-img img {
    width: 100%; }

.closed {
  margin-top: -2rem;
  margin-bottom: 3rem;
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .closed {
      font-size: 18px;
      font-size: 1.8rem;
      margin-top: 0;
      margin-bottom: 2rem; } }
  @media screen and (max-width: 575px) {
    .closed {
      font-size: 16px;
      font-size: 1.6rem; } }

/*---------- information ----------*/
#information {
  padding: 10rem 0 6rem; }
  @media screen and (max-width: 767px) {
    #information {
      padding: 5rem 0 3rem; } }
  #information table {
    width: 100%;
    margin-bottom: 6rem; }
    @media screen and (max-width: 575px) {
      #information table {
        margin-bottom: 4rem; } }
    #information table th {
      color: #6fa95c;
      border-bottom: solid 1px #6fa95c;
      width: 15%;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: normal;
      padding: 1em 0; }
      @media screen and (max-width: 991px) {
        #information table th {
          width: 20%; } }
      @media screen and (max-width: 767px) {
        #information table th {
          width: 25%; } }
      @media screen and (max-width: 575px) {
        #information table th {
          width: 30%;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.5; } }
    #information table td {
      border-bottom: solid 1px #dcdcdc;
      width: 85%;
      padding: 1em 0; }
      @media screen and (max-width: 991px) {
        #information table td {
          width: 80%; } }
      @media screen and (max-width: 767px) {
        #information table td {
          width: 75%; } }
      @media screen and (max-width: 575px) {
        #information table td {
          width: 70%;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.5; } }
      #information table td a {
        color: #6fa95c; }
        #information table td a:hover {
          text-decoration: underline;
          opacity: 0.6; }
  #information .gmap iframe {
    width: 100%;
    height: 430px; }
    @media screen and (max-width: 991px) {
      #information .gmap iframe {
        height: 350px; } }
    @media screen and (max-width: 575px) {
      #information .gmap iframe {
        height: 300px; } }