/* CSS for recruitment */
body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    font-family: "Noto Sans JP", sans-serif;
    color: #333;
}

.pc-content svg, .sp-content svg {
    display: block;
    width: 100%;
    height: auto;
}

.sp-content {
    display: none;
}

@media screen and (max-width: 768px) {
    .pc-content {
        display: none;
    }
    .sp-content {
        display: block;
    }
}

/* Styles for recruitment */

      .recruitment-pc-cls-1, .recruitment-pc-cls-14, .recruitment-pc-cls-15, .recruitment-pc-cls-20 {
        fill: none;
      }

      .recruitment-pc-cls-2 {
        fill: #bef0f4;
      }

      .recruitment-pc-cls-17, .recruitment-pc-cls-19, .recruitment-pc-cls-3 {
        fill: #0c4da2;
      }

      .recruitment-pc-cls-22, .recruitment-pc-cls-27, .recruitment-pc-cls-4 {
        fill: #fff;
      }

      .recruitment-pc-cls-5 {
        clip-path: url(#recruitment-pc-clip-募集要項);
      }

      .recruitment-pc-cls-6 {
        clip-path: url(#recruitment-pc-clip-path);
      }

      .recruitment-pc-cls-7 {
        opacity: 0.67;
      }

      .recruitment-pc-cls-8 {
        clip-path: url(#recruitment-pc-clip-path-3);
      }

      .recruitment-pc-cls-9 {
        fill: #8dd0d9;
      }

      .recruitment-pc-cls-10 {
        clip-path: url(#recruitment-pc-clip-path-4);
      }

      .recruitment-pc-cls-11 {
        fill: #f0fcfc;
      }

      .recruitment-pc-cls-12 {
        clip-path: url(#recruitment-pc-clip-path-5);
      }

      .recruitment-pc-cls-13 {
        clip-path: url(#recruitment-pc-clip-path-6);
      }

      .recruitment-pc-cls-14 {
        stroke: #bef0f4;
        stroke-width: 2px;
      }

      .recruitment-pc-cls-15 {
        stroke: #4dd4da;
        font-size: 57px;
      }

      .recruitment-pc-cls-15, .recruitment-pc-cls-22, .recruitment-pc-cls-27 {
        font-family: Arial-BoldItalicMT, Arial;
        font-style: italic;
      }

      .recruitment-pc-cls-15, .recruitment-pc-cls-16, .recruitment-pc-cls-22, .recruitment-pc-cls-25, .recruitment-pc-cls-27 {
        font-weight: 700;
      }

      .recruitment-pc-cls-16 {
        fill: #4dd4da;
      }

      .recruitment-pc-cls-16, .recruitment-pc-cls-19 {
        font-size: 24px;
      }

      .recruitment-pc-cls-16, .recruitment-pc-cls-17, .recruitment-pc-cls-18, .recruitment-pc-cls-19 {
        font-family: Noto Sans JP;
        letter-spacing: 0.08em;
      }

      .recruitment-pc-cls-17, .recruitment-pc-cls-18 {
        font-size: 18px;
      }

      .recruitment-pc-cls-17, .recruitment-pc-cls-18, .recruitment-pc-cls-19 {
        font-weight: 500;
      }

      .recruitment-pc-cls-20 {
        stroke: #0c4da2;
      }

      .recruitment-pc-cls-21 {
        clip-path: url(#recruitment-pc-clip-path-7);
      }

      .recruitment-pc-cls-22 {
        font-size: 44px;
      }

      .recruitment-pc-cls-22, .recruitment-pc-cls-27 {
        letter-spacing: 0.047em;
      }

      .recruitment-pc-cls-23 {
        clip-path: url(#recruitment-pc-clip-path-8);
      }

      .recruitment-pc-cls-24 {
        fill: url(#recruitment-pc-pattern);
      }

      .recruitment-pc-cls-25 {
        fill: #0a4ca1;
        font-size: 14px;
        font-family: mplus-1p-bold, 'M\+ \31 p';
      }

      .recruitment-pc-cls-26 {
        clip-path: url(#recruitment-pc-clip-path-9);
      }

      .recruitment-pc-cls-27 {
        font-size: 28px;
      }

      .recruitment-pc-cls-28 {
        stroke: none;
      }
    

      .recruitment-sp-cls-1, .recruitment-sp-cls-17, .recruitment-sp-cls-22, .recruitment-sp-cls-25 {
        fill: none;
      }

      .recruitment-sp-cls-16, .recruitment-sp-cls-2, .recruitment-sp-cls-27 {
        fill: #fff;
      }

      .recruitment-sp-cls-21, .recruitment-sp-cls-23, .recruitment-sp-cls-3 {
        fill: #0c4da2;
      }

      .recruitment-sp-cls-4 {
        fill: #bef0f4;
      }

      .recruitment-sp-cls-5 {
        clip-path: url(#recruitment-sp-clip-募集要項-スマホ);
      }

      .recruitment-sp-cls-6 {
        clip-path: url(#recruitment-sp-clip-path);
      }

      .recruitment-sp-cls-7 {
        opacity: 0.67;
      }

      .recruitment-sp-cls-8 {
        clip-path: url(#recruitment-sp-clip-path-3);
      }

      .recruitment-sp-cls-9 {
        fill: #8dd0d9;
      }

      .recruitment-sp-cls-10 {
        clip-path: url(#recruitment-sp-clip-path-4);
      }

      .recruitment-sp-cls-11 {
        fill: #f0fcfc;
      }

      .recruitment-sp-cls-12 {
        clip-path: url(#recruitment-sp-clip-path-5);
      }

      .recruitment-sp-cls-13 {
        fill: url(#recruitment-sp-pattern);
      }

      .recruitment-sp-cls-14 {
        fill: #0a4ca1;
        font-family: mplus-1p-bold, 'M\+ \31 p';
      }

      .recruitment-sp-cls-14, .recruitment-sp-cls-23, .recruitment-sp-cls-24 {
        font-size: 14px;
      }

      .recruitment-sp-cls-14, .recruitment-sp-cls-16, .recruitment-sp-cls-17, .recruitment-sp-cls-18, .recruitment-sp-cls-27 {
        font-weight: 700;
      }

      .recruitment-sp-cls-15 {
        clip-path: url(#recruitment-sp-clip-path-6);
      }

      .recruitment-sp-cls-16, .recruitment-sp-cls-21 {
        font-size: 18px;
      }

      .recruitment-sp-cls-16, .recruitment-sp-cls-17, .recruitment-sp-cls-27 {
        font-family: Arial-BoldItalicMT, Arial;
        font-style: italic;
      }

      .recruitment-sp-cls-16, .recruitment-sp-cls-27 {
        letter-spacing: 0.047em;
      }

      .recruitment-sp-cls-17 {
        stroke: #4dd4da;
        font-size: 30px;
      }

      .recruitment-sp-cls-18 {
        fill: #4dd4da;
      }

      .recruitment-sp-cls-18, .recruitment-sp-cls-27 {
        font-size: 25px;
      }

      .recruitment-sp-cls-18, .recruitment-sp-cls-21, .recruitment-sp-cls-23, .recruitment-sp-cls-24 {
        font-family: Noto Sans JP;
        letter-spacing: 0.08em;
      }

      .recruitment-sp-cls-19 {
        clip-path: url(#recruitment-sp-clip-path-7);
      }

      .recruitment-sp-cls-20 {
        clip-path: url(#recruitment-sp-clip-path-8);
      }

      .recruitment-sp-cls-21, .recruitment-sp-cls-23, .recruitment-sp-cls-24 {
        font-weight: 500;
      }

      .recruitment-sp-cls-22 {
        stroke: #bef0f4;
        stroke-width: 2px;
      }

      .recruitment-sp-cls-25 {
        stroke: #0c4da2;
      }

      .recruitment-sp-cls-26 {
        clip-path: url(#recruitment-sp-clip-path-9);
      }

      .recruitment-sp-cls-28 {
        stroke: none;
      }