/*--------------------------------------------------------------
# 発達検査の種類
--------------------------------------------------------------*/
#kensa_type .text.top {
  width: fit-content;
  margin: 0 auto;
}
#kensa_type .table_wrap {
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
#kensa_type .examination_table {
  min-width: 80rem;
  border-collapse: separate;

  & th {
    color: #FFF;
    padding: 1em 0.5em;
    background: var(--key-color);
    @media (min-width:768px) {
      padding: 1em;
    }
  }
  & td {
    color: var(--fc-base);
    padding: 1em 0.5em;
    background: var(--pale-blue);
    @media (min-width:768px) {
      padding: 1em;
    }
  }
  & tbody th {
    width: 6em;
  }
  & tbody tr:nth-child(1) td,
  & tbody tr:nth-child(2) td {
    font-weight: 700;
    text-align: center;
  }
}
#kensa_type .note {
  margin-top: 1rem;
  @media (min-width:768px) {
    width: fit-content;
    margin: 1rem auto 0;
  }
}
/*--------------------------------------------------------------
# 発達検査の流れ
--------------------------------------------------------------*/
#kensa_flow {
  background: url(/assets/img/common/bg_pattern2_sp.jpg) no-repeat bottom / 100% 90%;
  @media (min-width:768px) {
    background: url(/assets/img/common/bg_pattern2.jpg) no-repeat bottom / 100% 90%;
  }
}
#kensa_flow .column2_row_layout {
  padding: 4%;
  border: 0.1rem solid var(--light-gray);
  border-radius: 1rem;
  @media (min-width:768px) {
    padding: 30px;
  }

  .img_wrap {
    margin: 2rem 0 0;
    @media (min-width:768px) {
      width: 27%;
      margin-top: 0;
    }
  }
  .text_wrap {
    @media (min-width:768px) {
      width: 70%;
    }
    .block_title {
      margin-bottom: 1rem;
    }
  }
}
/*--------------------------------------------------------------
# サービスサイト
--------------------------------------------------------------*/
#kensa_servicesite .block_title {
  display: flex;
  text-align: center;
  justify-content: center;
  word-break: keep-all;
  overflow-wrap: anywhere;
  max-width: 80%;
  margin: 0 auto 5rem;
  &::before,&::after {
    display: inline-block;
    content: "";
    width: 0.1rem;
    background: #000;
    position: relative;
    bottom: -0.5em;
  }
  &::before {
    left: -2rem;
    rotate: -30deg;
  }
  &::after {
    right: -2rem;
    rotate: 30deg;
  }
}
#kensa_servicesite .img_wrap {
  max-width: 63.8rem;
  margin: 0 auto;
  border: 0.1rem solid var(--light-gray);
  & img {
    padding: 4%;
  }
}