.main-visual {
  background-image: url(../img/vehicles/vehicles-1.jpg); }

.content-1 {
  width: 1120px;
  margin: 0 auto 90px; }
  .content-1 .container-1 {
    display: flex;
    justify-content: space-between; }
    .content-1 .container-1 h2 {
      height: 180px;
      padding: 25px;
      font-size: 36px;
      border: 2px solid #20b378;
      line-height: 1.7; }
      .content-1 .container-1 h2:after {
        content: none; }
      .content-1 .container-1 h2 span {
        font-size: 60px;
        color: #20b378; }
    .content-1 .container-1 .container-2 {
      width: 760px; }
      .content-1 .container-1 .container-2 .container-3 {
        display: flex;
        justify-content: space-between;
        margin: 0 0 20px 0; }
        .content-1 .container-1 .container-2 .container-3 table {
          border-collapse: collapse; }
          .content-1 .container-1 .container-2 .container-3 table th, .content-1 .container-1 .container-2 .container-3 table td {
            white-space: nowrap; }
          .content-1 .container-1 .container-2 .container-3 table td {
            font-size: 15px;
            padding: 15px 0;
            border-bottom: 1px solid #d0d0d0; }
          .content-1 .container-1 .container-2 .container-3 table:nth-of-type(1) {
            width: 340px; }
          .content-1 .container-1 .container-2 .container-3 table:nth-of-type(2) {
            width: 380px; }

@media screen and (max-width: 767px) {
  .content-1 {
    width: 90%;
    margin: 0 auto 60px; }
    .content-1 .container-1 {
      display: block; }
      .content-1 .container-1 h2 {
        height: 150px;
        padding: 20px;
        font-size: 26px; }
        .content-1 .container-1 h2 span {
          font-size: 40px; }
      .content-1 .container-1 .container-2 {
        width: 100%; }
        .content-1 .container-1 .container-2 .container-3 table td {
          font-size: 14px; }
        .content-1 .container-1 .container-2 .container-3 table:nth-of-type(1) {
          width: 45%; }
        .content-1 .container-1 .container-2 .container-3 table:nth-of-type(2) {
          width: 45%; } }
@media screen and (max-width: 599px) {
  .content-1 .container-1 .container-2 .container-3 {
    display: block; }
    .content-1 .container-1 .container-2 .container-3 table:nth-of-type(1) {
      width: 100%; }
    .content-1 .container-1 .container-2 .container-3 table:nth-of-type(2) {
      width: 100%; } }
@media screen and (max-width: 414px) {
  .content-1 {
    margin: 0 auto 30px; }
    .content-1 .container-1 h2 {
      height: 95px;
      padding: 15px;
      font-size: 16px; }
      .content-1 .container-1 h2 span {
        font-size: 20px; }
    .content-1 .container-1 .container-2 .container-3 {
      margin: 0 0 15px; }
      .content-1 .container-1 .container-2 .container-3 table td {
        font-size: 13px;
        padding: 10px 0; } }
.content-2 {
  width: 1120px;
  margin: 0 auto 70px; }
  .content-2 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .content-2 ul li {
      margin: 0 0 20px 0; }

@media screen and (max-width: 767px) {
  .content-2 {
    width: 90%;
    margin: 0 auto 50px; }
    .content-2 ul li {
      width: 49%; }
      .content-2 ul li img {
        width: 100%; } }
@media screen and (max-width: 414px) {
  .content-2 {
    margin: 0 auto 30px; }
    .content-2 ul li {
      margin: 0 0 15px;
      width: 100%; } }