.award {
  padding: 0 0 100px;
}
@media screen and (max-width: 768px) {
  .award {
    padding: 0 0 50px;
  }
}
.award h2.laurel {
  display: flex;
  justify-content: center;
  gap: 10px;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.4;
  color: #0a6f3a;
}
.award h2.laurel small {
  position: relative;
  font-size: clamp(1.25rem, 1.147rem + 0.47vw, 1.5rem);
  font-weight: 600;
}
.award h2.laurel::before {
  content: "";
  width: 42px;
  background: url(../images/laurel_l.svg) no-repeat center center/contain;
}
.award h2.laurel::after {
  content: "";
  width: 42px;
  background: url(../images/laurel_r.svg) no-repeat center center/contain;
}
.award .flex {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.award .flex img {
  height: 330px;
}
@media screen and (max-width: 768px) {
  .award .flex img {
    height: auto;
    width: calc(50% - 10px);
  }
}

.president {
  padding: 0 0 100px;
}
@media screen and (max-width: 768px) {
  .president {
    padding: 0 0 50px;
  }
}
.president .president-wrapper {
  position: relative;
  padding-top: 50px;
}
.president .president-wrapper .president-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 42%;
}
.president .president-wrapper .president-img .company-name {
  font-size: clamp(0.875rem, 0.772rem + 0.47vw, 1.125rem);
}
.president .president-wrapper .president-img .president-name small {
  font-size: clamp(0.75rem, 0.699rem + 0.24vw, 0.875rem);
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .president .president-wrapper .president-img {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
}
.president .president-wrapper .president-content {
  width: 65%;
  padding: 60px 60px 60px 10%;
  background: #F4F8F7;
  margin: 0 0 0 auto;
}
.president .president-wrapper .president-content .president-title {
  color: #0a6f3a;
  font-weight: 900;
  font-size: clamp(1rem, 0.846rem + 0.71vw, 1.375rem);
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .president .president-wrapper .president-content {
    width: 100%;
    padding: 20px 30px;
  }
}

.company {
  padding: 100px 0;
  background: #F4F8F7;
}
.company table {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}
.company table tr {
  border-bottom: 1px solid #83A78B;
}
.company table th {
  width: 17%;
  padding: 20px 30px;
  text-align: left;
  vertical-align: top;
  font-weight: 600;
}
.company table td {
  padding: 20px 20px;
}
@media screen and (max-width: 768px) {
  .company {
    padding: 50px 0;
  }
  .company table tr th {
    width: 100%;
    padding: 20px 0 10px;
    display: block;
  }
  .company table tr td {
    display: block;
    padding: 0 0 20px;
    width: 100%;
  }
}/*# sourceMappingURL=about.css.map */