/* タイトル部分 */
.title_circle_gradation {
  border-radius: 50%;
  background-image: linear-gradient(43deg,
      var(--color07) 20%,
      var(--color04) 100%);
  opacity: 0.8;
}

/* 分類ごとのリンク */
html {
  scroll-behavior: smooth;
}

.inn::after {
  content: "";
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  display: inline-block;
  transform: rotate(45deg);
  width: 12px;
  height: 12px;
  color: var(--color04);
  margin-left: 6px;
  margin-bottom: 3px;
}

.anchor_link {
  margin: 45px auto 0;
}

.anchor_link_list {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
  width: 540px;
  font-size: 1.9rem;
}

.anchor_link_list1,
.anchor_link_list2,
.anchor_link_list3 {
  font-weight: bold;
}

@media(hover: hover) and (pointer: fine) {

  .anchor_link_list1 a:hover,
  .anchor_link_list2 a:hover,
  .anchor_link_list3 a:hover {
    color: #9c9a9a;
  }

  .anchor_link_list1 a:hover:focus:not(:hover),
  .anchor_link_list2 a:hover:focus:not(:hover),
  .anchor_link_list3 a:hover:focus:not(:hover) {
    color: inherit;
  }

  .anchor_link_list1 a:hover .inn::after,
  .anchor_link_list2 a:hover .inn::after,
  .anchor_link_list3 a:hover .inn::after {
    color: var(--rgba04-6);
  }

  .anchor_link_list1 a:hover:focus:not(:hover) .inn::after,
  .anchor_link_list2 a:hover:focus:not(:hover) .inn::after,
  .anchor_link_list3 a:hover:focus:not(:hover) .inn::after {
    color: inherit;
  }

}

  /* リンク先位置調整 */
  #area_01 {
    scroll-margin-top: 90px;
  }

  #area_02,
  #area_03 {
    scroll-margin-top: -45px;
  }

  /* 会社について */
  .category01 {
    margin-top: 45px;
    font-weight: bold;
  }

  /* 働き方について・選考については少しだけ間隔 */
  .category02,
  .category03 {
    margin-top: 180px;
    font-weight: bold;
  }

  .question_answer {
    position: relative;
    width: 720px;
    height: fit-content;
    margin-top: 90px;
  }

  .category_qa {
    margin-top: -45px;
  }

  /* カラーライン */
  .line {
    position: relative;
    width: 6px;
    height: 50px;
    background-color: var(--color07);
  }

  /* 質問ナンバー */
  .q_number {
    position: absolute;
    left: 15px;
    font-size: 25px;
    font-weight: bold;
    color: var(--color07);
  }

  /* 質問内容 */
  .q_name {
    position: absolute;
    left: 75px;
    font-size: 17px;
    font-weight: bold;
  }

  /* 2桁の質問番号 */
  .q_name_10,
  .q_name_11,
  .q_name_12 {
    left: 85px;
  }

  /* 回答全体 */
  .answer_section {
    display: block;
    width: 720px;
    margin-top: 10px;
    position: relative;
    left: 19px;
  }

  /* 回答(A) */
  .a_title {
    display: inline-block;
    font-weight: bold;
    font-size: 19px;
    color: var(--color04);
    margin-right: 10px;
    margin-left: -2px;
  }

  /* 回答テキスト */
  .a_kaitou {
    display: inline-block;
    width: calc(100% - 40px);
    vertical-align: top;
  }

  /* 回答内リンク */
  .a_kaitou a {
    color: var(--color07);
    text-decoration: underline;
  }

  .question_end {
    margin-bottom: 180px;
  }

  .question_section {
    display: flex;
    align-items: center;
  }


  /* =========================
   レスポンシブ（幅1098px以下）
   ========================= */
  @media (max-width: 1098px) {

    .rec_link li:nth-child(10) p {
      border-bottom: 2px solid var(--color04);
    }

    .title_circle_introduction {
      margin-left: 8.5%;
      width: 540px;
    }

    .category_kaisya {
      position: relative;
      width: 83%;
      margin: 16px auto;
    }

    .category_hatarakikata {
      position: relative;
      width: 83%;
      margin: 16px auto;
    }

    .category_senkou {
      position: relative;
      width: 83%;
      margin: 16px auto;
    }

    .anchor_link_list {
      margin-left: 8.5%;
    }

    #area_01 {
      scroll-margin-top: 0;
    }

    #area_02,
    #area_03 {
      scroll-margin-top: -135px;
    }

    .question_answer {
      width: 100%;
    }

    .answer_section {
      width: 100%;
    }

    .question_end {
      margin-bottom: 130px;
    }

  }

  /* =========================
   レスポンシブ（幅850px以下）
   ========================= */
  @media screen and (max-width: 850px) {

    .question_answer {
      width: 100%;
      max-width: 100%;
    }

    .answer_section {
      display: flex;
      align-items: flex-start;
      left: 0;
      width: 100%;
    }

    .a_title {
      display: inline-block;
      margin-left: 18px;
    }

    .question_end {
      margin-bottom: 130px;
    }
  }

  /* =========================
   レスポンシブ（幅740px以下）
   ========================= */
  @media screen and (max-width: 740px) {

    .title_circle_introduction,
    .anchor_link_list {
      position: relative;
      width: 83%;
      margin: 16px auto;
    }
  }

  /* =========================
   レスポンシブ（幅599px以下）
   ========================= */
  @media screen and (max-width: 599px) {

    .anchor_link_list {
      font-size: 1.5rem;
      position: relative;
      flex-direction: column;
      width: 83%;
      margin: 16px auto;
    }

    .anchor_link_list1,
    .anchor_link_list2 {
      margin-bottom: 15px;
    }

    .line {
      height: 40px;
    }

    .q_number {
      font-size: 2.0rem;
    }

    .q_name {
      font-size: 15px;
      left: 60px;
    }

    .q_name_10,
    .q_name_11,
    .q_name_12 {
      left: 70px;
    }

    .answer_section {
      margin-top: 20px;
    }

    .a_title {
      font-size: inherit;
    }

  }