.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 9999; }

.root#recruit {
  padding: 100px 0; }
  .root#recruit .leading {
    text-align: center;
    padding-bottom: 75px; }
    @media only screen and (max-width: 767px) {
      .root#recruit .leading {
        padding-bottom: 40px; } }
    .root#recruit .leading__hl {
      margin-bottom: 30px;
      font-size: 40px;
      font-size: 4rem; }
    .root#recruit .leading__rt {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 2.25; }
      .root#recruit .leading__rt > a {
        text-decoration: underline;
        color: #222;
        position: relative;
        display: inline-block; }
        .root#recruit .leading__rt > a::after {
          content: "";
          display: block;
          width: 100%;
          height: 10px;
          background-color: yellow;
          position: absolute;
          bottom: 4px;
          left: 0;
          z-index: -2; }
          @media only screen and (max-width: 767px) {
            .root#recruit .leading__rt > a::after {
              height: 8px; } }
        .root#recruit .leading__rt > a:hover {
          text-decoration: none; }
  .root#recruit .jobs {
    padding-top: 75px; }
    @media only screen and (max-width: 767px) {
      .root#recruit .jobs {
        padding-top: 40px; } }
    .root#recruit .jobs__hl {
      margin-bottom: 60px; }
      @media only screen and (max-width: 767px) {
        .root#recruit .jobs__hl {
          margin-bottom: 30px; } }
    .root#recruit .jobs__eachBlock {
      margin-bottom: 60px; }
      .root#recruit .jobs__eachBlock:last-child {
        margin-bottom: 0; }
      .root#recruit .jobs__eachBlock__hl {
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 600;
        font-style: italic;
        text-align: center;
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .root#recruit .jobs__eachBlock__hl {
            font-size: 20px;
            font-size: 2.0rem; } }
      .root#recruit .jobs__eachBlock__table {
        width: 1000px;
        margin-left: auto;
        margin-right: auto; }
        @media only screen and (max-width: 767px) {
          .root#recruit .jobs__eachBlock__table {
            width: 100%; } }
        .root#recruit .jobs__eachBlock__table > tbody > tr > th, .root#recruit .jobs__eachBlock__table > tbody > tr > td {
          padding: 10px;
          font-size: 14px;
          font-size: 1.4rem;
          border: 1px solid #222;
          vertical-align: middle; }
        .root#recruit .jobs__eachBlock__table > tbody > tr > th {
          width: 20%;
          white-space: nowrap; }
  .root#recruit .message {
    padding-bottom: 75px; }
    @media only screen and (max-width: 767px) {
      .root#recruit .message {
        padding-bottom: 40px; } }
    .root#recruit .message__video {
      width: 800px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 80px; }
      @media only screen and (max-width: 767px) {
        .root#recruit .message__video {
          width: 100%;
          margin-bottom: 60px; } }
      .root#recruit .message__video__obj {
        position: relative;
        width: 100%;
        padding-top: 56.25%; }
        .root#recruit .message__video__obj > iframe {
          position: absolute;
          top: 0;
          right: 0;
          width: 100%;
          height: 100%; }
    .root#recruit .message__eachContents {
      width: 1000px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 60px; }
      @media only screen and (max-width: 767px) {
        .root#recruit .message__eachContents {
          width: 100%; } }
      .root#recruit .message__eachContents:last-child {
        margin-bottom: 0; }
      .root#recruit .message__eachContents__hl {
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 600;
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .root#recruit .message__eachContents__hl {
            font-size: 16px;
            font-size: 1.6rem; } }
        .root#recruit .message__eachContents__hl > span {
          position: relative;
          display: inline-block; }
          .root#recruit .message__eachContents__hl > span::after {
            content: "";
            display: block;
            width: 100%;
            height: 10px;
            background-color: yellow;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: -2; }
            @media only screen and (max-width: 767px) {
              .root#recruit .message__eachContents__hl > span::after {
                height: 6px; } }
      .root#recruit .message__eachContents__rt {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.25;
        margin-bottom: 20px; }
        .root#recruit .message__eachContents__rt:last-child {
          margin-bottom: 0; }

/*# sourceMappingURL=recruit.css.map */