.introduction span:first-child {
  margin-left: 1em; }
  @media (min-width: 669px) {
    .introduction span:first-child {
      margin-left: 0; } }

@media (min-width: 669px) {
  .indexPage__nav01 li:first-child .tagBase {
    min-width: 500px; } }
@media (min-width: 669px) {
  .indexPage__nav01 li b {
    align-items: center; } }
.indexPage__nav01 li i {
  font-style: normal;
  text-align: center;
  display: inline-block; }
  .indexPage__nav01 li i small {
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0; }
    @media (min-width: 669px) {
      .indexPage__nav01 li i small {
        font-size: 13px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
        line-height: 1.5; } }

.data {
  padding: 40px 20px;
  background-color: #cfe4e9; }
  .data__item {
    margin-bottom: 50px;
    text-align: center; }
    .data__item:last-child {
      margin-bottom: 0; }
    @media (min-width: 669px) {
      .data__item {
        margin-bottom: 150px; } }
    .data__item_header {
      position: relative;
      font-size: 28px;
      font-size: clamp(20px, 6vw, 28px);
      font-weight: normal;
      margin: 0 0 40px;
      line-height: 1.5;
      padding-top: 39px; }
      @media (min-width: 669px) {
        .data__item_header {
          font-size: 32px;
          font-size: clamp(24px, 6vw, 32px);
          margin-bottom: 90px;
          padding-top: 60px; } }
      .data__item_header::before {
        content: '';
        width: 100%;
        height: 26px;
        background: url("../images/recruit/sub_mark.png") no-repeat center top;
        background-size: auto 100%;
        position: absolute;
        top: 0;
        left: 0; }
        @media (min-width: 669px) {
          .data__item_header::before {
            height: 32px; } }
    .data__item_child {
      background-color: #fff;
      position: relative;
      margin-bottom: 30px;
      padding: 50px 20px 20px;
      box-sizing: border-box;
      opacity: 0;
      bottom: -10px;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s; }
      .data__item_child.active {
        opacity: 1;
        bottom: 0; }
      .data__item_child.p0 {
        padding: 0; }
      .data__item_child.pt50 {
        padding: 50px 0 0; }
      .data__item_child_header {
        color: #fff;
        background-color: #0e7a92;
        margin: 0;
        position: absolute;
        left: -10px;
        top: -10px;
        min-width: 250px;
        padding: 10px;
        box-sizing: border-box;
        font-weight: normal;
        font-size: 123.1%;
        line-height: 1.5; }
        .data__item_child_header::before {
          content: '';
          position: absolute;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 10px 10px 0;
          border-color: transparent #6eafbe transparent transparent;
          left: 0;
          bottom: -10px; }
        @media (min-width: 669px) {
          .data__item_child_header {
            font-size: 20px;
            padding: 15px 10px;
            min-width: 270px; } }
      @media (min-width: 669px) {
        .data__item_child {
          margin-bottom: 40px;
          padding: 80px 45px 50px;
          width: calc((100% - 35px) / 2);
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: flex;
          align-items: center;
          justify-content: center; }
          .data__item_child.long {
            width: auto;
            flex-grow: 1; } }
    .data__item > .flex-box-pc {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; }
  @media (min-width: 669px) {
    .data {
      padding: 130px 40px 100px; } }
  .data + .topicPath {
    background-color: #cfe4e9; }