main section h1 {
  margin-bottom: 84px; }
  @media only screen and (max-width: 768px) {
    main section h1 {
      margin-bottom: 8vw; } }
  main section h1 img {
    width: 100%; }
main section h2 {
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  color: #003594;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  padding: 0 16px; }
  @media only screen and (max-width: 768px) {
    main section h2 {
      font-size: 4.2vw;
      padding: 0; } }
main section h3 {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  color: #003594;
  margin-bottom: 20px;
  padding: 0 16px; }
  @media only screen and (max-width: 768px) {
    main section h3 {
      font-size: 3.8vw;
      padding: 0; } }
main section.sec1 .content {
  padding-top: 65px;
  padding-bottom: 50px; }
  @media only screen and (max-width: 768px) {
    main section.sec1 .content {
      padding-top: 0;
      padding-bottom: 5vw; } }
  main section.sec1 .content .btnwrap ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      main section.sec1 .content .btnwrap ul {
        flex-wrap: wrap;
        justify-content: flex-start; } }
    main section.sec1 .content .btnwrap ul li {
      width: 19%;
      background-color: #003594;
      border-radius: 50px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media only screen and (max-width: 768px) {
        main section.sec1 .content .btnwrap ul li {
          width: 48%;
          margin-bottom: 3vw; }
          main section.sec1 .content .btnwrap ul li:nth-child(odd) {
            margin-left: 2%; } }
      main section.sec1 .content .btnwrap ul li a {
        display: block;
        padding: 8px 0;
        color: #FFF;
        font-size: 13px; }
        @media only screen and (max-width: 768px) {
          main section.sec1 .content .btnwrap ul li a {
            padding: 3vw 0; } }
main section.sec2 .content, main section.sec3 .content, main section.sec4 .content, main section.sec5 .content, main section.sec6 .content {
  padding-top: 60px; }
  @media only screen and (max-width: 768px) {
    main section.sec2 .content, main section.sec3 .content, main section.sec4 .content, main section.sec5 .content, main section.sec6 .content {
      padding-top: 6vw; } }
  main section.sec2 .content .tablewrap, main section.sec3 .content .tablewrap, main section.sec4 .content .tablewrap, main section.sec5 .content .tablewrap, main section.sec6 .content .tablewrap {
    width: 100%; }
    main section.sec2 .content .tablewrap table, main section.sec3 .content .tablewrap table, main section.sec4 .content .tablewrap table, main section.sec5 .content .tablewrap table, main section.sec6 .content .tablewrap table {
      width: 100%;
      border-collapse: collapse; }
      main section.sec2 .content .tablewrap table tr td, main section.sec3 .content .tablewrap table tr td, main section.sec4 .content .tablewrap table tr td, main section.sec5 .content .tablewrap table tr td, main section.sec6 .content .tablewrap table tr td {
        padding: 15px 25px;
        text-align: left;
        vertical-align: top;
        word-break: break-all; }
        @media only screen and (max-width: 768px) {
          main section.sec2 .content .tablewrap table tr td, main section.sec3 .content .tablewrap table tr td, main section.sec4 .content .tablewrap table tr td, main section.sec5 .content .tablewrap table tr td, main section.sec6 .content .tablewrap table tr td {
            padding: 2vw 3vw;
            font-size: 3.4vw; } }
        main section.sec2 .content .tablewrap table tr td dl, main section.sec3 .content .tablewrap table tr td dl, main section.sec4 .content .tablewrap table tr td dl, main section.sec5 .content .tablewrap table tr td dl, main section.sec6 .content .tablewrap table tr td dl {
          min-width: 50%;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          flex-wrap: nowrap;
          justify-content: space-between;
          margin: 0 0 5px; }
          @media only screen and (max-width: 768px) {
            main section.sec2 .content .tablewrap table tr td dl, main section.sec3 .content .tablewrap table tr td dl, main section.sec4 .content .tablewrap table tr td dl, main section.sec5 .content .tablewrap table tr td dl, main section.sec6 .content .tablewrap table tr td dl {
              min-width: 100%;
              width: 100%; } }
          main section.sec2 .content .tablewrap table tr td dl:last-child, main section.sec3 .content .tablewrap table tr td dl:last-child, main section.sec4 .content .tablewrap table tr td dl:last-child, main section.sec5 .content .tablewrap table tr td dl:last-child, main section.sec6 .content .tablewrap table tr td dl:last-child {
            margin: 0; }
          main section.sec2 .content .tablewrap table tr td dl dt,
          main section.sec2 .content .tablewrap table tr td dl dd, main section.sec3 .content .tablewrap table tr td dl dt,
          main section.sec3 .content .tablewrap table tr td dl dd, main section.sec4 .content .tablewrap table tr td dl dt,
          main section.sec4 .content .tablewrap table tr td dl dd, main section.sec5 .content .tablewrap table tr td dl dt,
          main section.sec5 .content .tablewrap table tr td dl dd, main section.sec6 .content .tablewrap table tr td dl dt,
          main section.sec6 .content .tablewrap table tr td dl dd {
            padding: 0;
            margin: 0;
            word-break: break-all; }
            @media only screen and (max-width: 768px) {
              main section.sec2 .content .tablewrap table tr td dl dt,
              main section.sec2 .content .tablewrap table tr td dl dd, main section.sec3 .content .tablewrap table tr td dl dt,
              main section.sec3 .content .tablewrap table tr td dl dd, main section.sec4 .content .tablewrap table tr td dl dt,
              main section.sec4 .content .tablewrap table tr td dl dd, main section.sec5 .content .tablewrap table tr td dl dt,
              main section.sec5 .content .tablewrap table tr td dl dd, main section.sec6 .content .tablewrap table tr td dl dt,
              main section.sec6 .content .tablewrap table tr td dl dd {
                font-size: 3.4vw; } }
          main section.sec2 .content .tablewrap table tr td dl dt, main section.sec3 .content .tablewrap table tr td dl dt, main section.sec4 .content .tablewrap table tr td dl dt, main section.sec5 .content .tablewrap table tr td dl dt, main section.sec6 .content .tablewrap table tr td dl dt {
            width: 35%; }
            @media only screen and (max-width: 768px) {
              main section.sec2 .content .tablewrap table tr td dl dt, main section.sec3 .content .tablewrap table tr td dl dt, main section.sec4 .content .tablewrap table tr td dl dt, main section.sec5 .content .tablewrap table tr td dl dt, main section.sec6 .content .tablewrap table tr td dl dt {
                width: auto; } }
          main section.sec2 .content .tablewrap table tr td dl dd, main section.sec3 .content .tablewrap table tr td dl dd, main section.sec4 .content .tablewrap table tr td dl dd, main section.sec5 .content .tablewrap table tr td dl dd, main section.sec6 .content .tablewrap table tr td dl dd {
            width: 65%; }
          main section.sec2 .content .tablewrap table tr td dl.address dt, main section.sec3 .content .tablewrap table tr td dl.address dt, main section.sec4 .content .tablewrap table tr td dl.address dt, main section.sec5 .content .tablewrap table tr td dl.address dt, main section.sec6 .content .tablewrap table tr td dl.address dt {
            width: 25%; }
            @media only screen and (max-width: 768px) {
              main section.sec2 .content .tablewrap table tr td dl.address dt, main section.sec3 .content .tablewrap table tr td dl.address dt, main section.sec4 .content .tablewrap table tr td dl.address dt, main section.sec5 .content .tablewrap table tr td dl.address dt, main section.sec6 .content .tablewrap table tr td dl.address dt {
                width: auto; } }
          main section.sec2 .content .tablewrap table tr td dl.address dd, main section.sec3 .content .tablewrap table tr td dl.address dd, main section.sec4 .content .tablewrap table tr td dl.address dd, main section.sec5 .content .tablewrap table tr td dl.address dd, main section.sec6 .content .tablewrap table tr td dl.address dd {
            width: 90%; }
      main section.sec2 .content .tablewrap table tr:nth-child(even) td, main section.sec3 .content .tablewrap table tr:nth-child(even) td, main section.sec4 .content .tablewrap table tr:nth-child(even) td, main section.sec5 .content .tablewrap table tr:nth-child(even) td, main section.sec6 .content .tablewrap table tr:nth-child(even) td {
        background-color: #F4F3F9; }
main section .content .tablewrap table tr td dl.officer dt {
  width: 120%; }
  @media only screen and (max-width: 768px) {
    main section .content .tablewrap table tr td dl.officer dt {
      width: 85%;
      box-sizing: border-box;
      padding-right: 5%; } }
main section.sec5 .content {
  padding-bottom: 70px; }
  @media only screen and (max-width: 768px) {
    main section.sec5 .content {
      padding-bottom: 7vw; } }

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