.divPageWrap {
    display: flex;
    margin-top: 40px;
  }

  .divPageWrap .mainWrap {
    width: 780px;
  }

  .divPageWrap .asideWrap {
    margin-left: 30px;
    width: 190px;
  }

  .content-collapse {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .mb-0 {
    margin-bottom: 0px !important;
  }

  .mt-0 {
    margin-top: 0px !important;
  }

  .text-center {
    text-align: center;
  }

  .fs-14 {
    font-size: 14px;
  }

  .fs-16 {
    font-size: 16px;
  }

  .fs-20 {
    font-size: 20px;
  }

  aside .dsFlex .btnWrap h2 {
    font-family: "Cormorant Garamond", serif;
    font-variant: small-caps;
    font-size: 44px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
  }

  @media screen and (max-width: 737px) {
    .divPageWrap {
      display: block;
      margin-top: 25px;
    }

    .divPageWrap .mainWrap {
      width: auto;
    }

    .divPageWrap .asideWrap {
      margin-left: 0;
      margin-top: 40px;
      width: auto;
    }
  }

  .hdEnJp01 {
    margin: 0;
    padding: 98px 0 24px;
  }

  .hdEnJp01 span {
    display: block;
    text-align: center;
  }

  .hdEnJp01 .en {
    font-variant: small-caps;
    color: #002856;
    font-size: 60px;
    line-height: 1;
    font-family: "Cormorant Garamond", serif;
  }

  .hdEnJp01 .en .num {
    display: inline-block;
    vertical-align: top;
    margin-top: -0.2em;
  }

  .hdEnJp01 .jp {
    font-size: 12px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    color: #5d748d;
    margin-top: 10px;
  }

  @media screen and (max-width: 737px) {
    .hdEnJp01 {
      padding: 45px 0 15px;
    }

    .hdEnJp01 .en {
      font-size: 40px;
    }

    .hdEnJp01 .en .num {
      display: inline-block;
      vertical-align: top;
      margin-top: -0.2em;
    }

    .hdEnJp01 .jp {
      margin-top: 4px;
    }
  }

  .pageTitle01 {
    color: #002d5b;
    font-size: 28px;
    margin: 40px 0 20px;
    text-align: center;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  @media screen and (max-width: 737px) {
    .pageTitle01 {
      font-size: 21px;
      margin: 25px 0 15px;
    }
  }

  .sectionTitle01 {
    color: #002d5b;
    font-size: 20px;
    margin: 40px 0 20px;
    text-align: center;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  @media screen and (max-width: 737px) {
    .sectionTitle01 {
      font-size: 16px;
      margin: 25px 0 15px;
    }
  }

  .titleBlock {
    background-color: #093163;
    height: 160px;
    position: relative;
    margin-top: 90px;
  }

  @media screen and (max-width: 737px) {
    .titleBlock {
      height: 100px;
      margin-top: 60px;
    }
  }

  .titleBlock picture img {
    object-fit: cover;
    font-family: "object-fit: cover;";
    width: 100%;
    height: 100%;
  }

  .titleBlock .txtWrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
  }

  .titleBlock .txtWrap .txt {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    display: flex;
    margin: 0;
  }

  .titleBlock .txtWrap .en {
    font-family: "Cormorant Garamond", serif;
    font-size: 48px;
    line-height: 1.3;
    font-variant: small-caps;
    font-weight: 400;
  }

  .titleBlock .txtWrap .en .num {
    display: inline-block;
    vertical-align: top;
    margin-top: -0.2em;
    font-weight: 400;
  }

  .titleBlock .txtWrap .jp {
    font-size: 12px;
    line-height: 1.5;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .titleBlock .txtWrap .jp>* {
    font-size: unset;
  }

  @media screen and (max-width: 737px) {
    .titleBlock .txtWrap {
      padding-top: 0px;
    }

    .titleBlock .txtWrap .en {
      font-size: 40px;
    }

    .titleBlock .txtWrap .jp {
      margin-top: -4px;
      font-size: 12px;
    }
  }

  .jobDetailTitle {
    font-size: 20px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    font-weight: 700;
    margin: 17px 0 15px;
  }

  @media screen and (max-width: 737px) {
    .jobDetailTitle {
      font-size: 16px;
      margin: 7px 0 10px;
    }
  }

  .contentListTitle {
    color: #002856;
    font-size: 28px;
    margin: 0;
    margin-bottom: 25px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  @media screen and (max-width: 737px) {
    .contentListTitle {
      font-size: 21px;
      margin-bottom: 18px;
    }
  }

  .shortLineTitle,
  .interviewDetailWrap .shortLineTitle {
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    font-size: 18px;
    font-weight: bold;
    color: #000080;
    padding: 0;
    padding-bottom: 2px;
    position: relative;
    margin: 30px 0 25px;
    background: none;
  }

  .shortLineTitle:before,
  .interviewDetailWrap .shortLineTitle:before {
    content: "";
    display: block;
    width: 32px;
    height: 0;
    border-bottom: 2px solid #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .shortLineTitle:after,
  .interviewDetailWrap .shortLineTitle:after {
    content: "";
    display: block;
    width: 32px;
    height: 0;
    border-bottom: 2px solid #b42222;
    position: absolute;
    bottom: 0;
    left: 32px;
  }

  .interviewDetailWrap .blueLineHd01,
  .blueLineHd01 {
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    font-size: 18px;
    color: #002856;
    padding: 13px 12px 12px;
    background-color: #cce0f7;
    margin: 40px 0 30px;
  }

  @media screen and (max-width: 737px) {

    .interviewDetailWrap .blueLineHd01,
    .blueLineHd01 {
      font-size: 16px;
      padding: 10px 10px 9px;
      margin: 20px 0 15px;
    }
  }

  .interviewListTitle {
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    font-size: 24px;
    color: #002856;
    line-height: 1.3333333333;
    position: relative;
    border-bottom: 2px solid #b42222;
    padding-bottom: 10px;
    margin: 30px 0 10px;
  }

  .interviewListTitle:after {
    content: "";
    display: block;
    width: 32px;
    height: 0;
    border-bottom: 2px solid #ccc;
    position: absolute;
    left: 0;
    bottom: -2px;
  }

  @media screen and (max-width: 737px) {
    .interviewListTitle {
      font-size: 21px;
      margin: 25px 0 20px;
    }
  }

  .rgArrow {
    width: 100px;
    height: 8px;
    border-bottom: 1px solid #ccc;
    position: relative;
  }

  .rgArrow:before {
    content: "";
    display: block;
    width: 16px;
    height: 0;
    border-bottom: 1px solid #ccc;
    position: absolute;
    bottom: -1px;
    right: 0;
    transform-origin: right bottom;
    transform: rotate(30deg);
  }

  .rgArrow span {
    display: block;
    height: 100%;
  }

  .rgArrow span:before {
    content: "";
    display: block;
    width: 0px;
    height: 0;
    border-bottom: 1px solid #b42222;
    position: absolute;
    bottom: -1px;
    right: 0;
    transform-origin: right bottom;
    transform: rotate(30deg);
    transition: width 0.3s ease;
  }

  .rgArrow span:after {
    content: "";
    display: block;
    width: 30px;
    height: 0;
    border-bottom: 1px solid #b42222;
    position: absolute;
    bottom: -1px;
    left: 0;
    transition: width 0.3s ease;
  }

  @media screen and (max-width: 737px) {
    .rgArrow {
      width: 60px;
      height: 8px;
    }

    .rgArrow span:after {
      width: 24px;
    }
  }

  @media screen and (min-width: 738px) {
    a:hover .rgArrow span:before {
      width: 16px;
    }

    a:hover .rgArrow span:after {
      width: 100px;
    }
  }

  .rgArrowRev {
    width: 40px;
    height: 6px;
    border-bottom: 1px solid #ccc;
    position: relative;
  }

  .rgArrowRev:before {
    content: "";
    display: block;
    width: 14px;
    height: 0;
    border-bottom: 1px solid #ccc;
    position: absolute;
    bottom: -1px;
    left: 0;
    transform-origin: left bottom;
    transform: rotate(-30deg);
  }

  @media screen and (max-width: 737px) {
    .rgArrowRev {
      width: 60px;
      height: 8px;
    }
  }

  .moreRow {
    margin-top: 35px;
    text-align: center;
  }

  .moreRow .txt {
    color: #002856;
    font-size: 16px;
    font-weight: 500;
    font-variant: small-caps;
    font-family: "Cormorant Garamond", serif;
  }

  .moreRow .rgArrow {
    margin: 0 auto;
  }

  @media screen and (max-width: 737px) {
    .moreRow {
      margin-top: 17px;
    }

    .moreRow .txt {
      font-size: 14px;
    }
  }

  .contentList {
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc;
  }

  .contentList .rgArrow {
    display: none;
  }

  .contentList .cat_お知らせ .date:after {
    content: "お知らせ";
    background-color: #5aa9e6;
  }

  .contentList .cat_セミナー .date:after {
    content: "セミナー";
    background-color: #868ecf;
  }

  .contentList .cat_イベント .date:after {
    content: "EVENTS";
    background-color: #3c89df;
  }

  .contentList .cat_ブログ .date:after {
    content: "ブログ";
    background-color: #548c2f;
  }

  .contentList .cat_インタビュー .date:after {
    content: "インタビュー";
    background-color: #3d348b;
  }

  .contentList .cat_求人 .date:after {
    content: "求人";
    background-color: #f4a261;
  }

  .contentList li {
    list-style: none;
    border-bottom: 1px solid #ccc;
  }

  .contentList li a {
    display: block;
    position: relative;
    transition: background-color ease 0.3s;
  }

  .contentList li a .rgArrow {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 60px;
  }

  .contentList li a .rgArrow span:after {
    width: 30px;
  }

  @media screen and (min-width: 738px) {
    .contentList li a:hover {
      background-color: #edf1f6;
    }

    .contentList li a:hover .rgArrow span:after {
      width: 60px;
    }
  }

  @media screen and (max-width: 737px) {
    .contentList li a .rgArrow {
      right: 0px;
      width: 30px;
    }

    .contentList li a .rgArrow:before {
      border-bottom-color: #b42222;
      width: 12px;
    }

    .contentList li a .rgArrow span:after {
      width: 30px;
    }
  }

  .contentList li dl {
    margin: 1px 0;
    padding: 20px 0;
    padding-right: 80px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  @media screen and (max-width: 737px) {
    .contentList li dl {
      padding: 12px 0;
      padding-right: 34px;
    }
  }

  .contentList li dt {
    font-size: 16px;
    font-weight: 700;
    color: #002856;
    margin-bottom: 6px;
  }

  .contentList li dd {
    margin: 0;
  }

  .contentList li .date {
    color: #444;
    font-size: 14px;
    margin-bottom: 12px;
  }

  .contentList li .date:after {
    content: "お知らせ";
    display: inline-block;
    margin-left: 10px;
    padding: 2px 8px 1px;
    color: #fff;
    background-color: #000;
  }

  @media screen and (max-width: 737px) {
    .contentList li .date {
      margin-bottom: 6px;
    }
  }

  .contentList li .desc {
    font-size: 14px;
    font-weight: 700;
  }

  .interviewList {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: -32px -16px 0;
    padding: 0;
    font-family: "UI Gothic";
  }

  @media screen and (max-width: 737px) and (min-width: 701px) {
    .interviewList {
      display: flex;
      margin: -32px -16px 0;
    }
  }

  @media screen and (max-width: 700px) {
    .interviewList {
      display: block;
      margin: 0px 0 0;
    }
  }

  .interviewList li {
    list-style: none;
    width: 312px;
    margin: 32px 16px 0;
  }

  @media screen and (max-width: 737px) and (min-width: 701px) {
    .interviewList li {
      width: calc(50% - 32px);
    }
  }

  @media screen and (max-width: 700px) {
    .interviewList li {
      width: auto;
      margin: 20px 0 0;
    }
  }

  .interviewList a {
    display: block;
    height: 100%;
    border: 1px solid #ccc;
    transition: opacity 0.3s ease;
  }

  .interviewList a:hover {
    opacity: 0.7;
  }

  .interviewList .interview-card {
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto minmax(50px, 70px) auto;
  }

  .interviewList h2 {
    font-size: 18px;
    font-weight: 700;
    color: #002856;
    margin: 17.5px 0;
    padding: 0 20px;
    line-height: 1.5;
    align-self: start;
  }

  @media screen and (max-width: 737px) {
    .interviewList h2 {
      font-size: 16px;
      padding: 0 15px;
      margin-top: 10px;
    }
  }


  .interviewList .cat {
    padding: 0 20px;
    padding-left: 0;
    margin: 0;
    margin-top: 0;
  }

  .interviewList .cat span {
    display: inline-block;
    background-color: #c7ae62;
    color: #fff;
    font-size: 14px;
    padding: 2px 12px 1px;
  }

  @media screen and (max-width: 737px) {
    .interviewList .cat {
      padding: 0 15px;
      padding-left: 0;
      margin: 0;
      margin-top: 0;
    }

    .interviewList .cat span {
      display: inline-block;
      font-size: 12px;
      padding: 2px 8px 1px;
    }
  }

  .interviewList .img {
    height: 230px;
    overflow: hidden;
    margin: 0;
  }

  .interviewList .img .imgWrap {
    height: 100%;
    width: 100%;
  }

  .interviewList .img .imgWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  @media screen and (max-width: 737px) {
    .interviewList .img {
      height: 200px;
    }
  }

  @media screen and (max-width: 700px) {
    .interviewList .img {
      height: calc(64.29vw);
    }
  }

  .interviewList .name {
    font-size: 15px;
    font-weight: 600;
    color: #002856;
    margin: 0;
    padding: 20px 20px 0;
    margin-bottom: 8px;
    line-height: 1.5;
    align-self: start;
  }

  @media screen and (max-width: 737px) {
    .interviewList .name {
      font-size: 14px;
      padding: 15px 15px 0;
      margin-bottom: 6px;
    }
  }

  .interviewList .desc {
    font-size: 13px;
    line-height: 1.6;
    font-weight: 500;
    display: block;
    padding: 0 20px 20px 20px;
    margin: 0;
  }

  @media screen and (max-width: 737px) {
    .interviewList .desc {
      font-size: 13px;
      line-height: 1.5;
      padding: 0 15px 15px 15px;
    }
  }

  .flowStepList {
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    margin: -14px 0 0;
    padding: 0;
  }

  .flowStepList li {
    display: flex;
    flex-direction: row-reverse;
    list-style: none;
    padding: 40px 0;
    border-bottom: 1px solid #002856;
    position: relative;
  }

  .flowStepList li:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 12px solid #002856;
    border-bottom: none;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -7px;
  }

  .flowStepList li:last-child {
    border: none;
  }

  .flowStepList li:last-child:after {
    display: none;
  }

  @media screen and (max-width: 737px) {
    .flowStepList li {
      display: block;
      padding: 25px 0;
    }
  }

  .flowStepList .txt {
    width: 580px;
  }

  @media screen and (max-width: 737px) {
    .flowStepList .txt {
      width: auto;
    }
  }

  .flowStepList .img {
    width: 360px;
    margin-left: 60px;
  }

  .flowStepList .img img {
    width: 100%;
    height: auto;
  }

  @media screen and (max-width: 737px) {
    .flowStepList .img {
      width: 160px;
      float: right;
      margin-left: 10px;
    }
  }

  .flowStepList dt {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 20px;
  }

  .flowStepList dt .en {
    font-size: 36px;
  }

  .flowStepList dt .jp {
    margin-left: 10px;
    font-size: 20px;
  }

  .flowStepList dt:before {
    content: "";
    width: 32px;
    height: 0;
    border-top: 2px solid #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .flowStepList dt:after {
    content: "";
    width: 32px;
    height: 0;
    border-top: 2px solid #b42222;
    position: absolute;
    bottom: 0;
    left: 32px;
  }

  @media screen and (max-width: 737px) {
    .flowStepList dt {
      margin-bottom: 30px;
      padding-bottom: 10px;
      padding-top: 15px;
    }

    .flowStepList dt .en {
      font-size: 24px;
      display: block;
    }

    .flowStepList dt .jp {
      margin-left: 0;
      font-size: 16px;
      display: block;
      white-space: nowrap;
    }
  }

  .flowStepList dd {
    margin: 0;
    line-height: 1.71;
    font-size: 14px;
    letter-spacing: 0.05em;
  }

  @media screen and (max-width: 737px) {
    .flowStepList dd {
      line-height: 1.6;
      font-size: 14px;
      letter-spacing: normal;
    }
  }

  .voiceList {
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .voiceList ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: -32px -16px 0;
  }

  @media screen and (max-width: 737px) {
    .voiceList ul {
      display: block;
      margin: 0;
    }
  }

  .voiceList li {
    list-style: none;
    width: calc(50% - 32px);
    margin: 32px 16px 0;
    border: 1px solid #ccc;
    background: linear-gradient(to bottom right, #fff, #fff 50%, #f2f7fe 50%);
    padding: 29px;
  }

  @media screen and (max-width: 737px) {
    .voiceList li {
      width: auto;
      margin: 15px 0 0;
      padding: 19px;
    }
  }

  .voiceList dl {
    position: relative;
  }

  .voiceList dt {
    font-size: 20px;
    color: #002856;
    padding-bottom: 17px;
    position: relative;
    margin-bottom: 26px;
  }

  .voiceList dt:before {
    content: "";
    width: 32px;
    height: 0;
    border-top: 2px solid #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .voiceList dt:after {
    content: "";
    width: 32px;
    height: 0;
    border-top: 2px solid #b42222;
    position: absolute;
    bottom: 0;
    left: 32px;
  }

  .voiceList dt span {
    font-size: 14px;
  }

  @media screen and (max-width: 737px) {
    .voiceList dt {
      font-size: 16px;
      padding-bottom: 10px;
      margin-bottom: 18px;
    }

    .voiceList dt span {
      font-size: 12px;
    }
  }

  .voiceList dd {
    margin: 0;
    position: relative;
  }

  .voiceList .income {
    height: 27px;
    margin-bottom: 8px;
  }

  .voiceList .income span {
    display: inline-block;
    background-color: #b42222;
    color: #fff;
    font-size: 16px;
    padding: 2px 10px 1px;
  }

  @media screen and (max-width: 737px) {
    .voiceList .income {
      height: 24px;
    }

    .voiceList .income span {
      display: inline-block;
      background-color: #b42222;
      color: #fff;
      font-size: 14px;
      padding: 2px 10px 1px;
    }
  }

  .voiceList .icon {
    position: absolute;
    top: -115px;
    right: 0;
  }

  @media screen and (max-width: 737px) {
    .voiceList .icon {
      top: -70px;
    }

    .voiceList .icon img {
      width: auto;
      height: 70px;
    }
  }

  .voiceList .txt {
    font-size: 14px;
    line-height: 1.71;
    color: #00132e;
    box-shadow: 0px 0px 3.84px 0.16px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 24px 39px;
    letter-spacing: 0.075em;
  }

  @media screen and (max-width: 737px) {
    .voiceList .txt {
      line-height: 1.6;
      padding: 18px 20px;
      letter-spacing: normal;
    }
  }

  .dotSquareList {
    margin: 30px 0;
    padding: 0;
  }

  .dotSquareList li {
    list-style: none;
    padding-left: 30px;
    font-size: 16px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    line-height: 2.3;
    position: relative;
  }

  .dotSquareList li:before {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0.7em;
    left: 0;
    background-color: #000;
    background: linear-gradient(to bottom left,
        #a6ceff 0%,
        #a6ceff 49%,
        #093163 50%,
        #093163);
  }

  .dotSquareList li span {
    font-size: 14px;
  }

  .dotSquareList li.letS {
    letter-spacing: -0.05em;
    white-space: nowrap;
  }

  @media screen and (max-width: 737px) {
    .dotSquareList {
      margin: 20px 0;
      padding: 0;
    }

    .dotSquareList li {
      padding-left: 24px;
      font-size: 14px;
      line-height: 1.5;
    }

    .dotSquareList li+li {
      margin-top: 5px;
    }

    .dotSquareList li:before {
      width: 12px;
      height: 12px;
      top: 0.3em;
    }

    .dotSquareList li span {
      font-size: 12px;
    }

    .dotSquareList li.letS {
      letter-spacing: normal;
      white-space: normal;
    }
  }

  .imgs3Wrap {
    margin: 30px 0;
  }

  .imgs3Wrap ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -10px -4px 0;
  }

  .imgs3Wrap li {
    list-style: none;
    margin: 10px 4px 0;
    width: calc(33.3% - 8px);
  }

  .imgs3Wrap li img {
    max-width: 100%;
    height: auto;
  }

  @media screen and (max-width: 737px) {
    .imgs3Wrap {
      margin: 20px -20px;
    }

    .imgs3Wrap ul {
      margin: -4px -1px 0;
    }

    .imgs3Wrap li {
      margin: 4px 1px 0;
      width: calc(33.3% - 2px);
    }
  }

  .mediaListWrap ul {
    margin: 0;
    padding: 0;
  }

  .mediaListWrap li {
    padding: 30px 0;
    border-bottom: 1px solid #ccc;
    list-style: none;
  }

  .mediaListWrap li p {
    margin: 0;
    line-height: 1.7;
    font-size: 14px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .mediaListWrap li .small {
    font-size: 12px;
  }

  @media screen and (max-width: 737px) {
    .mediaListWrap li {
      padding: 15px 0;
    }

    .mediaListWrap li p {
      margin: 0;
      line-height: 1.6;
      font-size: 12px;
    }

    .mediaListWrap li .small {
      font-size: 10px;
    }
  }

  .mediaListWrap img {
    transition: opacity 0.3s ease;
    max-width: 100%;
    height: auto;
  }

  .mediaListWrap .doubleImg {
    margin: 20px 20px 0;
    display: flex;
  }

  .mediaListWrap .doubleImg img {
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  }

  .mediaListWrap .doubleImg img.noShadow {
    box-shadow: none;
  }

  .mediaListWrap .doubleImg a:hover img {
    opacity: 0.7;
  }

  .mediaListWrap .doubleImg .firstImg {
    width: 240px;
  }

  .mediaListWrap .doubleImg .secondImg {
    margin-left: auto;
    width: 680px;
  }

  @media screen and (max-width: 737px) {
    .mediaListWrap .doubleImg {
      margin: 15px 0px 0;
    }

    .mediaListWrap .doubleImg .firstImg {
      width: 25%;
    }

    .mediaListWrap .doubleImg .secondImg {
      width: 70%;
    }
  }

  .mediaListWrap .oneImg {
    width: 70%;
  }

  .doubleImg .harfImgleft {
    width: 50%;
  }

  .mediaListWrap .doubleImg .harfImgright {
    width: 50%;
  }

  .mediaListWrap .oneImg img {
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  }

  .mediaListWrap .oneImg img.noShadow {
    box-shadow: none;
  }

  .mediaListWrap .oneImg a:hover img {
    opacity: 0.7;
  }

  @media screen and (max-width: 737px) {
    .mediaListWrap .oneImg {
      margin: 15px 20px 0;
    }
  }

  .jobListWrap ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc;
  }

  .jobListWrap li {
    padding: 35px 0;
    border-bottom: 1px solid #ccc;
    list-style: none;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    font-weight: 700;
  }

  .jobListWrap li:nth-child(odd) {
    background-color: #edf1f6;
  }

  @media screen and (max-width: 737px) {
    .jobListWrap li {
      padding: 20px 0;
    }
  }

  .jobListWrap .inner {
    display: flex;
  }

  @media screen and (max-width: 737px) {
    .jobListWrap .inner {
      display: block;
    }
  }

  .jobListWrap .iconWrap {
    margin-bottom: 12px;
    font-weight: 400;
  }

  @media screen and (max-width: 737px) {
    .jobListWrap .iconWrap {
      margin-bottom: 6px;
    }
  }

  .jobListWrap .jobTitle {
    margin: 0;
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 1.8;
  }

  .jobListWrap .jobTitle a:hover {
    text-decoration: underline;
  }

  @media screen and (max-width: 737px) {
    .jobListWrap .jobTitle {
      margin-bottom: 12px;
      font-size: 16px;
      line-height: 1.5;
    }
  }

  .jobListWrap .infoBox {
    width: 820px;
  }

  .jobListWrap .infoBox table {
    border-top: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
  }

  .jobListWrap .infoBox table th {
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 16px;
    padding-right: 6px;
    vertical-align: top;
    width: 132px;
    text-align: left;
  }

  .jobListWrap .infoBox table td {
    font-size: 14px;
    font-weight: 700;
    vertical-align: top;
    padding: 16px;
    border-bottom: 1px solid #ccc;
  }

  @media screen and (max-width: 737px) {
    .jobListWrap .infoBox {
      width: auto;
    }

    .jobListWrap .infoBox table {
      border-top: 1px solid #ccc;
      border-collapse: collapse;
    }

    .jobListWrap .infoBox table th {
      font-size: 12px;
      padding: 12px 10px;
      width: 110px;
    }

    .jobListWrap .infoBox table td {
      font-size: 12px;
      padding: 12px 10px;
    }
  }

  .jobListWrap .linkBox {
    width: 148px;
    margin-left: auto;
    display: flex;
    align-items: center;
  }

  .jobListWrap .linkBox a {
    width: 148px;
    height: 148px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #002856;
    color: #fff;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    font-size: 16px;
    transition: background 0.3s ease;
  }

  .jobListWrap .linkBox a .rgArrow {
    margin-top: 15px;
    width: 70px;
  }

  .jobListWrap .linkBox a:hover {
    background-color: #b42222;
  }

  .jobListWrap .linkBox a:hover .rgArrow span:before {
    display: none;
  }

  .jobListWrap .linkBox a:hover .rgArrow span:after {
    width: 0;
  }

  @media screen and (max-width: 737px) {
    .jobListWrap .linkBox {
      width: 120px;
      margin-right: auto;
      margin-top: 15px;
    }

    .jobListWrap .linkBox a {
      width: 120px;
      height: 120px;
      font-size: 14px;
    }

    .jobListWrap .linkBox a .rgArrow {
      margin-top: 8px;
      width: 50px;
    }
  }

  .pagerWrap {
    margin: 10px 0 8px;
  }

  .pagerWrap ul {
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: right;
  }

  .pagerWrap.center ul {
    text-align: center;
  }

  .pagerWrap li {
    list-style: none;
    display: inline-block;
    margin: 0 6px;
  }

  .pagerWrap li a,
  .pagerWrap li span {
    font-size: 14px;
    line-height: 1;
    display: block;
    padding-bottom: 6px;
    padding-right: 1px;
  }

  .pagerWrap li a {
    color: #002d5b;
    border-bottom: 1px solid #002d5b;
  }

  .pagerWrap li a:hover {
    border-bottom-color: transparent;
  }

  .pagerWrap li span,
  .pagerWrap li .cr {
    color: #888;
  }

  .jobRelList {
    display: flex;
    align-items: stretch;
    margin: 30px -10px 0;
    padding: 0;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    font-weight: 700;
  }

  @media screen and (max-width: 737px) {
    .jobRelList {
      display: block;
      margin: 5px 0 0;
    }
  }

  .jobRelList li {
    margin: 0 10px;
    width: calc(33.3% - 10px);
    list-style: none;
    background-color: #fff;
  }

  .jobRelList li a {
    display: block;
    height: 100%;
    padding: 19px;
    position: relative;
    border: 1px solid #ccc;
    background-color: #fff;
    transition: opacity 0.3s ease;
  }

  .jobRelList li a:hover {
    opacity: 0.7;
  }

  @media screen and (max-width: 737px) {
    .jobRelList li {
      margin: 0;
      margin-top: 10px;
      width: auto;
    }

    .jobRelList li a {
      padding: 9px;
    }
  }

  .jobRelList .jobTitle {
    height: 74px;
    overflow: hidden;
    margin: 8px 0 8px;
  }

  @media screen and (max-width: 737px) {
    .jobRelList .jobTitle {
      height: auto;
    }
  }

  .jobRelList .table01 th {
    width: 90px;
    padding: 10px;
    padding-right: 0;
    font-size: 12px;
  }

  .jobRelList .table01 td {
    padding: 10px;
    font-size: 12px;
  }

  @media screen and (max-width: 737px) {
    .jobRelList .table01 th {
      width: 110px;
      padding: 12px 10px;
    }

    .jobRelList .table01 th br {
      display: none;
    }

    .jobRelList .table01 td {
      padding: 12px 10px;
    }
  }

  .imgTxtStepWrap {
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    margin-top: 50px;
  }

  @media screen and (max-width: 737px) {
    .imgTxtStepWrap {
      margin-top: 20px;
    }
  }

  .imgTxtStepWrap ul {
    margin: 0;
    padding: 0;
  }

  .imgTxtStepWrap li {
    padding: 0;
    list-style: none;
    position: relative;
  }

  .imgTxtStepWrap li+li {
    margin-top: 60px;
  }

  .imgTxtStepWrap li:nth-child(odd) .img {
    left: 0;
  }

  .imgTxtStepWrap li:nth-child(odd) dl {
    margin-left: auto;
  }

  .imgTxtStepWrap li:nth-child(even) .img {
    right: 0;
  }

  .imgTxtStepWrap li:nth-child(even) dl {
    margin-right: auto;
  }

  @media screen and (max-width: 737px) {
    .imgTxtStepWrap li+li {
      margin-top: 30px;
    }

    .imgTxtStepWrap li:nth-child(odd) .img {
      margin-left: -20px;
    }

    .imgTxtStepWrap li:nth-child(odd) dl {
      margin-left: auto;
    }

    .imgTxtStepWrap li:nth-child(even) .img {
      margin-right: -20px;
    }

    .imgTxtStepWrap li:nth-child(even) dl {
      margin-right: auto;
    }
  }

  .imgTxtStepWrap .img {
    position: absolute;
    top: 0;
  }

  @media screen and (max-width: 737px) {
    .imgTxtStepWrap .img {
      position: static;
      width: 80%;
      margin: 0 auto;
    }

    .imgTxtStepWrap .img img {
      max-width: 100%;
      height: auto;
    }
  }

  .imgTxtStepWrap .txt {
    padding-top: 108px;
  }

  .imgTxtStepWrap .txt.padTop01 {
    padding-top: 40px;
  }

  @media screen and (max-width: 737px) {
    .imgTxtStepWrap .txt {
      padding-top: 0;
      margin-top: -60px;
    }

    .imgTxtStepWrap .txt.padTop01 {
      padding-top: 0;
    }
  }

  .imgTxtStepWrap dl {
    position: relative;
    padding: 35px 40px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #d1d1d1;
    width: 450px;
  }

  @media screen and (max-width: 737px) {
    .imgTxtStepWrap dl {
      padding: 25px;
      width: auto;
    }
  }

  .imgTxtStepWrap dt {
    font-size: 20px;
    padding-bottom: 9px;
    position: relative;
    margin-bottom: 15px;
  }

  .imgTxtStepWrap dt:before {
    content: "";
    display: block;
    border-bottom: 2px solid #ccc;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
  }

  .imgTxtStepWrap dt:after {
    content: "";
    display: block;
    border-bottom: 2px solid #b42222;
    position: absolute;
    left: 32px;
    bottom: 0;
    width: 32px;
  }

  @media screen and (max-width: 737px) {
    .imgTxtStepWrap dt {
      font-size: 16px;
      padding-bottom: 9px;
      margin-bottom: 15px;
    }

    .imgTxtStepWrap dt:before {
      content: "";
      display: block;
      border-bottom: 2px solid #ccc;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 32px;
    }

    .imgTxtStepWrap dt:after {
      content: "";
      display: block;
      border-bottom: 2px solid #b42222;
      position: absolute;
      left: 32px;
      bottom: 0;
      width: 32px;
    }
  }

  .imgTxtStepWrap dd {
    margin: 0;
    font-size: 14px;
    line-height: 1.71;
  }

  .pdfReaderWrap {
    text-align: center;
    margin-top: 40px;
  }

  .pdfReaderWrap p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.7;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .pdfReaderWrap a {
    display: inline-block;
    transition: opacity 0.3s ease;
  }

  .pdfReaderWrap a:hover {
    opacity: 0.7;
  }

  @media screen and (max-width: 737px) {
    .pdfReaderWrap {
      margin-top: 30px;
    }

    .pdfReaderWrap p {
      margin: 0 0 6px;
      font-size: 10px;
      line-height: 1.6;
    }
  }

  .newIcon {
    font-family: "Cormorant Garamond", serif;
    color: #fff;
    font-size: 14px;
    padding: 2px 14px 1px;
    background-color: #b42222;
  }

  .jobNo {
    font-size: 12px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
      "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    font-weight: 400;
    margin-top: 16px;
  }

  @media screen and (max-width: 737px) {
    .jobNo {
      font-size: 10px;
      margin-top: 8px;
    }
  }

  .jobBtnWrap {
    margin-top: 35px;
    position: relative;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  @media screen and (max-width: 737px) {
    .jobBtnWrap {
      margin: 20px 20px 0;
      display: flex;
      flex-direction: column-reverse;
    }
  }

  .jobBtnWrap .returnLink {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    text-decoration: underline;
    color: #002856;
    font-weight: 700;
  }

  .jobBtnWrap .returnLink:hover {
    text-decoration: none;
  }

  .jobBtnWrap .returnLink:before {
    content: "<";
    font-weight: 400;
    display: inline-block;
    color: #000;
    margin-right: 0.3em;
  }

  @media screen and (max-width: 737px) {
    .jobBtnWrap .returnLink {
      margin-top: 24px;
      position: relative;
      left: auto;
      bottom: auto;
      display: block;
    }
  }

  .jobBtnWrap .mailBtn {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400px;
    height: 64px;
    background-color: #012951;
    color: #fff;
    position: relative;
    transition: background-color ease 0.3s;
  }

  @media screen and (max-width: 737px) {
    .jobBtnWrap .mailBtn {
      width: 100%;
      height: 44px;
      margin: 0;
    }
  }

  .jobBtnWrap .mailBtn .txt {
    letter-spacing: 0.2em;
    padding-left: 0.2em;
  }

  @media screen and (max-width: 737px) {
    .jobBtnWrap .mailBtn .txt {
      letter-spacing: 0.05em;
      padding-left: 0.05em;
    }
  }

  .jobBtnWrap .mailBtn .rgArrow {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -5px;
    width: 70px;
  }

  @media screen and (max-width: 737px) {
    .jobBtnWrap .mailBtn .rgArrow {
      width: 50px;
      right: 15px;
    }
  }

  .jobBtnWrap .mailBtn:hover {
    background-color: #b42222;
  }

  .jobBtnWrap .mailBtn:hover .rgArrow span:before {
    display: none;
  }

  .jobBtnWrap .mailBtn:hover .rgArrow span:after {
    width: 0;
  }

  .table01 {
    border-top: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    table-layout: fixed;
  }

  .table01 th {
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 16px;
    padding-right: 6px;
    vertical-align: top;
    width: 132px;
    text-align: left;
  }

  .table01 td {
    font-size: 14px;
    font-weight: 700;
    vertical-align: top;
    padding: 16px;
    border-bottom: 1px solid #ccc;
    word-break: break-word;
  }

  @media screen and (max-width: 737px) {
    .table01 {
      border-top: 1px solid #ccc;
      border-collapse: collapse;
    }

    .table01 th {
      font-size: 12px;
      padding: 12px 10px;
      width: 110px;
    }

    .table01 td {
      font-size: 12px;
      padding: 12px 10px;
    }
  }

  .table02 {
    border-top: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
  }

  .table02 th {
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    padding: 16px;
    padding-right: 6px;
    padding-left: 0;
    vertical-align: top;
    width: 195px;
    text-align: left;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .table02 td {
    font-size: 14px;
    vertical-align: top;
    padding: 16px;
    border-bottom: 1px solid #ccc;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  @media screen and (max-width: 737px) {
    .table02 {
      border-top: 1px solid #ccc;
      border-collapse: collapse;
    }

    .table02 th {
      font-size: 12px;
      padding: 12px 0;
      width: 100px;
    }

    .table02 td {
      font-size: 12px;
      padding: 12px 10px;
    }
  }

  .formWrap {
    margin-top: 35px;
  }

  @media screen and (max-width: 737px) {
    .formWrap {
      margin-top: 16px;
    }
  }

  .formWrap p {
    margin: 0;
  }

  .formWrap ul,
  .formWrap dl,
  .formWrap dd {
    padding: 0;
    margin: 0;
  }

  .formWrap li {
    list-style: none;
  }

  .formWrap input[type="text"],
  .formWrap input[type="email"],
  .formWrap input[type="tel"],
  .formWrap textarea {
    font-size: 14px;
    padding: 8px 14px;
    border: 1px solid #ccc;
    width: 100%;
  }

  @media screen and (max-width: 737px) {

    .formWrap input[type="text"],
    .formWrap input[type="email"],
    .formWrap input[type="tel"],
    .formWrap textarea {
      padding: 6px 10px;
    }
  }

  .formWrap select {
    font-size: 14px;
    padding: 6px 14px;
    border: 1px solid #ccc;
  }

  @media screen and (max-width: 737px) {
    .formWrap select {
      padding: 6px 10px;
    }
  }

  .formWrap input.ageInput {
    width: 4em;
  }

  .formWrap .normalRadio {
    display: inline-block;
    margin: 7px 0 0 20px;
  }

  .formWrap .normalRadio span {
    padding-left: 5px;
  }

  .formWrap .normalRadio input {
    vertical-align: baseline;
  }

  .formWrap .normalCheck {
    display: inline-block;
    margin: 7px 0 0 20px;
  }

  .formWrap .normalCheck span {
    padding-left: 5px;
  }

  .formWrap .normalCheck input {
    vertical-align: baseline;
  }

  .formWrap .radioWrap {
    margin-top: -7px;
    margin-left: -20px;
  }

  .formWrap .checkWrap {
    margin-top: -7px;
    margin-left: -20px;
  }

  .formWrap .checkWrap.single {
    margin-top: 0;
  }

  .formWrap .relativeSize .radio03,
  .formWrap .relativeSize .radio04,
  .formWrap .relativeSize .radio00 {
    width: 170px;
  }

  .formWrap .relativeSize .radio01 {
    width: 86px;
  }

  @media screen and (max-width: 737px) {

    .formWrap .relativeSize .radio03,
    .formWrap .relativeSize .radio04,
    .formWrap .relativeSize .radio00 {
      width: auto;
    }

    .formWrap .relativeSize .radio01 {
      width: auto;
    }
  }

  .formWrap .error {
    color: #b42222;
  }

  .formWrap .hide {
    display: none;
  }

  .formWrap .removeFileBtn {
    display: block;
    margin: 5px 0;
    background-color: #999;
    color: #fff;
    width: 200px;
    padding: 5px 0;
    text-align: center;
    border-radius: 4px;
    transition: opacity 0.3s ease;
  }

  .formWrap .removeFileBtn:hover {
    opacity: 0.7;
  }

  .formWrap .desc {
    font-size: 12px;
    margin-bottom: 6px;
    line-height: 1.8;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .formWrap .must,
  .formWrap .any {
    display: flex;
    width: 54px;
    font-size: 12px;
    align-items: center;
    justify-content: center;
  }

  .formWrap .must {
    background-color: #b42222;
    border: 1px solid #b42222;
    color: #fff;
  }

  .formWrap .any {
    border: 1px solid #000;
    color: #000;
  }

  .formWrap .note {
    font-size: 12px;
    line-height: 1.6;
    margin-top: 0.5em;
  }

  @media screen and (max-width: 737px) {
    .formWrap .note {
      font-size: 10px;
    }
  }

  .formWrap .note02 {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 1.5em;
  }

  .formWrap .note02 a {
    text-decoration: underline;
    color: #1d60b4;
  }

  .formWrap .note02 a:hover {
    text-decoration: none;
  }

  @media screen and (max-width: 737px) {
    .formWrap .note02 {
      font-size: 12px;
    }
  }

  .formWrap .centerNote {
    text-align: center;
    margin: 35px 0 50px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    color: #f00;
    font-weight: 700;
  }

  @media screen and (max-width: 737px) {
    .formWrap .centerNote {
      font-size: 12px;
      margin: 15px 0 25px;
    }
  }

  .formWrap table {
    border-top: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .formWrap table .col01 {
    width: 190px;
  }

  .formWrap table .col02 {
    width: 96px;
  }

  .formWrap table th {
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    padding: 22px 20px;
    padding-left: 0px;
    vertical-align: top;
    text-align: left;
  }

  .formWrap table td {
    font-size: 14px;
    font-weight: 700;
    vertical-align: top;
    padding: 14px 20px;
    padding-right: 0;
    border-bottom: 1px solid #ccc;
  }

  .formWrap table th+td {
    padding: 22px 20px;
  }

  @media screen and (max-width: 737px) {
    .formWrap table {
      border-top: 1px solid #ccc;
      border-collapse: collapse;
    }

    .formWrap table .col01,
    .formWrap table .col02 {
      width: auto;
    }

    .formWrap table th {
      font-size: 14px;
      padding: 12px 10px;
      display: block;
      width: 80%;
    }

    .formWrap table td {
      font-size: 12px;
      padding: 12px 10px;
      padding-bottom: 30px;
      width: 100%;
    }

    .formWrap table th+td {
      padding: 12px 0;
      padding-bottom: 12px;
      width: 20%;
    }

    .formWrap table tr {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
    }
  }

  .formWrap dl dt {
    font-feature-settings: "palt";
    margin-bottom: 5px;
  }

  .formWrap dl+dl {
    margin-top: 20px;
  }

  .formWrap .langBox .normalRadio {
    margin-top: 0;
  }

  .formWrap .langBox ul {
    display: flex;
    padding: 10px 0 7px;
    border-bottom: 1px dotted #ccc;
    margin-right: 50px;
  }

  .formWrap .langBox li:first-child {
    width: 80px;
  }

  @media screen and (max-width: 737px) {
    .formWrap .langBox ul {
      margin-right: 0px;
    }

    .formWrap .langBox li:first-child {
      width: 44px;
    }
  }

  .formWrap .solutionBox .otherTxt {
    display: block;
    margin: 7px 0 0 20px;
  }

  .formWrap .solutionBox .otherTxt input[type="text"] {
    width: 80%;
  }

  .formWrap .btnWrap {
    margin-top: 40px;
    display: flex;
    flex-direction: row-reverse;
  }

  .formWrap .btnWrap .formBackBtn {
    display: flex;
    width: 240px;
    height: 40px;
    background-color: #999;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    position: relative;
    transition: background-color ease 0.3s;
  }

  .formWrap .btnWrap .formBackBtn .rgArrowRev {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -3px;
  }

  .formWrap .btnWrap .formBackBtn:hover {
    background-color: #000;
  }

  .formWrap .btnWrap button {
    background: none;
    background-color: #002856;
    width: 400px;
    height: 64px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: none;
    font-size: 18px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    position: relative;
    transition: background-color ease 0.3s;
  }

  @media screen and (max-width: 737px) {
    .formWrap .btnWrap button {
      width: 100%;
      height: 44px;
      margin: 0;
    }
  }

  .formWrap .btnWrap button .rgArrow {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -5px;
    width: 70px;
  }

  @media screen and (max-width: 737px) {
    .formWrap .btnWrap button .rgArrow {
      width: 50px;
      right: 15px;
    }
  }

  .formWrap .btnWrap button:hover {
    background-color: #b42222;
  }

  .formWrap .btnWrap button:hover .rgArrow span:before {
    display: none;
  }

  .formWrap .btnWrap button:hover .rgArrow span:after {
    width: 0;
  }

  .formWrap.confirm table td {
    padding: 22px 20px;
  }

  @media screen and (max-width: 737px) {
    .formWrap.confirm table td {
      padding: 12px 10px;
    }
  }

  .formWrap .contactformOuter {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
  }

  .formWrap .contactformOuter>p {
    display: none;
  }

  .formWrap .contactformOuter .btnWrap {
    width: 55%;
    max-width: 400px;
    margin: 40px auto 0;
    display: inline-block;
    flex-direction: row-reverse;
    position: relative;
  }

  .formWrap .contactformOuter .btnWrap input[type="submit"] {
    background: none;
    background-color: #002856;
    width: 100%;
    height: 64px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: none;
    font-size: 18px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    position: relative;
    transition: background-color ease 0.3s;
  }

  @media screen and (max-width: 737px) {
    .formWrap .contactformOuter .btnWrap {
      width: 100%;
      margin: 20px auto;
    }

    .formWrap .contactformOuter .btnWrap input[type="submit"] {
      height: 44px;
    }
  }

  .formWrap .contactformOuter .btnWrap .rgArrow {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -5px;
    width: 70px;
  }

  @media screen and (max-width: 737px) {
    .formWrap .contactformOuter .btnWrap .rgArrow {
      width: 50px;
      right: 15px;
    }
  }

  .formWrap .contactformOuter .btnWrap .wpcf7-spinner {
    display: none;
  }

  .formWrap .contactformOuter .btnWrap:hover input[type="submit"] {
    background-color: #b42222;
  }

  .formWrap .contactformOuter .btnWrap:hover .rgArrow span:before {
    display: none;
  }

  .formWrap .contactformOuter .btnWrap:hover .rgArrow span:after {
    width: 0;
  }

  .formWrap .contactformOuter.confirm table td {
    padding: 22px 20px;
  }

  @media screen and (max-width: 737px) {
    .formWrap .contactformOuter.confirm table td {
      padding: 12px 10px;
    }
  }

  .formWrap .contactformOuter .formBackBtn {
    display: flex;
    margin: 40px 20px 0 auto;
    width: 40%;
    max-width: 400px;
    background-color: #999;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    position: relative;
    transition: background-color ease 0.3s;
  }

  .formWrap .contactformOuter .formBackBtn p {
    width: 100%;
  }

  .formWrap .contactformOuter .formBackBtn input.wpcf7-previous {
    width: 100%;
    height: 64px;
    background: none;
    color: #fff;
    border: none;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .formWrap .contactformOuter .formBackBtn .rgArrowRev {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -3px;
  }

  .formWrap .contactformOuter .formBackBtn:hover {
    background-color: #000;
  }

  @media screen and (max-width: 737px) {
    .formWrap .contactformOuter .formBackBtn {
      width: 100%;
      margin: 40px auto 0;
    }

    .formWrap .contactformOuter .formBackBtn input.wpcf7-previous {
      height: 44px;
    }
  }

  .voiceHr01 {
    margin: 80px 0 0;
    border: none;
    border-top: 1px solid #ccc;
  }

  @media screen and (max-width: 737px) {
    .voiceHr01 {
      margin-top: 40px;
    }
  }

  .recruitJob h3 {
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    font-size: 22px;
    margin: 75px 0 10px;
  }

  @media screen and (max-width: 737px) {
    .recruitJob h3 {
      font-size: 18px;
      margin: 40px 0 6px;
    }
  }

  .recruitJob .desc {
    text-align: center;
    margin: 35px 0 -10px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  @media screen and (max-width: 737px) {
    .recruitJob .desc {
      font-size: 12px;
      margin-top: 20px;
    }
  }

  .recruitNav {
    margin: 50px 0;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    border-bottom: 1px solid #ccc;
  }

  .recruitNav dt {
    text-align: center;
    font-size: 18px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
  }

  .recruitNav h3 {
    text-align: center;
    font-size: 24px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
  }

  .recruitNav dd {
    margin: 20px;
  }

  .recruitNav dd a {
    font-size: 16px;
    color: #3c72bb;
    text-decoration: underline;
  }

  .recruitNav dd a:hover {
    text-decoration: none;
  }

  @media screen and (max-width: 737px) {
    .recruitNav {
      margin: 30px 0;
    }

    .recruitNav dt {
      font-size: 16px;
    }

    .recruitNav dd {
      margin: 10px;
    }

    .recruitNav dd a {
      font-size: 14px;
    }
  }

  .bigDesc {
    margin: 30px 0;
    line-height: 1.7;
    font-size: 18px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  @media screen and (max-width: 737px) {
    .bigDesc {
      margin: 20px 0;
      font-size: 16px;
    }
  }

  .joblistsDesc {
    font-size: 14px;
    text-align: center;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    margin-top: 0;
  }

  @media screen and (max-width: 737px) {
    .joblistsDesc {
      font-size: 12px;
    }
  }

  .consultationDesc {
    font-size: 14px;
    margin-top: 35px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .consultationDesc a {
    font-size: 18px;
    text-decoration: underline;
    color: #1d60b4;
  }

  .consultationDesc a:hover {
    text-decoration: none;
  }

  @media screen and (max-width: 737px) {
    .consultationDesc {
      font-size: 12px;
      margin-top: 16px;
    }

    .consultationDesc a {
      font-size: 14px;
    }
  }

  .consultationBanner {
    text-align: center;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .consultationBanner .caption {
    font-size: 12px;
  }

  @media screen and (max-width: 737px) {
    .consultationBanner img {
      max-width: 100%;
      height: auto;
    }

    .consultationBanner .caption {
      font-size: 10px;
    }
  }

  .jobFormBlock {
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .jobFormBlock .imgCheck {
    display: block;
    position: relative;
    overflow: hidden;
  }

  .jobFormBlock .imgCheck input {
    position: absolute;
    top: 0;
    left: -999px;
  }

  .jobFormBlock .imgCheck .txt {
    padding-left: 24px;
    color: #fff;
    position: relative;
    display: block;
  }

  .jobFormBlock .imgCheck .txt:before {
    content: "";
    border-radius: 2px;
    width: 14px;
    height: 14px;
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
  }

  .jobFormBlock .imgCheck .txt:after {
    content: "\e904";
    font-family: "icomoon";
    width: 14px;
    height: 14px;
    display: block;
    color: #b42222;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    line-height: 1;
    font-size: 14px;
    transform: scale(0);
    transition: all ease 0.3s;
  }

  .jobFormBlock .imgCheck input:checked+.txt:after {
    transform: scale(1);
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .imgCheck {
      display: block;
      position: relative;
      overflow: hidden;
    }

    .jobFormBlock .imgCheck input {
      position: absolute;
      top: 0;
      left: -999px;
    }

    .jobFormBlock .imgCheck .txt {
      padding-left: 24px;
      color: #fff;
      position: relative;
      display: block;
    }

    .jobFormBlock .imgCheck .txt:before {
      content: "";
      border-radius: 2px;
      width: 14px;
      height: 14px;
      display: block;
      background-color: #fff;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -7px;
    }

    .jobFormBlock .imgCheck .txt:after {
      content: "\e904";
      font-family: "icomoon";
      width: 14px;
      height: 14px;
      display: block;
      color: #b42222;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -6px;
      line-height: 1;
      font-size: 14px;
      transform: scale(0);
      transition: all ease 0.3s;
    }

    .jobFormBlock .imgCheck input:checked+.txt:after {
      transform: scale(1);
    }
  }

  .jobFormBlock .imgCheckWrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: -12px;
    justify-content: center;
  }

  .jobFormBlock .imgCheckWrap .item {
    width: 125px;
    margin-top: 12px;
  }

  .jobFormBlock .imgCheckWrap.big .item {
    width: 140px;
  }

  .jobFormBlock .imgCheckWrap.big .item.double {
    width: 280px;
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .imgCheckWrap {
      display: flex;
      flex-wrap: wrap;
      margin-top: -8px;
      justify-content: flex-start;
    }

    .jobFormBlock .imgCheckWrap .item {
      width: auto;
      padding-right: 20px;
      margin-top: 8px;
    }

    .jobFormBlock .imgCheckWrap.big .item {
      width: auto;
    }

    .jobFormBlock .imgCheckWrap.big .item.double {
      width: auto;
    }
  }

  .jobFormBlock .rightBox .imgCheckWrap .item:nth-child(3n) {
    width: 90px;
  }

  .jobFormBlock .rightBox .imgCheckWrap .item:last-child {
    width: 90px;
  }

  @media screen and (max-width: 1100px) {

    .jobFormBlock .rightBox .imgCheckWrap .item:nth-child(3n),
    .jobFormBlock .rightBox .imgCheckWrap .item:last-child {
      width: auto;
    }
  }

  .jobFormBlock .checkRow {
    display: flex;
    align-items: stretch;
    border-top: 1px solid #fff;
  }

  .jobFormBlock .checkRow .leftBox {
    width: 50%;
    background-image: linear-gradient(0deg, #002f5d 0%, #0b6dab 100%);
  }

  .jobFormBlock .checkRow .leftBox dl {
    margin-left: auto;
    width: 500px;
    margin-right: 49px;
  }

  .jobFormBlock .checkRow .rightBox {
    width: 50%;
    border-left: 1px solid #fff;
    background-image: linear-gradient(0deg, #896a0c 0%, #b9a546 100%);
  }

  .jobFormBlock .checkRow .rightBox dl {
    margin-right: auto;
    width: 499px;
    padding-left: 49px;
  }

  .jobFormBlock .checkRow dt {
    padding: 26px 0 10px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }

  .jobFormBlock .checkRow dt input:checked+.txt {
    color: #f00;
    font-weight: 700;
  }

  .jobFormBlock .checkRow dd {
    margin: 0;
    padding: 15px 0 20px;
    font-size: 16px;
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .checkRow {
      display: block;
    }

    .jobFormBlock .checkRow .leftBox {
      width: auto;
    }

    .jobFormBlock .checkRow .leftBox dl {
      width: auto;
      margin: 0 20px;
    }

    .jobFormBlock .checkRow .rightBox {
      width: auto;
      border-left: none;
      border-top: 1px solid #fff;
    }

    .jobFormBlock .checkRow .rightBox dl {
      width: auto;
      margin: 0 20px;
      padding: 0;
    }

    .jobFormBlock .checkRow dt {
      padding: 20px 0 10px;
      font-size: 12px;
    }

    .jobFormBlock .checkRow dd {
      margin: 0;
      padding: 10px 0 18px;
      font-size: 12px;
    }
  }

  .jobFormBlock .submitRow {
    background-color: #edf1f6;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .jobFormBlock .submitRow button {
    border: none;
    background: none;
    width: 300px;
    height: 60px;
    text-align: center;
    border-radius: 30px;
    transition: opacity 0.3s ease;
    cursor: pointer;
  }

  .jobFormBlock .submitRow .submitBtn {
    background-color: #002f5d;
  }

  .jobFormBlock .submitRow .resetBtn {
    background-color: #fff;
    border: 2px solid #edf1f6;
  }

  .jobFormBlock .submitRow button span {
    padding-left: 38px;
    display: inline-block;
    position: relative;
    font-size: 22px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    font-weight: 700;
  }

  .jobFormBlock .submitRow .submitBtn span {
    color: #fff;
  }

  .jobFormBlock .submitRow .submitBtn span:before {
    content: "\e905";
    font-family: "icomoon";
    width: 24px;
    height: 24px;
    line-height: 1;
    font-size: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    color: #fff;
    font-weight: 400;
  }

  .jobFormBlock .submitRow .resetBtn span {
    color: #002856;
    padding-left: 0;
  }

  .jobFormBlock .submitRow button:hover {
    opacity: 0.7;
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .submitRow {
      padding: 20px 0;
      gap: 12px;
      flex-direction: column;
    }

    .jobFormBlock .submitRow button {
      width: 226px;
      height: 50px;
    }

    .jobFormBlock .submitRow button span {
      padding-left: 22px;
      font-size: 14px;
    }

    .jobFormBlock .submitRow .submitBtn span:before {
      width: 16px;
      height: 16px;
      font-size: 16px;
      margin-top: -8px;
    }

    .jobFormBlock .submitRow .resetBtn span {
      padding-left: 0;
    }
  }

  .jobFormBlock .sumbitRow {
    background-color: #edf1f6;
    padding: 30px 0;
  }

  .jobFormBlock .sumbitRow button {
    display: block;
    margin: 0 auto;
    border: none;
    background: none;
    width: 300px;
    height: 60px;
    text-align: center;
    border-radius: 30px;
    background-color: #002f5d;
    transition: opacity 0.3s ease;
  }

  .jobFormBlock .sumbitRow button span {
    padding-left: 38px;
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 22px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    font-weight: 700;
  }

  .jobFormBlock .sumbitRow button span:before {
    content: "\e905";
    font-family: "icomoon";
    width: 24px;
    height: 24px;
    line-height: 1;
    font-size: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    color: #fff;
    font-weight: 400;
  }

  .jobFormBlock .sumbitRow button:hover {
    opacity: 0.7;
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .sumbitRow {
      padding: 20px 0;
    }

    .jobFormBlock .sumbitRow button {
      width: 226px;
      height: 50px;
    }

    .jobFormBlock .sumbitRow button span {
      padding-left: 22px;
      font-size: 14px;
    }

    .jobFormBlock .sumbitRow button span:before {
      width: 16px;
      height: 16px;
      font-size: 16px;
      margin-top: -8px;
    }
  }

  .jobFormBlock .filterRow {
    background-color: #edf1f6;
    width: 100%;
  }

  .jobFormBlock .filterRow .filter-inner {
    display: flex;
    align-items: stretch;
    border-top: 1px solid #ccc;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1100px;
    padding-right: 50px;
    width: 100%;
  }

  .jobFormBlock .filterRow .leftBox {
    width: 100%;
    background-color: #edf1f6;
  }

  .jobFormBlock .filterRow .leftBox dl {
    margin-left: auto;
    width: 100%;
    /* margin-right: 49px; */
  }

  .jobFormBlock .filterRow .leftBox .leftBox-dd {
    padding-bottom: 0;
  }

  .jobFormBlock .filterRow .rightBox {
    width: 100%;
    background-color: #edf1f6;
  }

  .jobFormBlock .filterRow .rightBox dl {
    margin-right: auto;
    width: 100%;
  }

  .jobFormBlock .filterRow dt {
    padding: 26px 0 10px;
    font-size: 24px;
    text-align: center;
    color: #002856;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
  }

  .jobFormBlock .filterRow dd {
    margin: 0;
    padding: 20px 0;
    font-size: 16px;
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .filterRow {
      display: block;
    }

    .jobFormBlock .filterRow .filter-inner {
      padding: 0;
    }

    .jobFormBlock .filterRow .leftBox {
      width: auto;
    }

    .jobFormBlock .filterRow .leftBox dl {
      width: auto;
      margin: 0 20px;
    }

    .jobFormBlock .filterRow .rightBox {
      width: auto;
      border-left: none;
      border-top: 1px solid #ccc;
    }

    .jobFormBlock .filterRow .rightBox dl {
      width: auto;
      margin: 0 20px;
      padding: 0;
    }

    .jobFormBlock .filterRow dt {
      padding: 20px 0 10px;
      font-size: 12px;
    }

    .jobFormBlock .filterRow dd {
      padding: 15px 0 18px;
      font-size: 12px;
    }
  }

  .jobFormBlock .accordionWrap {
    margin: 0;
    padding: 0;
  }

  .jobFormBlock .accordionItem {
    border-bottom: 1px solid #ccc;
  }

  .jobFormBlock .accordionItem:last-child {
    border-bottom: none;
  }

  .jobFormBlock .accordionToggle {
    width: 100%;
    background: none;
    border: none;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-align: left;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .jobFormBlock .accordionToggle:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }

  .jobFormBlock .accordionToggleTxt {
    font-size: 16px;
    font-weight: 700;
    color: #002856;
  }

  .jobFormBlock .accordionToggleIcon {
    font-size: 20px;
    color: #002856;
    font-weight: 700;
    transition: transform 0.3s ease;
  }

  .jobFormBlock .accordionToggle[aria-expanded="true"] .accordionToggleIcon {
    transform: rotate(45deg);
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .accordionToggle {
      padding: 10px 15px;
    }

    .jobFormBlock .accordionToggleTxt {
      font-size: 14px;
    }

    .jobFormBlock .accordionToggleIcon {
      font-size: 18px;
    }
  }

  .jobFormBlock .accordionPanel {
    padding: 0 20px 15px;
  }

  .jobFormBlock .accordionPanel[hidden] {
    display: none;
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .accordionPanel {
      padding: 0 15px 12px;
    }
  }

  .jobFormBlock .checkboxList {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px 12px;
  }

  .jobFormBlock .checkboxList-salary {
    padding: 0 20px;
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .checkboxList {
      grid-template-columns: repeat(2, 1fr);
      gap: 6px 10px;
    }
  }

  .jobFormBlock .checkboxList li {
    margin: 0;
  }

  .jobFormBlock .normalCheck {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    color: #002856;
  }

  .jobFormBlock .normalCheck input {
    margin-right: 6px;
    vertical-align: baseline;
    cursor: pointer;
  }

  .jobFormBlock .normalCheck .txt {
    cursor: pointer;
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .normalCheck {
      font-size: 12px;
    }

    .jobFormBlock .normalCheck input {
      margin-right: 4px;
    }
  }

  .jobFormBlock .selectWrap {
    padding: 0 20px;
  }

  .jobFormBlock .selectWrap select {
    width: 100%;
    max-width: 400px;
    padding: 10px 14px;
    font-size: 14px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #002856;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    font-weight: 700;
    cursor: pointer;
    appearance: auto;
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .selectWrap {
      padding: 0 15px;
    }

    .jobFormBlock .selectWrap select {
      padding: 8px 10px;
      font-size: 12px;
      max-width: 100%;
    }
  }

  .jobFormBlock .searchRow {
    background-color: #edf1f6;
    padding: 30px 0;
    text-align: center;
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .searchRow {
      padding: 20px 0;
    }
  }

  .jobFormBlock .searchInputWrap {
    position: relative;
    display: inline-block;
    width: 400px;
    max-width: 90%;
  }

  .jobFormBlock .searchInputWrap:before {
    content: "";
    font-family: "icomoon" !important;
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #888;
    pointer-events: none;
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .searchInputWrap {
      width: 70%;
    }

    .jobFormBlock .searchInputWrap:before {
      left: 12px;
      font-size: 16px;
    }
  }

  .jobFormBlock .searchInput {
    width: 100%;
    padding: 14px 20px 14px 50px;
    font-size: 22px;
    border: 1px solid #ccc;
    border-radius: 30px;
    background-color: #fff;
    color: #002856;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    outline: none;
    transition: border-color 0.3s ease;
  }

  .jobFormBlock .searchInput:focus {
    border-color: #002856;
  }

  .jobFormBlock .searchInput::placeholder {
    color: #888;
    opacity: 1;
  }

  @media screen and (max-width: 737px) {
    .jobFormBlock .searchInput {
      padding: 10px 15px 10px 38px;
      font-size: 14px;
      border-radius: 20px;
    }
  }

  .jobDetailWrap {
    padding: 35px 0 79px;
  }

  .jobDetailWrap tbody p {
    margin-top: 0px !important;
  }

  .jobDetailWrap tbody p:last-child {
    margin-bottom: 0px !important;
  }

  @media screen and (max-width: 737px) {
    .jobDetailWrap {
      padding: 16px 0 39px;
    }
  }

  .jobRelWrap {
    border-top: 1px solid #ccc;
    background-color: #edf1f6;
    padding: 34px 0 100px;
  }

  @media screen and (max-width: 737px) {
    .jobRelWrap {
      padding: 17px 0 50px;
    }
  }




  .contentCatDl {
    margin: 0;
    padding: 0;
  }

  .contentCatDl dt {
    text-align: center;
    padding: 6px 0 5px;
    font-size: 14px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    color: #fff;
    background-color: #000088;
  }

  .contentCatDl dd {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
  }

  .contentCatDl dd a {
    display: block;
    padding: 16px 5px 14px;
    font-size: 14px;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    color: #012951;
    background-color: #f0f8ff;
    position: relative;
    font-weight: 700;
    transition: all ease 0.3s;
  }

  @media screen and (max-width: 737px) {
    .contentCatDl dd a {
      padding: 13px 5px 11px;
    }
  }

  .contentCatDl dd a:before {
    content: "";
    width: 30px;
    height: 0;
    border-top: 1px solid #aaa;
    transition: all ease 0.3s;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 5px;
  }

  .contentCatDl dd a:after {
    content: "";
    display: block;
    width: 8px;
    height: 0;
    border-bottom: 1px solid #aaa;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 5px;
    transform-origin: right bottom;
    transform: rotate(30deg);
    transition: all ease 0.3s;
  }

  .contentCatDl dd a.cr,
  .contentCatDl dd a:hover {
    color: #000000;
    background-color: #d9e5ff;
  }

  .contentCatDl dd a.cr:before,
  .contentCatDl dd a:hover:before {
    border-top-color: #fff;
  }

  .contentCatDl dd a.cr:after,
  .contentCatDl dd a:hover:after {
    border-bottom-color: #fff;
  }

  .contentPostWrap {
    border-top: 1px solid #ccc;
    padding: 24px 0;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  @media screen and (max-width: 737px) {
    .contentPostWrap {
      padding: 12px 0;
    }
  }

  .contentPostWrap .date {
    color: #444;
    font-size: 14px;
    margin-bottom: 12px;
  }

  .contentPostWrap .date .cat {
    display: inline-block;
    margin-left: 10px;
    padding: 2px 8px 1px;
    color: #fff;
    background-color: #000;
  }

  .contentPostWrap .date .cat.c_お知らせ {
    background-color: #3fb9d3;
  }

  .contentPostWrap .date .cat.c_セミナー {
    background-color: #868ecf;
  }

  .contentPostWrap .date .cat.c_イベント {
    background-color: #868ecf;
  }

  .contentPostWrap .date .cat.c_求人 {
    background-color: #868ecf;
  }

  .contentPostWrap .date .cat.c_インタビュー {
    background-color: #3c89df;
  }

  .contentPostWrap .date .cat.c_ブログ {
    background-color: #548c2f;
  }

  @media screen and (max-width: 737px) {
    .contentPostWrap .date {
      margin-bottom: 6px;
    }
  }

  .contentDetailTitle {
    font-size: 28px;
    color: #002856;
  }

  @media screen and (max-width: 737px) {
    .contentDetailTitle {
      font-size: 21px;
    }
  }

  .singlePagerWrap {
    margin: 0;
    padding: 0;
    margin-top: 40px;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    font-size: 0;
    text-align: center;
  }

  @media screen and (max-width: 737px) {
    .singlePagerWrap {
      margin-top: 20px;
    }
  }

  .singlePagerWrap a {
    color: #002856;
    text-decoration: underline;
    position: relative;
  }

  .singlePagerWrap a:hover {
    text-decoration: none;
  }

  .singlePagerWrap .noLink {
    color: #ccc;
  }

  .singlePagerWrap .noLink:before,
  .singlePagerWrap .noLink:after {
    color: #ccc;
  }

  .singlePagerWrap li {
    list-style: none;
    display: inline-block;
    font-size: 14px;
  }

  .singlePagerWrap .center {
    margin: 0 80px;
  }

  @media screen and (max-width: 737px) {
    .singlePagerWrap .center {
      margin: 0 40px;
    }
  }

  .singlePagerWrap .back .noLink:before,
  .singlePagerWrap .back a:before {
    content: "＜";
    display: inline-block;
    margin-right: 0.3em;
  }

  .singlePagerWrap .next .noLink:after,
  .singlePagerWrap .next a:after {
    content: "＞";
    display: inline-block;
    margin-left: 0.3em;
  }

  .indexListWrap ul {
    margin: 0;
    padding: 0;
  }

  .indexListWrap li {
    position: relative;
    padding-left: 27px;
    list-style: none;
  }

  .indexListWrap li:before {
    width: 14px;
    height: 14px;
    background-color: #093163;
    position: absolute;
    top: 4px;
    left: 0;
  }

  .indexListWrap li:after {
    position: absolute;
    top: 4px;
    left: 0;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-top: 14px solid #a6ceff;
    border-bottom: none;
    border-right: none;
  }

  @media screen and (max-width: 737px) {
    .indexListWrap li {
      padding-left: 20px;
    }

    .indexListWrap li:before {
      width: 12px;
      height: 12px;
      top: 5px;
      left: 0;
    }

    .indexListWrap li:after {
      top: 5px;
      left: 0;
      width: 0;
      height: 0;
      border: 12px solid transparent;
      border-top: 12px solid #a6ceff;
      border-bottom: none;
      border-right: none;
    }
  }

  .indexListWrap li a {
    color: #3c72bb;
    line-height: 1.5;
    font-size: 16px;
    text-decoration: underline;
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  @media screen and (max-width: 737px) {
    .indexListWrap li a {
      font-size: 14px;
    }
  }

  .profileWrap {
    background-color: #002856;
    padding: 24px 30px;
    background-image: url(../../img/consultant/interview/line_logo_01.png);
    background-repeat: no-repeat;
    margin: 50px 0 0;
  }

  .profileWrap dl {
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
    margin-left: 310px;
  }

  .profileWrap dt {
    border-bottom: 1px solid #f5ca38;
    padding: 0 10px 10px;
    font-size: 28px;
    color: #fff;
  }

  .profileWrap dd {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    margin: 0;
    padding: 10px 10px 0;
  }

  .profileWrap dd span {
    display: inline-block;
  }

  .profileWrap dd .post {
    margin-left: 1em;
  }

  @media screen and (max-width: 737px) {
    .profileWrap {
      padding: 12px 10px;
      background-size: 130px auto;
      margin: 20px 0 0;
    }

    .profileWrap dl {
      font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
        "ＭＳ 明朝", serif;
      margin-left: 30%;
    }

    .profileWrap dt {
      padding: 0 5px 5px;
      font-size: 20px;
    }

    .profileWrap dd {
      font-size: 14px;
      padding: 5px 5px 0;
    }
  }

  .blueProfileWrap {
    background-color: #f3f9ff;
    padding: 30px 0 80px;
    margin-bottom: -100px;
    margin-top: 50px;
  }

  @media screen and (max-width: 737px) {
    .blueProfileWrap {
      padding: 10px 0 20px;
      margin-bottom: -50px;
      margin-top: 30px;
    }
  }

  .bottomProfileWrap {
    display: flex;
    align-items: stretch;
  }

  .bottomProfileWrap .left {
    width: 180px;
  }

  .bottomProfileWrap .left img {
    max-width: 100%;
  }

  .bottomProfileWrap .right {
    margin-left: 30px;
    width: calc(100% - 210px);
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .bottomProfileWrap .right dt {
    font-size: 18px;
    font-weight: 700;
  }

  .bottomProfileWrap .right dd {
    margin: 0;
  }

  .bottomProfileWrap .right .sub {
    font-size: 12px;
  }

  .bottomProfileWrap .right .desc {
    margin-top: 1.5em;
    font-size: 14px;
    line-height: 1.7142857143;
  }

  @media screen and (max-width: 737px) {
    .bottomProfileWrap {
      display: block;
    }

    .bottomProfileWrap .left {
      width: 90px;
      float: right;
      margin-left: 20px;
    }

    .bottomProfileWrap .right {
      margin-left: 0px;
      width: auto;
    }

    .bottomProfileWrap .right dt {
      font-size: 15px;
    }

    .bottomProfileWrap .right dd {
      margin: 0;
    }

    .bottomProfileWrap .right .sub {
      font-size: 12px;
    }

    .bottomProfileWrap .right .desc {
      margin-top: 1.2em;
      font-size: 12px;
      line-height: 1.7142857143;
    }
  }

  .interviewMainWrap {
    position: relative;
  }

  .interviewMainWrap img {
    max-width: 100%;
    height: auto;
  }

  .interviewMainWrap .label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    display: flex;
    align-items: center;
    padding: 14px 28px 10px;
    background-color: rgba(5, 46, 94, 0.8);
    font-family: "Yu Mincho", "YuMincho", "游明朝 Medium", "Yu Mincho Medium",
      "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
      "ＭＳ 明朝", serif;
  }

  .interviewMainWrap .label .left .cat {
    color: #dfbe4c;
    font-size: 18px;
    margin: 0;
    line-height: 1.2;
  }

  .interviewMainWrap .label .left .company {
    font-size: 28px;
    color: #fff;
    margin: 0;
    line-height: 1.2;
  }

  .interviewMainWrap .label .right {
    display: flex;
    align-items: center;
    margin-left: 24px;
  }

  @media screen and (max-width: 737px) {
    .interviewMainWrap .label {
      padding: 12px 10px 8px;
    }

    .interviewMainWrap .label .left .cat {
      font-size: 12px;
    }

    .interviewMainWrap .label .left .company {
      font-size: 14px;
    }

    .interviewMainWrap .label .right {
      margin-left: 16px;
    }

    .interviewMainWrap .label .right img {
      height: 25px;
    }
  }

  .interviewDetailWrap h3 {
    font-size: 18px;
    color: #fff;
    padding: 13px 12px 12px;
    background-color: #366fb2;
    margin: 50px 0 24px;
  }

  .interviewDetailWrap p {
    font-size: 14px;
    line-height: 1.7142857143;
    margin: 1em 0;
  }

  .interviewDetailWrap li {
    font-size: 14px;
    line-height: 1.7142857143;
    margin: 0.5em 0;
  }

  .interviewDetailWrap .name {
    color: #002856;
    font-size: 16px;
    margin-top: 2em;
  }

  .interviewDetailWrap .name.gold {
    color: #a68d36;
  }

  .interviewDetailWrap .imgWrap {
    margin: 24px 0;
  }

  .interviewDetailWrap .imgWrap img {
    max-width: 100%;
    height: auto;
  }

  .interviewDetailWrap .anchorOffset {
    padding-top: 50px;
    margin-top: -50px;
  }

  @media screen and (max-width: 737px) {
    .interviewDetailWrap .anchorOffset {
      padding-top: 30px;
      margin-top: -30px;
    }
  }

  @media screen and (max-width: 737px) {
    .interviewDetailWrap h3 {
      font-size: 16px;
      padding: 10px 10px 9px;
      margin: 25px 0 15px;
    }

    .interviewDetailWrap p {
      font-size: 14px;
      margin: 0.7em 0;
    }

    .interviewDetailWrap .name {
      font-size: 15px;
      margin-top: 1.3em;
    }

    .interviewDetailWrap .imgWrap {
      margin: 18px 0;
    }
  }

  .interviewPagerWrap {
    margin: 40px 0 0;
  }

  /* ============================================
 * プロフィールカード表示（共通パーツ）
 * ============================================ */
  .profile-card {
    border: 1px solid #d0e0f0;
    border-radius: 6px;
    padding: 20px;
    margin: 20px 0;
  }

  .profile-card a {
    text-decoration: none;
    color: inherit;
    display: block;
    transition: opacity 0.3s ease;
  }

  .profile-card a:hover {
    opacity: 0.8;
  }

  .profile-card .profile-layout {
    display: flex;
    gap: 20px;
    align-items: flex-start;
  }

  .profile-card .profile-image {
    flex-shrink: 0;
  }

  .profile-card .profile-image img {
    width: 120px;
    height: auto;
    border-radius: 4px;
    display: block;
  }

  .profile-card .profile-content {
    flex: 1;
    padding-top: 5px;
  }

  .profile-card .profile-name {
    font-weight: bold;
    color: #333;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.4;
  }

  .profile-card .profile-text {
    font-size: 12px;
    line-height: 1.6;
    color: #555;
  }

  @media screen and (max-width: 737px) {
    .profile-card {
      padding: 20px;
      margin: 20px 0;
    }

    .profile-card .profile-layout {
      align-items: center;
      flex-direction: column;
    }
  }