@charset "utf-8";

/* 製造者：平野 */

.achievements_area {
  padding-bottom: 17.0rem;
  letter-spacing: 0;

  /* ページタイトル表示部分 */
  .achievements_page_title_space {
    background-color: #172a88;
    width: 100%;
    height: 35.9rem;
    margin-top: 5rem;

    .achievements_page_title {
      display: inline-block;
      height: 11.0rem;
      margin-top: 15.8rem;
      margin-left: 11.9rem;
      border-left: #FFFFFF solid 0.4rem;
      padding-left: 3.8rem;
      font-weight: 900;
      font-size: 4.5rem;
      font-family: var(--NotoSans);
      color: #FFFFFF;
      line-height: calc(110 / 45);
    }
  }

  /* 実績一覧表示部分 */
  .achievements_list {
    padding-top: 7.004rem;
    width: 101.3rem;
    margin: 0 auto 9.15rem 12.0rem;

    li {
      height: 9.4rem;
      display: flex;
      align-items: center;
      margin-bottom: 5.65rem;

      &:last-of-type {
        margin-bottom: 0;
      }

      .achievements_date {
        width: 21.0rem;
        height: 100%;
        border-left: #172a88 0.4rem solid;
        padding-left: 3.4rem;
        font-weight: 500;
        font-family: var(--Alegreya);
        color: #172a88;

        .achievements_year {
          margin-top: 2.1rem;
          display: block;
          font-size: 2.0rem;
          line-height: 1.0;
        }

        .achievements_month_day {
          display: block;
          font-size: 3.6rem;
          line-height: 1.0;
          margin-top: -0.5rem;
        }
      }

      .achievements_title {
        width: calc(93.0rem - 21.0rem);
        height: 100%;
        border-left: #CBCBCB 0.1rem solid;
        padding-left: 2.8rem;
        font-weight: 500;
        font-size: 1.7rem;
        font-family: var(--NotoSans);
        color: #000000;
        line-height: calc(94 / 17);
        /* 1行表示の対応 */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .achievements_link_space {
        width: calc(100% - 93.0rem);
        text-align: right;

        .achievements_link {
          display: inline-block;
          width: 5.5rem;
          height: 5.5rem;
          border-radius: 50%;
          background-color: #172a88;
          border: #172a88 0.2rem solid;
          font-weight: 700;
          font-size: 2.0rem;
          font-family: var(--NotoSans);
          color: #FFFFFF;
          line-height: calc(48 / 20);
          text-align: center;
          transition: 0.3s ease-out;

          &:hover {
            color: #172a88;
            background-color: #FFFFFF;
          }
        }
      }
    }
  }

  /* ページネーション表示部分 */
  .achievements_pagination {
    text-align: center;
    height: 4.5rem;

    .page-numbers {
      display: inline-block;
      vertical-align: middle;
      font-weight: 500;
      font-size: 3.3rem;
      font-family: var(--Alegreya);
      color: #0D1250;
      line-height: calc(45 / 33);
      margin-right: 2.45rem;

      &:last-child {
        margin-right: 0;
      }

      &.prev,
      &.next {
        display: inline-block;
        vertical-align: middle;
        width: 4.5rem;
        height: 4.5rem;
        border-radius: 50%;
        border: #0D1250 0.2rem solid;
        font-weight: 700;
        font-size: 2.0rem;
        font-family: var(--NotoSans);
        line-height: calc(40 / 20);
        transition: 0.3s ease-out;

        &:hover {
          color: #FFFFFF;
          background-color: #0D1250;
        }
      }
    }
  }
}

@media screen and (max-width: 699.98px) {
  .achievements_area {
    padding-bottom: 10.0rem;

    /* ページタイトル表示部分 */
    .achievements_page_title_space {
      height: 20.0rem;

      .achievements_page_title {
        height: 5.2rem;
        margin-top: 10.4rem;
        margin-left: 4.38rem;
        border-left: #FFFFFF solid 0.2rem;
        padding-left: 1.9rem;
        font-size: 2.2rem;
        line-height: calc(51 / 22);
      }
    }

    /* 実績一覧表示部分 */
    .achievements_list {
      padding-top: 4.9rem;
      width: 32.9rem;
      margin: 0 auto 8.5rem 1.9rem;

      li {
        height: 10.7rem;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        margin-bottom: 4.4rem;

        &:last-of-type {
          margin-bottom: 0;
        }

        .achievements_date {
          order: 1;
          width: calc(100% - 4.0rem);
          height: 7.6rem;
          border-left: #172a88 0.4rem solid;
          padding-left: 2.4rem;
          margin-bottom: 1.0rem;

          .achievements_year {
            margin-top: 1.6rem;
            font-size: 1.6rem;
          }

          .achievements_month_day {
            font-size: 3.0rem;
            margin-top: 0;
          }
        }

        .achievements_title {
          order: 3;
          width: 100%;
          height: 2.1rem;
          border-left: none;
          padding-left: 2.7rem;
          font-size: 1.4rem;
          line-height: calc(21 / 14);
        }

        .achievements_link_space {
          order: 2;
          padding-top: 1.9rem;
          width: 4.0rem;
          text-align: right;

          .achievements_link {
            width: 4.0rem;
            height: 4.0rem;
            line-height: calc(36 / 20);
          }
        }
      }
    }

    /* ページネーション表示部分 */
    .achievements_pagination {
      height: 3.5rem;

      .page-numbers {
        font-size: 2.5rem;
        line-height: calc(35 / 25);
        margin-right: 1.8rem;

        &.prev,
        &.next {
          width: 3.5rem;
          height: 3.5rem;
          line-height: calc(31 / 20);
        }
      }
    }
  }
}