@charset "UTF-8";

/* =============================================================================

Message CSS

・トップメッセージ用CSS「.message-×××」

上記はここに記述する

============================================================================= */


/* セクション
----------------------------------------------------------------------------- */
.message-section {
  .h {
    margin-bottom:9.2rem;
    position:relative;
    @media (width <= 767px) {
      margin-bottom:4.0rem;
    }
  }
  .h_kv {
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:cover;
    mask-size:cover;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    @media (width > 767px) {
      -webkit-mask-image:url(/recruit/assets/img/message/kv-mask_pc.svg);
      mask-image:url(/recruit/assets/img/message/kv-mask_pc.svg);
    }
    @media (width <= 767px) {
      margin-bottom:1.6rem;
      -webkit-mask-image:url(/recruit/assets/img/message/kv-mask_sp.svg);
      mask-image:url(/recruit/assets/img/message/kv-mask_sp.svg);
    }
  }
  .h_heading {
    font-size:3.4rem;
    font-weight:700;
    letter-spacing: 0;
    line-height:2.0;
    @media (width > 767px) {
      position:absolute;
      left:6.0rem;
      bottom:6.0rem;
    }
    @media (width <= 767px) {
      font-size:2.2rem;
      line-height:1.8;
      text-align: center;
    }
  }
  .t_desc {
    & + .t_desc {
      margin-top:1lh;
    }
  }
  .t_name {
    display:flex;
    gap:1.6rem;
    align-items: baseline;
    margin-top:6.0rem;
    margin-left:auto;
    width:fit-content;
    font-size:1.4rem;
    line-height:1;
    @media (width <= 767px) {
      margin-top:4.0rem;
      gap:1.2rem;
      font-size:1.2rem;
    }

    > span {
      position:relative;
      bottom:.25em;
    }
  }
}



/* SelectorName
----------------------------------------------------------------------------- */
.message-SelectorName {
  @media (width > 767px) {
  }
  @media (width <= 767px) {
  }
}