/* 導入ガイド専用。本文・PDF・メールと他の画面のスタイルは変更しない。 */
.material-guide .public-header {position:static;}
.material-guide .material-document {width:min(1240px,calc(100% - 48px));max-width:1240px;margin:0 auto;padding:28px 0 64px;color:#17313F;letter-spacing:.01em;}
.material-document .guide-actions {display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:16px 0 36px;}
.material-document .guide-section {padding:40px;margin:0 0 32px;border:1px solid #D6E3E8;border-radius:20px;background:#FFFFFF;scroll-margin-top:24px;}
.material-document .guide-section>header {margin:0 0 32px;}
.material-document .guide-section h2 {font-size:30px;line-height:1.5;letter-spacing:.01em;margin:16px 0;color:#123A4C;}
.material-document .guide-section h3 {font-size:19px;line-height:1.6;letter-spacing:.01em;color:#123A4C;margin:0 0 12px;}
.material-document .guide-section p,.material-document .guide-section li {font-size:16px;line-height:1.8;margin:0 0 12px;color:#17313F;letter-spacing:.01em;overflow-wrap:anywhere;}
.material-document .guide-section [data-guide-copy]:last-child {margin-bottom:0;}
.material-document .guide-section .guide-subtitle {font-size:16px;line-height:1.8;max-width:950px;}
.material-document .guide-section .guide-chapter,.material-document .guide-section .guide-label {display:inline-flex;align-items:center;font-size:13px;font-weight:700;line-height:1.6;padding:6px 14px;border-radius:999px;color:#0B6E77;background:#EAF7F8;margin:0 8px 0 0;}
.material-document .guide-content {min-width:0;}
.material-document .guide-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin:24px 0;}
.material-document .guide-grid:first-child {margin-top:0;}
.material-document .guide-grid:last-child {margin-bottom:0;}
.material-document .guide-layout {display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;}
.material-document .guide-column {min-width:0;}
.material-document .guide-card {border:1px solid #D6E3E8;border-radius:16px;padding:24px;background:#FFFFFF;min-width:0;}
.material-document .guide-soft {background:#EAF7F8;}
.material-document .guide-card h3 {font-weight:700;}
.material-document .guide-number-title {display:flex;align-items:center;gap:12px;margin:0 0 14px;min-width:0;}
.material-document .guide-number-title h3 {margin:0;}
.material-document .guide-number {display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;min-height:36px;border-radius:50%;background:#EAF7F8;color:#0B6E77;font-size:15px;font-weight:700;line-height:1.2;}
.material-document .guide-soft .guide-number {background:#FFFFFF;}
.material-document .guide-image {display:block;width:100%;height:auto;max-width:100%;object-fit:contain;}
.material-document .guide-logo {display:block;width:180px;max-width:100%;height:auto;margin:0 auto 12px;}
.material-document .guide-photo-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;}
.material-document .guide-photo-side {min-width:0;margin:0;text-align:center;}
.material-document .guide-photo-side img {width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#F0F4F6;border-radius:8px;}
.material-document .guide-photo-side figcaption {font-size:13px;line-height:1.8;margin-top:10px;color:#4A5660;}
.material-document .guide-section .guide-caption,.material-document .guide-section .guide-note {font-size:13px;line-height:1.8;color:#4A5660;}
.material-document .guide-example {padding:18px;}
.material-document .guide-example>.guide-caption {text-align:center;margin-top:16px;}
.material-document .guide-problem-example {max-width:540px;margin:24px auto;}
.material-document .guide-problem-example>.guide-caption {margin-top:14px;text-align:center;}
.material-document .guide-list {list-style:none;margin:0;padding:0;}
.material-document .guide-list li {position:relative;padding:0 0 22px 30px;margin:0 0 22px;border-bottom:1px solid #D6E3E8;}
.material-document .guide-list li:last-child {padding-bottom:0;margin-bottom:0;border-bottom:0;}
.material-document .guide-list li::before {content:"✓";position:absolute;left:0;top:0;color:#0B6E77;font-weight:700;font-size:20px;line-height:1.5;}
.material-document .guide-list h3 {font-size:18px;margin-bottom:8px;}
.material-document .guide-section .guide-panel-title {font-size:24px;line-height:1.5;color:#0B6E77;margin-bottom:24px;}
.material-document .guide-section .guide-band {display:block;background:#EAF7F8;color:#0B6E77;padding:20px 24px;border-radius:12px;font-weight:700;margin-top:24px;}
.material-document .guide-phone {margin:0;padding:18px;border:1px solid #D6E3E8;border-radius:16px;background:#F4F7F9;text-align:center;}
.material-document .guide-phone img {display:block;width:100%;max-width:220px;height:auto;margin:16px auto;}
.material-document .guide-phone figcaption {font-size:16px;line-height:1.8;color:#123A4C;font-weight:700;margin-bottom:12px;}
.material-document .guide-screen-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;}
.material-document .guide-steps {display:flex;flex-direction:column;gap:20px;}
.material-document .guide-step {padding:20px;}
.material-document .guide-step .guide-number-title {margin-bottom:10px;}
.material-document .guide-flow {display:flex;flex-direction:column;gap:8px;}
.material-document .guide-flow-brand {border:1px solid #D6E3E8;border-radius:14px;padding:22px 16px;background:#FFFFFF;text-align:center;}
.material-document .guide-flow-active {border:2px solid #0B6E77;background:#EAF7F8;}
.material-document .guide-flow-brand p {margin-bottom:0;}
.material-document .guide-flow-brand img {width:174px;max-height:48px;object-fit:contain;}
.material-document .guide-flow-arrow {display:block;text-align:center;font-size:26px;font-weight:700;color:#0B6E77;line-height:1.4;margin:8px 0;}
.material-document .guide-report {margin:0;padding:20px;background:#EAF7F8;border:1px solid #D6E3E8;border-radius:16px;}
.material-document .guide-report p {font-size:13px;color:#4A5660;margin-top:14px;}
.material-document .guide-plan {display:flex;flex-direction:column;gap:0;}
.material-document .guide-plan-name {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.material-document .guide-plan-name h3 {margin:0;}
.material-document .guide-recommended {background:#EAF7F8;border:2px solid #0B6E77;padding:23px;}
.material-document .guide-recommendation {font-size:13px;line-height:1.5;letter-spacing:0;background:#0B6E77;color:#FFFFFF;font-weight:700;border-radius:999px;padding:5px 12px;}
.material-document .guide-price-row {display:flex;align-items:baseline;gap:6px;white-space:nowrap;letter-spacing:0;margin-bottom:18px;}
.material-document .guide-price {color:#123A4C;font-size:32px;line-height:1.3;font-weight:700;letter-spacing:0;}
.material-document .guide-price-unit {font-size:13px;line-height:1.8;color:#4A5660;letter-spacing:0;}
.material-document .guide-section .guide-runs {font-size:23px;font-weight:700;color:#0B6E77;line-height:1.5;margin-bottom:16px;}
.material-document .guide-once {background:#F4F7F9;padding:22px;}
.material-document .guide-section .guide-once-price {font-size:21px;font-weight:700;color:#123A4C;}
.material-document .guide-section .guide-group-title {margin-top:32px;font-size:20px;}
.material-document .guide-table {width:100%;border-collapse:collapse;}
.material-document .guide-table caption {text-align:left;font-weight:700;font-size:21px;line-height:1.6;margin-bottom:18px;color:#0B6E77;}
.material-document .guide-table th,.material-document .guide-table td {font-size:16px;line-height:1.8;padding:12px 4px;border-bottom:1px solid #C9DCE3;text-align:left;font-weight:400;}
.material-document .guide-table td {text-align:right;font-weight:700;color:#0B6E77;}
.material-document .guide-section .guide-seat-sharing {margin:18px 0 0;}
.material-document .guide-addon {margin-top:24px;}
.material-document .guide-staff-layout .guide-column>.guide-list {margin-bottom:24px;}
.material-document .guide-conditions {list-style:none;padding:0;margin:0;}
.material-document .guide-conditions li {margin-bottom:10px;}
.material-document .guide-offer {height:auto;padding:28px;}
.material-document .guide-offer-actions {display:flex;flex-direction:column;align-items:center;gap:20px;max-width:640px;margin:32px auto 0;text-align:center;}
.material-document .guide-offer-actions>[data-guide-copy] {margin:0;}
.material-document .guide-offer-actions>.button {display:flex;align-items:center;justify-content:center;width:100%;min-height:64px;padding:16px 28px;font-size:20px;font-weight:700;line-height:1.5;letter-spacing:.01em;background:#123A4C;color:#FFFFFF;border-color:#123A4C;}
.material-document .guide-offer-label {display:inline-block;color:#0B6E77;font-size:15px;font-weight:700;margin-bottom:20px;}
.material-document .guide-section .guide-offer-runs {font-size:40px;font-weight:700;letter-spacing:0;color:#123A4C;line-height:1.4;margin:20px 0;}
.material-document .guide-safety-node {position:relative;min-width:0;min-height:68px;padding:16px;background:#EAF7F8;border-radius:12px;display:flex;align-items:center;justify-content:center;}
.material-document .guide-safety-node .guide-chip {padding:0;background:transparent;text-align:center;}
.material-document .guide-grid.guide-safety-flow {gap:48px;}
.material-document .guide-safety-node .guide-flow-arrow {position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:40px;right:-44px;top:50%;transform:translateY(-50%);font-size:20px;line-height:1.8;margin:0;}
.material-document .guide-chip {display:inline-block;font-size:15px;font-weight:700;line-height:1.6;padding:9px 18px;border-radius:999px;background:#EAF7F8;color:#0B6E77;}
.material-document .guide-text-link {display:inline-block;color:#0B6E77;text-decoration:underline;line-height:1.8;font-size:15px;padding:10px 0;margin-right:20px;}
.material-document .guide-cover {background:#0E2B39;color:#FFFFFF;border:0;text-align:center;padding:52px 40px;}
.material-document .guide-cover p,.material-document .guide-cover h2 {color:#FFFFFF;}
.material-document .guide-section .guide-cover-audience {display:inline-block;font-size:14px;border-radius:999px;padding:8px 20px;background:#16394A;color:#FFFFFF;margin-bottom:28px;}
.material-document .guide-cover-brand {position:relative;margin:0 0 28px;}
.material-document .guide-horizontal-logo {width:250px;max-width:85%;height:auto;filter:brightness(0) invert(1);}
.material-document .guide-brand-name {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.material-document .guide-section .guide-cover-title {font-size:32px;margin:0 0 28px;}
.material-document .guide-cover-headline p {font-size:28px;font-weight:700;line-height:1.6;margin:0;}
.material-document .guide-cover .guide-accent {color:#12BFC7;}
.material-document .guide-cover-chips {display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:32px 0;}
.material-document .guide-cover .guide-chip {background:#16394A;color:#FFFFFF;}
.material-document .guide-cover .guide-next {color:#12BFC7;margin-bottom:24px;}
.material-document .guide-section .guide-cover-offer {font-size:19px;font-weight:700;}
.material-document .guide-section .guide-dark-note {color:#C6D9E1;font-size:15px;line-height:1.8;margin:16px 0 24px;}
.material-document .guide-closing-layout {max-width:800px;margin:32px auto 0;align-items:center;}
.material-document .guide-qr-card {border-radius:14px;background:#FFFFFF;padding:20px;color:#17313F;}
.material-document .guide-qr {display:block;width:174px;max-width:100%;margin:0 auto 12px;}
.material-document .guide-qr img {display:block;width:100%;height:auto;}
.material-document .guide-cover .guide-column>.button {display:block;margin:0 0 16px;}
.material-document .guide-cover .guide-column>.primary {background:#0B6E77;color:#FFFFFF;border-color:#0B6E77;}
.material-document .guide-cover .guide-column>.secondary {background:transparent;color:#FFFFFF;border-color:#C6D9E1;}
.material-document .guide-cover .guide-column>.guide-text-link {color:#FFFFFF;}
.material-document .guide-cover .guide-column>[data-guide-body] {color:#C6D9E1;}
@media(min-width:1024px) {
 .material-document .guide-grid[data-pc-columns="2"] {grid-template-columns:repeat(2,minmax(0,1fr));}
 .material-document .guide-grid[data-pc-columns="3"] {grid-template-columns:repeat(3,minmax(0,1fr));}
 .material-document .guide-grid[data-pc-columns="4"] {grid-template-columns:repeat(4,minmax(0,1fr));}
 .material-document .guide-layout {grid-template-columns:repeat(2,minmax(0,1fr));}
 .material-document .guide-how-layout {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);}
 .material-document .guide-pilot-layout {grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,.9fr);}
 .material-document .guide-with-screen {grid-template-columns:minmax(0,1.65fr) minmax(0,.85fr);}
 .material-document .guide-with-report {grid-template-columns:minmax(0,1.65fr) minmax(0,.85fr);}
 .material-document .guide-closing-layout {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);}
}
@media(max-width:1023px) {
 .material-document .guide-safety-node .guide-flow-arrow {left:50%;right:auto;top:auto;bottom:-44px;transform:translateX(-50%) rotate(90deg);}
 .material-document #guide-returns .guide-layout {margin-bottom:28px;}
 .material-guide .material-document {width:calc(100% - 32px);padding:20px 0 40px;}
 .material-document .guide-section {padding:28px 24px;}
 .material-document .guide-screen-pair {gap:12px;}
 .material-document .guide-phone {padding:12px;}
}
@media(max-width:520px) {
 .material-guide .material-document {width:calc(100% - 24px);}
 .material-document .guide-section {padding:26px 18px;border-radius:16px;}
 .material-document .guide-section h2 {font-size:26px;}
 .material-document .guide-section>header {margin-bottom:26px;}
 .material-document .guide-card {padding:20px;}
 .material-document .guide-recommended {padding:19px;}
 .material-document .guide-example {padding:16px;}
 .material-document .guide-actions .button {width:100%;}
 .material-document .guide-grid {gap:18px;}
 .material-document .guide-layout {gap:24px;}
 .material-document .guide-section .guide-cover-title {font-size:28px;}
 .material-document .guide-cover-headline p {font-size:24px;}
 .material-document .guide-cover-chips {flex-direction:column;align-items:center;gap:10px;}
 .material-document .guide-section .guide-cover-audience {font-size:13px;border-radius:12px;padding:10px 12px;}
 .material-document .guide-horizontal-logo {width:220px;}
 .material-document .guide-screen-pair {grid-template-columns:minmax(0,1fr);}
 .material-document .guide-screen-pair .guide-phone img {max-width:230px;}
 .material-document .guide-price {font-size:32px;}
 .material-document .guide-number-title {gap:10px;}
 .material-document .guide-offer {padding:24px;}
 .material-document .guide-section .guide-offer-runs {font-size:36px;}
}

/* セット特典の数値をPDFと同じ強弱で示す。共通本文・PDFは変更しない。 */
.material-document .guide-set-benefits {align-items:start;}
.material-document .guide-set-card .guide-set-title {font-size:28px;line-height:1.5;margin:16px 0 22px;color:#17313F;}
.material-document .guide-set-card .guide-set-price {font-size:30px;font-weight:700;line-height:1.5;color:#0B6E77;margin:20px 0;}
.material-document .guide-set-runs {margin:0;}
.material-document .guide-set-runs > div {display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:12px 0 0;}
.material-document .guide-set-runs dt,.material-document .guide-set-runs dd {font-size:16px;line-height:1.8;font-weight:700;margin:0;letter-spacing:.01em;}
.material-document .guide-set-runs dd {color:#0B6E77;white-space:nowrap;}
@media(max-width:600px) {
 .material-document .guide-set-card .guide-set-title {font-size:26px;}
 .material-document .guide-set-card .guide-set-price {font-size:28px;}
}