.container {
  max-width: 1000px;
}

#mainvisual {
  text-align: center;
}

#about {
  background: url(../images/event/bg.png);
  padding: 70px 0;
}
#about .about__date {
  margin-bottom: 70px;
  text-align: center;
}
#about .about__date img {
  width: 70%;
}
#about .about__event .event__row:first-child {
  margin-bottom: 50px;
}
#about .about__event .event__row .event__col:nth-child(1) {
  width: 63%;
}
#about .about__event .event__row .event__col:nth-child(2) {
  width: 35%;
}

#car .car__about {
  text-align: center;
}
#car .car__about img {
  width: 90%;
  margin-top: -2%;
}
#car .car__button {
  text-align: center;
  padding: 50px 0;
}
#car .car__button a {
  margin-left: -6%;
}

@media screen and (max-width: 768px) {
  #about {
    padding: 30px 0;
  }
  #about .about__date {
    margin-bottom: 30px;
  }
  #about .about__date img {
    width: 100%;
  }
  #about .about__event .event__row:first-child {
    margin-bottom: 30px;
  }
  #about .about__event .event__row .event__col:nth-child(1) {
    width: 100%;
    margin-bottom: 30px;
  }
  #about .about__event .event__row .event__col:nth-child(2) {
    width: 100%;
  }

  #car .container {
    padding: 0;
  }
  #car .car__button {
    padding: 30px 0;
  }
  #car .car__button a img {
    width: 50%;
  }
}