/* ==========================================================
   EMPASS LOG（/service/empass-log/） 2026-09-11 追加
   すべて .page-searvice-empass-log を先頭に付けたスコープ内。他ページには効きません
   ========================================================== */

/* ── ラッパー ── */
.page-searvice-empass-log .p-emp-wrap{color:#1f1f1f;-webkit-font-smoothing:antialiased;}
.page-searvice-empass-log .p-emp-wrap *{box-sizing:border-box;}
.page-searvice-empass-log .p-emp-wrap a{color:#1f1f1f;text-decoration:none;}
.page-searvice-empass-log .p-emp-wrap a:hover{color:#1433b9;}

/* ── MV：/service/cms/ と同じ設計 ── */
.page-searvice-empass-log .p-pageLead{background:linear-gradient(120deg,#ffffff 0%,#dbe9fb 35%,#b9d3f7 70%,#92b8f0 100%);margin-bottom:-80px;}
.page-searvice-empass-log .p-pageLead .p-pageLead-header{position:relative;padding:160px 40px 0;margin:0 auto 60px;}
@media screen and (min-width:1024px){.page-searvice-empass-log .p-pageLead .p-pageLead-header{max-width:1420px;}}
@media print,screen and (max-width:1200px){.page-searvice-empass-log .p-pageLead .p-pageLead-header{padding:90px 30px 0;}}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-pageLead .p-pageLead-header{margin-bottom:30px;}}
@media screen and (max-width:750px){.page-searvice-empass-log .p-pageLead .p-pageLead-header{padding-top:9rem;}}

.page-searvice-empass-log .p-pageLead .p-pageLead-header__ttl{font-size:1.6rem;font-weight:600;color:#707070;width:fit-content;padding:1rem 2rem;border:1px solid #707070;margin:0;}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-pageLead .p-pageLead-header__ttl{font-size:1.4rem;padding:.8rem 1.6rem;}}
@media screen and (max-width:750px){.page-searvice-empass-log .p-pageLead .p-pageLead-header__ttl{font-size:1.2rem;padding:1.3333333333vw 2.6666666667vw;}}

.page-searvice-empass-log .p-pageLead .p-pageLead-header__breadcrumb{position:absolute;top:160px;right:40px;display:flex;list-style:none;margin:0;padding:0;}
@media print,screen and (max-width:1200px){.page-searvice-empass-log .p-pageLead .p-pageLead-header__breadcrumb{top:100px;}}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-pageLead .p-pageLead-header__breadcrumb{right:10px;}}
@media screen and (max-width:750px){.page-searvice-empass-log .p-pageLead .p-pageLead-header__breadcrumb{display:none;}}
.page-searvice-empass-log .p-pageLead .p-pageLead-header__breadcrumb li{display:flex;align-items:center;font-size:1.2rem;color:#707070;}
.page-searvice-empass-log .p-pageLead .p-pageLead-header__breadcrumb li+li::before{content:"";width:16px;height:1px;background:#707070;margin:0 10px;}
.page-searvice-empass-log .p-pageLead .p-pageLead-header__breadcrumb li a{color:#707070;}
.page-searvice-empass-log .p-pageLead .p-pageLead-header__breadcrumb li a:hover{text-decoration:underline;}

.page-searvice-empass-log .p-pageLead .p-pageLead__inner{display:block;padding-top:20px;padding-bottom:150px;position:relative;}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-pageLead .p-pageLead__inner{max-width:640px;padding-top:0;padding-bottom:80px;}}

.page-searvice-empass-log .p-pageLead .p-pageLead__ttl{margin:0 0 40px;}
.page-searvice-empass-log .p-pageLead .p-pageLead__ttl--main{display:block;color:#222;font-size:4.8rem;font-weight:600;line-height:1.3;}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-pageLead .p-pageLead__ttl--main{font-size:2.4rem;}}

.page-searvice-empass-log .p-pageLead-main{width:100%;padding:0;}
.page-searvice-empass-log .p-pageLead-main .p-pageLead-main__txt{font-size:1.6rem;color:#222;font-weight:normal;line-height:1.9;margin:0;}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-pageLead-main .p-pageLead-main__txt{font-size:1.3rem;}}
.page-searvice-empass-log .p-pageLead-main .p-pageLead-main__lead{margin-top:64px;font-size:1.8rem;color:#222;font-weight:bold;}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-pageLead-main .p-pageLead-main__lead{font-size:1.6rem;margin-top:30px;}}

/* MV背景：画像をMVエリア全面に敷く */
.page-searvice-empass-log .p-pageLead{position:relative;overflow:hidden;
  background-image:linear-gradient(90deg,rgba(230,240,253,.99) 0%,rgba(230,240,253,.99) 40%,rgba(230,240,253,.55) 52%,rgba(230,240,253,0) 64%),url(/service/empass-log/img/mv.webp);
  background-repeat:no-repeat,no-repeat;
  background-position:center center,right center;
  background-size:cover,cover;}
.page-searvice-empass-log .p-pageLead-header,
.page-searvice-empass-log .p-pageLead__inner{position:relative;z-index:1;}
.page-searvice-empass-log .p-pageLead .p-pageLead-main{max-width:640px;}
@media screen and (max-width:1023px){
  .page-searvice-empass-log .p-pageLead{background-image:linear-gradient(180deg,rgba(228,238,252,.10) 0%,rgba(228,238,252,.92) 46%,rgba(228,238,252,.98) 100%),url(/service/empass-log/img/mv.webp);
    background-position:center center,center top;background-size:cover,contain;}
  .page-searvice-empass-log .p-pageLead .p-pageLead__inner{padding-top:190px;}
  .page-searvice-empass-log .p-pageLead .p-pageLead-main{max-width:none;}
}
/* SP：MV画像は背景ではなく本文の下に画像として表示（.p-emp-mvSp、PC非表示） */
.page-searvice-empass-log .p-emp-mvSp{display:none;}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-pageLead{background:#e4eefc;}
  .page-searvice-empass-log .p-pageLead .p-pageLead-header{margin-bottom:24px;}
  .page-searvice-empass-log .p-pageLead .p-pageLead__inner{padding-top:0;padding-bottom:128px;}
  .page-searvice-empass-log .p-pageLead .p-pageLead__ttl{margin-bottom:24px;}
  .page-searvice-empass-log .p-emp-mvSp{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:right center;margin-top:32px;border-radius:12px;}
}

.page-searvice-empass-log .p-pageLead-contact{width:100%;padding:0;display:flex;flex-direction:row;justify-content:flex-start;margin-top:32px;}
.page-searvice-empass-log .p-pageLead-contact::before{display:none;}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-pageLead-contact{margin-top:30px;}}


/* グレーボタン：/service/school/ MVの「資料請求はこちら」（.p-pageHeader__cta--link.download）と同じ見た目 */
.page-searvice-empass-log .p-emp-btnWrap{display:flex;justify-content:center;margin-top:48px;}
.page-searvice-empass-log .p-emp-btnGray{position:relative;display:flex;justify-content:center;align-items:center;font-size:1.4rem;line-height:1.2;letter-spacing:normal;text-align:center;width:320px;height:70px;padding:0 30px;border-radius:40px;background:#a8aeb3;overflow:hidden;transform:translate3d(0,0,0);transition:all .3s cubic-bezier(0.215,0.61,0.355,1);}
.page-searvice-empass-log .p-emp-btnGray::before,
.page-searvice-empass-log .p-emp-btnGray::after{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;border-radius:40px;}
.page-searvice-empass-log .p-emp-btnGray::before{background-color:#fff;transform:translateX(-101%);transition:transform .3s ease;}
.page-searvice-empass-log .p-emp-btnGray::after{border:1px solid #a8aeb3;z-index:2;}
.page-searvice-empass-log .p-emp-btnGray:hover::before{transform:translateX(0);}
.page-searvice-empass-log .p-emp-btnGray__txt{position:relative;z-index:2;display:inline-block;padding-bottom:2px;color:#fff;transition:color .3s ease;}
.page-searvice-empass-log .p-emp-btnGray:hover .p-emp-btnGray__txt{color:#a8aeb3;}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-btnWrap{margin-top:32px;}
  .page-searvice-empass-log .p-emp-btnGray{font-size:3.4666666667vw;width:73.3333333333vw;height:16vw;padding:0 6vw;}
}

/* SP専用改行（PCでは非表示） */
.page-searvice-empass-log .p-emp-brSp,
.page-searvice-empass-log .p-emp-scrollHint{display:none;}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-brSp{display:inline;}}

/* サイト共通リセット b,strong{font-weight:inherit} を本ページ内だけ打ち消す */
.page-searvice-empass-log b,.page-searvice-empass-log strong{font-weight:700;}

.page-searvice-empass-log .p-sectBtn{width:320px;margin:60px auto 0;}
@media screen and (max-width:750px){.page-searvice-empass-log .p-sectBtn{width:280px;margin-top:50px;}}

/* ── FAQ：/service/campaign/smagara/ と同じ処理 ── */
.page-searvice-empass-log .faq{position:relative;background:#f4f5f7;margin-top:0;padding:170px 0 180px;}
.page-searvice-empass-log .faq .c-inner{position:relative;}
.page-searvice-empass-log .faq .faq__ttl{position:absolute;top:0;left:30px;}
.page-searvice-empass-log .faq .faq__body{margin-left:325px;}
.page-searvice-empass-log .faq .faq-list{border-top:1px solid #a8aeb3;}
.page-searvice-empass-log .faq .faq-list__item{border-bottom:1px solid #a8aeb3;padding:35px 40px 35px 30px;}
.page-searvice-empass-log .faq .faq-list__ttl{position:relative;padding:8px 0 0 60px;margin:0 0 20px;font-size:2rem;line-height:1.6;}
.page-searvice-empass-log .faq .faq-list__ttl span{font-size:3rem;font-family:"nimbus-sans",sans-serif;position:absolute;top:0;left:0;}
.page-searvice-empass-log .faq .faq-list__txt{font-size:1.5rem;line-height:1.9;padding-left:60px;}
.page-searvice-empass-log .faq .c-btn-primary{width:320px;margin:90px auto 0;}
@media screen and (max-width:1023px){
  .page-searvice-empass-log .faq{padding:110px 0 120px;}
  .page-searvice-empass-log .faq .faq__body{margin-left:240px;}
}
@media screen and (max-width:750px){
  .page-searvice-empass-log .faq{padding-bottom:138px;}
  .page-searvice-empass-log .faq .faq__ttl{position:relative;left:0;margin:0 0 30px;}
  .page-searvice-empass-log .faq .faq__body{margin:0;}
  .page-searvice-empass-log .faq .faq-list__item{padding:20px 0;}
  .page-searvice-empass-log .faq .faq-list__ttl{font-size:1.4rem;margin:0 0 15px;padding:4px 0 0 30px;}
  .page-searvice-empass-log .faq .faq-list__ttl span{font-size:2rem;}
  .page-searvice-empass-log .faq .faq-list__txt{font-size:1.2rem;padding-left:30px;}
  .page-searvice-empass-log .faq .c-btn-primary{width:280px;margin-top:50px;}
}

/* ── 関連ブログ：/service/cms/ と同じ処理 ── */
.page-searvice-empass-log .round-wrap{border-radius:80px;background:#fff;position:relative;margin-bottom:-80px;}
@media screen and (max-width:1023px){.page-searvice-empass-log .round-wrap{border-radius:40px;}}
.page-searvice-empass-log .round-wrap--blog{margin-top:-90px;margin-bottom:0;padding-top:100px;border-radius:80px 80px 0 0;}
@media screen and (max-width:1023px){.page-searvice-empass-log .round-wrap--blog{border-radius:40px 40px 0 0;}}
@media screen and (max-width:750px){.page-searvice-empass-log .round-wrap--blog{padding-top:60px;}}

/* ── 本文セクション ── */
.page-searvice-empass-log .p-emp-box01{background:#fff;line-height:1.9;letter-spacing:0.02em;}
.page-searvice-empass-log .p-emp-box02{background:#fff;border-radius:60px 60px 0 0;position:relative;z-index:1;}
.page-searvice-empass-log .p-emp-box03{background:#fff;border-radius:0 0 60px 60px;padding:60px 0 180px;margin-bottom:-60px;position:relative;z-index:1;}
.page-searvice-empass-log .p-emp-txt02{max-width:1260px;margin:0 auto;padding:0 30px;}
.page-searvice-empass-log .p-emp-ttl01{margin:0;font-size:2.8rem;font-weight:600;display:flex;align-items:center;gap:14px;line-height:1.5;}
.page-searvice-empass-log .p-emp-dot01{width:12px;height:12px;border-radius:50%;background:#a9b8cc;flex:none;}
.page-searvice-empass-log .p-emp-txt03{margin:26px 0 0;line-height:2.2;text-wrap:pretty;}
.page-searvice-empass-log .p-emp-grid01{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:50px;}
.page-searvice-empass-log .p-emp-box04{background:#f4f5f7;border-radius:8px;padding:40px 34px 36px;}
.page-searvice-empass-log .p-emp-txt04{margin:0;font-size:1.4rem;font-weight:700;color:#8a93a3;letter-spacing:0.1em;}
.page-searvice-empass-log .p-emp-ttl02{margin:6px 0 16px;font-size:2.0rem;font-weight:600;line-height:1.5;}
.page-searvice-empass-log .p-emp-txt05{margin:0;font-size:1.6rem;line-height:2;color:#333;}
.page-searvice-empass-log .p-emp-txt06{margin:56px 0 0;text-align:center;font-weight:700;font-size:2.4rem;line-height:1.5;text-wrap:balance;}
.page-searvice-empass-log .p-emp-ttl03{margin:100px 0 0;font-size:2.8rem;font-weight:600;display:flex;align-items:center;gap:14px;line-height:1.5;}
.page-searvice-empass-log .p-emp-txt07{margin-top:44px;border-top:1px solid #d9d9d9;}
.page-searvice-empass-log .p-emp-grid02{display:grid;grid-template-columns:70px 1fr 360px;gap:24px;padding:16px 0 14px;border-bottom:1px solid #d9d9d9;}
.page-searvice-empass-log .p-emp-label01{font-size:1.4rem;font-weight:700;letter-spacing:0.16em;color:#666;}
.page-searvice-empass-log .p-emp-label02{font-size:1.4rem;font-weight:700;letter-spacing:0.16em;color:#1433b9;}
.page-searvice-empass-log .p-emp-grid03{display:grid;grid-template-columns:70px 1fr 360px;gap:24px;padding:30px 0;border-bottom:1px solid #d9d9d9;align-items:center;}
.page-searvice-empass-log .p-emp-label03{font-weight:700;color:#8a93a3;letter-spacing:0.1em;}
.page-searvice-empass-log .p-emp-txt08{margin:0;font-weight:700;font-size:2.0rem;line-height:1.6;}
.page-searvice-empass-log .p-emp-txt09{margin:8px 0 0;font-size:1.6rem;line-height:1.9;color:#333;}
.page-searvice-empass-log .p-emp-flex01{background:#eef2fb;border-radius:8px;padding:20px 24px;display:flex;gap:12px;align-items:center;}
.page-searvice-empass-log .p-emp-label04{color:#1433b9;font-weight:700;flex:none;}
.page-searvice-empass-log .p-emp-label05{font-size:1.6rem;font-weight:700;color:#1433b9;line-height:1.7;}
.page-searvice-empass-log .p-emp-box05{background:#f4f5f7;padding:170px 0 120px;}
.page-searvice-empass-log .p-emp-grid04{margin-top:56px;display:grid;grid-template-columns:200px 1fr 1fr;border-top:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;font-size:1.6rem;}
.page-searvice-empass-log .p-emp-box06{padding:22px 20px;background:#eef0f4;}
.page-searvice-empass-log .p-emp-txt10{padding:22px 20px;text-align:center;border-left:1px dashed #c8c8c8;}
.page-searvice-empass-log .p-emp-txt11{margin:0;font-size:1.4rem;letter-spacing:0.3em;color:#666;}
.page-searvice-empass-log .p-emp-txt12{margin:4px 0 0;font-weight:700;font-size:1.8rem;}
.page-searvice-empass-log .p-emp-box07{padding:22px 20px;text-align:center;border-left:1px dashed #c8c8c8;background:#eef2fb;}
.page-searvice-empass-log .p-emp-txt13{margin:0;font-size:1.4rem;letter-spacing:0.3em;color:#1433b9;}
.page-searvice-empass-log .p-emp-txt14{margin:4px 0 0;font-weight:700;font-size:1.8rem;color:#1433b9;}
.page-searvice-empass-log .p-emp-box08{padding:26px 20px;background:#eef0f4;font-weight:700;border-top:1px solid #d9d9d9;}
.page-searvice-empass-log .p-emp-txt15{padding:26px 20px;text-align:center;color:#555;border-top:1px solid #d9d9d9;border-left:1px dashed #c8c8c8;}
.page-searvice-empass-log .p-emp-flex02{padding:26px 20px;text-align:center;font-weight:700;color:#1433b9;border-top:1px solid #d9d9d9;border-left:1px dashed #c8c8c8;background:#f7f9fe;display:flex;justify-content:center;align-items:center;gap:10px;}
.page-searvice-empass-log .p-emp-box09{width:16px;height:16px;background:url(/service/campaign/smagara/img/check.svg) no-repeat center/16px;display:inline-block;flex:none;}
.page-searvice-empass-log .p-emp-box10{background:#4b5058;color:#fff;border-radius:60px;padding:160px 0 180px;margin:-60px 0;position:relative;z-index:1;}
.page-searvice-empass-log .p-emp-flex03{display:flex;align-items:center;justify-content:center;gap:40px;}
.page-searvice-empass-log .p-emp-ttl04{margin:0;font-size:4.8rem;font-weight:600;line-height:1.5;}
.page-searvice-empass-log .p-emp-obj01{margin:70px auto 0;max-width:1080px;border-radius:10px;box-shadow:0 30px 60px rgba(0,0,0,0.25);overflow:hidden;background:#fff;}
.page-searvice-empass-log .p-emp-obj02{width:100%;height:auto;max-width:none;display:block;}
.page-searvice-empass-log .p-emp-txt16{margin:60px 0 0;line-height:2.2;text-wrap:pretty;}
.page-searvice-empass-log .p-emp-ttl05{margin:90px 0 0;font-size:2.8rem;font-weight:600;display:flex;align-items:center;gap:14px;line-height:1.5;}
.page-searvice-empass-log .p-emp-grid05{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;}
.page-searvice-empass-log .p-emp-box11{background:#6e737b;border-radius:10px;padding:32px;}
.page-searvice-empass-log .p-emp-obj03{margin:0;aspect-ratio:16/10;border-radius:6px;overflow:hidden;}
.page-searvice-empass-log .p-emp-obj04{object-fit:cover;width:100%;height:100%;max-width:none;display:block;}
.page-searvice-empass-log .p-emp-txt17{margin:26px 0 0;font-size:1.4rem;letter-spacing:0.1em;color:#d5dae2;font-weight:700;}
.page-searvice-empass-log .p-emp-ttl06{margin:4px 0 14px;font-size:2.4rem;font-weight:600;line-height:1.5;}
.page-searvice-empass-log .p-emp-txt18{margin:0;font-size:1.6rem;line-height:2.1;}
.page-searvice-empass-log .p-emp-obj05{object-fit:cover;object-position:top;width:100%;height:100%;max-width:none;display:block;}
.page-searvice-empass-log .p-emp-txt19{margin:20px 0 0;font-size:1.8rem;line-height:2.1;color:#e3e6eb;}
.page-searvice-empass-log .p-emp-txt20{margin-top:36px;border-top:1px solid #9aa0a8;font-size:1.8rem;}
.page-searvice-empass-log .p-emp-grid06{display:grid;grid-template-columns:330px 1fr;padding:34px 0;border-bottom:1px solid #9aa0a8;gap:20px;}
.page-searvice-empass-log .p-emp-txt21{margin:0;font-weight:700;font-size:1.8rem;}
.page-searvice-empass-log .p-emp-txt22{margin:6px 0 0;font-size:1.4rem;color:#d5dae2;}
.page-searvice-empass-log .p-emp-txt23{margin:0;line-height:2.2;}
.page-searvice-empass-log .p-emp-txt24{margin:20px 0 0;font-size:1.8rem;line-height:2.1;color:#e3e6eb;text-wrap:pretty;}
.page-searvice-empass-log .p-emp-grid07{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;}
.page-searvice-empass-log .p-emp-box12{background:#fff;color:#1f1f1f;border-radius:8px;padding:36px 32px;}
.page-searvice-empass-log .p-emp-ttl07{margin:6px 0 14px;font-size:2.0rem;font-weight:600;line-height:1.5;}
.page-searvice-empass-log .p-emp-txt25{margin:24px 0 0;font-size:1.4rem;color:#d5dae2;}
.page-searvice-empass-log .p-emp-txt26{margin-top:36px;border-top:1px solid #9aa0a8;}
.page-searvice-empass-log .p-emp-grid08{display:grid;grid-template-columns:64px 330px 1fr;padding:32px 0;border-bottom:1px solid #9aa0a8;gap:20px;align-items:baseline;}
.page-searvice-empass-log .p-emp-txt27{margin:0;font-size:1.4rem;font-weight:700;color:#a9b8cc;letter-spacing:0.1em;}
.page-searvice-empass-log .p-emp-txt28{margin:0;font-weight:700;font-size:1.8rem;line-height:1.6;}
.page-searvice-empass-log .p-emp-txt29{margin:0;font-size:1.6rem;line-height:2.1;color:#e3e6eb;}
.page-searvice-empass-log .p-emp-txt30{margin:48px 0 0;text-align:center;font-weight:700;font-size:2.4rem;line-height:1.5;text-wrap:balance;}
.page-searvice-empass-log .p-emp-grid09{margin-top:70px;background:#fff;color:#1f1f1f;border-radius:10px;padding:40px;display:grid;grid-template-columns:380px 1fr;gap:40px;align-items:center;}
.page-searvice-empass-log .p-emp-obj06{margin:0;}
.page-searvice-empass-log .p-emp-obj07{width:100%;height:auto;max-width:none;}
.page-searvice-empass-log .p-emp-txt31{margin:0;font-size:1.4rem;font-weight:700;letter-spacing:0.16em;color:#8a93a3;}
.page-searvice-empass-log .p-emp-ttl08{margin:8px 0 16px;font-size:2.4rem;font-weight:600;line-height:1.5;}
.page-searvice-empass-log .p-emp-txt32{margin:0;font-size:1.6rem;line-height:2.1;color:#333;}
.page-searvice-empass-log .p-emp-txt33{margin:20px 0 0;font-size:1.6rem;}
.page-searvice-empass-log .p-emp-txt34{color:#1433b9;text-decoration:underline;font-weight:700;}
.page-searvice-empass-log .p-emp-grid10{margin-top:56px;display:grid;grid-template-columns:170px 1fr 1fr 1fr;border-top:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;font-size:1.6rem;background:#fff;}
.page-searvice-empass-log .p-emp-box13{padding:24px 20px;background:#eef0f4;}
.page-searvice-empass-log .p-emp-txt35{padding:24px 20px;text-align:center;border-left:1px dashed #c8c8c8;}
.page-searvice-empass-log .p-emp-txt36{margin:4px 0 0;font-size:1.4rem;color:#666;}
.page-searvice-empass-log .p-emp-box14{padding:24px 20px;text-align:center;border-left:1px dashed #c8c8c8;background:#eef2fb;position:relative;}
.page-searvice-empass-log .p-emp-box15{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#1433b9;color:#fff;font-size:1.2rem;padding:4px 14px;border-radius:999px;letter-spacing:0.2em;}
.page-searvice-empass-log .p-emp-txt37{margin:0;font-weight:700;font-size:1.8rem;color:#1433b9;}
.page-searvice-empass-log .p-emp-txt38{margin:4px 0 0;font-size:1.4rem;color:#1433b9;}
.page-searvice-empass-log .p-emp-box16{padding:22px 20px;background:#eef0f4;font-weight:700;border-top:1px solid #d9d9d9;}
.page-searvice-empass-log .p-emp-txt39{padding:22px 20px;text-align:center;color:#444;border-top:1px solid #d9d9d9;border-left:1px dashed #c8c8c8;}
.page-searvice-empass-log .p-emp-box17{padding:22px 20px;text-align:center;color:#1433b9;font-weight:700;border-top:1px solid #d9d9d9;border-left:1px dashed #c8c8c8;background:#f7f9fe;}
.page-searvice-empass-log .p-emp-txt40{font-size:1.8rem;color:#1f1f1f;}
.page-searvice-empass-log .p-emp-box18{padding:22px 20px;text-align:center;color:#1433b9;border-top:1px solid #d9d9d9;border-left:1px dashed #c8c8c8;background:#f7f9fe;}
.page-searvice-empass-log .p-emp-txt41{font-size:2.0rem;}
.page-searvice-empass-log .p-emp-label06{font-size:1.4rem;font-weight:700;}
.page-searvice-empass-log .p-emp-txt42{margin:16px 0 0;font-size:1.4rem;color:#666;text-align:right;}
.page-searvice-empass-log .p-emp-txt43{position:relative;margin-top:60px;}
.page-searvice-empass-log .p-emp-box19{position:absolute;left:100px;right:100px;top:40px;height:1px;background:#a9a9a9;}
.page-searvice-empass-log .p-emp-grid11{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
.page-searvice-empass-log .p-emp-flex05{display:flex;flex-direction:column;align-items:center;}
.page-searvice-empass-log .p-emp-flex06{width:82px;height:82px;border-radius:50%;background:#8a8f97;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;position:relative;}
.page-searvice-empass-log .p-emp-label07{font-size:1.2rem;}
.page-searvice-empass-log .p-emp-label08{font-size:2.4rem;font-weight:700;}
.page-searvice-empass-log .p-emp-box20{background:#fff;border-radius:8px;padding:28px 22px;margin-top:-20px;width:100%;flex:1;text-align:center;}
.page-searvice-empass-log .p-emp-box21{display:inline-block;font-size:1.2rem;letter-spacing:0.3em;background:#1433b9;color:#fff;padding:2px 10px;border-radius:999px;}
.page-searvice-empass-log .p-emp-ttl09{margin:14px 0 12px;font-size:1.8rem;font-weight:600;line-height:1.5;min-height:5.4rem;text-align:center;}
.page-searvice-empass-log .p-emp-txt44{margin:0;font-size:1.4rem;line-height:1.9;color:#333;}
.page-searvice-empass-log .p-emp-flex07{width:82px;height:82px;border-radius:50%;background:#5a5f67;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;position:relative;}
.page-searvice-empass-log .p-emp-box22{display:inline-block;font-size:1.2rem;letter-spacing:0.3em;background:#1f1f1f;color:#fff;padding:2px 10px;border-radius:999px;}
.page-searvice-empass-log .p-emp-flex08{width:82px;height:82px;border-radius:50%;background:#3d4249;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;position:relative;}
.page-searvice-empass-log .p-emp-grid12{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:70px;}
.page-searvice-empass-log .p-emp-box23{background:#fff;border-radius:8px;padding:36px 40px;}
.page-searvice-empass-log .p-emp-ttl10{margin:0 0 18px;font-size:2.0rem;font-weight:600;}
.page-searvice-empass-log .p-emp-flex09{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:1.6rem;}
.page-searvice-empass-log .p-emp-flex10{display:flex;gap:10px;}
.page-searvice-empass-log .p-emp-label09{color:#1433b9;}
.page-searvice-empass-log .p-emp-grid13{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px;margin-top:70px;text-align:center;}
.page-searvice-empass-log .p-emp-dot02{width:150px;height:150px;border-radius:50%;background:#fff;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.page-searvice-empass-log .p-emp-obj08{max-width:none;}
.page-searvice-empass-log .p-emp-ttl11{margin:26px 0 12px;font-size:2.0rem;font-weight:600;}
.page-searvice-empass-log .p-emp-txt45{margin:0;font-size:1.6rem;line-height:2;color:#333;text-align:left;}
.page-searvice-empass-log .p-emp-txt46{margin:40px 0 0;font-size:1.4rem;color:#666;text-align:center;}
.page-searvice-empass-log .p-emp-box24{background:#fff;border-radius:60px;padding:110px 0 120px;margin:-60px 0;position:relative;z-index:1;}
.page-searvice-empass-log .p-emp-grid14{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px;}
.page-searvice-empass-log .p-emp-box25{background:#f4f5f7;border-radius:8px;padding:40px 44px;}
.page-searvice-empass-log .p-emp-txt47{margin:0;font-size:1.4rem;letter-spacing:0.2em;color:#666;}
.page-searvice-empass-log .p-emp-ttl12{margin:6px 0 20px;font-size:2.4rem;font-weight:600;}
.page-searvice-empass-log .p-emp-txt48{margin:0;font-size:1.6rem;color:#666;}
.page-searvice-empass-log .p-emp-txt49{margin:0;font-size:3.8rem;font-weight:700;line-height:1.3;}
.page-searvice-empass-log .p-emp-label10{font-size:2.0rem;font-weight:700;margin-left:4px;}
.page-searvice-empass-log .p-emp-txt50{margin:20px 0 0;font-size:1.8rem;line-height:2;color:#333;}
.page-searvice-empass-log .p-emp-flex11{margin-top:24px;border:1px solid #d9d9d9;border-radius:8px;padding:34px 44px;display:flex;justify-content:space-between;align-items:center;gap:30px;}
.page-searvice-empass-log .p-emp-txt51{margin:0;font-size:1.8rem;font-weight:700;}
.page-searvice-empass-log .p-emp-txt52{margin:6px 0 0;font-size:1.4rem;color:#666;}
.page-searvice-empass-log .p-emp-txt53{margin:0;font-size:2.8rem;font-weight:700;line-height:1.2;white-space:nowrap;}
.page-searvice-empass-log .p-emp-label11{font-size:1.8rem;font-weight:700;margin-left:4px;}
.page-searvice-empass-log .p-emp-txt54{margin:12px 0 0;font-size:1.4rem;color:#666;text-align:center;}
.page-searvice-empass-log .p-emp-txt55{margin:26px 0 0;line-height:2.2;}
.page-searvice-empass-log .p-emp-grid15{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:stretch;margin-top:40px;}
.page-searvice-empass-log .p-emp-txt56{margin:0 0 14px;font-weight:700;font-size:1.8rem;border-bottom:2px solid #1f1f1f;padding-bottom:10px;}
.page-searvice-empass-log .p-emp-grid16{display:grid;grid-template-columns:1fr 152px;column-gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid #d9d9d9;font-size:1.6rem;}
.page-searvice-empass-log .p-emp-txt57{white-space:nowrap;text-align:right;line-height:1.6;}
.page-searvice-empass-log .p-emp-box26{font-size:1.2rem;border:1px solid #1433b9;color:#1433b9;padding:1px 6px;border-radius:3px;margin-left:6px;vertical-align:middle;}
.page-searvice-empass-log .p-emp-txt58{margin:20px 0 0;font-size:1.4rem;color:#666;}
.page-searvice-empass-log .p-emp-ttl13{margin:8px 0 24px;font-size:2.4rem;font-weight:600;line-height:1.5;}
.page-searvice-empass-log .p-emp-box27{background:#fff;border-radius:6px;padding:18px 22px;}
.page-searvice-empass-log .p-emp-txt59{margin:0;font-family:ui-monospace,Menlo,monospace;font-size:1.6rem;font-weight:700;word-break:break-all;}
.page-searvice-empass-log .p-emp-txt60{margin:24px 0 0;font-size:1.8rem;line-height:2;color:#333;}
.page-searvice-empass-log .p-emp-flex12{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:1.6rem;}
.page-searvice-empass-log .p-emp-box28{width:16px;height:16px;background:url(/service/campaign/smagara/img/check.svg) no-repeat center/16px;display:inline-block;flex:none;margin-top:.4em;}
.page-searvice-empass-log .p-emp-box29{background:#f4f5f7;border-radius:8px;padding:28px 22px;margin-top:-20px;width:100%;flex:1;text-align:center;}
.page-searvice-empass-log .p-emp-txt61{margin:0;font-size:1.2rem;letter-spacing:0.2em;color:#1433b9;font-weight:700;}
.page-searvice-empass-log .p-emp-ttl14{margin:10px 0 12px;font-size:1.8rem;font-weight:600;line-height:1.5;}
.page-searvice-empass-log .p-emp-txt62{margin:0;font-size:1.2rem;letter-spacing:0.2em;color:#1f1f1f;font-weight:700;}
.page-searvice-empass-log .p-emp-txt63{margin:24px 0 0;font-size:1.4rem;color:#666;text-align:right;}

/* ── タブレット（1023px以下） ── */
@media screen and (max-width:1023px){
  .page-searvice-empass-log .p-emp-box02{border-radius:40px 40px 0 0;}
  .page-searvice-empass-log .p-emp-box03{border-radius:0 0 40px 40px;padding:40px 0 120px;margin-bottom:-40px;}
  .page-searvice-empass-log .p-emp-box05{padding:110px 0 90px;}
  .page-searvice-empass-log .p-emp-box10{border-radius:40px;padding:110px 0 120px;margin:-40px 0;}
  .page-searvice-empass-log .p-emp-box24{border-radius:40px;padding:80px 0 90px;margin:-40px 0;}
  .page-searvice-empass-log .p-emp-ttl01,
  .page-searvice-empass-log .p-emp-ttl03,
  .page-searvice-empass-log .p-emp-ttl05{font-size:2rem;}
  .page-searvice-empass-log .p-emp-ttl03{margin-top:70px;}
  .page-searvice-empass-log .p-emp-ttl05{margin-top:70px;}
  .page-searvice-empass-log .p-emp-ttl04{font-size:3rem;}
  .page-searvice-empass-log .p-emp-txt06,
  .page-searvice-empass-log .p-emp-txt30{font-size:2rem;}
  .page-searvice-empass-log .p-emp-txt19,
  .page-searvice-empass-log .p-emp-txt20,
  .page-searvice-empass-log .p-emp-txt24,
  .page-searvice-empass-log .p-emp-txt50,
  .page-searvice-empass-log .p-emp-txt60{font-size:1.5rem;}
  .page-searvice-empass-log .p-emp-box04,
  .page-searvice-empass-log .p-emp-box11,
  .page-searvice-empass-log .p-emp-box12{padding:28px 22px;}
  .page-searvice-empass-log .p-emp-grid02,
  .page-searvice-empass-log .p-emp-grid03{grid-template-columns:50px 1fr 260px;gap:16px;}
  .page-searvice-empass-log .p-emp-grid06{grid-template-columns:220px 1fr;}
  .page-searvice-empass-log .p-emp-grid08{grid-template-columns:50px 220px 1fr;}
  .page-searvice-empass-log .p-emp-grid09{grid-template-columns:1fr;padding:32px;gap:24px;}
  .page-searvice-empass-log .p-emp-obj06{max-width:380px;}
  .page-searvice-empass-log .p-emp-grid10{grid-template-columns:130px 1fr 1fr 1fr;font-size:1.4rem;}
  .page-searvice-empass-log .p-emp-grid13{gap:30px;}
  .page-searvice-empass-log .p-emp-box25{padding:32px 28px;}
  .page-searvice-empass-log .p-emp-flex11{padding:28px;}
  .page-searvice-empass-log .p-emp-grid15{column-gap:24px;}
  .page-searvice-empass-log .p-emp-grid16{grid-template-columns:1fr 110px;font-size:1.4rem;}
  /* ステップ図：横5列 → 縦並び */
  .page-searvice-empass-log .p-emp-box19{display:none;}
  .page-searvice-empass-log .p-emp-grid11{grid-template-columns:1fr;gap:24px;max-width:560px;margin:0 auto;}
  .page-searvice-empass-log .p-emp-flex05{flex-direction:row;align-items:stretch;gap:16px;}
  .page-searvice-empass-log .p-emp-flex06,
  .page-searvice-empass-log .p-emp-flex07,
  .page-searvice-empass-log .p-emp-flex08{width:64px;height:64px;flex:none;}
  .page-searvice-empass-log .p-emp-label08{font-size:2rem;}
  .page-searvice-empass-log .p-emp-box20,
  .page-searvice-empass-log .p-emp-box29{margin-top:0;padding:20px;text-align:left;}
  .page-searvice-empass-log .p-emp-ttl09{min-height:0;text-align:left;}
}

/* ── スマートフォン（750px以下） ── */
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-txt02{padding:0 15px;}
  .page-searvice-empass-log .p-emp-box03{padding:30px 0 90px;}
  .page-searvice-empass-log .p-emp-box05{padding:80px 0 88px;}
  .page-searvice-empass-log .p-emp-box10{padding:80px 0 90px;}
  .page-searvice-empass-log .p-emp-box24{padding:60px 0 70px;}
  .page-searvice-empass-log .p-emp-ttl01,
  .page-searvice-empass-log .p-emp-ttl03,
  .page-searvice-empass-log .p-emp-ttl05{font-size:1.6rem;gap:10px;align-items:flex-start;}
  .page-searvice-empass-log .p-emp-dot01{width:10px;height:10px;margin-top:.7em;}
  .page-searvice-empass-log .p-emp-ttl03,
  .page-searvice-empass-log .p-emp-ttl05{margin-top:50px;}
  .page-searvice-empass-log .p-emp-ttl04{font-size:2.1rem;text-align:center;}
  .page-searvice-empass-log .p-emp-txt03,
  .page-searvice-empass-log .p-emp-txt16,
  .page-searvice-empass-log .p-emp-txt55{margin-top:16px;line-height:2;}
  .page-searvice-empass-log .p-emp-txt06,
  .page-searvice-empass-log .p-emp-txt30{font-size:1.6rem;margin-top:36px;}
  .page-searvice-empass-log .p-emp-txt05,
  .page-searvice-empass-log .p-emp-txt09,
  .page-searvice-empass-log .p-emp-txt18,
  .page-searvice-empass-log .p-emp-txt19,
  .page-searvice-empass-log .p-emp-txt20,
  .page-searvice-empass-log .p-emp-txt24,
  .page-searvice-empass-log .p-emp-txt29,
  .page-searvice-empass-log .p-emp-txt32,
  .page-searvice-empass-log .p-emp-txt33,
  .page-searvice-empass-log .p-emp-txt45,
  .page-searvice-empass-log .p-emp-txt50,
  .page-searvice-empass-log .p-emp-txt60,
  .page-searvice-empass-log .p-emp-label05,
  .page-searvice-empass-log .p-emp-flex09,
  .page-searvice-empass-log .p-emp-flex12{font-size:1.3rem;}
  .page-searvice-empass-log .p-emp-ttl02,
  .page-searvice-empass-log .p-emp-ttl07,
  .page-searvice-empass-log .p-emp-ttl10,
  .page-searvice-empass-log .p-emp-ttl11,
  .page-searvice-empass-log .p-emp-txt08,
  .page-searvice-empass-log .p-emp-ttl06,
  .page-searvice-empass-log .p-emp-ttl08,
  .page-searvice-empass-log .p-emp-ttl12,
  .page-searvice-empass-log .p-emp-ttl13,
  .page-searvice-empass-log .p-emp-txt28,
  .page-searvice-empass-log .p-emp-txt51,
  .page-searvice-empass-log .p-emp-txt56{font-size:1.6rem;}
  .page-searvice-empass-log .p-emp-txt21,
  .page-searvice-empass-log .p-emp-ttl09,
  .page-searvice-empass-log .p-emp-ttl14{font-size:1.5rem;}
  .page-searvice-empass-log .p-emp-txt42,
  .page-searvice-empass-log .p-emp-txt46,
  .page-searvice-empass-log .p-emp-txt54,
  .page-searvice-empass-log .p-emp-txt58,
  .page-searvice-empass-log .p-emp-txt63,
  .page-searvice-empass-log .p-emp-txt25{font-size:1.2rem;text-align:left;}
  /* 3列カード → 1列 */
  .page-searvice-empass-log .p-emp-grid01,
  .page-searvice-empass-log .p-emp-grid05,
  .page-searvice-empass-log .p-emp-grid07,
  .page-searvice-empass-log .p-emp-grid12,
  .page-searvice-empass-log .p-emp-grid13,
  .page-searvice-empass-log .p-emp-grid14{grid-template-columns:1fr;gap:16px;margin-top:30px;}
  .page-searvice-empass-log .p-emp-grid13{gap:36px;}
  .page-searvice-empass-log .p-emp-box04,
  .page-searvice-empass-log .p-emp-box11,
  .page-searvice-empass-log .p-emp-box12,
  .page-searvice-empass-log .p-emp-box23,
  .page-searvice-empass-log .p-emp-box25{padding:24px 20px;}
  .page-searvice-empass-log .p-emp-dot02{width:110px;height:110px;}
  .page-searvice-empass-log .p-emp-obj08{width:60%;height:auto;}
  /* 3つの壁：表 → 縦積み */
  .page-searvice-empass-log .p-emp-txt07{margin-top:30px;}
  .page-searvice-empass-log .p-emp-grid02{display:none;}
  .page-searvice-empass-log .p-emp-grid03{grid-template-columns:1fr;gap:10px;padding:20px 0;}
  .page-searvice-empass-log .p-emp-flex01{padding:14px 16px;}
  /* 比較表（採用サイト／採用ブログ） */
  .page-searvice-empass-log .p-emp-grid04{grid-template-columns:78px 1fr 1fr;font-size:1.2rem;letter-spacing:0;margin-top:30px;}
  .page-searvice-empass-log .p-emp-box06,
  .page-searvice-empass-log .p-emp-txt10,
  .page-searvice-empass-log .p-emp-box07,
  .page-searvice-empass-log .p-emp-box08,
  .page-searvice-empass-log .p-emp-txt15,
  .page-searvice-empass-log .p-emp-flex02{padding:14px 8px;}
  .page-searvice-empass-log .p-emp-flex02{flex-direction:column;gap:6px;}
  .page-searvice-empass-log .p-emp-txt11,
  .page-searvice-empass-log .p-emp-txt13{font-size:1.2rem;letter-spacing:0.05em;}
  .page-searvice-empass-log .p-emp-txt12,
  .page-searvice-empass-log .p-emp-txt14{font-size:1.3rem;}
  /* 機能・導入効果：2列 → 縦積み */
  .page-searvice-empass-log .p-emp-grid06{grid-template-columns:1fr;gap:10px;padding:24px 0;}
  .page-searvice-empass-log .p-emp-grid08{grid-template-columns:36px 1fr;gap:8px 12px;padding:24px 0;}
  .page-searvice-empass-log .p-emp-grid08 .p-emp-txt29{grid-column:2;}
  .page-searvice-empass-log .p-emp-grid09{margin-top:40px;padding:24px 20px;}
  .page-searvice-empass-log .p-emp-obj01{margin-top:40px;}
  .page-searvice-empass-log .p-emp-flex03{gap:20px;}
  /* A/B/C比較表：横スクロール */
  .page-searvice-empass-log .p-emp-scrollHint{display:block;margin:30px 0 0;font-size:1.2rem;color:#666;text-align:right;}
  .page-searvice-empass-log .p-emp-scrollHint+.p-emp-grid10{margin-top:8px;}
  .page-searvice-empass-log .p-emp-grid10{grid-template-columns:96px repeat(3,196px);overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:1.3rem;margin-top:30px;}
  .page-searvice-empass-log .p-emp-box13,
  .page-searvice-empass-log .p-emp-txt35,
  .page-searvice-empass-log .p-emp-box14,
  .page-searvice-empass-log .p-emp-box16,
  .page-searvice-empass-log .p-emp-txt39,
  .page-searvice-empass-log .p-emp-box17,
  .page-searvice-empass-log .p-emp-box18{padding:16px 12px;}
  .page-searvice-empass-log .p-emp-box15{position:static;transform:none;display:inline-block;margin-bottom:6px;}
  .page-searvice-empass-log .p-emp-txt37{font-size:1.5rem;}
  .page-searvice-empass-log .p-emp-txt40,
  .page-searvice-empass-log .p-emp-txt41{font-size:1.6rem;}
  .page-searvice-empass-log .p-emp-label06{font-size:1.2rem;}
  /* 料金 */
  .page-searvice-empass-log .p-emp-txt49{font-size:2.8rem;}
  .page-searvice-empass-log .p-emp-label10{font-size:1.6rem;}
  .page-searvice-empass-log .p-emp-flex11{flex-direction:column;align-items:flex-start;gap:12px;padding:20px;}
  .page-searvice-empass-log .p-emp-txt53{font-size:2.4rem;}
  .page-searvice-empass-log .p-emp-label11{font-size:1.5rem;}
  /* オプション：左右2列 → 左列を先・右列を後に並べ替えて1列 */
  .page-searvice-empass-log .p-emp-grid15{grid-template-columns:1fr;margin-top:30px;}
  .page-searvice-empass-log .p-emp-grid15>*:nth-child(odd){order:1;}
  .page-searvice-empass-log .p-emp-grid15>*:nth-child(even){order:2;}
  .page-searvice-empass-log .p-emp-grid15>.p-emp-txt56:nth-child(2){margin-top:40px;}
  .page-searvice-empass-log .p-emp-grid16{grid-template-columns:1fr auto;font-size:1.3rem;padding:16px 0;}
  .page-searvice-empass-log .p-emp-txt36{font-size:1.2rem;}
  .page-searvice-empass-log .p-emp-box27{padding:14px 16px;}
  .page-searvice-empass-log .p-emp-txt59{font-size:1.3rem;}
}


/* ==========================================================
   EMPASS LOG 2026-11 改修（サービス資料 UPDATE 2026.10 対応）で追加
   既存の .p-emp-* の見た目（色・余白・角丸）に合わせています
   ========================================================== */

/* ── CTA：2つのボタンを横並び（黒＝お問い合わせ／グレー＝資料請求） ── */
.page-searvice-empass-log .p-emp-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:72px;}
.page-searvice-empass-log .p-emp-cta--start{justify-content:flex-start;margin-top:32px;}
.page-searvice-empass-log .p-emp-cta .c-btn-primary,
.page-searvice-empass-log .p-emp-cta .p-emp-btnGray{width:320px;max-width:100%;height:70px;margin:0;padding:0 30px;}
.page-searvice-empass-log .p-emp-cta .c-btn-primary .c-btn__txt{font-size:1.4rem;}
/* FV：本文幅（max-width:640px）に2つ並ぶよう少し細く */
.page-searvice-empass-log .p-emp-cta--start{gap:16px;}
.page-searvice-empass-log .p-emp-cta--start .c-btn-primary,
.page-searvice-empass-log .p-emp-cta--start .p-emp-btnGray{width:300px;}
.page-searvice-empass-log .faq .p-emp-cta{margin-top:90px;}
/* No.9：濃いグレーの帯の直後、ボタンだけの白い帯（上の帯の -60px の重なり分を含む） */
.page-searvice-empass-log .p-emp-ctaBand{background:#fff;padding:156px 0 96px;}
.page-searvice-empass-log .p-emp-ctaBand .p-emp-cta{margin-top:0;}
/* CTA帯の直後なので、上側の角丸と重なりをなくす */
.page-searvice-empass-log .p-emp-box24--flat{margin-top:0;border-radius:0 0 60px 60px;padding-top:24px;}

/* ── 汎用グリッド ── */
.page-searvice-empass-log .p-emp-grid2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px;}
.page-searvice-empass-log .p-emp-grid4col{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:36px;}
.page-searvice-empass-log .p-emp-grid2col--sm{margin-top:24px;}
.page-searvice-empass-log .p-emp-grid05+.p-emp-grid2col--sm{margin-top:24px;}

/* ── 採用の課題：調査の数字 ── */
.page-searvice-empass-log .p-emp-stat{text-align:center;}
.page-searvice-empass-log .p-emp-stat__num{margin:0 0 12px;font-size:6.4rem;font-weight:700;line-height:1.1;color:#1433b9;letter-spacing:0;}
.page-searvice-empass-log .p-emp-stat__num span{font-size:2.8rem;margin-left:4px;}
.page-searvice-empass-log .p-emp-stat__ttl{margin:0 0 8px;font-size:2.0rem;font-weight:700;line-height:1.5;}
.page-searvice-empass-log .p-emp-stat__txt{margin:0;font-size:1.4rem;line-height:1.8;color:#555;}
.page-searvice-empass-log .p-emp-box11.p-emp-stat .p-emp-stat__num{color:#fff;font-size:5.6rem;margin:4px 0 0;}
.page-searvice-empass-log .p-emp-box11.p-emp-stat .p-emp-stat__num span{font-size:2.2rem;}
.page-searvice-empass-log .p-emp-box11.p-emp-stat .p-emp-txt17{margin:0;}

/* 出典 */
.page-searvice-empass-log .p-emp-src{margin:16px 0 0;font-size:1.3rem;line-height:1.8;color:#666;}
.page-searvice-empass-log .p-emp-wrap .p-emp-src a{color:#1433b9;text-decoration:underline;}

/* ── 横棒グラフ（HTML/CSS） ── */
.page-searvice-empass-log .p-emp-bars{margin:8px 0 0;padding:0;list-style:none;}
.page-searvice-empass-log .p-emp-bars__item{display:grid;grid-template-columns:1fr 72px;gap:16px;align-items:end;margin-top:18px;}
.page-searvice-empass-log .p-emp-bars__label{margin:0 0 6px;font-size:1.5rem;line-height:1.6;}
.page-searvice-empass-log .p-emp-bars__track{display:block;height:14px;border-radius:7px;background:#dde3f1;overflow:hidden;}
.page-searvice-empass-log .p-emp-bars__bar{display:block;height:100%;border-radius:7px;background:#1433b9;}
.page-searvice-empass-log .p-emp-bars__val{margin:0;font-size:2.0rem;font-weight:700;line-height:1.2;color:#1433b9;text-align:right;}
.page-searvice-empass-log .p-emp-bars--dark .p-emp-bars__item{grid-template-columns:1fr 56px;margin-top:14px;}
.page-searvice-empass-log .p-emp-bars--dark .p-emp-bars__track{height:12px;background:#5d636b;}
.page-searvice-empass-log .p-emp-bars--dark .p-emp-bars__bar{background:#fff;}
.page-searvice-empass-log .p-emp-bars--dark .p-emp-bars__val{color:#fff;font-size:1.8rem;}

/* ── 「EMPASS LOG が解決します」の帯 ── */
.page-searvice-empass-log .p-emp-solve{margin-top:40px;background:#eef2fb;border-radius:8px;padding:36px 40px;color:#1433b9;}
.page-searvice-empass-log .p-emp-solve__ttl{margin:0 0 10px;font-size:2.0rem;font-weight:700;line-height:1.5;}
.page-searvice-empass-log .p-emp-solve__txt{margin:0;font-size:1.6rem;font-weight:500;line-height:1.9;}

/* ── 共感型採用：比較表（行見出しなしの2列） ── */
.page-searvice-empass-log .p-emp-grid04--2col{grid-template-columns:1fr 1fr;}
.page-searvice-empass-log .p-emp-grid04--2col>:nth-child(odd){border-left:0;}
.page-searvice-empass-log .p-emp-grid04--2col .p-emp-txt15{display:flex;align-items:center;justify-content:center;}

/* 始め方3つの比較表：EMPASS LOG列の見出し */
.page-searvice-empass-log .p-emp-grid10 .p-emp-txt35,
.page-searvice-empass-log .p-emp-grid10 .p-emp-box14{display:flex;align-items:center;justify-content:center;}

/* 構築から自走までの3ステップ（グレー帯の上の白カード） */
.page-searvice-empass-log .p-emp-box30{background:#fff;border-radius:8px;padding:40px 34px 36px;}
.page-searvice-empass-log .p-emp-box30 .p-emp-ttl02{display:flex;align-items:center;flex-wrap:wrap;gap:12px;}
.page-searvice-empass-log .p-emp-flex13{margin-top:24px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;padding:28px 34px;}
.page-searvice-empass-log .p-emp-flex13 .p-emp-ttl02{margin:0;}
/* 担当ラベル（弊社＝.p-emp-box21／御社＝.p-emp-box22 に加え、両社） */
.page-searvice-empass-log .p-emp-box21,
.page-searvice-empass-log .p-emp-box22,
.page-searvice-empass-log .p-emp-box31{letter-spacing:0.1em;line-height:1.7;}
.page-searvice-empass-log .p-emp-box31{display:inline-block;font-size:1.2rem;letter-spacing:0.1em;background:#5f6670;color:#fff;padding:2px 10px;border-radius:999px;}
.page-searvice-empass-log .p-emp-ttl02 .p-emp-box21,
.page-searvice-empass-log .p-emp-ttl02 .p-emp-box22,
.page-searvice-empass-log .p-emp-ttl02 .p-emp-box31{font-weight:700;}

/* ── 4つの特長（濃いグレーの帯） ── */
.page-searvice-empass-log .p-emp-ttl05--first{margin-top:0;}
.page-searvice-empass-log .p-emp-ttl05--feat{margin-top:110px;}
.page-searvice-empass-log .p-emp-featList{margin-top:36px;padding:0;list-style:none;}
.page-searvice-empass-log .p-emp-featList .p-emp-box11{display:flex;align-items:center;gap:16px;padding:24px 28px;}
.page-searvice-empass-log .p-emp-featList__num{font-size:3.2rem;font-weight:700;line-height:1;flex:none;}
.page-searvice-empass-log .p-emp-featList__ttl{font-size:1.7rem;font-weight:700;line-height:1.5;}
/* 太字キャッチ（リードの1行目） */
.page-searvice-empass-log .p-emp-catch{display:block;margin-bottom:8px;font-size:2.0rem;line-height:1.6;color:#fff;}
.page-searvice-empass-log .p-emp-box24 .p-emp-catch{color:#1f1f1f;}
.page-searvice-empass-log .p-emp-box11 .p-emp-txt17:first-child{margin-top:0;}
.page-searvice-empass-log .p-emp-box11 .p-emp-ttl06{font-size:2.0rem;}
.page-searvice-empass-log .p-emp-box11 .p-emp-txt18{font-size:1.5rem;line-height:1.9;}
.page-searvice-empass-log .p-emp-box11>.p-emp-ttl06:first-child{margin-top:0;}
/* 特長03 */
.page-searvice-empass-log .p-emp-goal{margin:8px 0 16px;font-size:2.8rem;font-weight:700;line-height:1.5;}
.page-searvice-empass-log .p-emp-list01{margin:0;padding:0 0 0 1.2em;list-style:disc;font-size:1.5rem;line-height:1.8;}
.page-searvice-empass-log .p-emp-list01 li{margin:6px 0;}
.page-searvice-empass-log .p-emp-ttl15{margin:64px 0 8px;font-size:2.0rem;font-weight:600;line-height:1.5;}
.page-searvice-empass-log .p-emp-ttl15+.p-emp-txt18{margin:0;color:#e3e6eb;}
.page-searvice-empass-log .p-emp-roadmap{margin-top:24px;}
.page-searvice-empass-log .p-emp-roadmap .p-emp-txt17{margin-top:14px;}
.page-searvice-empass-log .p-emp-roadmap .p-emp-ttl06{font-size:1.8rem;}
.page-searvice-empass-log .p-emp-box11 .p-emp-box22{background:#1f1f1f;}
.page-searvice-empass-log .p-emp-box32{margin-top:40px;}

/* ── 主な機能：管理画面の画像（帯の色と同じ外枠付きの画像のため影なし） ── */
.page-searvice-empass-log .p-emp-obj09{margin:110px auto 0;max-width:1080px;}
.page-searvice-empass-log .p-emp-obj09+.c-ttl--02{margin-top:70px;}
.page-searvice-empass-log .p-emp-txt20+.p-emp-grid2col{margin-top:56px;}

/* ── サービスの構成・導入 ── */
.page-searvice-empass-log .p-emp-ttl02--lg{font-size:2.4rem;}
.page-searvice-empass-log .p-emp-txt56--opt{margin:64px 0 0;}
.page-searvice-empass-log .p-emp-optList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;}
.page-searvice-empass-log .p-emp-optList__item{padding:24px 0;border-bottom:1px solid #d9d9d9;}
.page-searvice-empass-log .p-emp-optList__ttl{margin:0 0 4px;font-size:1.8rem;font-weight:700;line-height:1.6;}
.page-searvice-empass-log .p-emp-optList__txt{margin:0;font-size:1.5rem;line-height:1.9;color:#444;}
/* 導入パターンの図 */
.page-searvice-empass-log .p-emp-flow{background:#fff;border-radius:8px;padding:24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.page-searvice-empass-log .p-emp-flow__box{border:1px solid #c9cdd2;border-radius:8px;padding:12px 18px;font-weight:700;font-size:1.5rem;line-height:1.4;}
.page-searvice-empass-log .p-emp-flow__arrow{color:#1433b9;font-weight:700;font-size:1.4rem;}
/* 導入の前提条件 */
.page-searvice-empass-log .p-emp-req{margin-top:40px;border-top:1px solid #d9d9d9;}
.page-searvice-empass-log .p-emp-req__row{display:grid;grid-template-columns:260px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid #d9d9d9;}
.page-searvice-empass-log .p-emp-req__key{margin:0;font-size:1.8rem;font-weight:700;}
.page-searvice-empass-log .p-emp-req__val{margin:0;font-size:1.6rem;line-height:1.9;}
/* ステップの担当ラベル */
.page-searvice-empass-log .p-emp-box29 .p-emp-ttl14{min-height:5.4rem;}
.page-searvice-empass-log .p-emp-box29 .p-emp-txt44{text-align:left;}
.page-searvice-empass-log .p-emp-box33{margin-top:32px;}
.page-searvice-empass-log .p-emp-box33 .p-emp-ttl02{margin-top:0;}

/* ── タブレット（1023px以下） ── */
@media screen and (max-width:1023px){
  .page-searvice-empass-log .p-emp-ctaBand{padding:120px 0 72px;}
  .page-searvice-empass-log .p-emp-box24--flat{border-radius:0 0 40px 40px;}
  .page-searvice-empass-log .p-emp-grid4col{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-searvice-empass-log .p-emp-stat__num{font-size:4.8rem;}
  .page-searvice-empass-log .p-emp-stat__ttl{font-size:1.7rem;}
  .page-searvice-empass-log .p-emp-box11.p-emp-stat .p-emp-stat__num{font-size:4.4rem;}
  .page-searvice-empass-log .p-emp-ttl05--feat{margin-top:80px;}
  .page-searvice-empass-log .p-emp-catch{font-size:1.7rem;}
  .page-searvice-empass-log .p-emp-goal{font-size:2.2rem;}
  .page-searvice-empass-log .p-emp-obj09{margin-top:80px;}
  .page-searvice-empass-log .p-emp-req__row{grid-template-columns:180px 1fr;gap:20px;}
  .page-searvice-empass-log .p-emp-box29 .p-emp-ttl14{min-height:0;}
}

/* ── スマートフォン（750px以下） ── */
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-cta{flex-direction:column;align-items:center;gap:14px;margin-top:48px;}
  .page-searvice-empass-log .p-emp-cta--start{margin-top:24px;}
  .page-searvice-empass-log .p-emp-cta .c-btn-primary,
  .page-searvice-empass-log .p-emp-cta .p-emp-btnGray{width:73.3333333333vw;height:16vw;font-size:3.4666666667vw;}
  .page-searvice-empass-log .p-emp-cta .c-btn-primary .c-btn__txt{font-size:3.4666666667vw;}
  .page-searvice-empass-log .faq .p-emp-cta{margin-top:50px;}
  .page-searvice-empass-log .p-emp-ctaBand{padding:96px 0 56px;}
  .page-searvice-empass-log .p-emp-box24--flat{padding-top:8px;}
  .page-searvice-empass-log .p-emp-grid2col,
  .page-searvice-empass-log .p-emp-grid4col{grid-template-columns:1fr;gap:16px;margin-top:24px;}
  .page-searvice-empass-log .p-emp-stat__num{font-size:4rem;}
  .page-searvice-empass-log .p-emp-stat__num span{font-size:2rem;}
  .page-searvice-empass-log .p-emp-stat__ttl{font-size:1.5rem;}
  .page-searvice-empass-log .p-emp-stat__txt{font-size:1.2rem;}
  .page-searvice-empass-log .p-emp-box11.p-emp-stat .p-emp-stat__num{font-size:4rem;}
  .page-searvice-empass-log .p-emp-src{font-size:1.1rem;}
  .page-searvice-empass-log .p-emp-bars__item{grid-template-columns:1fr 56px;gap:10px;margin-top:14px;}
  .page-searvice-empass-log .p-emp-bars__label{font-size:1.3rem;}
  .page-searvice-empass-log .p-emp-bars__val{font-size:1.6rem;}
  .page-searvice-empass-log .p-emp-solve{padding:20px;margin-top:30px;}
  .page-searvice-empass-log .p-emp-solve__ttl{font-size:1.6rem;}
  .page-searvice-empass-log .p-emp-solve__txt{font-size:1.3rem;}
  .page-searvice-empass-log .p-emp-grid04--2col{grid-template-columns:1fr 1fr;}
  .page-searvice-empass-log .p-emp-box30{padding:24px 20px;}
  .page-searvice-empass-log .p-emp-flex13{padding:20px;}
  .page-searvice-empass-log .p-emp-ttl05--feat{margin-top:64px;}
  .page-searvice-empass-log .p-emp-featList .p-emp-box11{padding:16px 20px;}
  .page-searvice-empass-log .p-emp-featList__num{font-size:2.4rem;}
  .page-searvice-empass-log .p-emp-featList__ttl{font-size:1.5rem;}
  .page-searvice-empass-log .p-emp-catch{font-size:1.5rem;}
  .page-searvice-empass-log .p-emp-box11 .p-emp-ttl06,
  .page-searvice-empass-log .p-emp-roadmap .p-emp-ttl06{font-size:1.6rem;}
  .page-searvice-empass-log .p-emp-box11 .p-emp-txt18,
  .page-searvice-empass-log .p-emp-list01{font-size:1.3rem;}
  .page-searvice-empass-log .p-emp-goal{font-size:1.9rem;}
  .page-searvice-empass-log .p-emp-ttl15{margin-top:48px;font-size:1.6rem;}
  .page-searvice-empass-log .p-emp-obj09{margin-top:64px;}
  .page-searvice-empass-log .p-emp-obj09+.c-ttl--02{margin-top:40px;}
  .page-searvice-empass-log .p-emp-ttl02--lg{font-size:1.8rem;}
  .page-searvice-empass-log .p-emp-txt56--opt{margin-top:48px;}
  .page-searvice-empass-log .p-emp-optList{grid-template-columns:1fr;}
  .page-searvice-empass-log .p-emp-optList__item{padding:16px 0;}
  .page-searvice-empass-log .p-emp-optList__ttl{font-size:1.5rem;}
  .page-searvice-empass-log .p-emp-optList__txt{font-size:1.3rem;}
  .page-searvice-empass-log .p-emp-flow{padding:16px;gap:8px;}
  .page-searvice-empass-log .p-emp-flow__box{font-size:1.3rem;padding:8px 12px;}
  .page-searvice-empass-log .p-emp-flow__arrow{font-size:1.2rem;}
  .page-searvice-empass-log .p-emp-req{margin-top:24px;}
  .page-searvice-empass-log .p-emp-req__row{grid-template-columns:1fr;gap:6px;padding:20px 0;}
  .page-searvice-empass-log .p-emp-req__key{font-size:1.5rem;}
  .page-searvice-empass-log .p-emp-req__val{font-size:1.3rem;}
}

/* FV：サブタイトル（キャッチ直下） */
.page-searvice-empass-log .p-pageLead .p-pageLead__ttl.p-emp-mvTtl{margin-bottom:12px;}
.page-searvice-empass-log .p-emp-mvSub{margin:0 0 32px;font-size:2.4rem;font-weight:700;line-height:1.5;color:#222;}
@media screen and (max-width:1023px){
  .page-searvice-empass-log .p-emp-mvSub{font-size:1.8rem;margin-bottom:24px;}
}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-pageLead .p-pageLead__ttl.p-emp-mvTtl{margin-bottom:8px;}
  .page-searvice-empass-log .p-emp-mvSub{font-size:1.6rem;margin-bottom:20px;}
}


/* PC専用改行（SPでは改行しない） */
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-brPc{display:none;}}

/* ── 2026-11 調整：小見出しはサービスページ共通の .c-ttl--02（style.css）を使用 ── */
/* 2つ目以降の小見出しの上余白（旧 .p-emp-ttl03／.p-emp-ttl05 の値） */
.page-searvice-empass-log .p-emp-ttlGap{margin-top:100px;}
.page-searvice-empass-log .p-emp-ttlGap--lg{margin-top:110px;}
/* 見出し直後のリードは .c-ttl--02 の下余白（20px）に任せる */
.page-searvice-empass-log .c-ttl--02+.p-emp-txt03,
.page-searvice-empass-log .c-ttl--02+.p-emp-txt24{margin-top:0;}
@media screen and (max-width:1023px){
  .page-searvice-empass-log .p-emp-ttlGap{margin-top:70px;}
  .page-searvice-empass-log .p-emp-ttlGap--lg{margin-top:80px;}
}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-ttlGap,
  .page-searvice-empass-log .p-emp-ttlGap--lg{margin-top:50px;}
}


/* ── 2026-11 調整：アンカーナビと「採用の課題」の間を詰める ── */
.page-searvice-empass-log .p-emp-box03{padding-top:0;}

/* ── 2026-11 調整：調査の数字の下に棒グラフ（資料 p.5 と同じ積み上げ） ── */
.page-searvice-empass-log .p-emp-stat__bar{display:flex;height:14px;margin:4px 0 16px;border-radius:7px;background:#fff;overflow:hidden;}
.page-searvice-empass-log .p-emp-stat__seg{display:block;height:100%;background:#1433b9;}
.page-searvice-empass-log .p-emp-stat__seg--sub{background:#9fb0ea;}
.page-searvice-empass-log .p-emp-stat__legend{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 16px;font-size:1.4rem;line-height:1.8;color:#555;}
.page-searvice-empass-log .p-emp-stat__legend li{display:flex;align-items:center;gap:6px;}
.page-searvice-empass-log .p-emp-stat__legend li::before{content:"";width:10px;height:10px;border-radius:2px;background:#1433b9;flex:none;}
.page-searvice-empass-log .p-emp-stat__legend li.is-sub::before{background:#9fb0ea;}

/* まとめの一文の左に青三角（資料 p.5・p.6 と同じ） */
.page-searvice-empass-log .p-emp-txt06--arrow::before{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #1433b9;margin-right:14px;vertical-align:.05em;}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-stat__bar{height:12px;}
  .page-searvice-empass-log .p-emp-stat__legend{font-size:1.2rem;}
  .page-searvice-empass-log .p-emp-txt06--arrow::before{border-width:7px 0 7px 11px;margin-right:8px;}
}

/* ── 2026-11 調整：カードのナンバリング・STEP表記の欧文フォント ── */
.page-searvice-empass-log .p-emp-num,
.page-searvice-empass-log .p-emp-featList__num,
.page-searvice-empass-log .p-emp-label07,
.page-searvice-empass-log .p-emp-label08{font-family:"nimbus-sans",sans-serif;}

/* 調査カードの凡例：縦に並べ、ブロックは中央・テキストは左寄せ */
.page-searvice-empass-log .p-emp-stat__legend{flex-direction:column;align-items:flex-start;width:fit-content;margin:0 auto;gap:2px;text-align:left;}


/* 濃いグレーの帯の中の h2（c-ttl--01）：下線のアクセントを白に、上余白は帯の余白に任せる */
.page-searvice-empass-log .p-emp-box10 .c-ttl--01{padding-top:0;}
.page-searvice-empass-log .p-emp-box10 .c-ttl--01::before{background:#7b8189;}
.page-searvice-empass-log .p-emp-box10 .c-ttl--01::after{background:#fff;}
.page-searvice-empass-log .p-emp-box10 .c-ttl--01+.p-emp-featList{margin-top:0;}

/* 調査カードの棒グラフ：少し短く中央に、上下の余白を広げて数値寄りに */
.page-searvice-empass-log .p-emp-stat__bar{width:80%;margin:16px auto 28px;}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-stat__bar{margin:12px auto 20px;}
}

/* 3つの壁のカード番号：/service/school/ の課題カード（.c-problem-number .p-number）と同じ位置・サイズ */
.page-searvice-empass-log .p-emp-box04--num{position:relative;}
.page-searvice-empass-log .p-emp-box04--num .p-emp-num{position:absolute;top:1px;left:14px;margin:0;font-size:2.6rem;font-weight:bold;line-height:1.9;letter-spacing:normal;color:#d0d0d0;}
.page-searvice-empass-log .p-emp-box04--num .p-emp-ttl02{margin-top:0;}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-box04--num .p-emp-num{font-size:1.5rem;top:3px;left:10px;}
}
.page-searvice-empass-log .p-emp-box04--num{padding-top:56px;}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-box04--num{padding-top:36px;}}

/* 3ステップのカード：「STEP 1」は文字数が多いため番号より小さく */
.page-searvice-empass-log .p-emp-box30.p-emp-box04--num .p-emp-num{font-size:1.8rem;top:8px;left:16px;}
.page-searvice-empass-log .p-emp-box30.p-emp-box04--num{padding-top:52px;}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-box30.p-emp-box04--num .p-emp-num{font-size:1.3rem;top:6px;left:12px;}
  .page-searvice-empass-log .p-emp-box30.p-emp-box04--num{padding-top:36px;}
}

/* 濃いグレーの帯のカード番号（01〜04）：3つの壁と同じ位置・サイズ */
.page-searvice-empass-log .p-emp-box11.p-emp-box04--num{padding-top:56px;}
.page-searvice-empass-log .p-emp-box11.p-emp-box04--num .p-emp-ttl06{margin-top:0;}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-emp-box11.p-emp-box04--num{padding-top:52px;}}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-box11.p-emp-box04--num{padding-top:36px;}}

/* ── 2026-11 調整 ── */
/* 「EMPASS LOGの4つの特長」の上のスペース */
.page-searvice-empass-log .p-emp-box10{padding-top:120px;}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-box10{padding-top:60px;}}
/* 375px以下では改行しない */
@media screen and (max-width:375px){.page-searvice-empass-log .p-emp-brXsOff{display:none;}}
/* GROW-PLATHX ロゴの左右に余白 */
.page-searvice-empass-log .p-emp-obj06{padding:0 40px;}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-emp-obj06{padding:0 24px;}}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-obj06{padding:0 20px;}}
/* 字間を標準に */
.page-searvice-empass-log .p-emp-txt31,
.page-searvice-empass-log .p-emp-txt11.p-emp-num{letter-spacing:normal;}
/* c-link はホバー時も文字色を変えない（.p-emp-wrap a:hover の青を打ち消す） */
.page-searvice-empass-log .p-emp-wrap a.c-link:hover{color:#1f1f1f;}

/* ── 2026-11 調整：導入パターンの図（白背景）を見やすく ── */
/* PC：1行の横並び。矢印は線＋矢じり、ラベルは矢印の上。EMPASS LOG で構築する部分は青 */
.page-searvice-empass-log .p-emp-flow{flex-wrap:nowrap;justify-content:center;gap:0;padding:44px 20px 32px;min-height:132px;}
.page-searvice-empass-log .p-emp-flow__box{flex:none;background:#fff;border:1px solid #c9cdd2;border-radius:6px;padding:12px 14px;font-size:1.4rem;font-weight:700;line-height:1.4;white-space:nowrap;text-align:center;color:#1f1f1f;}
.page-searvice-empass-log .p-emp-flow__box.is-new{background:#eef2fb;border-color:#1433b9;color:#1433b9;}
.page-searvice-empass-log .p-emp-flow__arrow{position:relative;flex:none;width:72px;height:2px;margin:0 8px;background:#1433b9;}
.page-searvice-empass-log .p-emp-flow__arrow--short{width:28px;}
.page-searvice-empass-log .p-emp-flow__arrow::after,
.page-searvice-empass-log .p-emp-flow__arrow--both::before{content:"";position:absolute;top:50%;width:0;height:0;border-style:solid;transform:translateY(-50%);}
.page-searvice-empass-log .p-emp-flow__arrow::after{right:-2px;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #1433b9;}
.page-searvice-empass-log .p-emp-flow__arrow--both::before{left:-2px;border-width:6px 9px 6px 0;border-color:transparent #1433b9 transparent transparent;}
.page-searvice-empass-log .p-emp-flow__label{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:1.2rem;font-weight:700;line-height:1.4;white-space:nowrap;color:#1433b9;}
/* タブレット・スマホ：縦並び（矢印は下向き、ラベルは矢印の右） */
@media screen and (max-width:1023px){
  .page-searvice-empass-log .p-emp-flow{flex-direction:column;align-items:center;padding:24px 20px;min-height:0;}
  .page-searvice-empass-log .p-emp-flow__box{width:100%;max-width:260px;}
  .page-searvice-empass-log .p-emp-flow__arrow,
  .page-searvice-empass-log .p-emp-flow__arrow--short{width:2px;height:36px;margin:6px 0;}
  .page-searvice-empass-log .p-emp-flow__arrow::after{top:auto;right:auto;bottom:-2px;left:50%;transform:translateX(-50%);border-width:9px 6px 0 6px;border-color:#1433b9 transparent transparent transparent;}
  .page-searvice-empass-log .p-emp-flow__arrow--both::before{top:-2px;left:50%;transform:translateX(-50%);border-width:0 6px 9px 6px;border-color:transparent transparent #1433b9 transparent;}
  .page-searvice-empass-log .p-emp-flow__label{bottom:auto;top:50%;left:14px;transform:translateY(-50%);}
}

/* ── 2026-11 調整：自社の実践（GROW-PLATHX）スマホ ── */
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-grid09{padding-bottom:40px;}
  .page-searvice-empass-log .p-emp-obj06{padding:24px 20px;}
  .page-searvice-empass-log .p-emp-txt31,
  .page-searvice-empass-log .p-emp-ttl08,
  .page-searvice-empass-log .p-emp-txt33{text-align:center;}
  .page-searvice-empass-log .p-emp-txt33{margin-top:28px;}
}

/* 「GROW-PLATHX を見る」：矢印アイコン（::after）を黒丸（::before）の中央に固定
   リンク自体を inline-flex にして、中央寄せは親の text-align で行う（黒丸を左端からずらさない） */
.page-searvice-empass-log .p-emp-txt33 .c-link{display:inline-flex;vertical-align:top;}
.page-searvice-empass-log .p-emp-txt33 .c-link--arrow::after{top:50%;transform:translateY(-50%);}

/* ── 2026-11 調整：まとめの一文を /service/campaign/ の .point-under と同じ形に（▼＋黒枠白背景） ── */
.page-searvice-empass-log .p-emp-under{margin-top:52px;}
.page-searvice-empass-log .p-emp-under__tri{position:relative;margin:0 auto 20px;text-align:center;line-height:0;}
.page-searvice-empass-log .p-emp-under__tri::before{content:"";width:1px;height:30px;position:absolute;left:50%;top:-34px;border-left:2px dotted #000;}
.page-searvice-empass-log .p-emp-under__tri img{width:20px;height:auto;margin-left:1px;}
.page-searvice-empass-log .p-emp-under__txt{margin:0;border:2px solid #222;background:#fff;text-align:center;padding:30px;font-size:2.4rem;font-weight:600;line-height:1.5;}
@media screen and (max-width:1023px){
  .page-searvice-empass-log .p-emp-under__txt{font-size:2rem;}
}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-under{margin-top:20px;}
  .page-searvice-empass-log .p-emp-under__tri{margin:20px auto;}
  .page-searvice-empass-log .p-emp-under__tri::before{content:none;}
  .page-searvice-empass-log .p-emp-under__tri img{width:10.5px;}
  .page-searvice-empass-log .p-emp-under__txt{padding:28px 20px;font-size:1.6rem;}
}

/* 「6か月後の目標」：文字と同色の線で囲んだ角丸ラベル */
.page-searvice-empass-log .p-emp-tag{display:inline-block;border:1px solid currentColor;border-radius:999px;padding:2px 12px;font-size:1.2rem;line-height:1.7;letter-spacing:normal;}

/* 担当ラベル（弊社主導・御社が実施・弊社と御社 など）：字間なし */
.page-searvice-empass-log .p-emp-box21,
.page-searvice-empass-log .p-emp-box22,
.page-searvice-empass-log .p-emp-box31{letter-spacing:normal;}
.page-searvice-empass-log .p-emp-box11 .p-emp-tag{margin:0 0 12px;}

/* 「これまでに構築したサイト」：PCは2カラム（左に上3つ、右に下3つ）、スマホは1カラム */
.page-searvice-empass-log .p-emp-list01--2col{column-count:2;column-gap:32px;}
.page-searvice-empass-log .p-emp-list01--2col li{break-inside:avoid;}
.page-searvice-empass-log .p-emp-list01--2col li:first-child{margin-top:0;}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-list01--2col{column-count:1;}}

/* PC（1024px以上）専用の改行：ステップ見出しを「・」の後で2行に */
@media screen and (max-width:1023px){.page-searvice-empass-log .p-emp-brLg{display:none;}}
/* 画面幅が狭いPC（1024〜1279px）では「サブドメインの準備」が1行に入るよう少し小さく */
@media screen and (min-width:1024px) and (max-width:1279px){.page-searvice-empass-log .p-emp-box29 .p-emp-ttl14{font-size:1.6rem;}}

/* PC：見出し（左）と本文（右）の2カラム ─ 「EMPASS LOG が解決します」「デザイン調整」 */
@media screen and (min-width:751px){
  .page-searvice-empass-log .p-emp-solve,
  .page-searvice-empass-log .p-emp-box33{display:grid;grid-template-columns:300px 1fr;column-gap:40px;align-items:center;}
  .page-searvice-empass-log .p-emp-solve__ttl,
  .page-searvice-empass-log .p-emp-box33 .p-emp-ttl02{margin:0;}
}
@media screen and (min-width:751px) and (max-width:1023px){
  .page-searvice-empass-log .p-emp-solve,
  .page-searvice-empass-log .p-emp-box33{grid-template-columns:200px 1fr;column-gap:24px;}
}
/* PC：見出しの列は文字幅に合わせて本文との間を詰め、左右の余白を広げる */
@media screen and (min-width:1024px){
  .page-searvice-empass-log .p-emp-solve,
  .page-searvice-empass-log .p-emp-box33{grid-template-columns:auto 1fr;column-gap:56px;padding-left:80px;padding-right:80px;}
}

/* ── 2026-11 調整：濃いグレーの帯のカード見出しは共通の .c-ttl--04（下線は白） ── */
.page-searvice-empass-log .p-emp-box11 .c-ttl--04::after{background:#fff;}

/* 始め方3つの比較表：行見出し（記事が貯まる場所 など）は改行しない */
.page-searvice-empass-log .p-emp-grid10 .p-emp-box16{white-space:nowrap;}
.page-searvice-empass-log .p-emp-grid10{grid-template-columns:auto 1fr 1fr 1fr;}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-grid10{grid-template-columns:auto repeat(3,196px);}
}

/* 導入にあたりご用意いただくもの：項目と本文の間を詰める */
.page-searvice-empass-log .p-emp-req__row{grid-template-columns:140px 1fr;gap:24px;}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-emp-req__row{grid-template-columns:120px 1fr;gap:16px;}}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-req__row{grid-template-columns:1fr;gap:6px;}}

/* 管理画面の画像：上の余白 PC 70px／スマホ 32px */
.page-searvice-empass-log .p-emp-obj09{margin-top:70px;}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-obj09{margin-top:32px;}}

/* 採用の課題：調査の数値を小さく */
.page-searvice-empass-log .p-emp-box04.p-emp-stat .p-emp-stat__num{font-size:5.2rem;}
.page-searvice-empass-log .p-emp-box04.p-emp-stat .p-emp-stat__num span{font-size:2.4rem;}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-emp-box04.p-emp-stat .p-emp-stat__num{font-size:4.2rem;}}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-box04.p-emp-stat .p-emp-stat__num{font-size:3.6rem;}
  .page-searvice-empass-log .p-emp-box04.p-emp-stat .p-emp-stat__num span{font-size:1.8rem;}
}

/* ── 2026-11 調整：カードの角丸はすべてなし ── */
.page-searvice-empass-log .p-emp-box04,
.page-searvice-empass-log .p-emp-box11,
.page-searvice-empass-log .p-emp-box12,
.page-searvice-empass-log .p-emp-box20,
.page-searvice-empass-log .p-emp-box23,
.page-searvice-empass-log .p-emp-box25,
.page-searvice-empass-log .p-emp-box29,
.page-searvice-empass-log .p-emp-box30,
.page-searvice-empass-log .p-emp-solve,
.page-searvice-empass-log .p-emp-grid09,
.page-searvice-empass-log .p-emp-flow,
.page-searvice-empass-log .p-emp-flow__box{border-radius:0;}

/* 「GROW-PLATHX を見る」：上の余白 +20px */
.page-searvice-empass-log .p-emp-txt33{margin-top:40px;}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-txt33{margin-top:48px;}}

/* ── 2026-11 調整：構築から自走までの3ステップを「ご利用開始までのステップ」（.p-emp-txt43）と同じ形に ── */
.page-searvice-empass-log .p-emp-txt43--3col .p-emp-grid11{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.page-searvice-empass-log .p-emp-txt43--3col .p-emp-box19{left:calc(100% / 6);right:calc(100% / 6);}
.page-searvice-empass-log .p-emp-txt43--3col .p-emp-box20 .p-emp-ttl14{margin:10px 0 12px;}
.page-searvice-empass-log .p-emp-txt43--3col .p-emp-box20 .p-emp-txt44{text-align:left;}
.page-searvice-empass-log .p-emp-txt43--3col+.p-emp-flex13{margin-top:24px;}
@media screen and (max-width:1023px){
  .page-searvice-empass-log .p-emp-txt43--3col .p-emp-grid11{grid-template-columns:1fr;}
}
/* 3ステップ：担当ラベルと見出しを横並び */
.page-searvice-empass-log .p-emp-stepHead{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;}
.page-searvice-empass-log .p-emp-txt43--3col .p-emp-stepHead .p-emp-ttl14{margin:0;}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-emp-stepHead{justify-content:flex-start;}}
/* 3ステップ（PC）：丸とラベル・見出しの間を広げる */
@media screen and (min-width:1024px){.page-searvice-empass-log .p-emp-txt43--3col .p-emp-stepHead{margin-top:20px;}}

/* 「STEP 2〜3の目安」：白背景なしの補足（注記と同じ小さめ・グレー、右寄せ） */
.page-searvice-empass-log .p-emp-box30.p-emp-flex13{background:none;padding:0;margin-top:16px;gap:0 12px;justify-content:flex-end;}
.page-searvice-empass-log .p-emp-box30.p-emp-flex13 .p-emp-ttl02,
.page-searvice-empass-log .p-emp-box30.p-emp-flex13 .p-emp-txt05{font-size:1.4rem;line-height:1.8;color:#666;}
.page-searvice-empass-log .p-emp-box30.p-emp-flex13 .p-emp-ttl02{font-weight:700;}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-box30.p-emp-flex13{justify-content:flex-start;padding:0;}
  .page-searvice-empass-log .p-emp-box30.p-emp-flex13 .p-emp-ttl02,
  .page-searvice-empass-log .p-emp-box30.p-emp-flex13 .p-emp-txt05{font-size:1.2rem;}
}

/* スマホの左右余白を他サービスページに合わせて 30px に */
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-txt02{padding:0 30px;}}

/* ── 2026-11 調整：4つの特長の一覧 番号を正円で囲む（/service/product-db/ の .reason-box_number と同じ形） ── */
.page-searvice-empass-log .p-emp-featList__num{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:1px solid #d5dae2;font-size:2rem;font-weight:700;color:#d5dae2;}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-featList__num{width:44px;height:44px;font-size:1.6rem;}
}

/* 4つの特長の一覧：枠全体を白背景に、各項目は背景なし（項目の間は細い区切り線） */
.page-searvice-empass-log .p-emp-featList{background:#fff;gap:0;}
.page-searvice-empass-log .p-emp-featList .p-emp-box11{background:none;color:#1f1f1f;}
.page-searvice-empass-log .p-emp-featList .p-emp-box11+.p-emp-box11{border-left:1px solid #e3e6eb;}
.page-searvice-empass-log .p-emp-featList__num{border-color:#a8aeb3;color:#a8aeb3;}
@media screen and (max-width:1023px){
  .page-searvice-empass-log .p-emp-featList .p-emp-box11:nth-child(3){border-left:0;}
  .page-searvice-empass-log .p-emp-featList .p-emp-box11:nth-child(n+3){border-top:1px solid #e3e6eb;}
}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-featList.p-emp-grid4col{gap:0;}
  .page-searvice-empass-log .p-emp-featList .p-emp-box11+.p-emp-box11{border-left:0;border-top:1px solid #e3e6eb;}
}
/* 4つの特長の一覧：枠も背景なし（濃いグレーの帯の上に直接）。文字・番号・区切り線を帯に合わせた色に */
.page-searvice-empass-log .p-emp-featList{background:none;}
.page-searvice-empass-log .p-emp-featList .p-emp-box11{color:#fff;}
.page-searvice-empass-log .p-emp-featList__num{border-color:#d5dae2;color:#d5dae2;}
.page-searvice-empass-log .p-emp-featList .p-emp-box11+.p-emp-box11,
.page-searvice-empass-log .p-emp-featList .p-emp-box11:nth-child(n+3){border-color:#7b8189;}
/* 4つの特長の一覧：区切り線なし */
.page-searvice-empass-log .p-emp-featList .p-emp-box11,
.page-searvice-empass-log .p-emp-featList .p-emp-box11+.p-emp-box11,
.page-searvice-empass-log .p-emp-featList .p-emp-box11:nth-child(n+3){border:0;}
/* 4つの特長の一覧：項目の左右余白なし（コンテンツ幅いっぱい）。項目間は列のすき間で確保 */
.page-searvice-empass-log .p-emp-featList.p-emp-grid4col{column-gap:24px;}
.page-searvice-empass-log .p-emp-featList .p-emp-box11{padding-left:0;padding-right:0;}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-featList.p-emp-grid4col{column-gap:0;}
  .page-searvice-empass-log .p-emp-featList .p-emp-box11{padding-top:12px;padding-bottom:12px;}
}
/* 4つの特長の番号：/service/product-db/ の .reason-box_number と同じ仕様 */
.page-searvice-empass-log .p-emp-featList__num{flex:none;width:80px;height:80px;border:1px solid #a8aeb3;border-radius:50%;font-family:"nimbus-sans",sans-serif;font-size:2.2rem;font-weight:700;color:#a8aeb3;}
.page-searvice-empass-log .p-emp-featList .p-emp-box11{gap:20px;}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-featList__num{width:60px;height:60px;font-size:1.8rem;}
  .page-searvice-empass-log .p-emp-featList .p-emp-box11{gap:15px;}
}
/* 4つの特長のタイトル：文字を大きく */
.page-searvice-empass-log .p-emp-featList__ttl{font-size:2rem;line-height:1.5;}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-emp-featList__ttl{font-size:1.8rem;}}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-featList__ttl{font-size:1.6rem;}}
/* PCの4列は1項目の幅が狭いため、指定の改行位置で2行に収まるサイズに */
@media screen and (min-width:1024px){.page-searvice-empass-log .p-emp-featList__ttl{font-size:1.8rem;}}
@media screen and (min-width:1024px) and (max-width:1279px){.page-searvice-empass-log .p-emp-featList__ttl{font-size:1.5rem;}}

/* サービスの構成（構築／内製化支援プログラム／保守）：タイトルを中央寄せ */
.page-searvice-empass-log .p-emp-ttl02--lg{text-align:center;}
/* 3つの壁：タイトルを中央寄せ */
.page-searvice-empass-log #issue .p-emp-box04--num .p-emp-ttl02{text-align:center;}

/* 「EMPASS LOG が解決します」：見出しを大きく、上に三角を付けて吹き出し風に */
.page-searvice-empass-log .p-emp-solve{position:relative;margin-top:48px;}
.page-searvice-empass-log .p-emp-solve::before{content:"";position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:0 18px 18px 18px;border-color:transparent transparent #eef2fb transparent;}
.page-searvice-empass-log .p-emp-solve__ttl{font-size:2.6rem;}
@media screen and (max-width:1023px){.page-searvice-empass-log .p-emp-solve__ttl{font-size:2.2rem;}}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-solve{margin-top:36px;}
  .page-searvice-empass-log .p-emp-solve::before{top:-14px;border-width:0 14px 14px 14px;}
  .page-searvice-empass-log .p-emp-solve__ttl{font-size:1.8rem;}
}

/* 「EMPASS LOG が解決します」：4つの特長を番号付きリストに（番号は .p-emp-featList__num と同じ正円） */
.page-searvice-empass-log .p-emp-solve__list{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;}
.page-searvice-empass-log .p-emp-solve__list li{display:flex;align-items:center;gap:16px;}
.page-searvice-empass-log .p-emp-solve__num{flex:none;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid #1433b9;border-radius:50%;font-family:"nimbus-sans",sans-serif;font-size:2rem;font-weight:700;color:#1433b9;}
.page-searvice-empass-log .p-emp-solve__item{font-size:1.8rem;font-weight:700;line-height:1.5;}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-solve__list{gap:10px;}
  .page-searvice-empass-log .p-emp-solve__list li{gap:12px;}
  .page-searvice-empass-log .p-emp-solve__num{width:44px;height:44px;font-size:1.6rem;}
  .page-searvice-empass-log .p-emp-solve__item{font-size:1.4rem;}
}

/* 「EMPASS LOG が解決します」：サブタイトル */
.page-searvice-empass-log .p-emp-solve__sub{margin:8px 0 0;font-size:1.6rem;font-weight:500;line-height:1.6;color:#1433b9;}
.page-searvice-empass-log .p-emp-solve__list{margin-bottom:0;}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-solve__sub{font-size:1.3rem;margin:4px 0 16px;}
}

/* 「EMPASS LOG が解決します」：PCは見出しとリストの組を箱の中央に */
@media screen and (min-width:751px){
  .page-searvice-empass-log .p-emp-solve{grid-template-columns:auto auto;justify-content:center;}
}
/* スマホ：見出しを大きく中央寄せ、サブタイトルも中央で見出しとの間を詰める、リストは塊ごと中央 */
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-solve__head{text-align:center;}
  .page-searvice-empass-log .p-emp-solve__ttl{font-size:2.2rem;margin:0;}
  .page-searvice-empass-log .p-emp-solve__sub{margin:2px 0 20px;}
  .page-searvice-empass-log .p-emp-solve__list{width:fit-content;margin:0 auto;}
}
/* PC：見出しとリストの文字を大きく */
@media screen and (min-width:1024px){
  .page-searvice-empass-log .p-emp-solve__ttl{font-size:3.2rem;}
  .page-searvice-empass-log .p-emp-solve__item{font-size:2rem;}
}
/* PC：リスト項目は改行しない／スマホ：箱の上下余白 */
@media screen and (min-width:1024px){.page-searvice-empass-log .p-emp-solve__item{white-space:nowrap;}}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-solve{padding-top:30px;padding-bottom:40px;}}

/* 比較表の見出しラベル：字間なし */
.page-searvice-empass-log .p-emp-txt11,
.page-searvice-empass-log .p-emp-txt13{letter-spacing:normal;}
/* ステップの横線：#d0d0d0 に統一 */
.page-searvice-empass-log .p-emp-box19{background:#d0d0d0;}

/* 「EMPASS LOG が解決します」：背景をFV（.p-pageLead）と同じグラデーションに。三角は箱の上辺中央の色に合わせる */
.page-searvice-empass-log .p-emp-solve{background:linear-gradient(120deg,#ffffff 0%,#dbe9fb 35%,#b9d3f7 70%,#92b8f0 100%);}
.page-searvice-empass-log .p-emp-solve::before{border-bottom-color:#d3e4fa;}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-solve::before{border-bottom-color:#deebfb;}}

/* 「EMPASS LOG が解決します」：背景を画像（solve_bg.webp）に、文字・番号の丸は白 */
.page-searvice-empass-log .p-emp-solve{background:#068f90 url(/service/empass-log/img/solve_bg.webp) no-repeat center/cover;color:#fff;}
.page-searvice-empass-log .p-emp-solve__ttl,
.page-searvice-empass-log .p-emp-solve__sub,
.page-searvice-empass-log .p-emp-solve__item{color:#fff;}
.page-searvice-empass-log .p-emp-solve__num{border-color:#fff;color:#fff;}
.page-searvice-empass-log .p-emp-solve::before{border-bottom-color:#068f90;}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-solve::before{border-bottom-color:#049a8f;}}

/* 「EMPASS LOG が解決します」：背景は #1433b9 → #068f90 のグラデーション（画像は使わない） */
.page-searvice-empass-log .p-emp-solve{background:linear-gradient(120deg,#1433b9 0%,#068f90 100%);}
.page-searvice-empass-log .p-emp-solve::before{border-bottom-color:#0e5ba7;}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-solve::before{border-bottom-color:#1050ac;}}

/* 共感型採用の比較表：「採用サイト」側の見出しセルは白背景 */
.page-searvice-empass-log .p-emp-grid04--2col .p-emp-txt10{background:#fff;}
.page-searvice-empass-log .p-emp-grid04--2col .p-emp-txt15{background:#fff;}

/* WOWの実績（200件以上・25年以上・6分野）：白背景。文字色は白背景用に */
.page-searvice-empass-log .p-emp-box11.p-emp-stat{background:#fff;color:#1f1f1f;}
.page-searvice-empass-log .p-emp-box11.p-emp-stat .p-emp-txt17{color:#8a93a3;}
.page-searvice-empass-log .p-emp-box11.p-emp-stat .p-emp-stat__num{color:#1433b9;}
.page-searvice-empass-log .p-emp-box11.p-emp-stat .p-emp-stat__num{color:#1f1f1f;}
/* WOWの実績：数字（200・25・6）は nimbus-sans、単位（件以上 など）はサイト共通の和文フォントのまま */
.page-searvice-empass-log .p-emp-box11.p-emp-stat .p-emp-stat__num{font-family:"nimbus-sans",sans-serif;}
.page-searvice-empass-log .p-emp-box11.p-emp-stat .p-emp-stat__num span{font-family:YakuHanJP,"Noto Sans JP","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;}
/* WOWの実績：背景を #6e737b（ほかのカードと同じ）に戻し、文字色も元の白系に */
.page-searvice-empass-log .p-emp-box11.p-emp-stat{background:#6e737b;color:#fff;}
.page-searvice-empass-log .p-emp-box11.p-emp-stat .p-emp-txt17{color:#d5dae2;}
.page-searvice-empass-log .p-emp-box11.p-emp-stat .p-emp-stat__num{color:#fff;}

/* ── 2026-11 調整：内製化のロードマップ ── */
/* 担当ラベル（弊社主導 など）はカード上辺に高さ半分はみ出して中央に。月と見出しは中央寄せ */
.page-searvice-empass-log .p-emp-roadmap{margin-top:40px;row-gap:32px;}
.page-searvice-empass-log .p-emp-roadmap .p-emp-box11{position:relative;padding-top:36px;}
.page-searvice-empass-log .p-emp-roadmap .p-emp-box21,
.page-searvice-empass-log .p-emp-roadmap .p-emp-box22{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);white-space:nowrap;}
.page-searvice-empass-log .p-emp-roadmap .p-emp-txt17,
.page-searvice-empass-log .p-emp-roadmap .c-ttl--04{text-align:center;}
.page-searvice-empass-log .p-emp-roadmap .p-emp-txt17{margin-top:0;}
.page-searvice-empass-log .p-emp-roadmap .c-ttl--04::after{left:calc(50% - 10px);}
@media screen and (max-width:750px){
  .page-searvice-empass-log .p-emp-roadmap{margin-top:32px;row-gap:28px;}
  .page-searvice-empass-log .p-emp-roadmap .p-emp-box11{padding-top:28px;}
}
.page-searvice-empass-log .p-emp-roadmap .p-emp-ttl06{text-align:center;}

/* ── 2026-11 調整：「Step 03のデザイン調整について」 ── */
/* PCのみ：グレーの箱の上辺中央に三角（Step 03 を指す吹き出し）。サイズは .p-emp-solve::before と同じ */
@media screen and (min-width:1024px){
  .page-searvice-empass-log .p-emp-box33{position:relative;}
  .page-searvice-empass-log .p-emp-box33::before{content:"";position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:0 18px 18px 18px;border-color:transparent transparent #f4f5f7 transparent;}
}
/* 「Step 03のデザイン調整について」：上のステップ見出し（18px・600）より小さく細く */
.page-searvice-empass-log .p-emp-box33 .p-emp-ttl02{font-size:1.6rem;font-weight:500;}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-box33 .p-emp-ttl02{font-size:1.4rem;}}
.page-searvice-empass-log .p-emp-box33 .p-emp-ttl02{font-weight:600;}
/* 「Step 03のデザイン調整について」本文：上のステップ本文と同じ14pxに */
.page-searvice-empass-log .p-emp-box33 .p-emp-txt05{font-size:1.4rem;line-height:1.9;}
@media screen and (max-width:750px){.page-searvice-empass-log .p-emp-box33 .p-emp-txt05{font-size:1.2rem;}}