@charset "UTF-8";
h3 {
  font-size: 1.4em;
  letter-spacing: .1em;
  font-weight: bold !important;
  position: relative;
  border-bottom: 1px solid;
  padding-left: 42px; }
  @media only screen and (max-width: 767px) {
    h3 {
      font-size: 1.1em; } }
  h3::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 7px;
    background-image: url(../img/title_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.management {
  background-color: #E8E4DC;
  padding: 80px 0; }
  @media only screen and (max-width: 767px) {
    .management {
      padding: 40px 0; } }
  .management .inr {
    max-width: 880px;
    width: 95%;
    margin: 0 auto; }
    .management .inr h3 {
      position: relative;
      margin-bottom:60px; }
      @media only screen and (max-width: 767px) {
        .management .inr h3 {
          margin-top: 30px; } }
      .management .inr h3 .blue {
        position: absolute;
        bottom: -30px;
        right: 0;
        /*top: 50%;*/
        /*right: 115px;*/
/*        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);*/
        font-size: .7em; }
        @media only screen and (max-width: 767px) {
          .management .inr h3 .blue {
            top: -20px;
            left: 0; } }
        .management .inr h3 .blue::before {
          content: '';
          display: inline-block;
          width: 34px;
          height: 5px;
          background-color: #68C3C0;
          background-size: contain;
          background-repeat: no-repeat;
          vertical-align: middle;
          margin-right: 5px; }
      .management .inr h3 .green {
        position: absolute;
        /*top: 50%;*/
        right: 0;
        bottom: -55px;
/*        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)*/;
        font-size: .7em; }
        @media only screen and (max-width: 767px) {
          .management .inr h3 .green {
            top: -40px;
            left: 0; } }
        .management .inr h3 .green::before {
          content: '';
          display: inline-block;
          width: 34px;
          height: 5px;
          background-color: #B7D332;
          background-size: contain;
          background-repeat: no-repeat;
          vertical-align: middle;
          margin-right: 5px; }
    .management .inr ul li {
      background-color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 20px;
      margin-top: 30px; }
      @media only screen and (max-width: 767px) {
        .management .inr ul li {
          padding: 10px; } }
      .management .inr ul li .year {
        border-right: 1px solid;
        width: 120px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media only screen and (max-width: 767px) {
          .management .inr ul li .year {
            width: 70px; } }
        .management .inr ul li .year .year_inr {
          text-align: center;
          font-size: 1.4em;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .management .inr ul li .year .year_inr {
              font-size: 1.2em; } }
          .management .inr ul li .year .year_inr span {
            font-size: .6em;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .management .inr ul li .year .year_inr span {
                display: block;
              }
            }
      .management .inr ul li .people {
        width: 100px;
        border-right: 1px solid;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media only screen and (max-width: 767px) {
          .management .inr ul li .people {
            width: 66px; } }
        .management .inr ul li .people .people_inr {
          text-align: center; }
          .management .inr ul li .people .people_inr img {
            width: 45px; }
          .management .inr ul li .people .people_inr dl {
            margin-top: 5px; }
            .management .inr ul li .people .people_inr dl dt {
              font-size: .9em;
              font-weight: bold; }
              @media only screen and (max-width: 767px) {
                .management .inr ul li .people .people_inr dl dt {
                  font-size: .8em; } }
            .management .inr ul li .people .people_inr dl dd {
              font-weight: bold;
              line-height: 1.3; }
              @media only screen and (max-width: 767px) {
                .management .inr ul li .people .people_inr dl dd {
                  font-size: .9em; } }
      .management .inr ul li .order {
        width: calc(100% - 220px);
        padding-left: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        @media only screen and (max-width: 767px) {
          .management .inr ul li .order {
            width: calc(100% - 136px);
            padding-left: 10px;
            -ms-flex-pack: distribute;
            justify-content: space-around; } }
        .management .inr ul li .order p {
          color: #fff;
          font-weight: bold;
          padding: 7px 10px; }
          @media only screen and (max-width: 767px) {
            .management .inr ul li .order p {
              padding: 4px 5px; } }
        .management .inr ul li .order .blue {
          background-color: #68C3C0; }
        .management .inr ul li .order .green {
          background-color: #B7D332; }
      .management .inr ul li.year2025 .blue {
        width: 100%; }
      .management .inr ul li.year2025 .green {
        width: 86%; }
      .management .inr ul li.year2024 .blue {
        width: 95%; }
      .management .inr ul li.year2024 .green {
        width: 83%; }
      .management .inr ul li.year2023 .blue {
        width: 70%; }
      .management .inr ul li.year2023 .green {
        width: 90%; }
      .management .inr ul li.year2022 .blue {
        width: 64%; }
      .management .inr ul li.year2022 .green {
        width: 79%; }
      .management .inr ul li.year2021 .blue {
        width: 54%; }
      .management .inr ul li.year2021 .green {
        width: 59%; }
      .management .inr ul li.year2020 .blue {
        width: 80%; }
      .management .inr ul li.year2020 .green {
        width: 65%; }
      .management .inr ul li.year2019 .blue {
        width: 79%; }
      .management .inr ul li.year2019 .green {
        width: 85%; }
/*      .management .inr ul li:nth-child(6) .blue {
        width: 83%; }
      .management .inr ul li:nth-child(6) .green {
        width: 84%; }
      .management .inr ul li:nth-child(7) .blue {
        width: 82%; }
      .management .inr ul li:nth-child(7) .green {
        width: 61%; }*/

.history_chart {
  padding-top: 80px; }
  @media only screen and (max-width: 767px) {
    .history_chart {
      padding-top: 40px; } }
  .history_chart .inr {
    max-width: 880px;
    width: 95%;
    margin: 0 auto; }
    .history_chart .inr ul {
      margin-top: 20px; }
      @media only screen and (max-width: 767px) {
        .history_chart .inr ul {
          margin-top: 10px; } }
      .history_chart .inr ul li {
        margin-top: 5px; }
        .history_chart .inr ul li dl {
          font-weight: bold;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          @media only screen and (max-width: 767px) {
            .history_chart .inr ul li dl {
              display: block; } }
          .history_chart .inr ul li dl dt {
            width: 190px;
            font-weight: bold;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; }
            @media only screen and (max-width: 767px) {
              .history_chart .inr ul li dl dt {
                width: 100%;
                display: block;
                letter-spacing: .2em; } }
            .history_chart .inr ul li dl dt span {
              font-weight: bold;
              font-size:0.8em; }
          .history_chart .inr ul li dl dd {
            width: calc(100% - 200px); }
            @media only screen and (max-width: 767px) {
              .history_chart .inr ul li dl dd {
                width: 100%;
                font-size: .95em; } }
            .history_chart .inr ul li dl dd::before {
              content: '：';
              display: inline-block;
              vertical-align: middle;
              margin: 0 10px;
              font-weight: bold; }
              @media only screen and (max-width: 767px) {
                .history_chart .inr ul li dl dd::before {
                  display: none; } }