/* 面接カテゴリーのPCサイドバー＝カード2枚（mensetsu-sidebar.php）。見た目は spi-white-sidebar.css の .spi-wsb2 をそのまま写した（色だけカードごとの --msd-*）。 */
#spi-mensetsu-sidebar,#spi-mendan-sidebar,#spi-mensetsu-sidebar *,#spi-mendan-sidebar *{box-sizing:border-box}
#spi-mensetsu-sidebar,#spi-mendan-sidebar{display:flex;flex-direction:column;gap:14px;padding:0;background:transparent;border:0;text-align:left;color:#333333}
#spi-mensetsu-sidebar [hidden],#spi-mendan-sidebar [hidden]{display:none!important}
#spi-mensetsu-sidebar p:empty,#spi-mendan-sidebar p:empty,#spi-mensetsu-sidebar br,#spi-mendan-sidebar br{display:none!important}
#spi-mensetsu-sidebar a,#spi-mendan-sidebar a{text-decoration:none!important}
#spi-mensetsu-sidebar .spi-msd2-card,#spi-mendan-sidebar .spi-msd2-card{display:flex!important;flex-direction:column;overflow:hidden;color:#333333!important;background:#fff;border:1px solid #dddddd;border-radius:8px;box-shadow:0 1px 4px rgba(37,56,54,.10);text-align:left;cursor:pointer}
#spi-mensetsu-sidebar .spi-msd2-card:hover,#spi-mendan-sidebar .spi-msd2-card:hover{color:#333333!important;opacity:1}
#spi-mensetsu-sidebar .spi-msd2-visual,#spi-mendan-sidebar .spi-msd2-visual{display:block;height:170px;overflow:hidden;background:transparent}
#spi-mensetsu-sidebar .spi-msd2-visual img,#spi-mendan-sidebar .spi-msd2-visual img{display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;margin:0!important;padding:0!important;border:0;border-radius:0;box-shadow:none;object-fit:cover;object-position:center top}
#spi-mensetsu-sidebar .spi-msd2-copy,#spi-mendan-sidebar .spi-msd2-copy{display:flex;flex-direction:column;padding:12px 18px 16px}
#spi-mensetsu-sidebar .spi-msd2-kicker,#spi-mendan-sidebar .spi-msd2-kicker{display:block;margin:0 0 2px;color:var(--msd-d);font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.05em}
#spi-mensetsu-sidebar .spi-msd2-title,#spi-mendan-sidebar .spi-msd2-title{display:block;margin:0 0 11px;color:#333333;font-size:20px;font-weight:800;line-height:1.35;letter-spacing:.02em}
#spi-mensetsu-sidebar .spi-msd2-name,#spi-mendan-sidebar .spi-msd2-name{color:var(--msd-d)}
#spi-mensetsu-sidebar .spi-msd2-cta,#spi-mendan-sidebar .spi-msd2-cta{display:flex;min-height:48px;align-items:center;justify-content:center;padding:6px 10px;color:#fff;background:var(--msd-c);border-radius:4px;box-shadow:0 3px 0 var(--msd-d);font-size:15px;font-weight:800;line-height:1.35;letter-spacing:.03em;text-align:center;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}
#spi-mensetsu-sidebar .spi-msd-manner .spi-msd2-cta{font-size:14px}
#spi-mensetsu-sidebar .spi-msd2-card:hover .spi-msd2-cta,#spi-mendan-sidebar .spi-msd2-card:hover .spi-msd2-cta{background:var(--msd-h);box-shadow:0 2px 0 var(--msd-d);transform:translateY(1px)}
#spi-mensetsu-sidebar .spi-msd2-card:focus-visible,#spi-mendan-sidebar .spi-msd2-card:focus-visible{outline:3px solid var(--msd-c);outline-offset:2px}

@media(min-width:768px){.widget:has(#spi-mensetsu-sidebar){padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}.widget:has(#spi-mensetsu-sidebar)>.widgettitle{display:none!important}.widget:has(#spi-mensetsu-sidebar) .textwidget{padding:0!important}body:has(#spi-mensetsu-sidebar) .nkhsb-sp{display:none!important}#fixed_sidebar:has(#spi-mensetsu-sidebar){margin-top:0}body:has(#spi-mensetsu-sidebar) #bfb_content_pc{display:none!important}}
@media(min-width:768px){.widget:has(#spi-mendan-sidebar){padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}.widget:has(#spi-mendan-sidebar)>.widgettitle{display:none!important}.widget:has(#spi-mendan-sidebar) .textwidget{padding:0!important}body:has(#spi-mendan-sidebar) .nkhsb-sp{display:none!important}#fixed_sidebar:has(#spi-mendan-sidebar){margin-top:0}}
@media(max-width:767px){#spi-mensetsu-sidebar,#spi-mendan-sidebar{display:none!important}}