/*
****************************/
.historySect {
  overflow: hidden; }
  .historySect .sectMain .historyList {
    position: relative; }
    .historySect .sectMain .historyList:before {
      position: absolute;
      display: block;
      width: 0;
      height: 200%;
      content: '';
      background-repeat: no-repeat;
      background-position: 0 0;
      -webkit-background-size: 100% auto;
              background-size: 100% auto;
      left: 0;
      top: 50%;
      z-index: -1;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background: #0b75b2;
      background: -moz-linear-gradient(top, #0b75b2 0%, #1565a9 100%);
      background: -webkit-linear-gradient(top, #0b75b2 0%, #1565a9 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(#0b75b2), to(#1565a9));
      background: linear-gradient(to bottom, #0b75b2 0%, #1565a9 100%);
      background-color: #003E73;
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b75b2', endColorstr='#1565a9',GradientType=0 ); }
    .historySect .sectMain .historyList li {
      position: relative;
      z-index: 1; }
      .historySect .sectMain .historyList li .year {
        position: relative;
        color: #fff; }
      .historySect .sectMain .historyList li .historyTbl tbody tr th {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-align: right;
        color: #fff; }
      .historySect .sectMain .historyList li .historyTbl tbody tr td .notes span {
        color: #003e73; }
      .historySect .sectMain .historyList li .historyTbl tbody tr td .notes::before {
        content: ''; }

@media only screen and (min-width: 769px), print {
  .historySect {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 900px;
    margin: 0 auto;
    padding: 50px 0 120px; }
    .historySect .sectMain {
      margin-top: 20px; }
      .historySect .sectMain .historyList:before {
        width: 205px; }
      .historySect .sectMain .historyList li {
        display: -webkit-box;
        display: flex; }
        .historySect .sectMain .historyList li + li {
          margin-top: 30px; }
        .historySect .sectMain .historyList li .year {
          line-height: 1.4;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 125px;
          margin-top: -2px;
          padding-right: 5px;
          text-align: right;
          font-size: 28px;
          font-size: 2.8rem; }
        .historySect .sectMain .historyList li .historyTbl {
          display: block;
          max-width: 760px; }
          .historySect .sectMain .historyList li .historyTbl tbody tr th {
            line-height: 1;
            width: 90px;
            padding-top: .3em;
            padding-right: 25px;
            font-size: 22px;
            font-size: 2.2rem; }
          .historySect .sectMain .historyList li .historyTbl tbody tr td {
            line-height: 1.8;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding-left: 25px;
            font-size: 18px;
            font-size: 1.8rem; }
            .historySect .sectMain .historyList li .historyTbl tbody tr td .notes {
              line-height: 1.5;
              margin-top: -.3em;
              padding-left: .5em;
              font-size: 12px;
              font-size: 1.2rem; }
              .historySect .sectMain .historyList li .historyTbl tbody tr td .notes::before {
                margin-left: -.5em; } }

@media only screen and (max-width: 768px) {
  .historySect {
    margin-left: -5.33333vw;
    padding-top: 9.33333vw;
    padding-bottom: 21.33333vw; }
    .historySect .sectMain {
      margin-top: 2.66667vw; }
      .historySect .sectMain .historyList:before {
        width: 25.33333vw; }
      .historySect .sectMain .historyList li .year {
        line-height: 1.4;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 25.33333vw;
        margin-top: 5.33333vw;
        padding-right: 2.66667vw;
        padding-left: 1.33333vw;
        text-align: right;
        font-size: 34px;
        font-size: 9.06667vw; } }
      @media only screen and (max-width: 768px) and (max-width: 374px) {
        .historySect .sectMain .historyList li .year {
          font-size: 26px;
          font-size: 6.93333vw; } }

@media only screen and (max-width: 768px) {
      .historySect .sectMain .historyList li .historyTbl tbody {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-flow: column nowrap; }
        .historySect .sectMain .historyList li .historyTbl tbody tr {
          margin-top: 4vw; }
          .historySect .sectMain .historyList li .historyTbl tbody tr th {
            line-height: 1;
            width: 25.33333vw;
            padding-top: .15em;
            padding-right: 2.66667vw;
            padding-left: 1.33333vw;
            font-size: 18px;
            font-size: 4.8vw; } }
          @media only screen and (max-width: 768px) and (max-width: 374px) {
            .historySect .sectMain .historyList li .historyTbl tbody tr th {
              font-size: 17px;
              font-size: 4.53333vw; } }

@media only screen and (max-width: 768px) {
          .historySect .sectMain .historyList li .historyTbl tbody tr td {
            line-height: 1.7;
            padding-left: 2.66667vw;
            font-size: 13px;
            font-size: 3.46667vw; }
            .historySect .sectMain .historyList li .historyTbl tbody tr td .notes {
              line-height: 1.5;
              margin-top: -.3em;
              padding-left: .5em;
              font-size: 10px;
              font-size: 2.66667vw; }
              .historySect .sectMain .historyList li .historyTbl tbody tr td .notes::before {
                margin-left: -.5em; } }