@media print, screen and (min-width: 768px) {
  /* リセットCSS */
  body {
    color: #000;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 0 0;
    padding: 0;
    font-weight: 500;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
      "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック",
      "MS PGothic", sans-serif;
  }
  a {
    text-decoration: none;
    color: #000;
  }
  ol,
  ul {
    list-style: none;
  }
  ol,
  ul,
  p,
  h2,
  h3,
  h4,
  figure,
  img {
    margin: 0;
    padding: 0;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  .cms_career_wrap {
  }

  .cms_career_wrap h1,
  .career_top_h1 {
    color: #aaa;
    position: absolute !important;
    top: -3px;
    z-index: 20 !important;
    font-weight: 500;
    padding-left: 10px !important;
  }
  /* RHSのh1の固定を打ち消す */
  .career_wrap h1 {
    width: auto;
    padding-left: 0;
    float: none;
    position: relative;
    z-index: 1;
  }
  .career_wrap {
    /* ヘッダー header */
    header#career_h {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      min-width: 1130px;
      box-sizing: border-box;
      padding: 0 0 0 25px;
      background: rgba(255, 255, 255, 0.9);
      z-index: 10;
      > div {
        display: flex;
        align-items: center;
        gap: 0 35px;
        & a {
          letter-spacing: 0.05em;
        }
        /* ナビゲーション */
        & ul {
          display: flex;
          gap: 0 40px;
          & a {
            font-size: 14px;
            line-height: 24px;
            position: relative;
            font-weight: bold;
            &:after {
              content: "";
              display: block;
              width: 40px;
              height: 5px;
              margin: auto;
              background: #fd8748;
              transform: scale(0, 1);
              transform-origin: center top;
              position: absolute;
              bottom: -41px;
              left: 0;
              right: 0;
              transition: all 0.2s;
            }
            &:hover:after {
              transform: scale(1, 1);
            }
          }
        }
        /* エントリーボタン */
        > a {
          display: block;
          width: 170px;
          background-image: linear-gradient(300deg, #ffb247, #fd6f49);
          font-size: 18px;
          line-height: 100px;
          color: #fff;
          font-weight: bold;
          text-align: center;
          transition: all 0.5s;
          &:hover {
            background-image: linear-gradient(300deg, #fd6f49, #ffb247);
            transition: 0.5s;
          }
        }
      }
    }
    /* フッター footer */
    footer#career_f {
      width: 100%;
      margin: 0;
      padding: 270px 0 75px 0;
      position: relative;
      z-index: 1;
      background: #f5f5f5;
      &:before {
        content: "";
        width: 100%;
        height: 360px;
        background: url(../img/career/footer/f_staff_img.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
      }
      > div {
        width: 1100px;
        margin: 0 auto;
        .career_f_btn {
          display: flex;
          align-items: center;
          gap: 0 45px;
          height: 174px;
          margin: 0 0 60px 0;
          padding: 0 0 0 65px;
          background-image: linear-gradient(300deg, #ffb247, #fd6f49);
          font-size: 35px;
          line-height: 45px;
          color: #fff;
          font-weight: bold;
          letter-spacing: 0.1em;
          position: relative;
          transition: all 0.2s;
          &:after {
            content: "";
            width: 100px;
            height: 1px;
            margin: auto;
            background: #fff;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
          }
          > span {
            font-size: 15px;
            line-height: 20px;
            letter-spacing: 0.2em;
          }
          &:hover {
            background-image: linear-gradient(300deg, #fd6f49, #ffb247);
            transition: 0.5s;
          }
        }
        .career_f_logo {
          margin: 0 0 60px 0;
          text-align: center;
        }
        > nav {
          margin: 0 0 45px 0;
          > ul {
            display: flex;
            justify-content: center;
            gap: 0 65px;
            padding: 45px 0;
            border-top: 1px solid #aaaaaa;
            border-bottom: 1px solid #aaaaaa;
            & li {
              display: flex;
              align-items: center;
              gap: 0 12px;
              &:before {
                content: "";
                width: 7px;
                height: 1px;
                background: #000;
              }
              & a {
                font-size: 14px;
                line-height: 20px;
                font-weight: bold;
                letter-spacing: 0.05em;
                position: relative;
              }
            }
          }
        }
        .career_f_other {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 0 30px;
          margin: 0 0 60px 0;
          > li {
            display: flex;
            align-items: center;
            gap: 0 6px;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0.05em;
            &:after {
              content: "";
              width: 10px;
              height: 10px;
              background: url(../img/career/footer/icon_link.png);
              background-repeat: no-repeat;
              background-size: cover;
            }
          }
        }
        .career_f_copy {
          font-size: 12px;
          line-height: 20px;
          letter-spacing: 0.05em;
          text-align: center;
        }
      }
    }
    /* コンテンツ共通スタイル */
    .font_gradation {
      background: linear-gradient(300deg, #ffb247 34%, #fd6f49);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .font_sanserif {
      font-family: Century Gothic, CenturyGothic, AppleGothic, Futura,
        sans-serif;
    }
    .t_more_btn {
      display: block;
      width: 200px;
      box-sizing: border-box;
      margin: 0 auto;
      padding: 20px 0 20px 0;
      background-image: linear-gradient(300deg, #ffb247, #fd6f49);
      font-size: 15px;
      line-height: 17px;
      color: #fff;
      font-weight: bold;
      letter-spacing: 0.05em;
      text-align: center;
      font-feature-settings: "palt";
      position: relative;
      transition: all 0.2s;
      &:after {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        margin: auto;
        background: #fff;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
      }
      &:hover {
        background-image: linear-gradient(300deg, #fd6f49, #ffb247);
        transition: 0.5s;
      }
    }
    /* 内部ページ ヘッダー分開始点調整 */
    .career_conts {
    }
    /* 内部ページ メイン画像共通スタイル */
    .career_conts_main {
      width: 100%;
      margin: 0 0 15px 0;
      padding: 65px 0;
      background-repeat: no-repeat;
      background-size: cover;
      > div {
        width: 1100px;
        margin: 0 auto;
        letter-spacing: 0.05em;
        > h1 {
          margin: 0 0 10px 0;
          font-size: 45px;
          line-height: 60px;
          width: fit-content;
        }
        > p {
          font-size: 12px;
          font-weight: bold;
          line-height: 24px;
          color: #003f73;
        }
      }
    }
    /* 内部ページ ぱんくず */
    .career_pan_wrap {
      display: flex;
      align-items: center;
      gap: 0 15px;
      width: 1100px;
      margin: 0 auto 70px auto;
      > div:not(:last-of-type) {
        display: flex;
        align-items: center;
        gap: 0 15px;
        &:after {
          content: ">";
        }
      }
      & a,
      & span {
        font-size: 15px;
        line-height: 20px;
      }
    }
    /* 内部ページ H2共通スタイル */
    .career_conts_tl {
      margin: 0 0 50px 0;
      padding: 0 0 35px 0;
      border-bottom: 1px solid #eeeeee;
      font-size: 40px;
      line-height: 50px;
      position: relative;
      width: 100%;

      &:before {
        content: "";
        width: 48px;
        height: 1px;
        background: linear-gradient(300deg, #ffb247 80%, #fd6f49);
        position: absolute;
        left: 0;
        bottom: 0;
      }
    }
    .pc_off {
      display: none !important;
    }
    /* 採用トップページ /career/ */
    #career_t {
      /* トップページ用メイン画像 */
      .career_t_main {
        width: 100%;
        margin: 0 0 120px 0;
        padding: 414px 0 70px 0;
        background: url(../career/img/main_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        overflow: hidden;
        > div {
          width: 1100px;
          margin: 0 auto;
          position: relative;
          z-index: 0;
          &::after {
            content: "";
            display: block;
            background: url(../career/img/main_txt.png);
            width: 941px;
            height: 240px;
            position: absolute;
            left: 415px;
            bottom: -73px;
            z-index: -1;
          }
          & .career_t_main_txt {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 10px 0;
            & span {
              display: inline-block;
              padding: 0 10px;
              background: #fff;
              font-size: 50px;
              line-height: 70px;
              color: #fff;
              font-weight: bold;
              font-feature-settings: "palt";
              background-image: linear-gradient(300deg, #ffb247, #fd6f49);
            }
            & span:first-child {
              font-size: 24px;
              line-height: 46px;
            }
          }
          & p {
            font-size: 15px;
            line-height: 40px;
            color: #fff;
            letter-spacing: 0.1em;
            font-feature-settings: "palt";
            font-weight: bold;
          }
        }
      }
      /* トップページ用タイトルスタイル */
      .career_t_tl {
        font-feature-settings: "palt";
        > div {
          & p {
            margin: 0 0 25px 0;
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0.2em;
          }
          & h2 {
            font-size: 40px;
            line-height: 50px;
            color: #003f73;
            letter-spacing: 0.1em;
            width: fit-content;
          }
        }
        > p {
          margin-top: 40px;
          font-size: 18px;
          line-height: 30px;
          letter-spacing: 0.05em;
        }
      }
      .h2_center {
        margin: 0 auto;
      }
      > main {
        /* 挨拶 */
        #career_t_gr {
          margin: 0 0 100px 0;
          text-align: center;
          background: url(../img/career/top/top_message_bg.webp);
          background-repeat: no-repeat;
          background-position: top;
          & h2 {
            margin: 0 0 70px 0;
            font-size: 40px;
            line-height: 60px;
            color: #003f73;
            letter-spacing: 0.1em;
            font-feature-settings: "palt";
          }
          & p {
            margin: 0 0 80px 0;
            font-size: 18px;
            line-height: 40px;
            letter-spacing: 0.2em;
            font-feature-settings: "palt";
          }
        }
        /* 会社を知る */
        #career_t_ab {
          width: 100%;
          padding: 140px 0 155px 0;
          background: #f5f5f5;
          background-image: url(../img/career/top/top_about_bg.webp);
          background-repeat: no-repeat;
          background-position: top;
          .career_t_tl {
            margin: 0 0 80px 0;
            text-align: center;
          }
          > ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 50px 40px;
            width: 1100px;
            margin: 0 auto;
            > li {
              width: 340px;
              & a {
                display: block;
                overflow: hidden;
                position: relative;
                & img {
                  display: block;
                  width: 340px;
                  height: 410px;
                  object-fit: cover;
                  transition: all 0.2s;
                }
                & p {
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  width: 190px;
                  box-sizing: border-box;
                  padding: 0 10px;
                  color: #fff;
                  background-image: linear-gradient(300deg, #ffb247, #fd6f49);
                  font-size: 16px;
                  line-height: 50px;
                  font-weight: bold;
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  &:after {
                    content: "";
                    display: block;
                    width: 18px;
                    height: 1px;
                    background: #fff;
                  }
                }
                &:hover {
                  & img {
                    transform: scale(1.1);
                  }
                  & p {
                    background-image: linear-gradient(300deg, #fd6f49, #ffb247);
                  }
                }
              }
            }
            > li:nth-child(2) {
              margin: 30px 0 0 0;
            }
            > li:nth-child(5) {
              margin: 30px 0 0 0;
            }
          }
        }
        /* ループアニメーション */
        .career_t_loop {
          display: flex;
          overflow: hidden;
          & img:nth-child(1) {
            animation: loop 120s linear -60s infinite;
          }
          & img:nth-child(2) {
            animation: loop2 120s linear infinite;
          }
        }
        /* 選ばれる理由 */
        #career_t_re {
          width: 100%;
          padding: 135px 0 175px 0;
          position: relative;
          z-index: 1;
          background-image: url(../img/career/top/top_reason_bg.webp);
          background-repeat: no-repeat;
          background-position: top left;
          &:before {
            content: "";
            display: block;
            width: calc(50% + 80px);
            height: 100%;
            background: url(../img/career/top/sky_bg.webp);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: left center;
            position: absolute;
            top: 0;
            right: 0;
            z-index: -1;
          }
          > div {
            width: 1100px;
            margin: 0 auto;
            .career_t_tl {
              margin: 0 0 85px 0;
            }
            > ul {
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              gap: 20px 40px;
              & li {
                width: 340px;
                & img {
                  width: 100%;
                  height: 260px !important;
                  object-fit: cover;
                }
                & p {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  height: calc(100% - 260px);
                  box-sizing: border-box;
                  padding: 23px 10px;
                  background: #fff;
                  font-size: 16px;
                  line-height: 28px;
                  text-align: center;
                  letter-spacing: 0.05em;
                }
              }
            }
          }
        }
        /* 福利厚生・待遇 */
        #career_t_wel {
          width: 100%;
          margin: 0 0 90px 0;
          padding: 105px 0 140px 0;
          background: #f5f5f5;
          .career_t_tl {
            margin: 0 0 55px 0;
          }
          > div {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            justify-content: space-between;
            width: 1100px;
            margin: 0 auto;
            background-image: url(../img/career/top/top_welfare_bg.webp);
            background-repeat: no-repeat;
            background-position: top right;
            > div {
              padding: 0 50px 0 0;
              & ul {
                display: flex;
                flex-wrap: wrap;
                gap: 15px;
                width: 485px;
                box-sizing: border-box;
                padding: 30px;
                background: #fff;
                & li {
                  font-size: 16px;
                  line-height: 35px;
                  letter-spacing: 0.1em;
                  font-feature-settings: "palt";
                  &:not(:last-child) {
                    padding: 0 10px;
                    color: #fff;
                    background: #333333;
                    border-radius: 5px;
                  }
                  &:last-child {
                    font-weight: bold;
                  }
                }
              }
            }
          }
        }
        /* 募集中の求人一覧 */
        #career_t_en {
          width: 1100px;
          margin: 0 auto 100px auto;
          .career_t_tl {
            margin: 0 0 75px 0;
            text-align: center;

            > div {
              background-image: url(../img/career/top/top_recruit_bg.webp);
              background-repeat: no-repeat;
              background-position: top;

              h2 {
                line-height: 102px;
              }
            }
          }
        }
        iframe {
          width: 1100px;
          height: 560px;
        }
      }
    }
    /* 教育制度 /career/education/ */
    #career_edu {
      .career_conts_main {
        background-image: url(../img/career/education/main_bg.webp);
      }
      /* 教育研修制度 */
      #career_edu_tra {
        width: 1100px;
        margin: 0 auto 50px auto;
        & h3 {
          margin: 0 0 40px 0;
          font-size: 25px;
          line-height: 30px;
          letter-spacing: 0.05em;
        }
        > p {
          margin: 0 0 50px 0;
          font-size: 18px;
          line-height: 35px;
          font-weight: normal;
        }
        & ul {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 30px;
          > li {
            box-sizing: border-box;
            padding: 4px;
            border-radius: 50%;
            border: 1px solid #fd6f49;
            > div {
              width: 160px;
              height: 160px;
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              background-image: linear-gradient(300deg, #ffb247, #fd6f49);
              border-radius: 50%;
              text-align: center;
              font-size: 23px;
              line-height: 30px;
              color: #fff;
              font-weight: bold;
              .career_edu_tra_b {
                font-size: 40px;
                line-height: 50px;
              }
              .career_edu_tra_s {
                font-size: 15px;
                line-height: 20px;
              }
            }
          }
          &:before,
          &:after {
            content: "";
            display: block;
            width: 125px;
            height: 1px;
            background: #003f73;
          }
          &:before {
            margin-right: 20px;
          }
          &:after {
            margin-left: 20px;
          }
        }
      }
      /* 不安 */
      #career_edu_wo {
        width: 100%;
        margin: 0 0 70px 0;
        padding: 40px 0 35px 0;
        background: #f5f5f5;
        text-align: center;
        > ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 20px;
          width: 900px;
          margin: 0 auto 25px auto;
          > li {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 220px;
            min-height: 70px;
            box-sizing: border-box;
            padding: 10px 10px;
            background: #fff;
            border: 1px solid #cccccc;
            border-radius: 10px;
            font-size: 15px;
            line-height: 20px;
            font-weight: bold;
          }
        }
        > p {
          font-size: 15px;
          line-height: 30px;
        }
      }
      /* 充実した研修内容 */
      #career_edu_exam {
        width: 1100px;
        margin: 0 auto 100px auto;
        & ul {
          > li {
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            &:not(:last-child) {
              margin: 0 0 50px 0;
            }
            > img {
              width: 420px;
              height: 280px;
              object-fit: cover;
            }
            > div {
              width: 610px;
              padding: 25px 0 0 0;
              & h3 {
                margin: 0 0 30px 0;
                font-size: 30px;
                line-height: 40px;
              }
              & p {
                font-size: 18px;
                line-height: 35px;
              }
            }
          }
        }
      }
      /* その他の教育内容 */
      #career_edu_oth {
        width: 1100px;
        margin: 0 auto 100px auto;
        > ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 30px 60px;
          > li {
            width: calc((100% - 120px) / 3);
            & h3 {
              margin: 0 0 25px 0;
              font-size: 25px;
              line-height: 30px;
            }
            & p {
              font-size: 16px;
              line-height: 30px;
            }
          }
        }
      }
    }
    /* 社内活動 /career/event/ */
    #career_event {
      .career_conts_main {
        background-image: url(../img/career/event/main_bg.webp);
      }
      > main {
        width: 1100px;
        margin: 0 auto;
        .career_ev_gr {
          margin: 0 0 80px 0;
          font-size: 20px;
          line-height: 50px;
          text-align: center;
        }
        #career_ev_exam {
          margin: 0 0 70px 0;
          & div {
            &:not(:last-of-type) {
              margin: 50px 0 45px 0;
            }
            & h3 {
              margin: 0 0 25px 0;
              font-size: 25px;
              line-height: 30px;
            }
            & p {
              margin: 0 0 35px 0;
              font-size: 18px;
              line-height: 35px;
            }
            & ul {
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              gap: 0 25px;
              > li {
                width: calc((100% - 50px) / 3);
                > img {
                  width: 100%;
                  height: 240px;
                  object-fit: cover;
                }
              }
            }
          }
        }
        #career_ev_wel {
          margin: 0 0 80px 0;
          & ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px 35px;
            > li {
              width: calc((100% - 105px) / 4);
              > img {
                width: 100%;
                height: 180px;
                object-fit: cover;
              }
              > h3 {
                margin: 0 0 10px 0;
                padding: 5px 10px;
                background: #f5f5f5;
                font-size: 18px;
                line-height: 30px;
                color: #333333;
              }
              > p {
                font-size: 14px;
                line-height: 20px;
              }
            }
          }
        }
      }
    }
    /* キャリアパス /career/plan/ */
    #career_plan {
      .career_conts_main {
        background-image: url(../img/career/plan/main_bg.webp);
      }
      > main {
        width: 1100px;
        margin: 0 auto;
        .career_plan_txt {
          margin: 0 0 60px 0;
          font-size: 18px;
          line-height: 35px;
          font-weight: normal;
          font-feature-settings: "palt";
          letter-spacing: 0.05em;
        }
        .career_plan_figure {
          display: block;
          margin: 0 0 70px 0;
          & img {
            display: block;
            max-width: 100%;
          }
        }
        .career_plan_ab {
          margin: 0 0 80px 0;
          & h3 {
            margin: 0 0 40px 0;
            font-size: 25px;
            line-height: 30px;
            letter-spacing: 0.05em;
          }
          & p {
            font-size: 18px;
            line-height: 35px;
            font-weight: normal;
          }
        }
        > ul {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          gap: 35px 55px;
          margin: 0 0 80px 0;
          & li {
            width: calc((100% - 110px) / 3);
            & a {
              display: block;
              padding: 0 0 25px 0;
              position: relative;
              &:after {
                content: "";
                display: block;
                width: calc(100% - 25px);
                height: 1px;
                background: #eeeeee;
                position: absolute;
                bottom: 0;
                left: 0;
              }
              & div {
                width: 100%;
                height: 220px;
                margin: 0 0 15px 0;
                overflow: hidden;
                > img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  transition: all 0.2s;
                }
              }
              & p {
                font-size: 18px;
                line-height: 24px;
                font-weight: bold;
              }
              :hover {
                img {
                  transform: scale(1.1);
                }
              }
            }
          }
        }
      }
    }
    /* 業務内容 /career/work/ */
    #career_work {
      .career_conts_main {
        background-image: url(../img/career/work/main_bg.webp);
      }
      > main {
        width: 1100px;
        margin: 0 auto 110px auto;
        > nav {
          margin: 0 0 100px 0;
          & ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 20px 11px;
            & li {
              width: calc((100% - 44px) / 5);
              & a {
                display: block;
                padding: 22px 0;
                background-repeat: no-repeat;
                background-size: cover;
                text-align: center;
                position: relative;
                &:before {
                  content: "";
                  display: block;
                  width: 100%;
                  height: 100%;
                  background: #333333;
                  opacity: 0.6;
                  transition: all 0.2s;
                  position: absolute;
                  top: 0;
                  left: 0;
                }
                .career_work_nav_txt {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  height: 43px;
                  margin: 0 0 15px 0;
                  font-size: 18px;
                  line-height: 24px;
                  color: #fff;
                  position: relative;
                  z-index: 2;
                  font-weight: bold;
                }
                .career_work_nav_btn {
                  width: 130px;
                  margin: 0 auto;
                  padding: 5px 0;
                  border: 1px solid #ffffff;
                  border-radius: 20px;
                  color: #ffffff;
                  font-size: 12px;
                  line-height: 20px;
                  font-weight: bold;
                  position: relative;
                  z-index: 2;
                }
                &:hover {
                  &:before {
                    content: "";
                    display: block;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, 0.6);
                  }
                }
              }
              &:nth-child(1) a {
                background-image: url(../img/career/work/nav_bgimg02.webp);
              }
              &:nth-child(2) a {
                background-image: url(../img/career/work/nav_menu_img02.webp);
              }
              &:nth-child(3) a {
                background-image: url(../img/career/work/nav_menu_img03.webp);
              }
              &:nth-child(4) a {
                background-image: url(../img/career/work/nav_menu_img04.webp);
              }
              &:nth-child(5) a {
                background-image: url(../img/career/work/nav_menu_img05.webp);
              }
            }
          }
        }
        .career_work_box {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          &:nth-of-type(2n + 1) {
            flex-direction: row-reverse;
          }
          &:not(:last-of-type) {
            margin: 0 0 110px 0;
          }
          > div {
            width: 560px;
            box-sizing: border-box;
            > div {
              display: flex;
              align-items: baseline;
              gap: 0 30px;
              margin: 0 0 50px 0;
              & h2 {
                font-size: 40px;
                line-height: 50px;
                color: #003f73;
              }
              & p {
                font-size: 20px;
                line-height: 24px;
                color: #003f73;
                font-weight: bold;
              }
            }
            > h3 {
              margin: 0 0 40px 0;
              font-size: 30px;
              line-height: 40px;
            }
            > p {
              font-size: 18px;
              line-height: 40px;
            }
          }
          > img {
            width: 500px;
          }
        }
      }
    }
    /* 私たちについて /career/intro/ */
    #career_intro {
      .career_conts_main {
        background-image: url(../img/career/intro/main_bg.webp);
      }
      > main {
        .career_int_gr {
          max-width: 1100px;
          margin: 0 auto 110px auto;
          background-image: url(../img/career/intro/gr_bg_eng.webp);
          background-repeat: no-repeat;
          background-position: center;
          font-size: 20px;
          line-height: 55px;
          text-align: center;
        }
        #career_int_wo {
          width: 1100px;
          margin: 0 auto 80px auto;
          > ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 25px 25px;
            > li {
              width: calc((100% - 50px) / 3);
              > a {
                display: block;
                box-sizing: border-box;
                padding: 25px 25px 30px 25px;
                background: #f6f6f6;
                border-radius: 5px;
                & h3 {
                  margin: 0 0 10px 0;
                  font-size: 20px;
                  line-height: 30px;
                  text-align: center;
                }
                & div {
                  height: 140px;
                  margin: 0 0 20px 0;
                  overflow: hidden;
                  & img {
                    display: block;
                    width: 100%;
                    height: 100% !important;
                    object-fit: cover;
                    object-position: 0 35%;
                    transition: all 0.2s;
                  }
                }
                .career_int_wo_txt {
                  margin: 0 0 20px 0;
                  font-size: 15px;
                  line-height: 30px;
                  height: 50px;
                }
                .career_int_wo_more {
                  width: 200px;
                  margin: 0 auto;
                  background-image: linear-gradient(300deg, #ffb247, #fd6f49);
                  border-radius: 3px;
                  font-size: 15px;
                  line-height: 40px;
                  color: #fff;
                  text-align: center;
                  transition: all 0.2s;
                  position: relative;
                }
                &:hover {
                  & img {
                    transform: scale(1.1);
                  }
                  .career_int_wo_more {
                    background-image: linear-gradient(300deg, #fd6f49, #ffb247);
                    transition: 0.5s;
                  }
                }
              }
            }
          }
        }
        #career_int_com {
          padding: 80px 0 80px 0;
          background: #f5f5f5;
          .career_int_com_tl {
            margin: 0 0 40px 0;
            text-align: center;
            & h2 {
              margin: auto;
              width: fit-content;
              font-size: 40px;
              line-height: 50px;
            }
            & p {
              font-size: 20px;
              line-height: 24px;
              color: #003f73;
            }
          }
          .career_int_com_tbl {
            width: 1100px;
            box-sizing: border-box;
            margin: 0 auto;
            padding: 40px 50px;
            background: #fff;
            & ul {
              > li {
                display: flex;
                align-items: center;
                min-height: 75px;
                box-sizing: border-box;
                padding: 25px 0;
                &:not(:last-child) {
                  border-bottom: 1px solid #eeeeee;
                }
                & p {
                  font-size: 15px;
                  line-height: 25px;
                }
                .career_int_com_item {
                  flex-shrink: 0;
                  width: 160px;
                  text-align: center;
                }
                & a.career_int_com_txt {
                  max-width: 840px;
                  overflow-wrap: break-word;
                  text-decoration: underline;
                  &:hover {
                    text-decoration: none;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  /* ループアニメーション　keyframe */
  /* 1枚で書き出した画像を2つ並べてループさせています */
  @keyframes loop {
    0% {
      transform: translateX(100%);
    }
    to {
      transform: translateX(-100%);
    }
  }
  @keyframes loop2 {
    0% {
      transform: translateX(0);
    }
    to {
      transform: translateX(-200%);
    }
  }
  /* 採用トップページ 求人情報CMS用CSS */
  .career_t_en_cms {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 25px;
    > li {
      width: 350px;
      & a {
        display: block;
        padding: 30px 25px;
        border: 1px solid #eeeeee;
        .car_t_en_date {
          margin: 0 0 10px 0;
          font-size: 13px;
          line-height: 18px;
          font-weight: bold;
          letter-spacing: 0.05em;
          transition: all 0.2s;
        }
        .car_t_en_name {
          margin: 0 0 20px 0;
          font-size: 18px;
          line-height: 30px;
          font-weight: bold;
          letter-spacing: 0.03em;
          transition: all 0.2s;
          display: -webkit-box;
          display: -ms-flexbox;
          -webkit-box-orient: vertical;
          -ms-flex-direction: column;
          -webkit-line-clamp: 1;
          overflow: hidden;
          height: 30px;
          text-align: center;
          font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro",
            "Hiragino Kaku Gothic Pro", "Arial", "メイリオ", "Meiryo",
            sans-serif;
        }
        .car_t_en_img img {
          margin-bottom: 20px;
          width: 100%;
          height: 180px;
          object-fit: cover;
        }
        > ul {
          margin: 0 0 20px 0;
          font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro",
            "Hiragino Kaku Gothic Pro", "Arial", "メイリオ", "Meiryo",
            sans-serif;
          & li {
            display: flex;
            align-items: center;
            gap: 0 10px;
            padding: 12px 0;
            &:not(:last-of-type) {
              border-bottom: 1px solid #eeeeee;
            }
            & p {
              font-size: 13px;
              line-height: 20px;
              letter-spacing: 0.05em;
            }
            .car_t_en_item {
              width: 60px;
              font-weight: bold;
            }
            .car_t_en_txt {
              width: 230px;
              display: -webkit-box;
              display: -ms-flexbox;
              -webkit-box-orient: vertical;
              -ms-flex-direction: column;
              -webkit-line-clamp: 1;
              overflow: hidden;
            }
          }
        }
        .car_t_btn {
          display: block;
          width: 200px;
          box-sizing: border-box;
          margin: 0 auto;
          padding: 15px 0 15px 0;
          background-image: linear-gradient(300deg, #ffb247, #fd6f49);
          font-size: 13px;
          line-height: 17px;
          color: #fff;
          font-weight: bold;
          text-align: center;
          letter-spacing: 0.05em;
          font-feature-settings: "palt";
          position: relative;
          transition: all 0.2s;
          font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro",
            "Hiragino Kaku Gothic Pro", "Arial", "メイリオ", "Meiryo",
            sans-serif;
          &:after {
            content: "";
            display: block;
            width: 16px;
            height: 2px;
            margin: auto;
            background: #fff;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
          }
        }
        &:hover {
          .car_t_en_date,
          .car_t_en_name {
            color: #003f73;
          }
          .car_t_btn {
            background-image: linear-gradient(300deg, #fd6f49, #ffb247);
            transition: 0.5s;
          }
          &:after {
            background: #fd6f49;
          }
        }
      }
    }
  }
}
@media screen and (max-width: 1400px) {
  .career_h_logo {
    width: 300px;
  }
  .career_h_menu ul {
    gap: 0 25px !important;
  }
}

@media screen and (max-width: 1240px) {
  .career_h_logo {
    width: 240px;
  }
  .career_h_menu ul li a {
    font-size: 13px !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .career_h_logo {
    width: 220px;
  }
  .career_h_menu ul li a {
    font-size: 10px !important;
  }
  #career_f nav ul li a {
    font-size: 10px !important;
  }
  .career_t_main {
    padding: 320px 0 70px 0 !important;
  }
}