.section-submain {
  background: #ccc url(/assets/img/strategy/main.jpg) no-repeat center;
  background-size: cover;
}
.section-strategy {
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .section-strategy {
    padding: 20px 0;
  }
}
.section-strategy__box {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.section-strategy__box .img01 img {
  width: 100%;
}
.section-strategy__box h2 {
  margin: 40px 0 20px;
  font-size: 1.5rem;
  font-weight: normal;
  color: #721e1e;
}
.section-strategy__box .h2-txt {
  text-align: left;
}
.section-safety, .section-vehicle, .section-education, .section-teamwork {
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .section-safety, .section-vehicle, .section-education, .section-teamwork {
    padding: 20px 0;
  }
}
.section-safety__box, .section-vehicle__box, .section-education__box, .section-teamwork__box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.section-safety__img, .section-vehicle__img, .section-education__img, .section-teamwork__img {
  width: 60%;
  max-width: 688px;
}
@media screen and (max-width: 1080px) {
  .section-safety__img, .section-vehicle__img, .section-education__img, .section-teamwork__img {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .section-safety__img, .section-vehicle__img, .section-education__img, .section-teamwork__img {
    width: 100%;
  }
}
.section-safety__img img, .section-vehicle__img img, .section-education__img img, .section-teamwork__img img {
  width: 100%;
}
.section-safety__txt, .section-vehicle__txt, .section-education__txt, .section-teamwork__txt {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #eeeeee;
  width: 60%;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .section-safety__txt, .section-vehicle__txt, .section-education__txt, .section-teamwork__txt {
    position: relative;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .section-safety__txt, .section-vehicle__txt, .section-education__txt, .section-teamwork__txt {
    padding: 20px;
  }
}
.section-safety__txt .no, .section-vehicle__txt .no, .section-education__txt .no, .section-teamwork__txt .no {
  font-size: 3rem;
  font-weight: bold;
  font-style: italic;
  color: #721e1e;
  line-height: 1;
}
@media screen and (max-width: 480px) {
  .section-safety__txt .no, .section-vehicle__txt .no, .section-education__txt .no, .section-teamwork__txt .no {
    font-size: 1.5rem;
  }
}
.section-safety__txt h3, .section-vehicle__txt h3, .section-education__txt h3, .section-teamwork__txt h3 {
  margin: 20px 0;
  font-size: 1.5rem;
  font-weight: normal;
}
@media screen and (max-width: 480px) {
  .section-safety__txt h3, .section-vehicle__txt h3, .section-education__txt h3, .section-teamwork__txt h3 {
    margin: 10px 0;
    font-size: 1.125rem;
  }
}
.section-safety__row, .section-vehicle__row, .section-education__row, .section-teamwork__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section-safety__col, .section-vehicle__col, .section-education__col, .section-teamwork__col {
  width: 32%;
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .section-safety__col, .section-vehicle__col, .section-education__col, .section-teamwork__col {
    width: 49%;
  }
}
.section-safety__col .img01 img, .section-vehicle__col .img01 img, .section-education__col .img01 img, .section-teamwork__col .img01 img {
  width: 100%;
}
.section-safety__col h3, .section-vehicle__col h3, .section-education__col h3, .section-teamwork__col h3 {
  background-color: #1155a3;
  padding: 4px 10px;
  font-size: 1.125rem;
  font-weight: normal;
  color: #fff;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .section-safety__col h3, .section-vehicle__col h3, .section-education__col h3, .section-teamwork__col h3 {
    font-size: 1rem;
  }
}
.section-safety__col h3 + p, .section-vehicle__col h3 + p, .section-education__col h3 + p, .section-teamwork__col h3 + p {
  padding: 10px;
}
.section-vehicle__box, .section-teamwork__box {
  flex-direction: row-reverse;
}
.section-vehicle__txt, .section-teamwork__txt {
  left: 0;
  right: auto;
}
.section-environment {
  background-color: #eeeeee;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .section-environment {
    padding: 20px 0;
  }
}
.section-environment__box {
  width: 100%;
  max-width: 1200px;
  margin: 20px auto 0;
  text-align: center;
}
.section-environment__box .img01 img {
  width: 100%;
}
.section-environment__box h2 {
  margin: 40px 0 20px;
  font-size: 1.5rem;
  font-weight: normal;
}
.section-environment__row {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 20px;
}
.section-environment__col {
  width: 48%;
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .section-environment__col {
    width: 49%;
  }
}
.section-environment__col .img01 img {
  width: 100%;
}
.section-environment__col h3 {
  background-color: #1155a3;
  padding: 4px 10px;
  font-size: 1.125rem;
  font-weight: normal;
  color: #fff;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .section-environment__col h3 {
    font-size: 1rem;
  }
}
.section-environment__col h3 + p {
  padding: 10px;
}

/*# sourceMappingURL=index.css.map*/