.about-content { display: flex; position: relative; margin-left: 10%; height: 550px; }

.about-content .about-content-icon { position: absolute; width: 50px; left: -20px; top: -20px; }

.about-content .about-content-left { width: 304px; }

.about-content .about-content-right { padding: 6%; flex: 1; background: url(../images/about03.jpg) no-repeat; background-size: cover; height: 100%; max-width: 100%; }

.about-content .about-content-right .about-content-company { font-size: 20px; font-weight: bold; color: #da0c11; margin-bottom: 30px; }

.about-content .about-content-right .about-content-summary { min-width: 760px; max-width: 100%; }

.about-content .about-content-right .about-content-summary p { line-height: 30px; margin-bottom: 20px; }

.about-content .about-content-right .about-content-summary p a { font-weight: bold; }

@media (max-width: 768px) { .wrap { padding-top: 50px; }
  .about-content { height: auto; margin: 0; flex-wrap: wrap; }
  .about-content .about-content-left { width: 100%; height: 200px; object-fit: cover; }
  .about-content .about-content-right { padding: 20px 10px; width: 100%; background: none; }
  .about-content .about-content-right .about-content-company { color: #474747; }
  .about-content .about-content-right .about-content-summary { width: 100%; min-width: auto; } }