main h1 + .flex { flex-wrap: nowrap; justify-content: center; }
main h1 + .flex img:first-child { margin-right: 5%; }
main .in { max-width: 960px; margin: 0 auto; }
main .in .flex { margin-top: 2em; }
main .in .flex img:first-child { width: 43.085%; }
main .in .flex img:last-child { width: 51.193%; }
main .in ul li { margin-top: 10rem; }
main .in ul li h2 { text-align: center; border-top: 1px solid #cccccc; }
main .in ul li h2 span { font-size: 2.8rem; color: #00765a; display: inline-block; position: relative; top: -0.9em; padding: 0 0.6em; background-color: #FFF; }
main .in ul li h3 { font-size: 3.4rem; text-align: center; margin-bottom: 1em; }
main .in ul li p { font-size: 2.2rem; }
main #logo { border: solid 1px #cccccc; padding: 5%; padding-top: 9rem; margin-top: 13rem; }
main #logo h2 { text-align: center; margin-bottom: 6rem; }
main #logo h3 { font-size: 2.8rem; color: #00765a; }
main #logo p { font-size: 1.8rem; line-height: 2; margin-top: 1em; }

@media screen and (min-width: 768px) and (max-width: 1258px) { main .flex img:first-child { width: 36%; display: block; margin-right: 5%; }
  main .flex img:last-child { width: 50%; } }
@media screen and (max-width: 767px) { main .flex { display: block; }
  main .flex img:first-child { width: 90%; display: block; margin: 0 auto 2.5em; }
  main .flex img:last-child { width: 100%; }
  main ul li h2 span { font-size: 2.2rem; top: -1em; }
  main ul li h3 { font-size: 2.8rem; }
  main ul li p { font-size: 1.7rem; }
  main #logo { padding-top: 6rem; margin-top: 8rem; }
  main #logo h2 { padding-left: 10%; padding-right: 10%; } }

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