/* ウレールから抽出したマニュアル専用CSS。適用範囲: .bjamp-manual */

/* common.css */
.bjamp-manual { --main-color: #007f82; --main-color-light: #e9f7f2; --link-color: #33abb0; --main-sub-color: #33AA9F; --alert-color: #ff7a73; --alart-color-strong: #f05951; --alert-base-color: #ffebea; --bg-color: #F6F6F6; --bg-color-strong: #AAAAAA; --em-color: #debea2; --em-base-color: #faf5f1; --title-color: #000; --text-color: #555; --feeble-text-color: #888; --input-highlight-color: #fec; --tab-bid-color: #edf3f7; --tab-subsidy-color: #e5e8f2; --tab-recruitment-color: #edebe5; --tab-budget-color: #e6f3ec; --tab-other-color: #edf7f5; --favorited-color: #ffbe7a; --favorited-base-color: #fffaf4; --border-color: #ddd; --ui-base-color: #f6f6f6; --ui-dark-color: #ddd; font-size: 16px; }
.bjamp-manual * { margin: 0px; padding: 0px; font-size: inherit; font-style: normal; list-style: none; vertical-align: top; box-sizing: border-box; }
.bjamp-manual { background-color: rgb(255, 255, 255); font-family: "Noto Sans JP", sans-serif, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-weight: 400; color: var(--text-color); text-align: left; padding-top: 70px; }
.bjamp-manual h2,
.bjamp-manual h3,
.bjamp-manual h4 { font-feature-settings: "palt"; color: var(--title-color); font-weight: 700; }
.bjamp-manual a { cursor: pointer; }
.bjamp-manual img { width: 100%; }
.bjamp-manual strong {  }
.bjamp-manual * { margin: 0px; padding: 0px; line-height: calc(1em + 0.7rem); }
.bjamp-manual *,
.bjamp-manual ::before,
.bjamp-manual ::after { box-sizing: border-box; }
.bjamp-manual :where(:not(fieldset, progress, meter)) { border-width: 0px; border-style: solid; background-origin: border-box; background-repeat: no-repeat; }
.bjamp-manual { height: 100%; block-size: 100%; text-size-adjust: none; }
@media (prefers-reduced-motion: no-preference) {
.bjamp-manual:focus-within { scroll-behavior: smooth; }
}
.bjamp-manual :where(img, svg, video, canvas, audio, iframe, embed, object) { display: block; }
.bjamp-manual :where(img, svg, video) { block-size: auto; max-inline-size: 100%; }
.bjamp-manual :where(p, h1, h2, h3, h4, h5, h6) { overflow-wrap: break-word; }
.bjamp-manual a:not([class]) { text-decoration-skip-ink: auto; }
.bjamp-manual :where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) { cursor: pointer; touch-action: manipulation; display: inline-block; }
@media (prefers-reduced-motion: no-preference) {
.bjamp-manual :focus-visible { transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1); }
}
.bjamp-manual a { text-decoration: none; color: rgb(0, 0, 0); }
.bjamp-manual a:hover { transition: 0.3s; cursor: pointer; opacity: 0.7 !important; }
.bjamp-manual ul,
.bjamp-manual ol { list-style: none; }
.bjamp-manual .l-contents { width: 1400px; max-width: 100%; padding-left: 20px; padding-right: 20px; margin: 0px auto; }
.bjamp-manual a:focus { outline: none; }
.bjamp-manual .u-link { vertical-align: baseline; line-height: 1.5; display: inline-block; color: var(--link-color); text-decoration: underline !important; }
.bjamp-manual .u-small { font-size: 12px; }
.bjamp-manual #bjamp-manual-pankuzu { padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 2.6rem; display: flex; align-items: center; }
.bjamp-manual #bjamp-manual-pankuzu .back { color: var(--title-color); font-size: 12px; display: inline-block; vertical-align: middle; }
.bjamp-manual #bjamp-manual-pankuzu .back::after { content: ">"; display: inline-block; font-size: 12px; padding: 0px 5px; }
.bjamp-manual #bjamp-manual-pankuzu .current { color: var(--gray-color); font-size: 12px; display: inline-block; vertical-align: middle; flex: 1 1 0%; min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bjamp-manual { padding-top: 104px; }
.bjamp-manual .l-twocolumn-content { max-width: 1400px; padding-left: 20px; padding-right: 20px; margin: 0px auto; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 20px; align-items: flex-start; }
.bjamp-manual .l-side-content { flex-basis: 280px; flex-grow: 1; }
.bjamp-manual .l-main-content { width: calc(100% - 300px); flex-grow: 1; padding: 0px 0px 5rem; }
.bjamp-manual .headding-midium { font-size: 18px; margin-top: 0.5rem; padding-bottom: 0.5rem; color: var(--title-color); font-weight: 600; }
.bjamp-manual .headding-small { font-size: 16px; margin-top: 1rem; padding-bottom: 0.5rem; color: var(--text-color); font-weight: 500; }
.bjamp-manual .btn-wrap { display: flex; flex-wrap: wrap; gap: 0.5rem 2.5%; justify-content: center; align-items: center; text-align: center; }
.bjamp-manual .btn { padding: 10px 15px; border-radius: 30px; font-size: min(3.5vw, 16px); font-weight: 700; min-width: 80px; text-align: center; line-height: 1.5; justify-content: center; }
.bjamp-manual .btn.primary { background-color: var(--main-color); border: 2px solid var(--main-color); color: rgb(255, 255, 255); }
.bjamp-manual { --pink: #E87670; --pink-soft: #FDECEA; --orange: #F3A13B; --yellow: #F8D072; --ink: #222; --muted: #667; --line: #E9E6E2; --bg: #F7F2ED; --card: #fff; --shadow: 0 12px 32px rgba(31, 45, 48, .08); }
.bjamp-manual .btn::before { font-size: 20px; }
.bjamp-manual .main_ttl { font-size: 36px; font-weight: 800; padding: 1rem 0px 4rem; }
.bjamp-manual #bjamp-manual-container { width: 100%; }
.bjamp-manual .icon-status { font-size: 12px; padding: 0.2rem 0.5rem; line-height: 1.5; border-radius: 4px; display: inline-block; vertical-align: middle; }
.bjamp-manual .p-restriction-layout { align-items: flex-start; }
.bjamp-manual .p-restriction-side { position: sticky; top: 84px; align-self: flex-start; }
.bjamp-manual .p-restriction-side-inner { overflow: hidden; border: 1px solid var(--border-color); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px; }
.bjamp-manual .p-restriction-side .p-nav-small-ttl { margin: 0px; padding: 14px 16px; border-bottom: 1px solid var(--border-color); background: var(--ui-base-color); font-size: 18px; }
.bjamp-manual .p-restriction-nav { margin: 0px; list-style: none; }
.bjamp-manual .p-restriction-nav li + li { border-top: 1px solid var(--border-color); }
.bjamp-manual .p-restriction-nav a { display: block; padding: 12px 16px; color: var(--text-color); font-size: 14px; font-weight: 600; line-height: 1.6; text-decoration: none; transition: background-color 0.2s, color 0.2s; }
.bjamp-manual .p-restriction-nav a:hover,
.bjamp-manual .p-restriction-nav a:focus-visible { background: var(--main-color-light); color: var(--main-color); }
.bjamp-manual .p-document-category { scroll-margin-top: 6rem; }
.bjamp-manual #bjamp-manual-document-cont { width: 960px; max-width: 100%; margin: auto; padding-bottom: 7rem; }
.bjamp-manual .p-document-inner .headding-small { font-weight: 700; }
.bjamp-manual .p-document-inner p { padding-bottom: 1rem; }
.bjamp-manual .p-manual-top-layout { display: block; }
.bjamp-manual .p-manual-top-main { width: 100%; max-width: 1200px; margin: 0px auto; }
.bjamp-manual .p-manual-top-lead { margin-bottom: 40px; }
.bjamp-manual .p-manual-top-lead p { margin-top: 12px; line-height: 1.9; }
.bjamp-manual .p-manual-video-area { margin-top: 20px; }
.bjamp-manual .p-manual-video-heading { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 16px; font-weight: 700; }
.bjamp-manual .p-manual-video-list { display: flex; flex-wrap: wrap; gap: 12px; margin: 0px; padding: 0px; list-style: none; }
.bjamp-manual .p-manual-video-item { margin: 0px; }
.bjamp-manual .p-manual-video-link { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid rgb(221, 221, 221); border-radius: 6px; background: rgb(255, 255, 255); color: rgb(51, 51, 51); font-weight: 700; text-decoration: none; transition: opacity 0.2s, border-color 0.2s; }
.bjamp-manual .p-manual-video-link::before { content: "▶"; color: rgb(230, 0, 0); font-size: 13px; }
.bjamp-manual .p-manual-video-link:hover { border-color: rgb(42, 145, 146); opacity: 0.75; }
.bjamp-manual .p-manual-video-external { font-size: 11px; font-weight: 400; }
.bjamp-manual .p-manual-role-nav { margin-top: 28px; }
.bjamp-manual .p-manual-role-nav-title { margin-bottom: 14px; font-size: 20px; font-weight: 700; }
.bjamp-manual .p-manual-role-nav-list { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; margin: 0px; padding: 0px; list-style: none; }
.bjamp-manual .p-manual-role-nav-link { display: flex; flex-direction: column; height: 100%; box-sizing: border-box; padding: 20px; border: 1px solid rgb(217, 227, 227); border-radius: 8px; background: rgb(255, 255, 255); color: inherit; text-decoration: none; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; }
.bjamp-manual .p-manual-role-nav-link:hover { border-color: rgb(42, 145, 146); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 14px; transform: translateY(-2px); }
.bjamp-manual .p-manual-role-nav-label { display: inline-block; margin-bottom: 8px; color: rgb(42, 145, 146); font-size: 18px; font-weight: 700; }
.bjamp-manual .p-manual-role-nav-description { margin: 0px 0px 14px; font-size: 14px; line-height: 1.7; }
.bjamp-manual .p-manual-role-nav-more { margin-top: auto; color: rgb(42, 145, 146); font-size: 13px; font-weight: 700; }
.bjamp-manual .p-manual-category-intro { margin: 0px 0px 20px; padding: 14px 16px; border-radius: 6px; background: rgb(245, 248, 248); font-size: 14px; line-height: 1.8; }
.bjamp-manual .p-manual-category-intro strong { color: rgb(42, 145, 146); }
.bjamp-manual .p-manual-category { margin-top: 56px; scroll-margin-top: 100px; }
.bjamp-manual .p-manual-category-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--main-color, #2a9192); }
.bjamp-manual .p-manual-category-heading::before { display: block; width: 8px; height: 28px; border-radius: 4px; background: var(--main-color, #2a9192); content: ""; }
.bjamp-manual .p-manual-category-heading .headding-midium { margin: 0px; }
.bjamp-manual .p-manual-card-list { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; margin: 0px; padding: 0px; list-style: none; }
.bjamp-manual .p-manual-card { height: 100%; }
.bjamp-manual .p-manual-card-link { position: relative; display: flex; flex-direction: column; height: 100%; padding: 28px 28px 24px; border: 1px solid rgb(216, 221, 221); border-radius: 10px; background: rgb(255, 255, 255); color: inherit; text-decoration: none; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; }
.bjamp-manual .p-manual-card-link:hover,
.bjamp-manual .p-manual-card-link:focus-visible { border-color: var(--main-color, #2a9192); transform: translateY(-2px); }
.bjamp-manual .p-manual-card-title { margin: 0px 0px 12px; padding-right: 32px; font-size: 20px; line-height: 1.5; }
.bjamp-manual .p-manual-card-description { margin: 0px 0px 24px; line-height: 1.8; }
.bjamp-manual .p-manual-card-more { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--main-color, #2a9192); font-weight: 700; }
.bjamp-manual .p-manual-card-more::after { content: "→"; }
.bjamp-manual .p-manual-card-label { display: inline-block; align-self: flex-start; margin-bottom: 12px; padding: 4px 10px; border-radius: 999px; background: rgb(238, 247, 247); color: var(--main-color, #2a9192); font-size: 13px; font-weight: 700; }
.bjamp-manual .p-manual-login-note { margin-top: 56px; padding: 24px; border: 1px solid rgb(216, 221, 221); border-radius: 10px; background: rgb(255, 255, 255); }
.bjamp-manual .p-manual-login-note p { margin: 8px 0px 0px; line-height: 1.8; }
.bjamp-manual .p-manual-layout { align-items: flex-start; }
.bjamp-manual .p-manual-side { position: sticky; top: 84px; }
.bjamp-manual .p-manual-nav > li + li {  }
.bjamp-manual .p-manual-nav a { display: block; line-height: 1.55; }
.bjamp-manual .p-manual-lead { margin-bottom: 20px; }
.bjamp-manual .p-manual-step { counter-increment: manual-step 1; }
.bjamp-manual .p-manual-step-title { display: flex; align-items: flex-start; gap: 12px; font-size: 17px; color: var(--main-color); }
.bjamp-manual .p-manual-step-title::before { content: counter(manual-step); flex: 0 0 25px; width: 25px; height: 25px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgb(42, 145, 146); color: rgb(255, 255, 255); font-weight: 700; font-size: 16px; line-height: 1; }
.bjamp-manual .p-manual-steps { counter-reset: manual-step 0; margin-bottom: 5rem; }
.bjamp-manual .p-manual-image { margin: 0px 0px 20px; text-align: center; }
.bjamp-manual .p-manual-image img { display: block; width: 100%; height: auto; border: 1px solid rgb(221, 221, 221); }
.bjamp-manual .p-manual-image + .p-manual-image { margin-top: 16px; }
.bjamp-manual .p-manual-image figcaption { margin-top: 8px; color: rgb(102, 102, 102); font-size: 13px; text-align: left; }
.bjamp-manual .p-manual-info-table { width: 100%; border-collapse: collapse; margin-bottom: 18px; }
.bjamp-manual .p-manual-info-table th,
.bjamp-manual .p-manual-info-table td { padding: 12px 14px; border-bottom: 1px solid rgb(221, 221, 221); vertical-align: top; text-align: left; }
.bjamp-manual .p-manual-info-table th { width: 25%; background: rgb(245, 247, 247); font-weight: 700; }
.bjamp-manual .p-manual-info-table ul { margin: 0px; }
.bjamp-manual .p-manual-note { margin-bottom: 16px; padding: 14px 16px; background: rgb(245, 247, 247); }
.bjamp-manual .p-manual-caution { margin-bottom: 16px; padding: 14px 16px; border-left: 4px solid rgb(217, 144, 0); background: rgb(255, 248, 232); }
.bjamp-manual .p-manual-caution p { padding-bottom: 0px; }
.bjamp-manual .p-manual-result-list { margin: 16px 0px; padding: 0px; list-style: none; }
.bjamp-manual .p-manual-result-list li { position: relative; padding: 12px 16px 12px 42px; margin-bottom: 10px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; background: rgb(250, 250, 250); }
.bjamp-manual .p-manual-result-list li::before { content: "✓"; position: absolute; top: 17px; left: 16px; width: 18px; height: 18px; border-radius: 50%; background: rgb(42, 145, 146); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; }
.bjamp-manual .p-manual-flow-list { margin: 16px 0px 0px; padding: 0px; list-style: none; counter-reset: manual-flow 0; }
.bjamp-manual .p-manual-flow-list li { position: relative; margin-bottom: 10px; padding: 12px 16px 12px 48px; border: 1px solid rgb(221, 221, 221); background: rgb(250, 250, 250); counter-increment: manual-flow 1; }
.bjamp-manual .p-manual-flow-list li::before { content: counter(manual-flow); position: absolute; top: 14px; left: 14px; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: rgb(42, 145, 146); color: rgb(255, 255, 255); font-size: 13px; font-weight: 700; }
.bjamp-manual .p-manual-status-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 20px 0px; }
.bjamp-manual .p-manual-status-flow-item { padding: 12px 16px; border: 1px solid rgb(216, 228, 228); border-radius: 6px; background: rgb(255, 255, 255); font-size: 16px; font-weight: 700; }
.bjamp-manual .p-manual-status-flow-arrow { color: rgb(42, 145, 146); font-size: 18px; font-weight: 700; }
.bjamp-manual .p-manual-status { margin: 18px 0px; padding: 18px; border: 1px solid rgb(221, 221, 221); border-radius: 8px; }
.bjamp-manual .p-manual-status-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 14px; }
.bjamp-manual .p-manual-status-head .icon-status { font-size: 16px; font-weight: 700; line-height: 1.4; }
.bjamp-manual .p-manual-status-label { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 13px; font-weight: 700; }
.bjamp-manual .p-manual-status-label.is-action { background: rgb(255, 244, 214); color: rgb(122, 87, 0); }
.bjamp-manual .p-manual-status-label.is-wait { background: rgb(234, 243, 255); color: rgb(36, 90, 148); }
.bjamp-manual .p-manual-status-label.is-complete { background: rgb(234, 248, 239); color: rgb(35, 101, 59); }
.bjamp-manual .p-manual-status-label.is-cancel { background: rgb(253, 236, 236); color: rgb(139, 45, 45); }
.bjamp-manual .p-manual-status dl { display: grid; grid-template-columns: 170px 1fr; margin: 0px; border-top: 1px solid rgb(238, 238, 238); }
.bjamp-manual .p-manual-status dt,
.bjamp-manual .p-manual-status dd { margin: 0px; padding: 10px 0px; border-bottom: 1px solid rgb(238, 238, 238); }
.bjamp-manual .p-manual-status dt { font-weight: 700; }
.bjamp-manual .p-manual-status-list dd p { margin: 0px; }
.bjamp-manual .p-manual-status-list ul { margin: 0px; }
.bjamp-manual .p-manual-finish { padding: 18px; background: rgb(238, 248, 248); border-left: 4px solid rgb(42, 145, 146); margin-bottom: 3rem; }
.bjamp-manual .p-manual-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; margin: 20px 0px 30px; }
.bjamp-manual .p-manual-feature-card { padding: 20px; border: 1px solid rgb(216, 228, 228); border-radius: 8px; background: rgb(255, 255, 255); }
.bjamp-manual .p-manual-feature-card h3 { margin: 0px 0px 10px; color: var(--main-color); font-size: 18px; }
.bjamp-manual .p-manual-feature-card p { margin: 0px; }
.bjamp-manual .p-manual-environment { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; }
.bjamp-manual .p-manual-environment > div { padding: 16px; border: 1px solid rgb(221, 221, 221); background: rgb(250, 250, 250); margin-bottom: 1rem; }
.bjamp-manual .p-manual-environment h3 { margin-top: 0px; }
.bjamp-manual .p-business-flow { overflow-x: auto; margin: 20px 0px 30px; }
.bjamp-manual .p-business-flow-table { width: 100%; min-width: 920px; border-collapse: collapse; }
.bjamp-manual .p-business-flow-table th,
.bjamp-manual .p-business-flow-table td { padding: 14px; border: 1px solid rgb(215, 221, 221); vertical-align: top; }
.bjamp-manual .p-business-flow-table thead th { background: rgb(42, 145, 146); color: rgb(255, 255, 255); text-align: center; }
.bjamp-manual .p-business-flow-table tbody th { width: 120px; background: rgb(238, 248, 248); color: rgb(36, 111, 112); }
.bjamp-manual .p-flow-task { margin-bottom: 10px; padding: 10px 12px; border-radius: 4px; background: rgb(247, 249, 249); }
.bjamp-manual .p-flow-task:last-child { margin-bottom: 0px; }
.bjamp-manual .p-flow-task strong { display: block; margin-bottom: 3px; color: rgb(51, 51, 51); }
.bjamp-manual .p-flow-task.is-system { background: rgb(238, 245, 255); }
.bjamp-manual .p-flow-task.is-buyer { background: rgb(255, 248, 232); }
.bjamp-manual .p-flow-task.is-seller { background: rgb(238, 248, 248); }
@media screen and (max-width: 767px) {
.bjamp-manual .p-manual-side { position: static; }
.bjamp-manual .p-manual-info-table,
.bjamp-manual .p-manual-info-table tbody,
.bjamp-manual .p-manual-info-table tr,
.bjamp-manual .p-manual-info-table th,
.bjamp-manual .p-manual-info-table td { display: block; width: 100%; }
.bjamp-manual .p-manual-info-table th { box-sizing: border-box; }
.bjamp-manual .p-manual-status-list { display: block; border-right: 1px solid rgb(221, 221, 221); }
.bjamp-manual .p-manual-status-list dt,
.bjamp-manual .p-manual-status-list dd { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.bjamp-manual .p-manual-status-flow { display: block; }
.bjamp-manual .p-manual-status-flow-item,
.bjamp-manual .p-manual-status-flow-arrow { display: block; margin-bottom: 8px; text-align: center; }
.bjamp-manual .p-manual-status-flow-arrow { transform: rotate(90deg); }
.bjamp-manual .p-manual-card-grid,
.bjamp-manual .p-manual-environment { grid-template-columns: 1fr; }
}
@media print {
.bjamp-manual { background: rgb(255, 255, 255) !important; }
.bjamp-manual #bjamp-manual-main-container { width: 100% !important; margin: 0px !important; padding: 0px !important; }
.bjamp-manual a::after { content: "" !important; }
.bjamp-manual { font-size: 10pt; line-height: 1.3; margin: 0px; padding: 0px; }
.bjamp-manual .main_ttl { display: none; }
.bjamp-manual .headding-midium { margin-top: 10px !important; margin-bottom: 5px !important; font-size: 1.2rem !important; }
.bjamp-manual tr { break-inside: avoid; }
.bjamp-manual section { break-inside: auto; }
.bjamp-manual .l-contents,
.bjamp-manual .l-main-content,
.bjamp-manual #bjamp-manual-main-container { width: 100% !important; max-width: none !important; }
}

/* responsive.css */
.bjamp-manual { --main-color: #007f82; --main-color-light: #e9f7f2; --link-color: #33abb0; --main-sub-color: #33AA9F; --alert-color: #ff7a73; --alert-base-color: #ffebea; --bg-color: #F6F6F6; --bg-color-strong: #AAAAAA; --em-color: #debea2; --em-base-color: #faf5f1; --title-color: #000; --text-color: #555; --feeble-text-color: #888; --input-highlight-color: #fec; --tab-bid-color: #edf3f7; --tab-subsidy-color: #e5e8f2; --tab-recruitment-color: #edebe5; --tab-budget-color: #e6f3ec; --tab-other-color: #edf7f5; --favorited-color: #ffbe7a; --favorited-base-color: #fffaf4; --border-color: #ddd; --ui-base-color: #f6f6f6; --ui-dark-color: #ddd; font-size: 16px; }
@media screen and (max-width: 960px) {
.bjamp-manual { overflow-x: hidden; position: relative; width: 100%; padding-top: 128px; }
.bjamp-manual .l-contents { padding-left: 10px; padding-right: 10px; }
.bjamp-manual #bjamp-manual-pankuzu { padding: 0.5rem 10px; margin-bottom: 0px; }
.bjamp-manual { padding-top: 162px; }
.bjamp-manual .btn-wrap { padding: 0px 10px; }
.bjamp-manual .btn.primary { font-size: min(5vw, 1rem); }
.bjamp-manual .main_ttl { font-size: min(7vw, 30px); font-weight: 800; padding: 2rem 0px; }
.bjamp-manual .l-twocolumn-content { padding-left: 0px; padding-right: 0px; display: block !important; }
.bjamp-manual .l-main-content { width: 100%; }
.bjamp-manual .headding-midium { padding-left: 5px; padding-right: 5px; }
.bjamp-manual .p-restriction-layout { padding: 0px 10px; display: block !important; }
.bjamp-manual .p-restriction-side { position: static; width: 100%; margin-bottom: 24px; }
.bjamp-manual .p-restriction-side-inner { border-radius: 8px; }
.bjamp-manual .p-restriction-nav { display: grid; grid-template-columns: 1fr 1fr; padding: 0px; }
.bjamp-manual .p-restriction-nav li,
.bjamp-manual .p-restriction-nav li + li { border-top: 1px solid var(--border-color); }
.bjamp-manual .p-restriction-nav li:nth-child(2n+1) { border-right: 1px solid var(--border-color); }
.bjamp-manual .p-restriction-nav a { height: 100%; padding: 10px 12px; font-size: 13px; }
}
@media screen and (max-width: 768px) {
.bjamp-manual .p-restriction-nav { grid-template-columns: 1fr; }
.bjamp-manual .p-restriction-nav li:nth-child(2n+1) { border-right: 0px; }
.bjamp-manual .p-manual-video-list { display: block; }
.bjamp-manual .p-manual-video-link { width: 100%; box-sizing: border-box; }
.bjamp-manual .p-manual-role-nav-list { grid-template-columns: 1fr; }
.bjamp-manual .p-manual-role-nav-link { padding: 16px; }
.bjamp-manual .p-manual-card-list { grid-template-columns: 1fr; }
.bjamp-manual .p-manual-card-link { min-height: 0px; padding: 22px 20px; }
.bjamp-manual .p-manual-category { margin-top: 42px; }
}

/* 移行先の共通領域から独立させるための調整 */
.bjamp-manual { padding-top: 0; font-size: 16px; background: #fff; font-family: "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif; overflow-wrap: anywhere; }
.bjamp-manual img { max-width: 100%; height: auto; }
.bjamp-manual #bjamp-manual-pankuzu { margin-top: 24px; }
.bjamp-manual [id] { scroll-margin-top: 24px; }
.bjamp-manual :focus-visible { outline: 2px solid #007f82; outline-offset: 3px; }