

    .p-recruitGuide {
      margin: 40px 0 30px;
    }

    .p-recruitGuide_title {
      margin: 0 0 20px;
      padding: 10px 15px;
      background: #ffd900;
      color: #111;
      font-size: 22px;
      font-weight: bold;
      line-height: 1.4;
    }

    .p-recruitGuide_lead {
      margin: 0 0 20px;
      color: #111;
      font-size: 16px;
      line-height: 1.8;
    }

    .p-recruitGuide_list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid #ccc;
      border-left: 1px solid #ccc;
    }

    .p-recruitGuide .p-recruitGuide_item {
      position: relative;
      display: flex;
      align-items: center;
      min-height: 80px;
      padding: 15px 45px 15px 20px;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      background: #fff;
      color: #111;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.6;
      text-decoration: none;
      box-sizing: border-box;
      transition: opacity 0.3s;
    }

    .p-recruitGuide .p-recruitGuide_item:link,
    .p-recruitGuide .p-recruitGuide_item:visited,
    .p-recruitGuide .p-recruitGuide_item:hover,
    .p-recruitGuide .p-recruitGuide_item:active {
      color: #111;
      text-decoration: none;
    }

    .p-recruitGuide .p-recruitGuide_item:hover {
      opacity: 0.7;
    }

    .p-recruitGuide_arrow {
      position: absolute;
      top: 50%;
      right: 18px;
      color: #111;
      font-size: 26px;
      font-weight: normal;
      line-height: 1;
      transform: translateY(-50%);
    }


    /* 説明会 */
    .p-recruitGuide_seminar {
      margin-top: 20px;
      padding: 20px;
      border: 1px solid #ccc;
      background: #fff;
      box-sizing: border-box;
    }

    .p-recruitGuide_seminarInner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
    }

    .p-recruitGuide_seminarText {
      flex: 1;
    }

    .p-recruitGuide_seminarTitle {
      margin: 0 0 8px;
      color: #111;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.5;
    }

    .p-recruitGuide_seminarDesc {
      margin: 0;
      color: #111;
      font-size: 15px;
      line-height: 1.8;
    }

    .p-recruitGuide
    .p-recruitGuide_seminar
    a.p-recruitGuide_seminarBtn {
      position: relative;
      display: block;
      flex-shrink: 0;
      width: 260px;
      padding: 14px 45px 14px 20px;
      background: #111;
      color: #fff;
      font-size: 15px;
      font-weight: bold;
      line-height: 1.5;
      text-align: center;
      text-decoration: none;
      box-sizing: border-box;
      transition: opacity 0.3s;
    }

    .p-recruitGuide
    .p-recruitGuide_seminar
    a.p-recruitGuide_seminarBtn:link,
    .p-recruitGuide
    .p-recruitGuide_seminar
    a.p-recruitGuide_seminarBtn:visited,
    .p-recruitGuide
    .p-recruitGuide_seminar
    a.p-recruitGuide_seminarBtn:hover,
    .p-recruitGuide
    .p-recruitGuide_seminar
    a.p-recruitGuide_seminarBtn:active {
      color: #fff;
      text-decoration: none;
    }

    .p-recruitGuide
    .p-recruitGuide_seminar
    a.p-recruitGuide_seminarBtn::after {
      content: "›";
      position: absolute;
      top: 50%;
      right: 18px;
      color: #fff;
      font-size: 24px;
      font-weight: normal;
      line-height: 1;
      transform: translateY(-50%);
    }

    .p-recruitGuide
    .p-recruitGuide_seminar
    a.p-recruitGuide_seminarBtn:hover {
      opacity: 0.7;
    }


    /* SP */
    @media screen and (max-width: 767px) {

      .p-recruitGuide {
        margin: 30px 0 25px;
      }

      .p-recruitGuide_title {
        margin-bottom: 15px;
        padding: 8px 12px;
        font-size: 18px;
      }

      .p-recruitGuide_lead {
        margin-bottom: 15px;
        font-size: 14px;
      }

      .p-recruitGuide_list {
        grid-template-columns: 1fr;
      }

      .p-recruitGuide .p-recruitGuide_item {
        min-height: auto;
        padding: 14px 40px 14px 15px;
        font-size: 15px;
      }

      .p-recruitGuide_seminar {
        margin-top: 15px;
        padding: 15px;
      }

      .p-recruitGuide_seminarInner {
        display: block;
      }

      .p-recruitGuide_seminarTitle {
        font-size: 17px;
      }

      .p-recruitGuide_seminarDesc {
        margin-bottom: 15px;
        font-size: 14px;
      }

      .p-recruitGuide
      .p-recruitGuide_seminar
      a.p-recruitGuide_seminarBtn {
        width: 100%;
        font-size: 14px;
      }
    }
  

    .p-recruitColumnTest {
      margin: 40px 0;
    }

    .p-recruitColumnTest_title {
      margin: 0;
      padding: 10px 15px;
      background: #ffd900;
      color: #111;
      font-size: 22px;
      font-weight: bold;
      line-height: 1.4;
    }

    .p-recruitColumnTest_lead {
      margin: 20px 0 15px;
      color: #111;
      font-size: 16px;
      line-height: 1.8;
    }

    /* コラム一覧 */
    .p-recruitColumnTest ul.p-recruitColumnTest_list {
      display: block;
      width: 100%;
      margin: 0;
      padding: 0;
      border-top: 1px solid #ddd;
      list-style: none;
      box-sizing: border-box;
    }

    .p-recruitColumnTest ul.p-recruitColumnTest_list > li {
      display: block;
      width: 100%;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #ddd;
      background: #fff;
      list-style: none;
      box-sizing: border-box;
    }

    .p-recruitColumnTest ul.p-recruitColumnTest_list > li > a {
      position: relative;
      display: block;
      width: 100%;
      margin: 0;
      padding: 14px 40px 14px 10px;
      background: #fff;
      color: #111;
      font-size: 15px;
      font-weight: normal;
      line-height: 1.6;
      text-align: left;
      text-decoration: none;
      box-sizing: border-box;
    }

    .p-recruitColumnTest ul.p-recruitColumnTest_list > li > a:link,
    .p-recruitColumnTest ul.p-recruitColumnTest_list > li > a:visited,
    .p-recruitColumnTest ul.p-recruitColumnTest_list > li > a:hover,
    .p-recruitColumnTest ul.p-recruitColumnTest_list > li > a:active {
      color: #111;
      text-decoration: none;
    }

    .p-recruitColumnTest ul.p-recruitColumnTest_list > li > a::after {
      content: "›";
      position: absolute;
      top: 50%;
      right: 12px;
      color: #111;
      font-size: 24px;
      line-height: 1;
      transform: translateY(-50%);
    }

    .p-recruitColumnTest ul.p-recruitColumnTest_list > li > a:hover {
      opacity: 0.7;
    }


    /* もっと見る */
    .p-recruitColumnTest details.p-recruitColumnTest_more {
      display: block;
      width: 100%;
      margin: 0;
      padding: 0;
    }

    .p-recruitColumnTest
    details.p-recruitColumnTest_more > summary {
      position: relative;
      display: block;
      width: 300px;
      margin: 20px auto 0;
      padding: 14px 45px 14px 20px;
      background: #111;
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.5;
      text-align: center;
      cursor: pointer;
      box-sizing: border-box;
      list-style: none;
    }

    .p-recruitColumnTest
    details.p-recruitColumnTest_more > summary::-webkit-details-marker {
      display: none;
    }

    .p-recruitColumnTest
    details.p-recruitColumnTest_more > summary::after {
      content: "＋";
      position: absolute;
      top: 50%;
      right: 18px;
      color: #fff;
      font-size: 18px;
      font-weight: normal;
      transform: translateY(-50%);
    }

    .p-recruitColumnTest
    details.p-recruitColumnTest_more[open] > summary::after {
      content: "－";
    }

    /* 展開された記事 */
    .p-recruitColumnTest
    details.p-recruitColumnTest_more > ul.p-recruitColumnTest_list {
      margin-top: 0;
      border-top: 0;
    }

    /* SP */
    @media screen and (max-width: 767px) {

      .p-recruitColumnTest {
        margin: 30px 0;
      }

      .p-recruitColumnTest_title {
        padding: 8px 12px;
        font-size: 18px;
      }

      .p-recruitColumnTest_lead {
        margin: 15px 0 10px;
        font-size: 14px;
      }

      .p-recruitColumnTest ul.p-recruitColumnTest_list > li > a {
        padding: 12px 35px 12px 8px;
        font-size: 14px;
      }

      .p-recruitColumnTest
      details.p-recruitColumnTest_more > summary {
        width: 100%;
      }
    }
  

.p-recruitInfo { margin:40px 0; text-align:left; }
.p-recruitInfo .p-recruitInfo_title { margin:0 0 20px; padding:10px 15px; background:#ffd900; color:#111; font-size:22px; font-weight:bold; line-height:1.4; }
.p-recruitInfo .p-recruitInfo_grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.p-recruitInfo .p-recruitInfo_box { min-width:0; padding:25px; border:1px solid #ddd; background:#fff; box-sizing:border-box; }
.p-recruitInfo .p-recruitInfo_boxTitle { margin:0 0 18px; padding:0 0 10px; border-bottom:3px solid #ffd900; color:#111; font-size:20px; font-weight:bold; line-height:1.5; }
.p-recruitInfo ul.p-recruitInfo_list { display:block; width:100%; margin:0; padding:0; list-style:none; }
.p-recruitInfo .p-recruitInfo_list > li.p-recruitInfo_job { display:block; width:100%; margin:0; padding:0; border-bottom:1px solid #ddd; list-style:none; }
.p-recruitInfo .p-recruitInfo_job:first-child { border-top:1px solid #ddd; }
.p-recruitInfo .p-recruitInfo_job > a.p-recruitInfo_jobLink { display:block; padding:14px 0; color:#111; font-size:15px; font-weight:bold; line-height:1.6; text-decoration:none; overflow-wrap:anywhere; }
.p-recruitInfo .p-recruitInfo_job > a.p-recruitInfo_jobLink:visited { color:#111; }
.p-recruitInfo .p-recruitInfo_job > a.p-recruitInfo_jobLink:hover { color:#555; }
.p-recruitInfo .p-recruitInfo_job > a.p-recruitInfo_jobLink:focus-visible { outline:2px solid #111; outline-offset:2px; }
@media screen and (max-width:767px) {
  .p-recruitInfo { margin:30px 0; }
  .p-recruitInfo .p-recruitInfo_title { margin-bottom:15px; padding:8px 12px; font-size:18px; }
  .p-recruitInfo .p-recruitInfo_grid { grid-template-columns:1fr; gap:15px; }
  .p-recruitInfo .p-recruitInfo_box { padding:20px 15px; }
  .p-recruitInfo .p-recruitInfo_boxTitle { font-size:18px; }
  .p-recruitInfo .p-recruitInfo_job > a.p-recruitInfo_jobLink { font-size:14px; }
}

/* このページの新しい表示領域にのみ適用 */
.p-recruitPage { width:100%; text-align:left; }
.p-recruitPage .p-recruitGuide_list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.p-recruitPage .p-recruitGuide_item,
.p-recruitPage .p-recruitGuide_seminarText { min-width:0; overflow-wrap:anywhere; }
.p-recruitPage .p-recruitColumnTest_list > li > a { overflow-wrap:anywhere; }
.p-recruitPage .p-recruitColumnTest_more > summary { max-width:100%; }
.p-recruitPage .p-recruitColumnTest_more > .p-recruitColumnTest_list { margin-top:20px; border-top:1px solid #ddd; }
.p-recruitPage .p-recruitColumnTest_close { display:none; }
.p-recruitPage .p-recruitColumnTest_more[open] .p-recruitColumnTest_open { display:none; }
.p-recruitPage .p-recruitColumnTest_more[open] .p-recruitColumnTest_close { display:inline; }
.p-recruitPage a:focus-visible,
.p-recruitPage summary:focus-visible { outline:2px solid #111; outline-offset:3px; }
.p-recruitPage .p-recruitGuide,
.p-recruitPage .p-recruitColumnTest,
.p-recruitPage .p-recruitInfo { scroll-margin-top:100px; }
@media screen and (max-width:767px) {
  .p-recruitPage .p-recruitGuide_list { grid-template-columns:1fr; }
}
/* 展開中は一覧末尾に開閉ボタンの領域を確保。JavaScript不要。 */
.p-recruitPage details.p-recruitColumnTest_more[open] {
  position:relative;
  padding-bottom:94px;
}
.p-recruitPage details.p-recruitColumnTest_more[open] > summary {
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  margin:0;
}
.p-recruitPage .p-recruitInfo_job > a.p-recruitInfo_jobLink,
.p-recruitPage .p-recruitInfo_job > a.p-recruitInfo_jobLink:link,
.p-recruitPage .p-recruitInfo_job > a.p-recruitInfo_jobLink:visited,
.p-recruitPage .p-recruitInfo_job > a.p-recruitInfo_jobLink:hover,
.p-recruitPage .p-recruitInfo_job > a.p-recruitInfo_jobLink:active {
  text-decoration:none;
}
/* 予約とコラム開閉ボタンの角丸 */
.p-recruitPage .p-recruitGuide_seminar a.p-recruitGuide_seminarBtn,
.p-recruitPage details.p-recruitColumnTest_more > summary {
  border-radius: 4px;
}
