@charset "UTF-8";
/* line 4, achievements.scss */
.wrapper section {
  margin-bottom: 120px; }
  @media screen and (max-width: 800px) {
    /* line 4, achievements.scss */
    .wrapper section {
      margin-bottom: 40px; } }

/* line 15, achievements.scss */
.company h3 {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  color: #00874E;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 80px; }
  @media screen and (max-width: 800px) {
    /* line 15, achievements.scss */
    .company h3 {
      font-size: 17px;
      margin-bottom: 24px; } }
  /* line 31, achievements.scss */
  .company h3 .count-detail {
    display: block;
    width: 100%;
    text-align: center; }
    /* line 35, achievements.scss */
    .company h3 .count-detail .count {
      font-variant: tabular-nums;
      font-feature-settings: "tnum"; }
  /* line 40, achievements.scss */
  .company h3 .genzai {
    color: #333333;
    font-size: 15px;
    font-weight: 500; }
    @media screen and (max-width: 800px) {
      /* line 40, achievements.scss */
      .company h3 .genzai {
        font-size: 12px; } }

@media screen and (max-width: 800px) {
  /* line 50, achievements.scss */
  .t_26 {
    font-size: 16px;
    margin-left: 0; } }

/* line 58, achievements.scss */
.company-content {
  position: relative;
  width: 100%;
  max-width: 1048px;
  margin: 0 auto;
  padding-bottom: 70px; }
  @media screen and (max-width: 800px) {
    /* line 58, achievements.scss */
    .company-content {
      padding-bottom: 32px; } }
  /* line 67, achievements.scss */
  .company-content::before {
    position: absolute;
    left: 50%;
    top: 110px;
    translate: -50% 0;
    width: 100vw;
    height: calc(100% - 110px);
    content: "";
    background-color: #E9F7EF;
    z-index: -1;
    pointer-events: none; }
    @media screen and (max-width: 800px) {
      /* line 67, achievements.scss */
      .company-content::before {
        top: 85px;
        height: calc(100% - 85px); } }
  /* line 83, achievements.scss */
  .company-content .companylist {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 4.7%;
    background-color: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0px 0px 16px rgba(108, 108, 108, 0.3);
    margin: 0 0 20px;
    padding: 56px 94px; }
    @media screen and (max-width: 800px) {
      /* line 83, achievements.scss */
      .company-content .companylist {
        gap: 8px 0;
        justify-content: space-between;
        box-shadow: 0px 0px 4px rgba(108, 108, 108, 0.18);
        padding: 24px 15px; } }
    /* line 99, achievements.scss */
    .company-content .companylist li {
      width: 30.2%;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 800px) {
        /* line 99, achievements.scss */
        .company-content .companylist li {
          width: 49.9%; } }
  /* line 108, achievements.scss */
  .company-content .bikou {
    font-size: 15px;
    text-align: right;
    margin-bottom: 72px; }
    @media screen and (max-width: 800px) {
      /* line 108, achievements.scss */
      .company-content .bikou {
        font-size: 12px;
        margin-bottom: 64px; } }
  /* line 117, achievements.scss */
  .company-content h4 {
    font-size: 20px;
    padding-left: 56px;
    margin-bottom: 30px; }
    @media screen and (max-width: 800px) {
      /* line 117, achievements.scss */
      .company-content h4 {
        font-size: 16px;
        padding-left: 30px; } }
    /* line 125, achievements.scss */
    .company-content h4::before {
      position: absolute;
      left: 0;
      top: 10px;
      width: 32px;
      height: 8px;
      content: "";
      background: linear-gradient(to right, #00874E 0%, #00874E 50%, #ADD0C9 50%, #ADD0C9 100%); }
      @media screen and (max-width: 800px) {
        /* line 125, achievements.scss */
        .company-content h4::before {
          top: 8px;
          width: 18px;
          height: 8px; } }

/* line 143, achievements.scss */
.graph01 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  min-height: 345px;
  margin-bottom: 100px; }
  @media screen and (max-width: 800px) {
    /* line 143, achievements.scss */
    .graph01 {
      width: calc(100% + 18px);
      margin: 0 0 40px -9px; } }
  /* line 153, achievements.scss */
  .graph01 .vertical {
    display: flex;
    flex-wrap: wrap;
    gap: 70px 0;
    width: 45px;
    margin-bottom: 35px;
    white-space: nowrap; }
    @media screen and (max-width: 800px) {
      /* line 153, achievements.scss */
      .graph01 .vertical {
        width: 25px;
        gap: 76px 0; } }
    /* line 164, achievements.scss */
    .graph01 .vertical .l-num {
      display: block;
      width: 100%;
      color: #00874E;
      font-family: "Montserrat", sans-serif;
      font-size: 14px;
      text-align: right;
      line-height: 1;
      letter-spacing: 0.1em;
      padding-right: 10px; }
      @media screen and (max-width: 800px) {
        /* line 164, achievements.scss */
        .graph01 .vertical .l-num {
          font-size: 10px;
          padding-right: 3px; } }
  /* line 180, achievements.scss */
  .graph01 .bar-graph {
    display: flex;
    align-items: flex-end;
    width: calc(100% - 45px);
    height: 346px;
    background-image: url("../img/bg_bargraph.png");
    background-repeat: repeat;
    background-position: left 1px;
    margin: 5px 0 35px; }
    @media screen and (max-width: 800px) {
      /* line 180, achievements.scss */
      .graph01 .bar-graph {
        width: calc(100% - 25px); } }
    /* line 195, achievements.scss */
    .graph01 .bar-graph.start .bar.b02 .b-color {
      height: 52px; }
    /* line 200, achievements.scss */
    .graph01 .bar-graph.start .bar.b03 .b-color {
      height: 70px; }
    /* line 205, achievements.scss */
    .graph01 .bar-graph.start .bar.b04 .b-color {
      height: 87px; }
    /* line 210, achievements.scss */
    .graph01 .bar-graph.start .bar.b05 .b-color {
      height: 103px; }
    /* line 215, achievements.scss */
    .graph01 .bar-graph.start .bar.b06 .b-color {
      height: 120px; }
    /* line 220, achievements.scss */
    .graph01 .bar-graph.start .bar.b07 .b-color {
      height: 173px; }
    /* line 225, achievements.scss */
    .graph01 .bar-graph.start .bar.b08 .b-color {
      height: 259px; }
    /* line 230, achievements.scss */
    .graph01 .bar-graph.start .bar.b09 .b-color {
      height: 302px; }
    /* line 236, achievements.scss */
    .graph01 .bar-graph .bar {
      position: relative;
      width: 8%;
      white-space: nowrap;
      margin-right: 3%; }
      /* line 241, achievements.scss */
      .graph01 .bar-graph .bar .b-item {
        display: flex;
        justify-content: center;
        align-items: baseline;
        color: #00874E;
        font-weight: 700;
        margin-bottom: 5px; }
        @media screen and (max-width: 800px) {
          /* line 241, achievements.scss */
          .graph01 .bar-graph .bar .b-item {
            margin-bottom: 2px; } }
        /* line 251, achievements.scss */
        .graph01 .bar-graph .bar .b-item .b-value {
          display: inline-block;
          font-family: "Montserrat", sans-serif;
          font-size: 22px;
          line-height: 1;
          letter-spacing: 0.08em; }
          @media screen and (max-width: 800px) {
            /* line 251, achievements.scss */
            .graph01 .bar-graph .bar .b-item .b-value {
              font-size: 16px;
              letter-spacing: 0; } }
          /* line 261, achievements.scss */
          .graph01 .bar-graph .bar .b-item .b-value.large {
            font-size: 44px; }
            @media screen and (max-width: 800px) {
              /* line 261, achievements.scss */
              .graph01 .bar-graph .bar .b-item .b-value.large {
                font-size: 24px; } }
        /* line 268, achievements.scss */
        .graph01 .bar-graph .bar .b-item .b-text {
          display: inline-block;
          font-size: 14px;
          line-height: 1;
          margin-left: 4px; }
          @media screen and (max-width: 800px) {
            /* line 268, achievements.scss */
            .graph01 .bar-graph .bar .b-item .b-text {
              font-size: 9px;
              margin-left: 2px; } }
      /* line 279, achievements.scss */
      .graph01 .bar-graph .bar .b-color {
        display: block;
        width: 100%;
        max-width: 80px;
        height: 0;
        margin: 0 auto;
        transition: height 1s cubic-bezier(0.5, 1, 0.89, 1); }
        @media screen and (max-width: 800px) {
          /* line 279, achievements.scss */
          .graph01 .bar-graph .bar .b-color {
            max-width: 27px; } }
      /* line 290, achievements.scss */
      .graph01 .bar-graph .bar .b-year {
        position: absolute;
        width: 100%;
        left: 50%;
        bottom: -26px;
        translate: -50% 0;
        color: #00874E;
        font-family: "Montserrat", sans-serif;
        font-size: 14px;
        text-align: center;
        line-height: 1;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 800px) {
          /* line 290, achievements.scss */
          .graph01 .bar-graph .bar .b-year {
            font-size: 9px;
            letter-spacing: 0;
            bottom: -20px; } }
        /* line 307, achievements.scss */
        .graph01 .bar-graph .bar .b-year::after {
          display: none;
          position: absolute;
          top: 50%;
          translate: 0 -50%;
          color: #00874E;
          font-size: 14px;
          line-height: 1;
          content: "～"; }
          @media screen and (max-width: 800px) {
            /* line 307, achievements.scss */
            .graph01 .bar-graph .bar .b-year::after {
              font-size: 9px; } }
      /* line 321, achievements.scss */
      .graph01 .bar-graph .bar.b01 {
        margin-right: 0; }
        @media screen and (max-width: 800px) {
          /* line 321, achievements.scss */
          .graph01 .bar-graph .bar.b01 {
            translate: -20px 0; } }
        /* line 326, achievements.scss */
        .graph01 .bar-graph .bar.b01 .b-year {
          left: 0;
          translate: 0 0;
          text-align: left; }
          /* line 330, achievements.scss */
          .graph01 .bar-graph .bar.b01 .b-year::after {
            display: block;
            left: 45px; }
            @media screen and (max-width: 800px) {
              /* line 330, achievements.scss */
              .graph01 .bar-graph .bar.b01 .b-year::after {
                left: auto;
                right: -2px; } }
      /* line 340, achievements.scss */
      .graph01 .bar-graph .bar.b02 {
        margin-right: 4.8%; }
        /* line 342, achievements.scss */
        .graph01 .bar-graph .bar.b02 .b-color {
          background-color: #B2C9BD; }
        /* line 346, achievements.scss */
        .graph01 .bar-graph .bar.b02 .b-year::after {
          display: block;
          right: -40%; }
          @media screen and (max-width: 800px) {
            /* line 346, achievements.scss */
            .graph01 .bar-graph .bar.b02 .b-year::after {
              right: -47%; } }
      /* line 356, achievements.scss */
      .graph01 .bar-graph .bar.b03 .b-color {
        background-color: #BFDBCB; }
      /* line 361, achievements.scss */
      .graph01 .bar-graph .bar.b04 .b-color {
        background-color: #A2D1B8; }
      /* line 366, achievements.scss */
      .graph01 .bar-graph .bar.b05 .b-color {
        background-color: #99CFB0; }
      /* line 371, achievements.scss */
      .graph01 .bar-graph .bar.b06 .b-color {
        background-color: #80BD99; }
      /* line 376, achievements.scss */
      .graph01 .bar-graph .bar.b07 .b-color {
        background-color: #5CAA84; }
      /* line 381, achievements.scss */
      .graph01 .bar-graph .bar.b08 .b-color {
        background-color: #0A9C60; }
      /* line 385, achievements.scss */
      .graph01 .bar-graph .bar.b09 {
        width: 10.6%; }
        /* line 387, achievements.scss */
        .graph01 .bar-graph .bar.b09 .b-color {
          background: linear-gradient(to bottom, #51ced3 0%, #17c9ac 15.27%, #04ac65 43.84%, #1ca76c 63.05%, #4ab568 77.34%, #8bc973 91.13%, #d1dc7c 100%, #dade7d 100%); }
  /* line 393, achievements.scss */
  .graph01 .bar-label {
    color: #98B5A9;
    font-size: 14px;
    padding-left: 45px; }
    @media screen and (max-width: 800px) {
      /* line 393, achievements.scss */
      .graph01 .bar-label {
        font-size: 13px;
        padding-left: 6px; } }

/* line 403, achievements.scss */
.graph02 {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
  max-width: 875px;
  margin: 0 auto; }
  @media screen and (max-width: 800px) {
    /* line 403, achievements.scss */
    .graph02 {
      flex-wrap: wrap;
      gap: 16px 0; } }
  /* line 414, achievements.scss */
  .graph02 .l-cg {
    width: 307px; }
    @media screen and (max-width: 800px) {
      /* line 414, achievements.scss */
      .graph02 .l-cg {
        width: 208px;
        margin: 0 auto; } }
  /* line 421, achievements.scss */
  .graph02 .r-cg {
    width: calc(100% - 340px);
    max-width: 440px;
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 56px 10px 56px 50px; }
    @media screen and (max-width: 800px) {
      /* line 421, achievements.scss */
      .graph02 .r-cg {
        width: 100%;
        max-width: inherit;
        padding: 24px 10px 24px 40px; } }
    /* line 432, achievements.scss */
    .graph02 .r-cg .cgraphlist {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 20px 0; }
      @media screen and (max-width: 800px) {
        /* line 432, achievements.scss */
        .graph02 .r-cg .cgraphlist {
          gap: 15px 0; } }
      /* line 440, achievements.scss */
      .graph02 .r-cg .cgraphlist li {
        width: 49%;
        align-items: flex-start;
        line-height: 1.5; }
        @media screen and (max-width: 800px) {
          /* line 440, achievements.scss */
          .graph02 .r-cg .cgraphlist li {
            align-items: center; } }
        /* line 447, achievements.scss */
        .graph02 .r-cg .cgraphlist li::before {
          top: 3px;
          translate: 0 0; }
          @media screen and (max-width: 800px) {
            /* line 447, achievements.scss */
            .graph02 .r-cg .cgraphlist li::before {
              top: 50%;
              translate: 0 -50%; } }
        /* line 456, achievements.scss */
        .graph02 .r-cg .cgraphlist li:nth-child(1)::before {
          background-color: #DDDA81; }
        /* line 461, achievements.scss */
        .graph02 .r-cg .cgraphlist li:nth-child(2)::before {
          background-color: #82D3C0; }
        /* line 466, achievements.scss */
        .graph02 .r-cg .cgraphlist li:nth-child(3)::before {
          background-color: #89BDE3; }
        /* line 471, achievements.scss */
        .graph02 .r-cg .cgraphlist li:nth-child(4)::before {
          background-color: #7EACB2; }
        /* line 476, achievements.scss */
        .graph02 .r-cg .cgraphlist li:nth-child(5)::before {
          background-color: #B4A4D9; }
        /* line 481, achievements.scss */
        .graph02 .r-cg .cgraphlist li:nth-child(6)::before {
          background-color: #B4AB8B; }
        /* line 485, achievements.scss */
        .graph02 .r-cg .cgraphlist li:nth-child(7) {
          margin-top: -17px; }
          @media screen and (max-width: 800px) {
            /* line 485, achievements.scss */
            .graph02 .r-cg .cgraphlist li:nth-child(7) {
              margin-top: 0px; } }
          /* line 490, achievements.scss */
          .graph02 .r-cg .cgraphlist li:nth-child(7)::before {
            background-color: #A3CC97; }
        /* line 495, achievements.scss */
        .graph02 .r-cg .cgraphlist li span.cg-text {
          width: 90px; }
          @media screen and (max-width: 800px) {
            /* line 495, achievements.scss */
            .graph02 .r-cg .cgraphlist li span.cg-text {
              width: 70px; } }
        /* line 501, achievements.scss */
        .graph02 .r-cg .cgraphlist li span.cg-num {
          width: calc(100% - 90px); }
          @media screen and (max-width: 800px) {
            /* line 501, achievements.scss */
            .graph02 .r-cg .cgraphlist li span.cg-num {
              width: calc(100% - 70px); } }

/* line 515, achievements.scss */
.voice-content {
  background-color: #F2F0E7;
  border-radius: 8px;
  padding: 64px 50px 80px 50px; }
  @media screen and (max-width: 800px) {
    /* line 515, achievements.scss */
    .voice-content {
      padding: 32px 12px; } }
  /* line 522, achievements.scss */
  .voice-content .voice-detail {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    border-radius: 8px;
    margin-bottom: 32px;
    padding: 40px 46px 40px 0; }
    @media screen and (max-width: 800px) {
      /* line 522, achievements.scss */
      .voice-content .voice-detail {
        flex-wrap: wrap;
        gap: 20px 0;
        padding: 24px 12px; } }
    /* line 536, achievements.scss */
    .voice-content .voice-detail:last-of-type {
      margin-bottom: 0; }
    /* line 539, achievements.scss */
    .voice-content .voice-detail::after {
      position: absolute;
      left: 52px;
      bottom: -19px;
      width: 19px;
      height: 19px;
      content: "";
      background-color: #FFFFFF;
      pointer-events: none;
      clip-path: polygon(0 0, 0% 100%, 100% 0); }
    /* line 550, achievements.scss */
    .voice-content .voice-detail .l-voice {
      width: 355px; }
      @media screen and (max-width: 800px) {
        /* line 550, achievements.scss */
        .voice-content .voice-detail .l-voice {
          width: 100%;
          padding-bottom: 20px;
          border-bottom: 1px solid #D1D1D1; } }
      /* line 557, achievements.scss */
      .voice-content .voice-detail .l-voice figure {
        width: 100%;
        max-width: 260px;
        text-align: center;
        margin: 0 auto; }
        /* line 562, achievements.scss */
        .voice-content .voice-detail .l-voice figure figcaption {
          font-size: 16px; }
          @media screen and (max-width: 800px) {
            /* line 562, achievements.scss */
            .voice-content .voice-detail .l-voice figure figcaption {
              font-size: 15px; } }
    /* line 570, achievements.scss */
    .voice-content .voice-detail .r-voice {
      width: calc(100% - 355px);
      padding-left: 48px;
      border-left: 1px solid #D1D1D1; }
      @media screen and (max-width: 800px) {
        /* line 570, achievements.scss */
        .voice-content .voice-detail .r-voice {
          width: 100%;
          padding: 0;
          border: none; } }
      /* line 579, achievements.scss */
      .voice-content .voice-detail .r-voice p {
        margin: 0; }

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