/* 自動生成 — tools/build-school-lp.mjs。直接編集しないこと。
   原本: asset/lp-school/index.html の <style>。全セレクタを .f-lp 配下にスコープ済み */

.f-lp *,
.f-lp *::before,
.f-lp *::after{ box-sizing: border-box; margin: 0; padding: 0; }.f-lp{ -webkit-text-size-adjust: 100%; font-size: 16px; scroll-behavior: smooth; }.f-lp{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  line-height: 1.7; color: #1a1a1a; background: #fafafa;
  -webkit-font-smoothing: antialiased;
}.f-lp img{ max-width: 100%; height: auto; display: block; }.f-lp a{ color: inherit; }.f-lp .container{ max-width: 880px; margin: 0 auto; padding: 0 20px; }.f-lp section{ padding: 56px 0; border-bottom: 1px solid #e0e0e0; }
@media (min-width: 768px) {.f-lp section{ padding: 72px 0; } }.f-lp .section-id{
  display: inline-block; font-size: 0.7rem; letter-spacing: 0.15em;
  background: #1a1a1a; color: #fff; padding: 4px 10px;
  border-radius: 2px; margin-bottom: 12px;
  font-family: ui-monospace, "SF Mono", Consolas, monospace;
}.f-lp h1.section-title{ font-size: clamp(1.5rem, 4.5vw, 2.4rem); margin-bottom: 24px; line-height: 1.35; }.f-lp h2.subsection-title{ font-size: clamp(1.2rem, 3vw, 1.5rem); margin: 24px 0 12px; }.f-lp h3{ font-size: clamp(1.05rem, 2.2vw, 1.25rem); margin: 20px 0 10px; }.f-lp p,
.f-lp li{ font-size: clamp(0.95rem, 1.6vw, 1rem); line-height: 1.75; }.f-lp p{ margin-bottom: 12px; }.f-lp .designer-note{
  display: block; background: #fff8dc; border-left: 3px solid #d4a017;
  padding: 10px 14px; margin: 12px 0; font-size: 0.78rem; color: #5a4500;
  font-family: ui-monospace, "SF Mono", Consolas, monospace; line-height: 1.6;
}.f-lp .designer-note::before{ content: "🎨 "; }.f-lp .section-bridge{
  max-width: 640px; margin: 40px auto -16px;
  text-align: center;
  padding: 28px 20px 0;
  position: relative;
}.f-lp .section-bridge::before{
  content: "▼";
  position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  font-size: 0.9rem; color: #b0b0b0;
}.f-lp .section-bridge p{
  font-size: clamp(1rem, 2vw, 1.18rem);
  line-height: 2.0; color: #1a1a1a;
  font-weight: 500;
  margin: 0;
}.f-lp .section-bridge .emphasis{
  font-weight: 800; color: #1a1a1a;
  display: inline-block;
}.f-lp .section-bridge .accent{
  color: #2a6fa5; font-weight: 800;
}.f-lp .hero-image-placeholder{
  background:
    repeating-linear-gradient(45deg, #d8d8d8, #d8d8d8 16px, #cccccc 16px, #cccccc 32px);
  min-height: 200px;
  display: flex; align-items: center; justify-content: center;
  color: #555; font-size: 0.85rem; text-align: center; padding: 24px;
}
@media (min-width: 768px) {.f-lp .hero-image-placeholder{ min-height: 320px; } }.f-lp .fv{ background: #fff; text-align: center; padding: 48px 20px; }
@media (min-width: 768px) {.f-lp .fv{ padding: 64px 20px; } }.f-lp .fv h1.fv-catch{
  font-size: clamp(1.85rem, 6.5vw, 3.4rem); line-height: 1.25;
  margin: 16px 0 24px; font-weight: 800; letter-spacing: -0.01em;
}.f-lp .fv .fv-sub{ font-size: clamp(0.95rem, 1.8vw, 1.1rem); line-height: 1.9; margin-bottom: 28px; color: #444; }.f-lp .fv .fv-tagline{ font-weight: 700; font-size: clamp(1rem, 2vw, 1.15rem); margin-bottom: 28px; }.f-lp .outcome-icon-row{
  display: flex; justify-content: center; align-items: stretch;
  flex-wrap: wrap; gap: 8px; margin: 24px 0 28px;
  max-width: 720px; margin-left: auto; margin-right: auto;
}.f-lp .outcome-icon{
  flex: 1 1 150px; min-width: 140px; max-width: 170px;
  background: #f0f0f0; border-radius: 8px; padding: 14px 10px;
  text-align: center;
}.f-lp .outcome-icon .icon{ font-size: 2.1rem; line-height: 1; display: block; margin-bottom: 6px; }.f-lp .outcome-icon .label{ font-size: 0.82rem; color: #1a1a1a; font-weight: 700; line-height: 1.4; }.f-lp .price-snippet{
  background: #1a1a1a; color: #fff;
  display: inline-block; padding: 14px 28px;
  border-radius: 8px; margin: 16px 0 24px;
  font-weight: 700; font-size: clamp(1rem, 2.4vw, 1.3rem);
}.f-lp .price-snippet .divider{ color: #888; margin: 0 12px; }.f-lp .cta-buttons{
  display: flex; flex-direction: column; gap: 12px;
  max-width: 560px; margin: 24px auto;
}
@media (min-width: 640px) {.f-lp .cta-buttons{ flex-direction: row; justify-content: center; } }.f-lp .btn{
  display: block; padding: 18px 24px; text-align: center; text-decoration: none;
  font-weight: 700; border-radius: 6px;
  font-size: clamp(0.95rem, 1.8vw, 1.1rem);
  cursor: pointer; min-height: 64px; transition: all 0.2s;
  border: none;
}.f-lp .btn:hover{ opacity: 0.9; transform: translateY(-1px); }.f-lp .btn-primary{ background: #1a1a1a; color: #fff; flex: 1; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }.f-lp .btn-secondary{ background: #fff; color: #1a1a1a; border: 2px solid #1a1a1a; flex: 1; }.f-lp .btn .btn-sub{ display: block; font-size: 0.75rem; font-weight: 400; opacity: 0.9; margin-top: 6px; }.f-lp .btn-mega{
  font-size: clamp(1.05rem, 2.2vw, 1.3rem);
  padding: 22px 28px; min-height: 76px;
  background: linear-gradient(135deg, #1a1a1a, #333); color: #fff;
}.f-lp .stats-bar{
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px;
  background: #f0f0f0; padding: 16px 12px; border-radius: 6px;
  margin: 24px auto 0; max-width: 600px; text-align: center;
}.f-lp .stats-bar .stat-item{ padding: 4px; }.f-lp .stats-bar .stat-value{ font-size: clamp(1.1rem, 3vw, 1.45rem); font-weight: 800; line-height: 1.1; }.f-lp .stats-bar .stat-label{ font-size: 0.7rem; color: #666; display: block; margin-top: 2px; }.f-lp .stats-bar .stat-sub{ display: block; font-size: 0.65rem; color: #888; margin-top: 2px; }.f-lp .pain-checklist{
  display: flex; flex-direction: column; gap: 12px;
  max-width: 640px; margin: 32px auto;
}.f-lp .pain-item{
  display: flex; align-items: center; gap: 12px;
  background: #fff; border: 1px solid #e0e0e0; border-left: 4px solid #b94a4a;
  padding: 14px 18px; border-radius: 4px;
  font-size: clamp(0.95rem, 1.8vw, 1.1rem);
}.f-lp .pain-item .check{ font-size: 1.4rem; color: #b94a4a; }.f-lp .quote-card-large{
  max-width: 640px; margin: 32px auto;
  background: #fff; border: 1px solid #e0e0e0;
  border-radius: 8px; padding: 24px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  display: flex; gap: 16px; align-items: flex-start;
}.f-lp .quote-card-large .avatar{
  flex: 0 0 60px; width: 60px; height: 60px;
  background: repeating-linear-gradient(45deg, #ddd, #ddd 6px, #ccc 6px, #ccc 12px);
  border-radius: 50%;
}.f-lp .quote-card-large .quote-body{ flex: 1; }.f-lp .quote-card-large .quote-mark{ font-size: 1.6rem; color: #1a1a1a; line-height: 1; }.f-lp .quote-card-large blockquote{
  font-size: clamp(0.95rem, 1.8vw, 1.05rem);
  font-style: italic; color: #333; margin: 4px 0 8px;
  border: none; background: none; padding: 0;
}.f-lp .quote-card-large .citation{ font-size: 0.85rem; color: #666; }.f-lp .timeline-horizontal{
  display: flex; flex-wrap: wrap; align-items: stretch;
  background: #f5f5f5; border-radius: 8px;
  padding: 24px 16px; margin: 24px 0 8px;
  gap: 8px; justify-content: center;
}.f-lp .timeline-step{
  flex: 1 1 130px; min-width: 110px;
  background: #fff; border-radius: 6px;
  padding: 14px 10px; text-align: center;
}.f-lp .timeline-step.outcome-node{
  background: #1a1a1a; color: #fff;
  flex: 1 1 160px; min-width: 140px;
}.f-lp .timeline-step.outcome-node .sub{ color: #ccc; }.f-lp .timeline-step .icon{ font-size: 1.7rem; line-height: 1; }.f-lp .timeline-step .label{ font-weight: 700; font-size: 0.88rem; margin: 6px 0 2px; }.f-lp .timeline-step .sub{ font-size: 0.72rem; color: #666; }.f-lp .timeline-arrow{
  flex: 0 0 auto; align-self: center;
  font-size: 1.3rem; color: #888; line-height: 1;
}
@media (max-width: 640px) {.f-lp .timeline-arrow{ display: none; }.f-lp .timeline-step{ flex-basis: 100%; }
}.f-lp .timeline-caption{
  text-align: center; font-weight: 700;
  font-size: clamp(1rem, 2vw, 1.15rem);
  margin: 12px 0 24px; color: #1a1a1a;
}.f-lp .benefit-cards{
  display: grid; grid-template-columns: 1fr; gap: 12px;
  margin: 24px 0;
}
@media (min-width: 640px) {.f-lp .benefit-cards{ grid-template-columns: repeat(3, 1fr); } }.f-lp .benefit-card{
  background: #fff; border: 1px solid #e0e0e0; border-radius: 6px;
  padding: 20px; text-align: center;
}.f-lp .benefit-card .icon{ font-size: 2rem; display: block; margin-bottom: 8px; }.f-lp .benefit-card .label{ font-size: 0.85rem; color: #666; margin-bottom: 4px; }.f-lp .benefit-card .value{ font-size: clamp(1.05rem, 2.2vw, 1.3rem); font-weight: 800; }.f-lp .case-grid{
  display: grid; grid-template-columns: 1fr; gap: 16px;
  margin: 32px 0;
}
@media (min-width: 768px) {.f-lp .case-grid{ grid-template-columns: 1fr 1fr; } }.f-lp .case-card-big{
  background: #fff; border: 1px solid #e0e0e0; border-radius: 8px;
  padding: 24px 20px; text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  position: relative;
}.f-lp .case-card-big .case-title{
  font-weight: 700; font-size: 0.88rem; color: #555;
  margin-bottom: 14px;
  border-bottom: 2px solid #1a1a1a; padding-bottom: 8px;
  display: inline-block;
}.f-lp .case-numbers{
  display: flex; align-items: center; justify-content: center; gap: 12px;
  margin: 14px 0; font-weight: 800;
}.f-lp .case-numbers .before-num,
.f-lp .case-numbers .after-num{
  display: flex; flex-direction: column; align-items: center;
}.f-lp .case-numbers .num-value{ font-size: clamp(2rem, 6vw, 2.6rem); line-height: 1; }.f-lp .case-numbers .num-label{ font-size: 0.75rem; color: #666; font-weight: 400; margin-top: 4px; }.f-lp .case-numbers .arrow{ font-size: 1.6rem; color: #888; }.f-lp .case-numbers .before-num .num-value{ color: #b94a4a; }.f-lp .case-numbers .after-num .num-value{ color: #2a6fa5; }.f-lp .case-card-big .case-note{ font-size: 0.82rem; color: #666; margin-top: 6px; }.f-lp .case-card-big .case-quote{
  font-size: 0.83rem; font-style: italic; color: #444;
  background: #f8f8f8; padding: 8px 12px; border-radius: 4px;
  margin-top: 12px;
}.f-lp .multiplier-badge{
  display: inline-block; background: #d4a017; color: #fff;
  font-size: 0.85rem; font-weight: 800;
  padding: 4px 12px; border-radius: 999px;
  margin-top: 4px; letter-spacing: 0.05em;
}.f-lp .integration-diagram{
  margin: 32px 0;
  display: grid; grid-template-columns: 1fr auto 1fr;
  gap: 16px; align-items: center;
}
@media (max-width: 640px) {.f-lp .integration-diagram{ grid-template-columns: 1fr; }.f-lp .integration-diagram .vs-arrow{ transform: rotate(90deg); }
}.f-lp .integration-side{
  background: #fff; border: 1px solid #e0e0e0; border-radius: 8px;
  padding: 20px 16px;
}.f-lp .integration-side .side-label{
  font-weight: 700; font-size: 0.88rem; color: #b94a4a;
  text-align: center; padding-bottom: 10px; margin-bottom: 12px;
  border-bottom: 1px dashed #ccc;
}.f-lp .integration-side.fincs-side{ background: #1a1a1a; color: #fff; border: none; }.f-lp .integration-side.fincs-side .side-label{ color: #6fb3e0; border-bottom-color: #444; }.f-lp .integration-side ul{ list-style: none; padding: 0; }.f-lp .integration-side li{
  font-size: 0.92rem; padding: 8px 12px; margin: 6px 0;
  background: #f8f8f8; border-radius: 4px;
  display: flex; align-items: center; gap: 8px;
}.f-lp .integration-side.fincs-side li{
  background: #2a2a2a;
  font-weight: 700; font-size: 1rem;
  justify-content: center;
}.f-lp .integration-side .tool-icon{ font-size: 1.1rem; flex: 0 0 auto; }.f-lp .integration-side .price-line{
  margin-top: 12px; text-align: center; font-weight: 700;
  font-size: 0.95rem;
}.f-lp .integration-side.other .price-line{ color: #b94a4a; }.f-lp .integration-side.fincs-side .price-line{ color: #fff; font-size: 1.15rem; }.f-lp .vs-arrow{
  text-align: center; font-size: 2.4rem; color: #888;
  font-weight: 800;
}.f-lp .outcome-feature-cards{
  display: grid; grid-template-columns: 1fr; gap: 16px;
  margin: 24px 0 16px;
}
@media (min-width: 640px) {.f-lp .outcome-feature-cards{ grid-template-columns: 1fr 1fr; }
}.f-lp .outcome-feature-card{
  background: #fff; border: 1px solid #e0e0e0; border-radius: 8px;
  padding: 20px; position: relative;
}.f-lp .outcome-feature-card .outcome-tag{
  display: inline-block; background: #2a6fa5; color: #fff;
  font-size: 0.72rem; font-weight: 700; padding: 3px 10px;
  border-radius: 999px; margin-bottom: 10px;
  letter-spacing: 0.05em;
}.f-lp .outcome-feature-card h3{
  font-size: 1.1rem; font-weight: 700; margin: 4px 0 8px;
}.f-lp .outcome-feature-card .why{
  font-size: 0.88rem; color: #444; line-height: 1.7;
  background: #f8f8f8; padding: 10px 12px; border-radius: 4px;
  margin-top: 10px;
}.f-lp .outcome-feature-card .why-label{
  display: block; font-size: 0.72rem; font-weight: 700;
  color: #2a6fa5; margin-bottom: 4px; letter-spacing: 0.05em;
}.f-lp .feature-icon-grid{
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;
  margin: 24px auto; max-width: 720px;
}
@media (min-width: 640px) {.f-lp .feature-icon-grid{ grid-template-columns: repeat(4, 1fr); }
}.f-lp .feature-grid-item{
  background: #f0f0f0; border-radius: 6px; padding: 14px 8px;
  text-align: center;
}.f-lp .feature-grid-item .icon{ font-size: 1.7rem; display: block; line-height: 1; }.f-lp .feature-grid-item .label{ font-size: 0.78rem; font-weight: 700; color: #333; margin-top: 6px; }.f-lp .table-wrap{ overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 20px 0; }.f-lp table{ width: 100%; border-collapse: collapse; font-size: clamp(0.85rem, 1.6vw, 0.95rem); }.f-lp th,
.f-lp td{ padding: 12px 8px; border: 1px solid #d0d0d0; text-align: left; vertical-align: middle; background: #fff; }.f-lp th{ background: #f0f0f0; font-weight: 700; text-align: center; }.f-lp .text-center{ text-align: center; }.f-lp .fincs-col{ background: #1a1a1a !important; color: #fff; }.f-lp .fincs-col-bg{ background: #f8f8f8; }.f-lp .fincs-col-bg strong{ color: #1a1a1a; font-size: 1.2rem; }.f-lp .price-compare-cards{
  display: grid; grid-template-columns: 1fr; gap: 12px;
  margin: 32px 0; align-items: stretch;
}
@media (min-width: 640px) {.f-lp .price-compare-cards{ grid-template-columns: 1fr auto 1fr; align-items: center; }
}.f-lp .price-card-other{
  background: #fbeeee; border: 1px solid #e0c0c0; border-radius: 8px;
  padding: 20px; text-align: center;
}.f-lp .price-card-other .label{ font-size: 0.82rem; color: #b94a4a; font-weight: 700; margin-bottom: 8px; }.f-lp .price-card-other .amount{ font-size: clamp(1.4rem, 3.5vw, 1.9rem); font-weight: 800; color: #b94a4a; }.f-lp .price-card-other .note{ font-size: 0.78rem; color: #888; margin-top: 6px; }.f-lp .price-vs-arrow{
  text-align: center; font-size: 2rem; color: #888;
  align-self: center; padding: 8px 0;
}.f-lp .price-card-fincs{
  background: #1a1a1a; color: #fff;
  border-radius: 8px; padding: 24px 20px; text-align: center;
}.f-lp .price-card-fincs .label{ font-size: 0.82rem; opacity: 0.85; margin-bottom: 8px; }.f-lp .price-card-fincs .amount{ font-size: clamp(1.8rem, 5vw, 2.6rem); font-weight: 800; line-height: 1.1; }.f-lp .price-card-fincs .sub{ font-size: 0.95rem; font-weight: 700; margin-top: 8px; opacity: 0.95; }.f-lp .price-card-fincs .extra{ font-size: 0.78rem; opacity: 0.75; margin-top: 8px; }.f-lp .roi-cards{
  display: grid; grid-template-columns: 1fr; gap: 12px;
  margin: 24px 0;
}
@media (min-width: 768px) {.f-lp .roi-cards{ grid-template-columns: repeat(3, 1fr); } }.f-lp .roi-card{
  background: #fff; border: 1px solid #e0e0e0; border-radius: 8px;
  padding: 18px 16px; text-align: center;
  border-top: 4px solid #2a6fa5;
}.f-lp .roi-card .icon{ font-size: 1.8rem; line-height: 1; }.f-lp .roi-card h4{
  font-size: 0.95rem; font-weight: 700; margin: 8px 0 8px;
}.f-lp .roi-card .roi-headline{
  font-size: clamp(1.1rem, 2.4vw, 1.35rem); font-weight: 800;
  color: #1a1a1a; line-height: 1.4; margin: 6px 0;
}.f-lp .roi-card .roi-detail{
  font-size: 0.82rem; color: #666; line-height: 1.6;
}.f-lp .adoption-simple{
  display: grid; grid-template-columns: 1fr; gap: 12px;
  margin: 24px auto; max-width: 720px;
  text-align: center;
}
@media (min-width: 640px) {.f-lp .adoption-simple{ grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; }
}.f-lp .adoption-simple-step{
  background: #1a1a1a; color: #fff;
  border-radius: 8px; padding: 20px 16px;
}.f-lp .adoption-simple-step .step-icon{ font-size: 2rem; display: block; line-height: 1; }.f-lp .adoption-simple-step .step-label{
  font-weight: 800; font-size: clamp(1rem, 2vw, 1.15rem);
  margin: 8px 0 4px;
}.f-lp .adoption-simple-step .step-sub{ font-size: 0.78rem; opacity: 0.8; }.f-lp .adoption-simple-arrow{
  text-align: center; color: #888; font-size: 1.8rem; font-weight: 700;
}
@media (max-width: 640px) {.f-lp .adoption-simple-arrow{ transform: rotate(90deg); padding: 0; }
}.f-lp .adoption-detail-toggle{ text-align: center; margin: 24px 0 8px; }.f-lp .adoption-detail-toggle summary{
  font-size: 0.85rem; color: #555; cursor: pointer; text-decoration: underline;
  display: inline;
}.f-lp .adoption-flow{ max-width: 480px; margin: 16px auto; }.f-lp .adoption-step{
  display: flex; align-items: center; gap: 16px;
  background: #fff; border: 1px solid #e0e0e0;
  border-radius: 6px; padding: 14px 18px; margin-bottom: 8px;
}.f-lp .adoption-step .step-icon{ font-size: 1.6rem; flex: 0 0 32px; }.f-lp .adoption-step .step-content{ flex: 1; }.f-lp .adoption-step .step-label{ font-weight: 700; font-size: 1rem; }.f-lp .adoption-step .step-sub{ font-size: 0.82rem; color: #666; margin-top: 2px; }.f-lp .adoption-arrow{
  text-align: center; color: #888; font-size: 1.2rem;
  line-height: 1; margin: 4px 0;
}.f-lp .adoption-final{
  background: linear-gradient(135deg, #1a1a1a, #333); color: #fff;
  text-align: center; padding: 16px 20px; border-radius: 6px;
  font-weight: 700;
}.f-lp .unique-value-cards{
  display: grid; grid-template-columns: 1fr; gap: 12px;
  margin: 24px 0;
}
@media (min-width: 640px) {.f-lp .unique-value-cards{ grid-template-columns: 1fr 1fr; }
}
@media (min-width: 768px) {.f-lp .unique-value-cards{ grid-template-columns: repeat(3, 1fr); }
}.f-lp .unique-value-card{
  background: #fff; border: 1px solid #e0e0e0; border-radius: 8px;
  padding: 18px;
}.f-lp .unique-value-card .icon{ font-size: 1.8rem; line-height: 1; }.f-lp .unique-value-card h4{
  font-size: 1rem; font-weight: 700; margin: 8px 0 6px;
}.f-lp .unique-value-card p{
  font-size: 0.85rem; color: #555; line-height: 1.7; margin: 0;
}.f-lp .reasons-columns{
  display: grid; grid-template-columns: 1fr; gap: 12px;
  margin: 32px 0;
}
@media (min-width: 768px) {.f-lp .reasons-columns{ grid-template-columns: repeat(3, 1fr); }
}.f-lp .reason-card{
  background: #fff; border: 1px solid #e0e0e0; border-radius: 6px;
  padding: 20px;
}.f-lp .reason-card h4{
  font-size: 1rem; font-weight: 700; margin-bottom: 12px;
  padding-bottom: 8px; border-bottom: 2px solid #1a1a1a;
}.f-lp .reason-card ul{ list-style: none; padding: 0; }.f-lp .reason-card li{
  font-size: 0.88rem; padding: 5px 0; padding-left: 22px; position: relative;
}.f-lp .reason-card li::before{
  content: "✓"; position: absolute; left: 0; top: 5px;
  color: #2a6fa5; font-weight: 700;
}.f-lp details.faq-item{
  border: 1px solid #e0e0e0; padding: 14px 16px;
  margin: 8px 0; border-radius: 4px; background: #fff;
}.f-lp details.faq-item summary{
  font-weight: 700; cursor: pointer; list-style: none;
  font-size: clamp(0.95rem, 1.7vw, 1.05rem); padding-right: 30px; position: relative;
}.f-lp details.faq-item summary::-webkit-details-marker{ display: none; }.f-lp details.faq-item summary::after{
  content: "+"; position: absolute; right: 0; top: 0;
  font-size: 1.4rem; font-weight: 400; line-height: 1;
}.f-lp details.faq-item[open] summary::after{ content: "−"; }.f-lp details.faq-item[open] summary{ margin-bottom: 12px; }.f-lp details.faq-item p{ margin: 8px 0; font-size: 0.9rem; line-height: 1.75; }.f-lp .future-pacing-section{
  background: linear-gradient(180deg, #fafafa 0%, #f0f0f0 100%);
  padding: 72px 0;
  text-align: center;
}.f-lp .future-pacing-section .imagine-label{
  display: inline-block; font-size: 0.78rem;
  letter-spacing: 0.3em; color: #888;
  margin-bottom: 16px;
}.f-lp .future-pacing-narrative{
  max-width: 640px; margin: 0 auto;
  font-size: clamp(1.05rem, 2.2vw, 1.25rem);
  line-height: 2.4;
  color: #1a1a1a;
}.f-lp .future-pacing-narrative p{ margin: 18px 0; }.f-lp .future-pacing-narrative .highlight{
  color: #2a6fa5; font-weight: 700;
}.f-lp .future-pacing-narrative .quote-prev{
  font-style: italic; color: #666;
  display: inline-block; padding: 0 4px;
}.f-lp .future-pacing-narrative .now{
  background: linear-gradient(transparent 65%, #fff8b8 65%);
  font-weight: 700;
  padding: 0 4px;
}.f-lp .future-pacing-final-catch{
  font-size: clamp(1.6rem, 4.5vw, 2.4rem);
  font-weight: 800; line-height: 1.5;
  margin-top: 48px;
  letter-spacing: -0.01em;
}.f-lp .future-pacing-final-catch .so{
  display: block; font-size: 0.7em; color: #2a6fa5;
  letter-spacing: 0.2em; margin-bottom: 12px;
}.f-lp .final-section{ background: #1a1a1a; color: #fff; padding: 56px 0; }.f-lp .final-section .container{ color: #fff; }.f-lp .final-section h1.section-title{ color: #fff; }.f-lp .final-section .section-id{ background: #fff; color: #1a1a1a; }.f-lp .final-section .sub{ color: #ddd; text-align: center; font-size: clamp(1rem, 2vw, 1.2rem); margin-bottom: 24px; }.f-lp .final-section .reason-card{ background: #2a2a2a; border-color: #444; color: #fff; }.f-lp .final-section .reason-card h4{ border-color: #fff; }.f-lp .final-section .reason-card li{ color: #ddd; }.f-lp .final-section .reason-card li::before{ color: #6fb3e0; }.f-lp .final-section .btn-primary{ background: #fff; color: #1a1a1a; box-shadow: 0 4px 16px rgba(255,255,255,0.2); }.f-lp .final-section .btn-secondary{ background: transparent; color: #fff; border-color: #fff; }.f-lp .final-section .note{ text-align: center; color: #aaa; font-size: 0.82rem; margin-top: 16px; }.f-lp .final-epilogue{
  border-top: 1px solid #444;
  margin-top: 40px; padding-top: 32px;
  text-align: center;
}.f-lp .final-epilogue p{
  font-size: clamp(0.92rem, 1.7vw, 1.05rem);
  line-height: 2.0; color: #ddd; margin: 12px 0;
}.f-lp .final-epilogue .signature{
  font-size: clamp(1.15rem, 2.4vw, 1.4rem);
  font-weight: 800; color: #fff;
  margin: 24px 0 6px;
}.f-lp .final-epilogue .signature-line{
  display: block; font-size: 0.78rem; opacity: 0.6;
  letter-spacing: 0.15em; margin-bottom: 12px;
  color: #999;
}.f-lp .cta-intro-box{
  background: #f8f8f8; border-radius: 8px;
  padding: 20px; margin: 24px auto; max-width: 560px;
}.f-lp .cta-intro-box h4{ font-size: 1rem; font-weight: 700; margin-bottom: 10px; text-align: center; }.f-lp .cta-intro-box ul{ list-style: none; padding: 0; }.f-lp .cta-intro-box li{
  font-size: 0.88rem; padding: 4px 0; padding-left: 22px; position: relative;
}.f-lp .cta-intro-box li::before{
  content: "✓"; position: absolute; left: 0; top: 4px;
  color: #2a6fa5; font-weight: 700;
}.f-lp footer{ background: #1a1a1a; color: #fff; padding: 40px 20px 32px; }.f-lp footer .footer-inner{ max-width: 880px; margin: 0 auto; }.f-lp footer ul{ list-style: none; padding: 0; }.f-lp footer li{ margin: 8px 0; font-size: 0.88rem; }.f-lp footer a{ color: #fff; opacity: 0.7; text-decoration: none; }.f-lp footer a:hover{ opacity: 1; }.f-lp footer .copyright{ margin-top: 20px; font-size: 0.78rem; opacity: 0.55; }.f-lp .compare-conclusion{
  text-align: center; font-weight: 700;
  font-size: clamp(1.05rem, 2.2vw, 1.3rem);
  margin: 16px 0 0; padding: 12px 0;
}.f-lp .appendix{
  background: #fffbe6; padding: 32px 20px;
  border-top: 4px dashed #d4a017;
}.f-lp .appendix h2{ margin-bottom: 16px; }.f-lp .appendix h3{ margin-top: 20px; }.f-lp .appendix ul,
.f-lp .appendix ol{ padding-left: 1.4em; }.f-lp .appendix li{ margin: 4px 0; font-size: 0.88rem; line-height: 1.6; }.f-lp .text-center{ text-align: center; }.f-lp hr.divider{ border: none; border-top: 1px solid #e0e0e0; margin: 28px 0; }.f-lp .tag-outcome{ background: #2a6fa5 !important; }.f-lp .investment-closer{
  background: #fff; border: 2px solid #1a1a1a; border-radius: 10px;
  padding: 24px 22px; margin: 32px auto 16px; max-width: 680px;
  text-align: center;
}.f-lp .investment-closer .lead{
  font-size: clamp(0.95rem, 1.8vw, 1.05rem);
  line-height: 1.9; color: #1a1a1a;
  margin: 0 0 14px;
}.f-lp .investment-closer .lead strong{
  background: linear-gradient(transparent 65%, #fff8b8 65%);
  font-weight: 800;
}.f-lp .investment-closer .punchline{
  font-size: clamp(1.05rem, 2.1vw, 1.25rem);
  line-height: 1.6; font-weight: 800; color: #1a1a1a;
  border-top: 1px dashed #ccc; padding-top: 14px;
  margin: 0;
}.f-lp .investment-closer .punchline .key{
  color: #2a6fa5;
}.f-lp .company-purpose{
  background: linear-gradient(180deg, #1a1a1a 0%, #2a2a2a 100%);
  color: #fff; border-radius: 10px;
  padding: 32px 26px; margin: 32px 0 16px;
  text-align: center;
  box-shadow: 0 6px 24px rgba(0,0,0,0.12);
}.f-lp .company-purpose .purpose-label{
  display: inline-block;
  font-size: 0.74rem; letter-spacing: 0.3em;
  color: #d4a017; margin-bottom: 14px;
  font-weight: 700;
}.f-lp .company-purpose .purpose-text{
  font-size: clamp(0.98rem, 1.95vw, 1.15rem);
  line-height: 2.1; color: #fff;
  margin: 0;
}.f-lp .company-purpose .purpose-text strong{
  color: #6fb3e0;
}.f-lp .company-purpose .purpose-signature{
  font-size: 0.82rem; opacity: 0.7;
  margin-top: 18px; letter-spacing: 0.12em;
}.f-lp .success-base-block{
  background: #f5fbff; border: 1px solid #c0d9e8;
  border-radius: 10px; padding: 28px 24px;
  margin: 32px 0 16px;
}.f-lp .success-base-block .sb-header{
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 16px; padding-bottom: 14px;
  border-bottom: 1px dashed #c0d9e8;
}.f-lp .success-base-block .sb-icon{
  flex: 0 0 48px; width: 48px; height: 48px;
  background: #2a6fa5; color: #fff;
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-size: 1.6rem;
}.f-lp .success-base-block .sb-title{
  font-weight: 800; font-size: clamp(1.1rem, 2.3vw, 1.35rem);
  color: #1a1a1a;
}.f-lp .success-base-block .sb-subtitle{
  font-size: 0.82rem; color: #2a6fa5; font-weight: 700;
  letter-spacing: 0.05em; margin-top: 2px;
}.f-lp .success-base-block .sb-description{
  font-size: clamp(0.94rem, 1.8vw, 1.02rem);
  line-height: 1.9; color: #1a1a1a; margin-bottom: 16px;
}.f-lp .success-base-services{
  display: grid; grid-template-columns: 1fr; gap: 12px;
  margin-top: 16px;
}
@media (min-width: 640px) {.f-lp .success-base-services{ grid-template-columns: 1fr 1fr; }
}.f-lp .sb-service-card{
  background: #fff; border: 1px solid #d0e0ed;
  border-radius: 6px; padding: 14px 16px;
  display: flex; align-items: flex-start; gap: 10px;
}.f-lp .sb-service-card .sb-num{
  flex: 0 0 26px; width: 26px; height: 26px;
  background: #2a6fa5; color: #fff;
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 0.8rem;
}.f-lp .sb-service-card .sb-body{ flex: 1; }.f-lp .sb-service-card .sb-h{ font-weight: 800; font-size: 0.95rem; margin-bottom: 4px; }.f-lp .sb-service-card .sb-p{ font-size: 0.82rem; color: #555; line-height: 1.6; }.f-lp .sb-promise{
  background: #1a1a1a; color: #fff;
  border-radius: 6px; padding: 16px 18px;
  margin-top: 16px; text-align: center;
  font-weight: 700; font-size: clamp(0.95rem, 1.8vw, 1.05rem);
  line-height: 1.7;
}.f-lp .sb-promise .accent{ color: #6fb3e0; }.f-lp .closing-reasons{
  display: grid; grid-template-columns: 1fr; gap: 14px;
  margin: 32px 0;
}
@media (min-width: 640px) {.f-lp .closing-reasons{ grid-template-columns: 1fr 1fr; }
}
@media (min-width: 900px) {.f-lp .closing-reasons{ grid-template-columns: repeat(3, 1fr); }
}.f-lp .closing-card{
  background: #fff; border: 1px solid #e0e0e0; border-radius: 8px;
  padding: 22px 20px; position: relative;
  border-top: 4px solid #2a6fa5;
}.f-lp .closing-card .closing-num{
  display: inline-block;
  font-size: 0.7rem; font-weight: 800;
  letter-spacing: 0.15em; color: #2a6fa5;
  margin-bottom: 6px;
}.f-lp .closing-card h4{
  font-size: clamp(1rem, 2vw, 1.12rem); font-weight: 800;
  line-height: 1.4; margin: 0 0 10px;
}.f-lp .closing-card p{
  font-size: 0.88rem; color: #444; line-height: 1.8; margin: 0;
}.f-lp .closing-card.compact{ border-top-color: #d4a017; }.f-lp .future-timeline{
  display: grid; grid-template-columns: 1fr; gap: 0;
  max-width: 720px; margin: 32px auto 0;
  position: relative;
}
@media (min-width: 768px) {.f-lp .future-timeline{ grid-template-columns: repeat(4, 1fr); gap: 8px; }
}.f-lp .future-time-card{
  background: #fff; border: 1px solid #e0e0e0;
  border-radius: 8px; padding: 20px 18px;
  text-align: center; position: relative;
}.f-lp .future-time-card .time-label{
  display: inline-block;
  font-size: 0.8rem; font-weight: 800;
  letter-spacing: 0.1em;
  padding: 4px 12px; border-radius: 999px;
  background: #f0f0f0; color: #444;
  margin-bottom: 12px;
}.f-lp .future-time-card .time-desc{
  font-size: clamp(0.92rem, 1.7vw, 1rem);
  line-height: 1.7; color: #1a1a1a;
  font-weight: 700;
}.f-lp .future-time-card.now{
  background: #fbeeee; border-color: #e0c0c0;
}.f-lp .future-time-card.now .time-label{ background: #b94a4a; color: #fff; }.f-lp .future-time-card.now .time-desc{ color: #6b3535; }.f-lp .future-time-card.future-soon{
  background: #e8f1f8; border-color: #c0d6e8;
}.f-lp .future-time-card.future-soon .time-label{ background: #6fb3e0; color: #fff; }.f-lp .future-time-card.future-mid{
  background: #d8e6f3; border-color: #a0c4e0;
}.f-lp .future-time-card.future-mid .time-label{ background: #2a6fa5; color: #fff; }.f-lp .future-time-card.future-far{
  background: linear-gradient(135deg, #1a1a1a, #333);
  border: none; color: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}.f-lp .future-time-card.future-far .time-label{ background: #d4a017; color: #fff; }.f-lp .future-time-card.future-far .time-desc{ color: #fff; }
@media (max-width: 767px) {.f-lp .future-time-card{
    margin-bottom: 12px;
    position: relative;
  }.f-lp .future-time-card:not(:last-child)::after{
    content: "↓"; position: absolute;
    left: 50%; bottom: -22px; transform: translateX(-50%);
    color: #888; font-size: 1.4rem; font-weight: 800;
  }.f-lp .future-timeline{ padding-bottom: 12px; }
}.f-lp .owner-change-cards{
  display: grid; grid-template-columns: 1fr; gap: 12px;
  margin: 40px 0 0;
}
@media (min-width: 640px) {.f-lp .owner-change-cards{ grid-template-columns: 1fr 1fr; }
}
@media (min-width: 900px) {.f-lp .owner-change-cards{ grid-template-columns: repeat(3, 1fr); }
}.f-lp .owner-change-card{
  background: #fff; border: 1px solid #e0e0e0; border-radius: 8px;
  padding: 18px 16px;
  display: flex; align-items: flex-start; gap: 12px;
}.f-lp .owner-change-card .check-icon{
  flex: 0 0 28px;
  width: 28px; height: 28px;
  background: #2a6fa5; color: #fff;
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 0.9rem;
}.f-lp .owner-change-card .change-text{
  font-size: 0.95rem; line-height: 1.7;
  color: #1a1a1a; font-weight: 600;
}.f-lp .growth-cycle{
  max-width: 720px; margin: 32px auto 0;
  display: flex; flex-direction: column; gap: 0;
}.f-lp .cycle-step{
  display: flex; align-items: center; gap: 16px;
  background: #fff; border: 1px solid #e0e0e0; border-radius: 8px;
  padding: 18px 20px;
  position: relative;
}.f-lp .cycle-step .step-num{
  flex: 0 0 36px; width: 36px; height: 36px;
  background: #2a6fa5; color: #fff;
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 0.95rem;
}.f-lp .cycle-step .step-body{ flex: 1; }.f-lp .cycle-step .step-title{
  font-size: clamp(1rem, 2vw, 1.1rem); font-weight: 800; line-height: 1.4;
  margin-bottom: 2px;
}.f-lp .cycle-step .step-feature{
  font-size: 0.78rem; color: #666; font-family: ui-monospace, "SF Mono", Consolas, monospace;
  letter-spacing: 0.02em;
}.f-lp .cycle-step .step-icon{
  flex: 0 0 44px; font-size: 1.8rem; line-height: 1; text-align: center;
}.f-lp .cycle-arrow{
  text-align: center; color: #2a6fa5; font-size: 1.4rem; font-weight: 800;
  line-height: 1; padding: 6px 0; margin: 0 auto;
}.f-lp .cycle-step.final{
  background: linear-gradient(135deg, #1a1a1a, #333); color: #fff;
  border: none; padding: 24px 22px;
  margin-top: 4px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.18);
}.f-lp .cycle-step.final .step-num{ background: #d4a017; }.f-lp .cycle-step.final .step-title{
  font-size: clamp(1.1rem, 2.4vw, 1.35rem); color: #fff;
}.f-lp .cycle-step.final .step-feature{ color: #ccc; }.f-lp .cycle-step.final .step-icon{ color: #d4a017; }.f-lp .reasons-five{
  display: grid; grid-template-columns: 1fr; gap: 14px;
  margin: 32px 0;
}
@media (min-width: 768px) {.f-lp .reasons-five{ grid-template-columns: 1fr 1fr; }
}.f-lp .reason-five-card{
  background: #fff; border: 1px solid #e0e0e0; border-radius: 8px;
  padding: 22px 20px; position: relative;
  border-left: 4px solid #2a6fa5;
}.f-lp .reason-five-card .reason-num{
  display: inline-block;
  background: #2a6fa5; color: #fff;
  font-weight: 800; font-size: 0.9rem;
  width: 32px; height: 32px;
  border-radius: 50%;
  text-align: center; line-height: 32px;
  margin-bottom: 10px;
}.f-lp .reason-five-card h4{
  font-size: clamp(1.02rem, 2vw, 1.18rem); font-weight: 800;
  margin: 4px 0 10px; line-height: 1.4;
}.f-lp .reason-five-card p{
  font-size: 0.92rem; color: #444; line-height: 1.8; margin: 0;
}.f-lp .integration-side.fincs-side .fincs-feature-list{
  list-style: none; padding: 0; margin: 12px 0 8px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 6px;
}.f-lp .integration-side.fincs-side .fincs-feature-list li{
  background: #2a2a2a;
  font-size: 0.82rem; font-weight: 600;
  padding: 8px 10px; margin: 0;
  border-radius: 4px;
  display: flex; align-items: center; gap: 6px;
  justify-content: flex-start;
}.f-lp .integration-side.fincs-side .fincs-headline{
  background: #fff; color: #1a1a1a;
  text-align: center; padding: 12px;
  border-radius: 4px; margin-bottom: 6px;
  font-weight: 800; font-size: 1.05rem;
  display: block;
}.f-lp .company-block{
  background: #fff; border: 1px solid #e0e0e0;
  border-radius: 8px; padding: 28px 24px; margin: 24px 0;
}.f-lp .company-story{
  font-size: clamp(0.95rem, 1.7vw, 1.05rem);
  line-height: 1.95; color: #1a1a1a;
}.f-lp .company-story a{
  color: #2a6fa5; text-decoration: underline; word-break: break-all;
}.f-lp .company-story strong{ font-weight: 700; }.f-lp .office-photo-placeholder{
  background:
    repeating-linear-gradient(45deg, #d8d8d8, #d8d8d8 14px, #cccccc 14px, #cccccc 28px);
  min-height: 180px;
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  color: #555; font-size: 0.85rem; text-align: center; padding: 24px;
  margin: 24px 0;
}
@media (min-width: 768px) {.f-lp .office-photo-placeholder{ min-height: 260px; } }.f-lp .company-info-table{
  width: 100%; border-collapse: collapse; margin: 16px 0;
  font-size: 0.92rem;
}.f-lp .company-info-table th,
.f-lp .company-info-table td{
  padding: 12px 14px; border: 1px solid #e0e0e0;
  text-align: left; vertical-align: top; background: #fff;
}.f-lp .company-info-table th{
  background: #f8f8f8; font-weight: 700; width: 30%; text-align: left;
}
@media (max-width: 640px) {.f-lp .company-info-table th{ width: 35%; }
}.f-lp{
  --s01-blue-bright: #0278ce;   
  --s01-navy-deep: #022050;     
  --s01-cyan: #07d9f6;          
  --s01-cta-blue: #10a4ea;      
  --s01-navy-text: #031f4f;     
}.f-lp #s01{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  background: linear-gradient(180deg,
    #1b3a5c 0%,
    #14568f 12%,
    #0f6cb4 20%,
    #0278ce 26%,
    #1467ad 33%,
    #27476f 42%,
    #243a60 52%,
    #12274f 66%,
    #022050 82%,
    #023a75 92%,
    #026cbe 100%);
  color: #fff;
}.f-lp #s01 .section-id,
.f-lp #s01 .designer-note{ display: none; }.f-lp #s01 .hero-image-placeholder{
  background: url(/hp/assets/img/lp-school/hero-classroom.753f7e72.webp) top center / 100% auto no-repeat;
  aspect-ratio: 800 / 1092;
  min-height: 0;
  padding: 0;
  color: transparent;           
  font-size: 0;
  position: relative;
}.f-lp #s01 .hero-image-placeholder::before{   
  content: '';
  position: absolute;
  top: 3%;
  left: 6%;
  width: min(217px, 27vw);
  aspect-ratio: 217 / 56;
  background: url(/hp/assets/img/lp-school/fincs-logo.a54bc78a.svg) left center / contain no-repeat;
}.f-lp #s01 .fv{
  background: transparent;
  color: #fff;
  padding: 0 0 64px;              
  margin-top: max(-26vw, -250px); 
  position: relative;
}.f-lp #s01 .fv h1.fv-catch{
  color: #fff;
  font-size: clamp(1.9rem, 7.2vw, 3.9rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.02em;
  margin: 0 0 28px;
  text-wrap: balance;
}.f-lp #s01 .fv .fv-sub{
  color: #fff;
  font-size: clamp(0.98rem, 3vw, 1.55rem);
  font-weight: 500;
  line-height: 1.85;
  margin-bottom: 12px;
}.f-lp #s01 .fv .fv-tagline{
  color: #fff;
  font-size: clamp(1.05rem, 3.4vw, 1.8rem);
  font-weight: 700;
  margin-bottom: 40px;
  text-wrap: balance;
}.f-lp #s01 .fv .fv-tagline::before{   
  content: '';
  display: block;
  width: min(440px, 78%);
  aspect-ratio: 1000 / 999;
  margin: 12px auto 44px;
  background: url(/hp/assets/img/lp-school/phone-mock.d7ab0b23.webp) center / contain no-repeat;
}.f-lp #s01 .outcome-icon-row{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 4vw, 33px);
  max-width: 683px;
  margin: 32px auto 40px;
}.f-lp #s01 .outcome-icon{
  flex: none;
  min-width: 0;
  max-width: none;
  aspect-ratio: 1 / 1;
  padding: 16%;
  background: url(/hp/assets/img/lp-school/ring.616e45fc.svg) center / contain no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 44px rgba(0, 231, 255, 0.28),
              inset 0 0 44px rgba(0, 231, 255, 0.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}.f-lp #s01 .outcome-icon .icon{
  font-size: 0;                  
  width: 27%;
  aspect-ratio: 1 / 1;
  margin-bottom: 8%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}.f-lp #s01 .outcome-icon:nth-child(1) .icon{ background-image: url(/hp/assets/img/lp-school/icon-people.1dde7f16.svg); }.f-lp #s01 .outcome-icon:nth-child(2) .icon{ background-image: url(/hp/assets/img/lp-school/icon-money.b2d84bf4.svg); }.f-lp #s01 .outcome-icon:nth-child(3) .icon{ background-image: url(/hp/assets/img/lp-school/icon-clock.4fc61229.svg); }.f-lp #s01 .outcome-icon:nth-child(4) .icon{ background-image: url(/hp/assets/img/lp-school/icon-person.d2e602f4.svg); }.f-lp #s01 .outcome-icon .label{
  color: #fff;
  font-size: clamp(0.8rem, 2.5vw, 1.35rem);
  font-weight: 600;
  line-height: 1.45;
  text-wrap: balance;
}.f-lp #s01 .price-snippet{
  background: transparent;
  color: #fff;
  font-style: italic;
  font-weight: 700;
  font-size: clamp(1.28rem, 4.6vw, 2.8rem);
  padding: 0;
  margin: 8px 0 32px;
  white-space: nowrap;
}.f-lp #s01 .price-snippet .divider{
  color: rgba(255, 255, 255, 0.35);
  font-style: normal;
  font-weight: 300;
  margin: 0 clamp(8px, 2vw, 18px);
}.f-lp #s01 .cta-buttons,
.f-lp #s04 .cta-buttons,
.f-lp #s07 .cta-buttons,
.f-lp #s08 .cta-buttons,
.f-lp #s10 .cta-buttons,
.f-lp #cta-final .cta-buttons{ max-width: 640px; }.f-lp #s01 .btn,
.f-lp #s04 .btn,
.f-lp #s07 .btn,
.f-lp #s08 .btn,
.f-lp #s10 .btn,
.f-lp #cta-final .btn{
  border-radius: 14px;
}.f-lp #s01 .btn-primary,
.f-lp #s04 .btn-primary,
.f-lp #s07 .btn-primary,
.f-lp #s08 .btn-primary,
.f-lp #s10 .btn-primary,
.f-lp #cta-final .btn-primary{
  background: linear-gradient(180deg, #1db0f2, #0d93da);
  border: 2px solid #bfe6fb;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 12px;
  padding: 16px 16px;
  font-size: clamp(1.02rem, 2.8vw, 1.55rem);
  font-weight: 600;
  box-shadow: 0 6px 24px rgba(2, 32, 80, 0.45);
}.f-lp #s01 .btn-primary::before,
.f-lp #s04 .btn-primary::before,
.f-lp #s07 .btn-primary::before,
.f-lp #s08 .btn-primary::before,
.f-lp #s10 .btn-primary::before,
.f-lp #cta-final .btn-primary::before{      
  content: '';
  width: clamp(70px, 15vw, 116px);
  aspect-ratio: 164 / 92;
  background: url(/hp/assets/img/lp-school/cta-thumb.678f0a76.webp) center / cover no-repeat;
  border-radius: 6px;
}.f-lp #s01 .btn-primary::after,
.f-lp #s04 .btn-primary::after,
.f-lp #s07 .btn-primary::after,
.f-lp #s08 .btn-primary::after,
.f-lp #s10 .btn-primary::after,
.f-lp #cta-final .btn-primary::after{     
  content: '▶';
  flex: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  color: var(--s01-cta-blue);
  font-size: 13px;
  line-height: 30px;
  text-align: center;
  text-indent: 2px;
}.f-lp #s01 .btn-primary .btn-sub,
.f-lp #s04 .btn-primary .btn-sub,
.f-lp #s07 .btn-primary .btn-sub,
.f-lp #s08 .btn-primary .btn-sub,
.f-lp #s10 .btn-primary .btn-sub,
.f-lp #cta-final .btn-primary .btn-sub{
  order: 1;
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 6px 0 0;
  opacity: 1;
}.f-lp #s01 .btn-primary .btn-sub span,
.f-lp #s04 .btn-primary .btn-sub span,
.f-lp #s07 .btn-primary .btn-sub span,
.f-lp #s08 .btn-primary .btn-sub span,
.f-lp #s10 .btn-primary .btn-sub span,
.f-lp #cta-final .btn-primary .btn-sub span{
  background: #fff;
  color: var(--s01-navy-text);
  border-radius: 999px;
  padding: 4px 14px;
  font-size: 0.76rem;
  font-weight: 600;
  white-space: nowrap;
}.f-lp #s01 .btn-secondary,
.f-lp #s04 .btn-secondary,
.f-lp #s07 .btn-secondary,
.f-lp #s08 .btn-secondary,
.f-lp #s10 .btn-secondary,
.f-lp #cta-final .btn-secondary{   
  background: radial-gradient(120% 220% at 50% 50%,
    #ffffff 0%, #f3f6f9 30%, #d4e1e9 83%, #c9dae4 100%);
  color: var(--s01-navy-text);
  border: none;
  padding: 13px 16px;
  min-height: 0;
  font-size: clamp(0.9rem, 2.3vw, 1.12rem);
  font-weight: 600;
  box-shadow: 0 6px 24px rgba(2, 32, 80, 0.45);
  text-wrap: balance;
}.f-lp #s01 .btn-secondary .btn-sub,
.f-lp #s04 .btn-secondary .btn-sub,
.f-lp #s07 .btn-secondary .btn-sub,
.f-lp #s08 .btn-secondary .btn-sub,
.f-lp #s10 .btn-secondary .btn-sub,
.f-lp #cta-final .btn-secondary .btn-sub{
  width: fit-content;
  margin: 8px auto 0;
  background: var(--s01-cta-blue);
  color: #fff;
  border: 1px solid #fff;
  border-radius: 999px;
  padding: 4px 16px;
  font-size: 0.75rem;
  font-weight: 600;
  opacity: 1;
}.f-lp #s01 .btn-secondary .btn-sub::after,
.f-lp #s04 .btn-secondary .btn-sub::after,
.f-lp #s07 .btn-secondary .btn-sub::after,
.f-lp #s08 .btn-secondary .btn-sub::after,
.f-lp #s10 .btn-secondary .btn-sub::after,
.f-lp #cta-final .btn-secondary .btn-sub::after{   
  content: '▶';
  font-size: 0.72em;
  margin-left: 8px;
}.f-lp #s01 .stats-bar{
  display: block;
  background: transparent;
  padding: 0;
  border-radius: 0;
  max-width: 720px;
  margin: 56px auto 0;
  text-align: left;
}.f-lp #s01 .stats-bar .stat-item{
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 14px 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}.f-lp #s01 .stats-bar .stat-value{
  order: 3;
  margin-left: auto;
  color: #fff;
  font-style: italic;
  font-weight: 600;
  font-size: clamp(2.1rem, 7.4vw, 4.2rem);
  line-height: 1.15;
}.f-lp #s01 .stats-bar .stat-label{
  order: 1;
  color: var(--s01-cyan);
  font-size: clamp(0.85rem, 2.1vw, 1.15rem);
  margin-top: 0;
}.f-lp #s01 .stats-bar .stat-sub{
  order: 2;
  color: var(--s01-cyan);
  font-size: clamp(0.7rem, 1.7vw, 0.95rem);
  margin-top: 0;
}.f-lp #s01 .stats-bar .stat-break{   
  font-style: normal;
  font-size: 0.38em;
  font-weight: 600;
  vertical-align: 0.55em;
  margin-left: 6px;
  letter-spacing: 0.05em;
}.f-lp #s01 .stats-bar .stats-asof{   
  display: block;
  text-align: right;
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.75rem;
  margin-top: 12px;
  padding-right: 4px;
}


@media (min-width: 1024px) {.f-lp #s01{
    display: grid;
    grid-template-columns: 46fr 54fr;
    column-gap: 4vw;
    align-items: start;
    position: relative;
    
    padding: 120px min(7vw, 110px) 72px !important;
  }.f-lp #s01 .fv,
.f-lp #s01 .fv .container{ display: contents; }.f-lp #s01 .hero-image-placeholder{
    grid-column: 2;
    grid-row: 1 / span 4;
    position: static;             
    background-image: url(/hp/assets/img/lp-school/school-hero.e43e0f20.webp);
    aspect-ratio: auto;
    height: calc(100% + 120px);   
    max-height: none;
    margin: -120px calc(-1 * min(7vw, 110px)) 0 0;   
    background-size: auto 100%;   
    background-position: right center;
    
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 22%);
    mask-image: linear-gradient(to right, transparent 0%, #000 22%);
  }.f-lp #s01 .hero-image-placeholder::before{ content: none; }.f-lp #s01::before{
    content: '';
    position: absolute;
    top: 36px;
    left: min(7vw, 110px);
    width: 200px;
    aspect-ratio: 217 / 56;
    background: url(/hp/assets/img/lp-school/fincs-logo.a54bc78a.svg) left center / contain no-repeat;
    z-index: 2;
  }.f-lp #s01 .fv h1.fv-catch{
    grid-column: 1;
    grid-row: 1;
    text-align: left;
    font-size: clamp(2.05rem, 3.3vw, 3.4rem);
    margin: 24px 0 8px;
  }.f-lp #s01 .fv .fv-sub{
    grid-column: 1;
    grid-row: 2;
    text-align: left;
    font-size: 1.2rem;
    margin-bottom: 20px;
  }.f-lp #s01 .cta-buttons{
    grid-column: 1;
    max-width: 520px;
    margin: 8px 0;
  }.f-lp #s01 .cta-buttons:nth-of-type(1){ grid-row: 3; }.f-lp #s01 .cta-buttons:nth-of-type(2){ grid-row: 4; align-self: start; }.f-lp #s01 .fv .fv-tagline{
    grid-column: 1 / -1;
    grid-row: 5;
    margin: 96px 0 48px;
    font-size: 1.7rem;
  }.f-lp #s01 .fv .fv-tagline::before{
    width: min(640px, 60%);
    margin: 0 auto 56px;
  }.f-lp #s01 .outcome-icon-row{
    grid-column: 1 / -1;
    grid-row: 6;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
    max-width: 1180px;
    width: 100%;
    justify-self: center;
    margin: 0 auto 56px;
  }.f-lp #s01 .outcome-icon .label{ font-size: 1.05rem; }.f-lp #s01 .price-snippet{
    grid-column: 1 / -1;
    grid-row: 7;
    justify-self: center;
    font-size: 2.6rem;
    margin: 0 0 48px;
  }.f-lp #s01 .stats-bar{
    grid-column: 1 / -1;
    grid-row: 8;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1180px;
    width: 100%;
    justify-self: center;
    margin: 24px auto 0;
  }.f-lp #s01 .stats-bar .stat-item{
    display: block;
    text-align: center;
    border-bottom: none;
    border-left: 1px solid rgba(255, 255, 255, 0.35);
    padding: 8px 24px;
  }.f-lp #s01 .stats-bar .stat-item:first-child{ border-left: none; }.f-lp #s01 .stats-bar .stat-label{
    display: block;
    font-size: 1.05rem;
    margin-bottom: 6px;
  }.f-lp #s01 .stats-bar .stat-value{
    display: block;
    margin-left: 0;
    font-size: 3.4rem;
  }.f-lp #s01 .stats-bar .stats-asof{
    grid-column: 1 / -1;
    margin-top: 20px;
  }
}.f-lp #s02{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  background: #f2f2f2;
  color: #031f4f;
  border-bottom: none;
}.f-lp #s02 .designer-note{ display: none; }.f-lp #s02 .section-id{
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  background: transparent;
  color: #5a6b7f;
  padding: 0;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  border-radius: 0;
  margin-bottom: 28px;
}.f-lp #s02 .section-id::after{
  content: '';
  flex: 1;
  height: 1px;
  background: #a8b6c2;
}.f-lp #s02 .section-title{
  color: #031f4f;
  font-weight: 600;
  font-size: clamp(1.5rem, 5.4vw, 2.7rem);
  margin-bottom: 36px;
}.f-lp #s02 .pain-checklist{
  max-width: 680px;
  gap: 18px;
}.f-lp #s02 .pain-item{
  background: #fff;
  border: none;
  border-left: 9px solid var(--s01-blue-bright);
  border-radius: 3px;
  box-shadow: 0 3px 12px rgba(3, 31, 79, 0.08);
  padding: 22px 20px;
  color: #111;
  font-weight: 600;
  font-size: clamp(0.95rem, 2.4vw, 1.18rem);
  gap: 16px;
}.f-lp #s02 .pain-item .check{
  color: #c3cfda;
  font-size: 1.5em;
  line-height: 1;
}.f-lp #s02 .quote-card-large{
  display: block;
  position: relative;
  max-width: 680px;
  margin: 48px auto 0;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0 0 8px;
}.f-lp #s02 .quote-card-large .avatar{
  position: absolute;
  right: 6px;
  top: 34%;
  width: clamp(80px, 20vw, 116px);
  height: 64%;
  background: url(/hp/assets/img/lp-school/teacher-avatar.636c7b36.webp) bottom right / contain no-repeat;
  border-radius: 0;
  z-index: 1;
}.f-lp #s02 .quote-card-large .quote-mark{ display: none; }.f-lp #s02 .quote-card-large blockquote{
  position: relative;
  background: var(--s01-blue-bright);
  color: #fff;
  font-style: normal;
  font-weight: 600;
  font-size: clamp(0.98rem, 2.7vw, 1.35rem);
  line-height: 1.65;
  text-align: center;
  border-radius: 40px;
  padding: 24px 28px;
  margin: 0;
}.f-lp #s02 .quote-card-large blockquote::after{   
  content: '';
  position: absolute;
  right: 19%;
  bottom: -17px;
  border: 12px solid transparent;
  border-top: 20px solid var(--s01-blue-bright);
  border-left-width: 20px;
  border-right-width: 3px;
}.f-lp #s02 .quote-card-large .citation{
  text-align: center;
  color: #000;
  font-weight: 600;
  font-size: clamp(0.85rem, 2.1vw, 1.05rem);
  margin-top: 30px;
  padding-right: 96px;              
}
@media (min-width: 640px) {.f-lp #s02 .quote-card-large .citation{ padding-right: 70px; }
}.f-lp #s02 .section-bridge{
  padding-top: 64px;               
}.f-lp #s02 .section-bridge::before{
  color: var(--s01-blue-bright);
  font-size: 1.4rem;
}.f-lp #s02 .section-bridge .bridge-final{   
  font-size: clamp(1.2rem, 3.4vw, 1.6rem);
  font-weight: 600;
  display: inline-block;
  margin-top: 8px;
}.f-lp #s02 .section-bridge p{
  color: #031f4f;
  font-weight: 500;
}.f-lp #s02 .section-bridge .emphasis,
.f-lp #s02 .section-bridge .accent{
  color: #031f4f;
  font-weight: 800;
}


@media (min-width: 1024px) {.f-lp #s02{ padding: 96px 0 104px; }.f-lp #s02 .section-id{ margin-bottom: 40px; }.f-lp #s02 .section-title{ margin-bottom: 48px; }.f-lp #s02 .pain-checklist{ max-width: 820px; gap: 22px; }.f-lp #s02 .pain-item{ padding: 26px 28px; }.f-lp #s02 .quote-card-large{ max-width: 820px; margin-top: 56px; }.f-lp #s02 .quote-card-large blockquote{ padding: 30px 36px; }.f-lp #s02 .section-bridge{ margin-top: 56px; }.f-lp #s02 .section-bridge p{ font-size: 1.2rem; }
}.f-lp #s03{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  background: #dde8ee;
  color: #031f4f;
  border-bottom: none;
}.f-lp #s03 .designer-note{ display: none; }.f-lp #s03 .section-id{
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  background: transparent !important;   
  color: #2d446c;
  padding: 0;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  border-radius: 0;
  margin-bottom: 28px;
}.f-lp #s03 .section-id::after{
  content: '';
  flex: 1;
  height: 1px;
  background: #a8b6c2;
}.f-lp #s03 .section-title{
  color: #031f4f;
  font-weight: 600;
  font-size: clamp(1.5rem, 5.4vw, 2.7rem);
  text-align: left;
  line-height: 1.55;
  margin-bottom: 32px;
}.f-lp #s03 .container > p.text-center{
  color: #031f4f !important;            
}.f-lp #s03 .future-timeline{
  display: grid;
  grid-template-columns: 1fr;           
  gap: 0;
  max-width: 600px;
  margin: 40px auto 0;
}.f-lp #s03 .future-time-card{
  display: flex;
  align-items: center;
  gap: 18px;
  background: #fff;
  border: none;
  border-radius: 999px;
  padding: 14px 22px 14px 14px;
  min-height: 96px;
  box-shadow: 0 3px 12px rgba(3, 31, 79, 0.08);
  text-align: left;
}.f-lp #s03 .future-time-card{ margin-bottom: 0; }.f-lp #s03 .future-time-card:not(:last-child)::after{ content: none; }.f-lp #s03 .future-time-card + .future-time-card{
  margin-top: 44px;
  position: relative;
}.f-lp #s03 .future-time-card + .future-time-card::before{   
  content: '▼';
  position: absolute;
  top: -36px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--s01-blue-bright);
  font-size: 1rem;
  line-height: 1;
}.f-lp #s03 .future-time-card .time-label{
  flex: none;
  width: clamp(60px, 15vw, 74px);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(0.72rem, 2vw, 0.85rem);
  font-weight: 600;
  color: #fff;
  padding: 0;
  margin: 0;
}.f-lp #s03 .future-time-card .time-desc{
  font-size: clamp(0.92rem, 2.5vw, 1.15rem);
  font-weight: 600;
  color: #000;
  line-height: 1.6;
}.f-lp #s03 .future-time-card.now{ background: #fff; border: none; }.f-lp #s03 .future-time-card.now .time-label{ background: #e15b5b; }.f-lp #s03 .future-time-card.now .time-desc{ color: #000; }.f-lp #s03 .future-time-card.future-soon{ background: #fff; border: none; }.f-lp #s03 .future-time-card.future-soon .time-label{ background: #10a4ea; }.f-lp #s03 .future-time-card.future-mid{ background: #fff; border: none; }.f-lp #s03 .future-time-card.future-mid .time-label{ background: var(--s01-blue-bright); }.f-lp #s03 .future-time-card.future-far{
  background: #fff;
  border: 2px solid #c9a24b;            
}.f-lp #s03 .future-time-card.future-far .time-label{
  background: linear-gradient(160deg, #edd17f 0%, #c9a24b 55%, #a57123 100%);
}.f-lp #s03 .future-time-card.future-far .time-desc{ font-weight: 700; }.f-lp #s03 .container > p.text-center:nth-of-type(2){
  font-size: 1.05rem !important;
  margin-top: 48px !important;
}.f-lp #s03 .container > p.text-center:nth-of-type(2) span{
  font-size: 1.3em;
  display: inline-block;
  margin-top: 10px;
  padding: 0 6px 2px;
}.f-lp #s03 .owner-change-cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  max-width: 680px;
  margin: 32px auto 0;
}.f-lp #s03 .owner-change-card{
  background: #fff;
  border: 2px solid #c9a24b;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(3, 31, 79, 0.06);
  justify-content: center;      
  align-items: center;
  text-align: center;
  padding: 22px 12px;
}.f-lp #s03 .owner-change-card .check-icon{ display: none; }.f-lp #s03 .owner-change-card .change-text{
  color: #000;
  font-weight: 600;
  font-size: clamp(0.88rem, 2.4vw, 1.1rem);
}.f-lp #s03 .section-bridge{
  padding-top: 64px;
}.f-lp #s03 .section-bridge::before{
  color: var(--s01-blue-bright);
  font-size: 1.6rem;
}.f-lp #s03 .section-bridge p{ color: #031f4f; font-weight: 400; }.f-lp #s03 .section-bridge .emphasis,
.f-lp #s03 .section-bridge .accent{ color: #031f4f; font-weight: 700; }.f-lp #s03 .section-bridge .bridge-final{
  font-size: clamp(1.15rem, 3.2vw, 1.5rem);
  font-weight: 600;
  display: inline-block;
  margin-top: 8px;
  line-height: 1.7;
}


@media (min-width: 1024px) {.f-lp #s03{ padding: 96px 0 104px; }.f-lp #s03 .section-id{ margin-bottom: 40px; }.f-lp #s03 .section-title{
    text-align: center;
    margin-bottom: 40px;
    font-size: 2.3rem;          
    text-wrap: balance;         
  }.f-lp #s03 .future-timeline{ max-width: 700px; margin-top: 48px; }.f-lp #s03 .future-time-card{ min-height: 108px; padding: 16px 28px 16px 16px; }.f-lp #s03 .owner-change-cards{ max-width: 820px; margin-top: 40px; gap: 20px; }.f-lp #s03 .owner-change-card{ padding: 26px 16px; }.f-lp #s03 .section-bridge{ margin-top: 56px; }.f-lp #s03 .section-bridge p{ font-size: 1.2rem; }
}.f-lp #s04{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  background:
    linear-gradient(rgba(244, 248, 251, 0.88), rgba(244, 248, 251, 0.88)),
    url(/hp/assets/img/lp-school/case-bg.cdae198b.webp) center / cover no-repeat;
  color: #031f4f;
  border-bottom: none;
}.f-lp #s04 .designer-note{ display: none; }.f-lp #s04 .section-id{
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  background: transparent;
  color: #2d446c;
  padding: 0;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  border-radius: 0;
  margin-bottom: 28px;
}.f-lp #s04 .section-id::after{
  content: '';
  flex: 1;
  height: 1px;
  background: #a8b6c2;
}.f-lp #s04 .section-title{
  color: #031f4f;
  font-weight: 600;
  font-size: clamp(1.5rem, 5.4vw, 2.7rem);
  text-align: left;
  margin-bottom: 36px;
}.f-lp #s04 .case-grid{ gap: 24px; }.f-lp #s04 .case-card-big{
  background: #fff;
  border: 1px solid #bcd6ea;
  border-radius: 0 8px 8px 8px;
  box-shadow: 0 4px 14px rgba(3, 31, 79, 0.08);
  padding: 20px 18px 22px;
  margin-top: 40px;               
  overflow: visible;
}.f-lp #s04 .case-title{
  border-bottom: none;
  padding-bottom: 0;
  display: block;
  color: #031f4f;
  font-weight: 600;
  font-size: clamp(0.95rem, 2.5vw, 1.15rem);
  margin-bottom: 10px;
}.f-lp #s04 .case-title .case-tab{      
  position: absolute;
  top: -40px;
  left: -1px;
  background: var(--s01-blue-bright);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 9px 26px;
  border-radius: 6px 6px 0 0;
}.f-lp #s04 .case-card-big:nth-child(2) .case-tab,
.f-lp #s04 .case-card-big:nth-child(3) .case-tab{ background: var(--s01-cta-blue); }.f-lp #s04 .case-numbers .num-value{ color: #d82d2d; font-weight: 600; }.f-lp #s04 .case-numbers .before-num .num-value{ color: #d82d2d; }.f-lp #s04 .case-numbers .after-num .num-value{ color: #2c6ea5; }.f-lp #s04 .case-numbers .num-label{ color: #666; font-weight: 600; font-size: 0.72rem; }.f-lp #s04 .case-numbers .arrow{ color: #9fb0bf; }.f-lp #s04 .multiplier-badge{
  background: linear-gradient(160deg, #edd17f 0%, #c9a24b 55%, #a57123 100%);
  letter-spacing: 0.04em;
}.f-lp #s04 .case-note,
.f-lp #s04 .case-quote{
  color: var(--s01-blue-bright);
  font-weight: 600;
  font-size: 0.85rem;
  background: transparent;
  font-style: normal;
  border-top: 1px solid #dbe6ef;
  padding: 12px 4px 0;
  margin-top: 14px;
  line-height: 1.7;
  text-wrap: balance;
}.f-lp #s04 .case-quote{ font-style: normal; }.f-lp #s04 .section-bridge{ padding-top: 64px; }.f-lp #s04 .section-bridge::before{
  color: var(--s01-blue-bright);
  font-size: 1.6rem;
}.f-lp #s04 .section-bridge p{ color: #031f4f; font-weight: 400; }.f-lp #s04 .section-bridge .emphasis,
.f-lp #s04 .section-bridge .accent{ color: #031f4f; font-weight: 700; }.f-lp #s04 .section-bridge .bridge-final{
  font-size: clamp(1.15rem, 3.2vw, 1.5rem);
  font-weight: 600;
  display: inline-block;
  margin-top: 8px;
  line-height: 1.7;
}


@media (min-width: 1024px) {.f-lp #s04{ padding: 96px 0 104px; }.f-lp #s04 .section-id{ margin-bottom: 40px; }.f-lp #s04 .section-title{ text-align: center; margin-bottom: 44px; }.f-lp #s04 .case-grid{ max-width: 880px; margin-left: auto; margin-right: auto; gap: 28px; }.f-lp #s04 .case-card-big{ padding: 26px 24px 26px; }.f-lp #s04 .section-bridge{ margin-top: 56px; }.f-lp #s04 .section-bridge p{ font-size: 1.2rem; }
}.f-lp #s05{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  background: #dde8ee;
  color: #031f4f;
  border-bottom: none;
}.f-lp #s05 .designer-note{ display: none; }.f-lp #s05 .section-id{
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  background: transparent !important;
  color: #2d446c;
  padding: 0;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  border-radius: 0;
  margin-bottom: 28px;
}.f-lp #s05 .section-id::after{
  content: '';
  flex: 1;
  height: 1px;
  background: #a8b6c2;
}.f-lp #s05 .section-title{
  color: #031f4f;
  font-weight: 600;
  font-size: clamp(1.5rem, 5.4vw, 2.7rem);
  text-align: left;
  line-height: 1.55;
  margin-bottom: 32px;
}.f-lp #s05 .container > p.text-center:nth-of-type(1){
  color: #031f4f !important;
  font-size: clamp(1.02rem, 2.9vw, 1.45rem) !important;
  font-weight: 600;
  line-height: 1.75 !important;
  margin-bottom: 40px !important;
}.f-lp #s05 .growth-cycle{ max-width: 680px; }.f-lp #s05 .cycle-step{
  border: none !important;            
  border-radius: 999px;
  padding: 16px 22px 16px 16px;
  min-height: 92px;
  box-shadow: 0 3px 12px rgba(3, 31, 79, 0.08);
}.f-lp #s05 .cycle-step .step-num{
  flex: none;
  width: clamp(44px, 12vw, 58px);
  height: auto;
  aspect-ratio: 1 / 1;
  background: linear-gradient(160deg, #10a4ea, #0069dc);
  font-weight: 600;
  font-size: clamp(0.95rem, 2.6vw, 1.2rem);
}.f-lp #s05 .cycle-step[style*="d4a017"] .step-num,
.f-lp #s05 .cycle-step.final .step-num{
  background: linear-gradient(160deg, #edd17f 0%, #cfa958 55%, #a57123 100%);
}.f-lp #s05 .cycle-step .step-icon{
  flex: none;
  width: clamp(34px, 9vw, 46px);
  aspect-ratio: 1 / 1;
  font-size: 0;                        
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}.f-lp #s05 .growth-cycle > .cycle-step:nth-child(1)  .step-icon{ background-image: url(/hp/assets/img/lp-school/cycle-icon-1.7dc48b8a.webp); }.f-lp #s05 .growth-cycle > .cycle-step:nth-child(3)  .step-icon{ background-image: url(/hp/assets/img/lp-school/cycle-icon-2.43a456ce.webp); }.f-lp #s05 .growth-cycle > .cycle-step:nth-child(5)  .step-icon{ background-image: url(/hp/assets/img/lp-school/cycle-icon-3.201e6194.webp); }.f-lp #s05 .growth-cycle > .cycle-step:nth-child(7)  .step-icon{ background-image: url(/hp/assets/img/lp-school/cycle-icon-4.2bb55b6d.webp); }.f-lp #s05 .growth-cycle > .cycle-step:nth-child(9)  .step-icon{ background-image: url(/hp/assets/img/lp-school/cycle-icon-5.12df623d.webp); }.f-lp #s05 .growth-cycle > .cycle-step:nth-child(11) .step-icon{ background-image: url(/hp/assets/img/lp-school/cycle-icon-6.df6b788b.webp); }.f-lp #s05 .growth-cycle > .cycle-step:nth-child(13) .step-icon{ background-image: url(/hp/assets/img/lp-school/cycle-icon-7.2b43e5b5.webp); }.f-lp #s05 .growth-cycle > .cycle-step:nth-child(15) .step-icon{ background-image: url(/hp/assets/img/lp-school/cycle-icon-8.ff713a77.webp); }.f-lp #s05 .cycle-step .step-title{
  color: var(--s01-blue-bright);
  font-weight: 600;
  font-size: clamp(0.95rem, 2.6vw, 1.2rem);
}.f-lp #s05 .cycle-step[style*="d4a017"] .step-title{ color: #c69c6d; }.f-lp #s05 .cycle-step .step-feature{
  font-family: inherit;
  color: #666;
  font-weight: 600;
  font-size: clamp(0.7rem, 1.9vw, 0.82rem);
}.f-lp #s05 .cycle-step.final{
  background: #000;
}.f-lp #s05 .cycle-step.final .step-title{ color: #fcc621; }.f-lp #s05 .cycle-step.final .step-feature{ color: #fff; }.f-lp #s05 .cycle-arrow{ color: var(--s01-blue-bright); padding: 10px 0; }.f-lp #s05 .container > p.text-center:nth-of-type(2){
  color: #031f4f !important;
  font-size: clamp(1.05rem, 3vw, 1.5rem) !important;
  font-weight: 600 !important;
  line-height: 1.9 !important;
  margin-top: 48px !important;
}.f-lp #s05 .section-bridge{ padding-top: 64px; }.f-lp #s05 .section-bridge::before{
  color: var(--s01-blue-bright);
  font-size: 1.6rem;
}.f-lp #s05 .section-bridge p{ color: #031f4f; font-weight: 400; }.f-lp #s05 .section-bridge .emphasis{ color: #031f4f; font-weight: 700; }


@media (min-width: 1024px) {.f-lp #s05{ padding: 96px 0 104px; }.f-lp #s05 .section-id{ margin-bottom: 40px; }.f-lp #s05 .section-title{
    text-align: center;
    margin-bottom: 36px;
    font-size: 2.3rem;
    text-wrap: balance;
  }.f-lp #s05 .growth-cycle{ max-width: 700px; margin-top: 44px; }.f-lp #s05 .cycle-step{ min-height: 100px; }.f-lp #s05 .section-bridge{ margin-top: 56px; }.f-lp #s05 .section-bridge p{ font-size: 1.2rem; }
}.f-lp .yen-label{
  color: #07d9f6;
  font-style: normal;
  font-weight: 400;
  font-size: 0.58em;
  margin-right: 6px;
  letter-spacing: 0.02em;
}.f-lp #s06{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  
  background:
    linear-gradient(180deg, #c2ebff 0%, #c2ebff 40%, rgba(194,235,255,0) 44%),
    linear-gradient(180deg, #0277ce 0%, #031f4f 100%);
  color: #031f4f;
  border-bottom: none;
}.f-lp #s06 .designer-note{ display: none; }.f-lp #s06 .section-id{
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  background: transparent;
  color: #2d446c;
  padding: 0;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  border-radius: 0;
  margin-bottom: 28px;
}.f-lp #s06 .section-id::after{
  content: '';
  flex: 1;
  height: 1px;
  background: #7fa8c4;
}.f-lp #s06 .section-title{
  color: #000;
  font-weight: 600;
  font-size: clamp(1.5rem, 5.4vw, 2.7rem);
  text-align: left;
  line-height: 1.55;
  margin-bottom: 28px;
}.f-lp #s06 .container > p.text-center:nth-of-type(1){
  color: #031f4f !important;
  font-size: clamp(0.95rem, 2.6vw, 1.3rem) !important;
  font-weight: 400;
  margin-bottom: 36px !important;
}.f-lp #s06 .integration-diagram{
  grid-template-columns: 1fr;
  gap: 0;
  max-width: 680px;
  margin: 36px auto;
}.f-lp #s06 .vs-arrow{
  color: #031f4f;
  font-size: 1.4rem;
  padding: 18px 0;
  transform: rotate(90deg);     
}.f-lp #s06 .integration-side{
  border: none;
  border-radius: 18px;
  padding: 28px 20px;
  box-shadow: 0 4px 16px rgba(3, 31, 79, 0.10);
}.f-lp #s06 .integration-side .side-label{
  border-bottom: none;
  font-size: clamp(1.25rem, 3.4vw, 1.6rem);
  font-weight: 600;
  color: #d82d2d;
  padding-bottom: 0;
  margin-bottom: 18px;
}.f-lp #s06 .integration-side.other li{
  background: #e6e6e6;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 10px 0;
  font-weight: 600;
  font-size: clamp(0.88rem, 2.4vw, 1.1rem);
  color: #000;
}.f-lp #s06 .integration-side.other .tool-icon{
  font-size: 0;
  width: 34px;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}.f-lp #s06 .integration-side.other li:nth-child(1) .tool-icon{ background-image: url(/hp/assets/img/lp-school/tool-line.346ae27d.webp); }.f-lp #s06 .integration-side.other li:nth-child(2) .tool-icon{ background-image: url(/hp/assets/img/lp-school/tool-zoom.57ed902f.webp); }.f-lp #s06 .integration-side.other li:nth-child(3) .tool-icon{ background-image: url(/hp/assets/img/lp-school/tool-noteyt.2a0f9701.webp); width: 62px; aspect-ratio: 116/62; }.f-lp #s06 .integration-side.other li:nth-child(4) .tool-icon{ background-image: url(/hp/assets/img/lp-school/tool-pay.1c456005.webp); }.f-lp #s06 .integration-side.other li:nth-child(5) .tool-icon{ background-image: url(/hp/assets/img/lp-school/tool-sheet.43c123e4.webp); }.f-lp #s06 .integration-side.other .price-line{
  color: #d82d2d;
  font-size: clamp(1.05rem, 3vw, 1.45rem);
  font-weight: 600;
  margin-top: 20px;
}.f-lp #s06 .integration-side.fincs-side{
  background: #1a1a43;
  padding-bottom: 36px;
}.f-lp #s06 .integration-side.fincs-side .side-label{
  color: #fff;
}.f-lp #s06 .integration-side.fincs-side .fincs-headline{
  background: #fff;
  color: #000;
  border-radius: 14px 14px 0 0;
  margin-bottom: 0;
  padding: 22px 12px 6px;
  font-weight: 600;
  font-size: clamp(1.1rem, 3vw, 1.4rem);
}.f-lp #s06 .integration-side.fincs-side .fincs-headline::before{   
  content: '';
  display: block;
  width: min(180px, 46%);
  aspect-ratio: 260 / 100;
  margin: 0 auto 2px;
  background: url(/hp/assets/img/lp-school/fincs-logo-black.165819b8.webp) center / contain no-repeat;
}.f-lp #s06 .integration-side.fincs-side .fincs-feature-list{
  background: #fff;
  border-radius: 0 0 14px 14px;
  margin: 0;
  padding: 14px 14px 18px;
  gap: 8px;
}.f-lp #s06 .integration-side.fincs-side .fincs-feature-list li{
  background: #e6e6e6;
  border-radius: 10px;
  color: #000;
  font-weight: 600;
  font-size: clamp(0.82rem, 2.3vw, 1.05rem);
  padding: 10px 12px;
  gap: 10px;
}.f-lp #s06 .integration-side.fincs-side .fincs-feature-list li::before{
  content: '';
  flex: none;
  width: 30px;
  aspect-ratio: 1 / 1;
  border-radius: 7px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}.f-lp #s06 .fincs-feature-list li:nth-child(1)::before{ background-image: url(/hp/assets/img/lp-school/feat-live.ce0f84b3.webp); }.f-lp #s06 .fincs-feature-list li:nth-child(2)::before{ background-image: url(/hp/assets/img/lp-school/feat-video.8e90d53e.webp); }.f-lp #s06 .fincs-feature-list li:nth-child(3)::before{ background-image: url(/hp/assets/img/lp-school/feat-doc.b767f5af.webp); }.f-lp #s06 .fincs-feature-list li:nth-child(4)::before{ background-image: url(/hp/assets/img/lp-school/feat-article.73d40845.webp); }.f-lp #s06 .fincs-feature-list li:nth-child(5)::before{ background-image: url(/hp/assets/img/lp-school/feat-app.1b4d1589.webp); }.f-lp #s06 .fincs-feature-list li:nth-child(6)::before{ background-image: url(/hp/assets/img/lp-school/feat-chat.a3f507aa.webp); }.f-lp #s06 .fincs-feature-list li:nth-child(7)::before{ background-image: url(/hp/assets/img/lp-school/feat-pay.455361bd.webp); }.f-lp #s06 .fincs-feature-list li:nth-child(8)::before{ background-image: url(/hp/assets/img/lp-school/feat-member.e0917308.webp); }.f-lp #s06 .fincs-feature-list li:nth-child(9)::before{ background-image: url(/hp/assets/img/lp-school/feat-mkt.9ef0f875.webp); }.f-lp #s06 .fincs-feature-list li:nth-child(9){
  grid-column: 1 / -1;
  justify-self: center;
  width: 60%;
}.f-lp #s06 .integration-side.fincs-side .price-line{
  color: #fff;
  font-style: italic;
  font-weight: 700;
  font-size: clamp(1.7rem, 5.4vw, 2.6rem);
  margin-top: 26px;
}.f-lp #s06 .integration-side.fincs-side > p{
  color: #fff;
  font-size: clamp(0.85rem, 2.3vw, 1.05rem) !important;
  opacity: 1 !important;
}.f-lp #s06 hr.divider{ display: none; }.f-lp #s06 .subsection-title{
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: clamp(1.3rem, 4vw, 1.9rem);
  margin-top: 40px;
}.f-lp #s06 .container > p.text-center:nth-of-type(2){
  color: #fff !important;
  font-size: clamp(0.9rem, 2.5vw, 1.15rem) !important;
}.f-lp #s06 .reasons-five{
  grid-template-columns: 1fr;
  max-width: 680px;
  margin: 32px auto;
  gap: 16px;
}.f-lp #s06 .reason-five-card{
  border: none;
  border-radius: 0;                 
  overflow: hidden;
  padding: 18px 20px 18px calc(15% + 24px);
  box-shadow: 0 4px 14px rgba(3, 31, 79, 0.18);
}.f-lp #s06 .reason-five-card:first-child{ border-radius: 10px 10px 0 0; }.f-lp #s06 .reason-five-card:last-child{ border-radius: 0 0 10px 10px; }.f-lp #s06 .reason-five-card .reason-num{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 15%;
  min-width: 60px;
  height: auto;
  border-radius: 0;
  background: linear-gradient(180deg, #1fc4f2, #07d9f6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: clamp(1.7rem, 4.5vw, 2.3rem);
  font-style: italic;
  margin: 0;
}.f-lp #s06 .reason-five-card h4{
  color: var(--s01-blue-bright);
  font-weight: 600;
  font-size: clamp(0.98rem, 2.7vw, 1.2rem);
  margin: 0 0 6px;
}.f-lp #s06 .reason-five-card p{
  color: #666;
  font-size: clamp(0.75rem, 2vw, 0.85rem);
  font-weight: 600;
  line-height: 1.75;
  margin: 0;
}.f-lp #s06 .section-bridge{ padding-top: 64px; }.f-lp #s06 .section-bridge::before{
  color: #fff;
  font-size: 1.6rem;
}.f-lp #s06 .section-bridge p{ color: #fff; font-weight: 600; }.f-lp #s06 .section-bridge .emphasis{ color: #fff; font-weight: 700; }.f-lp #s06 .section-bridge span.emphasis:first-of-type{   
  font-style: italic;
  font-size: clamp(1.7rem, 5vw, 2.4rem);
  display: inline-block;
  margin: 10px 0;
}.f-lp #s06 .section-bridge .accent{ color: var(--s01-cyan); font-weight: 700; }.f-lp #s06 .section-bridge .bridge-final{    
  color: var(--s01-cyan);
  font-weight: 600;
  font-size: clamp(1.15rem, 3.2vw, 1.5rem);
  display: inline-block;
  margin-top: 8px;
}


@media (min-width: 1024px) {.f-lp #s06{ padding: 96px 0 104px; }.f-lp #s06 .section-id{ margin-bottom: 40px; }.f-lp #s06 .section-title{ text-align: center; margin-bottom: 28px; text-wrap: balance; }.f-lp #s06 .integration-diagram{
    grid-template-columns: 1fr auto 1fr;
    gap: 20px;
    max-width: 1080px;
    align-items: stretch;
  }.f-lp #s06 .vs-arrow{
    transform: none;
    align-self: center;
    color: #031f4f;
    font-size: 1.8rem;
    padding: 0;
  }.f-lp #s06 .integration-side{ padding: 32px 26px; }.f-lp #s06 .integration-side.other{ display: flex; flex-direction: column; }.f-lp #s06 .integration-side.other ul{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }.f-lp #s06 .reasons-five{ max-width: 780px; }.f-lp #s06 .section-bridge{ margin-top: 56px; }.f-lp #s06 .section-bridge p{ font-size: 1.2rem; }
}.f-lp #s07{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  background: #dde8ee;
  color: #031f4f;
  border-bottom: none;
}.f-lp #s07 .designer-note{ display: none; }.f-lp #s07 .section-id{
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  background: transparent;
  color: #2d446c;
  padding: 0;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  border-radius: 0;
  margin-bottom: 28px;
}.f-lp #s07 .section-id::after{
  content: '';
  flex: 1;
  height: 1px;
  background: #a8b6c2;
}.f-lp #s07 .section-title{
  color: #000;
  font-weight: 600;
  font-size: clamp(1.5rem, 5.4vw, 2.7rem);
  text-align: left;
  line-height: 1.55;
  margin-bottom: 28px;
}.f-lp #s07 .container > p.text-center:nth-of-type(1){
  color: #031f4f !important;
  font-size: clamp(1.02rem, 2.9vw, 1.45rem) !important;
  font-weight: 600;
  margin-bottom: 44px !important;
}.f-lp #s07 .roi-cards{ gap: 56px; max-width: 686px; margin: 56px auto 0; }.f-lp #s07 .roi-card{
  border: 3px solid #0069dc;      
  border-top: 3px solid #0069dc;
  border-radius: 18px;
  box-shadow: 0 4px 16px rgba(3, 31, 79, 0.10);
  padding: 52px 20px 24px;
  position: relative;
}.f-lp #s07 .roi-card .icon{
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 84px;
  aspect-ratio: 87 / 81;
  font-size: 0;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 10px;
}.f-lp #s07 .roi-card:nth-child(1) .icon{ background-image: url(/hp/assets/img/lp-school/roi-icon-1.2685f9af.svg); }.f-lp #s07 .roi-card:nth-child(2) .icon{ background-image: url(/hp/assets/img/lp-school/roi-icon-2.430c2708.svg); }.f-lp #s07 .roi-card:nth-child(3) .icon{ background-image: url(/hp/assets/img/lp-school/roi-icon-3.ca952d90.svg); }.f-lp #s07 .roi-card h4{
  color: #031f4f;
  font-weight: 600;
  font-size: clamp(1rem, 2.8vw, 1.25rem);
  margin-bottom: 12px;
}.f-lp #s07 .roi-card .roi-headline{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 4px 10px;
  color: #0069dc;
  font-weight: 600;
  line-height: 1.3;
  margin: 12px 0 8px;
}.f-lp #s07 .roi-headline .rv{
  color: #0069dc;
  font-size: clamp(1.7rem, 5vw, 2.3rem);
}.f-lp #s07 .roi-headline .rv small{
  font-size: 0.56em;
  font-weight: 600;
}.f-lp #s07 .roi-headline .rop{
  color: #666;
  font-size: clamp(1rem, 2.9vw, 1.35rem);
}.f-lp #s07 .roi-card .roi-headline.roi-headline-vs{
  flex-direction: column;
  align-items: center;
  gap: 6px;
}.f-lp #s07 .roi-headline-vs .rgray{
  color: #666;
  font-size: clamp(1.1rem, 3.2vw, 1.35rem);
  white-space: nowrap;
}.f-lp #s07 .roi-headline-vs .rdown{
  color: #0069dc;
  font-size: 1.05rem;
  line-height: 1;
}.f-lp #s07 .roi-headline-vs .rfincs-row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  white-space: nowrap;
}.f-lp #s07 .roi-headline-vs .rfincs-row .rv{ font-size: clamp(1.45rem, 4.2vw, 1.9rem); }.f-lp #s07 .roi-headline-vs .rlogo{
  display: inline-block;
  flex: none;
  width: clamp(76px, 20vw, 96px);
  aspect-ratio: 260 / 100;
  background: url(/hp/assets/img/lp-school/fincs-logo-black.165819b8.webp) center / contain no-repeat;
}.f-lp #s07 .roi-card .roi-detail{
  color: #031f4f;
  font-weight: 600;
  font-size: 0.8rem;
  margin-top: 12px;
}.f-lp #s07 hr.divider{ display: none; }.f-lp #s07 .subsection-title{
  color: #000;
  font-weight: 600;
  font-size: clamp(1.15rem, 3.4vw, 1.6rem);
  margin-top: 56px;
}.f-lp #s07 .price-compare-cards{ max-width: 640px; margin: 28px auto; }.f-lp #s07 .price-vs-arrow{
  color: #333;
  transform: rotate(90deg);
  font-size: 1.5rem;
}.f-lp #s07 .price-card-other{
  background: #d82d2d;
  border: none;
  border-radius: 18px;
  padding: 30px 20px;
}.f-lp #s07 .price-card-other .label{
  color: #fff;
  font-size: clamp(0.95rem, 2.6vw, 1.2rem);
  font-weight: 600;
  margin-bottom: 12px;
}.f-lp #s07 .price-card-other .amount{
  color: #fff;
  font-weight: 600;
  font-size: clamp(1.8rem, 5.4vw, 2.6rem);
}.f-lp #s07 .price-card-other .note{
  color: #f1f1f1;
  font-size: clamp(0.85rem, 2.4vw, 1.1rem);
  font-weight: 600;
  margin-top: 10px;
}.f-lp #s07 .price-card-fincs{
  background: #1a1a43;
  border: 2px solid rgba(7, 217, 246, 0.7);
  border-radius: 18px;
  box-shadow: 0 0 28px rgba(7, 217, 246, 0.25);
  padding: 30px 20px;
}.f-lp #s07 .price-card-fincs .label{
  opacity: 1;
  font-weight: 600;
  font-size: clamp(1rem, 2.8vw, 1.3rem);
  margin-bottom: 10px;
}.f-lp #s07 .price-card-fincs .amount{
  font-style: italic;
  font-weight: 700;
  font-size: clamp(2rem, 6.4vw, 3rem);
}.f-lp #s07 .price-card-fincs .sub{
  font-size: clamp(1.15rem, 3.4vw, 1.7rem);
  font-weight: 600;
  margin-top: 14px;
  opacity: 1;
}.f-lp #s07 .price-card-fincs .extra{
  color: #f1f1f1;
  opacity: 1;
  font-size: clamp(0.82rem, 2.2vw, 1rem);
  margin-top: 10px;
}.f-lp #s07 .price-compare-cards + p{ color: #031f4f !important; font-weight: 600; }.f-lp #s07 .cta-buttons{ flex-direction: column; }.f-lp #s07 .cta-intro-box{
  background: transparent;
  border-radius: 0;
  max-width: 640px;
  position: relative;
  padding: 20px 112px 20px 0;
  min-height: 170px;
}.f-lp #s07 .cta-intro-box::after{
  content: '';
  position: absolute;
  right: 0;
  top: 14px;
  width: 104px;
  aspect-ratio: 190 / 240;
  background: url(/hp/assets/img/lp-school/operator.cc763fd3.webp) center / contain no-repeat;
}
@media (min-width: 640px) {.f-lp #s07 .cta-intro-box{ padding-right: 150px; }.f-lp #s07 .cta-intro-box::after{ width: 140px; }
}.f-lp #s07 .cta-intro-box h4{
  text-align: left;
  color: #031f4f;
  font-weight: 600;
  font-size: clamp(1.3rem, 3.8vw, 1.8rem);
  margin-bottom: 16px;
}.f-lp #s07 .cta-intro-box li{
  color: #031f4f;
  font-size: clamp(0.9rem, 2.5vw, 1.1rem);
  padding: 6px 0 6px 30px;
}.f-lp #s07 .cta-intro-box li::before{
  color: #d82d2d;
  font-size: 1.2em;
  top: 4px;
}.f-lp #s07 .investment-closer{
  background: #fff;
  border: none;
  border-radius: 4px;
  box-shadow: 0 3px 14px rgba(3, 31, 79, 0.08);
  padding: 40px 24px;
}.f-lp #s07 .investment-closer p{
  color: #031f4f;
  text-align: center;
  font-size: clamp(0.98rem, 2.7vw, 1.25rem);
  line-height: 2.0;
}.f-lp #s07 .investment-closer .lead strong{ background: none; font-weight: 700; }.f-lp #s07 .investment-closer .lead strong:nth-of-type(2),
.f-lp #s07 .investment-closer .key{
  background: linear-gradient(transparent 62%, #ffe94d 62%);
  color: inherit;
  font-weight: 700;
  padding: 0 2px;
}.f-lp #s07 .investment-closer .punchline{
  font-weight: 400;
  margin-bottom: 0;
  border-top: none;      
  padding-top: 8px;
}.f-lp #s07 .section-bridge{ padding-top: 64px; }.f-lp #s07 .section-bridge::before{
  color: var(--s01-blue-bright);
  font-size: 1.6rem;
}.f-lp #s07 .section-bridge p{ color: #031f4f; font-weight: 400; }.f-lp #s07 .section-bridge .emphasis{ color: #031f4f; font-weight: 700; }.f-lp #s07 .section-bridge .accent{ color: #031f4f; font-weight: 700; }.f-lp #s07 .section-bridge .bridge-final{
  font-size: clamp(1.15rem, 3.2vw, 1.5rem);
  font-weight: 600;
  display: inline-block;
  margin-top: 8px;
  line-height: 1.7;
}


@media (min-width: 1024px) {.f-lp #s07{ padding: 96px 0 104px; }.f-lp #s07 .section-id{ margin-bottom: 40px; }.f-lp #s07 .section-title{ text-align: center; margin-bottom: 28px; text-wrap: balance; }.f-lp #s07 .roi-cards{
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    max-width: 1080px;
    margin-top: 72px;
  }.f-lp #s07 .roi-card .roi-headline{ font-size: 1.35rem; }.f-lp #s07 .price-compare-cards{
    grid-template-columns: 1fr auto 1fr;
    max-width: 1000px;
    gap: 20px;
    align-items: stretch;
  }.f-lp #s07 .price-vs-arrow{ transform: none; align-self: center; }.f-lp #s07 .price-card-other,
.f-lp #s07 .price-card-fincs{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }.f-lp #s07 .investment-closer{ max-width: 780px; }.f-lp #s07 .section-bridge{ margin-top: 56px; }.f-lp #s07 .section-bridge p{ font-size: 1.2rem; }
}.f-lp #s08{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  background: linear-gradient(180deg, #0277ce 0%, #0a4a94 55%, #031f4f 100%);
  color: #fff;
  border-bottom: none;
}.f-lp #s08 .designer-note{ display: none; }.f-lp #s08 .adoption-detail-toggle{ display: none; }.f-lp #s08 .section-id{
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  background: transparent;
  color: rgba(255, 255, 255, 0.85);
  padding: 0;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  border-radius: 0;
  margin-bottom: 28px;
}.f-lp #s08 .section-id::after{
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
}.f-lp #s08 .section-title{
  color: #fff;
  font-weight: 600;
  font-size: clamp(1.5rem, 5.4vw, 2.7rem);
  text-align: left;
  line-height: 1.55;
  margin-bottom: 36px;
}.f-lp #s08 .adoption-simple{
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: clamp(4px, 1.4vw, 12px);
  max-width: 683px;
}.f-lp #s08 .adoption-simple-step{
  flex: 1;
  background: #fff;
  color: #333;
  border-radius: 14px;
  padding: 26px 8px 18px;
  position: relative;
  overflow: hidden;
}.f-lp #s08 .adoption-simple-step::before{   
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: #1a1a43;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}.f-lp #s08 .adoption-simple-step::after{
  position: absolute;
  top: 3px;
  left: 8px;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 600;
}.f-lp #s08 .adoption-simple > .adoption-simple-step:nth-child(1)::after{ content: '1'; }.f-lp #s08 .adoption-simple > .adoption-simple-step:nth-child(3)::after{ content: '2'; }.f-lp #s08 .adoption-simple > .adoption-simple-step:nth-child(5)::after{ content: '3'; }.f-lp #s08 .adoption-simple-step .step-icon{
  font-size: 0;
  width: clamp(48px, 12vw, 72px);
  aspect-ratio: 80 / 66;
  margin: 0 auto 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}.f-lp #s08 .adoption-simple > .adoption-simple-step:nth-child(1) .step-icon{ background-image: url(/hp/assets/img/lp-school/adopt-icon-1.b0b8c9f9.webp); }.f-lp #s08 .adoption-simple > .adoption-simple-step:nth-child(3) .step-icon{ background-image: url(/hp/assets/img/lp-school/adopt-icon-2.d9e05b7d.webp); }.f-lp #s08 .adoption-simple > .adoption-simple-step:nth-child(5) .step-icon{ background-image: url(/hp/assets/img/lp-school/adopt-icon-3.7a8df239.webp); }.f-lp #s08 .adoption-simple-step .step-label{
  color: #333;
  font-weight: 600;
  font-size: clamp(0.85rem, 2.4vw, 1.15rem);
}.f-lp #s08 .adoption-simple-step .step-sub{
  display: inline-block;
  background: #1a1a1a;
  color: #fff;
  opacity: 1;
  border-radius: 999px;
  padding: 3px 12px;
  font-size: clamp(0.62rem, 1.7vw, 0.75rem);
  font-weight: 600;
  margin-top: 8px;
}.f-lp #s08 .adoption-simple-arrow{
  align-self: center;
  color: #fff;
  font-size: clamp(0.9rem, 2.4vw, 1.3rem);
}
@media (max-width: 640px) {.f-lp #s08 .adoption-simple-arrow{ transform: none; }
}.f-lp #s08 .container > p.text-center{
  color: #fff !important;
  font-size: clamp(0.92rem, 2.6vw, 1.25rem) !important;
  font-weight: 600;
  margin-top: 32px !important;
}.f-lp #s08 .success-base-block{
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-top: 72px;
}.f-lp #s08 .sb-header{
  display: block;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 24px;
}.f-lp #s08 .sb-header > div.sb-icon{ display: none; }.f-lp #s08 .sb-header > div:not(.sb-icon){ display: flex; flex-direction: column-reverse; }.f-lp #s08 .sb-subtitle{          
  color: rgba(255, 255, 255, 0.16);
  font-weight: 700;
  font-style: italic;
  font-size: clamp(1.35rem, 6.4vw, 3.4rem);
  letter-spacing: 0.04em;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 16px;
  line-height: 1.1;
}.f-lp #s08 .sb-title{
  color: #fff;
  font-weight: 600;
  font-size: clamp(1.35rem, 4.6vw, 2.3rem);
  line-height: 1.5;
}.f-lp #s08 .sb-description{
  color: #fff;
  font-weight: 600;
  font-size: clamp(0.9rem, 2.5vw, 1.1rem);
  line-height: 1.95;
}.f-lp #s08 .sb-description strong:first-of-type{   
  color: #ffff00;
  font-size: clamp(1.25rem, 3.9vw, 1.85rem);
  display: inline-block;
  margin-bottom: 12px;
}.f-lp #s08 .sb-description strong{ color: inherit; }.f-lp #s08 .success-base-services{
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 28px;
}.f-lp #s08 .sb-service-card{
  background: linear-gradient(100deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.62) 60%, rgba(255,255,255,0.42) 100%);
  border: none;
  border-radius: 0;                 
  padding: 22px 20px;
  align-items: center;
  gap: 20px;
}.f-lp #s08 .sb-service-card:first-child{ border-radius: 14px 14px 0 0; }.f-lp #s08 .sb-service-card:last-child{ border-radius: 0 0 14px 14px; }.f-lp #s08 .sb-service-card .sb-num{
  flex: none;
  width: auto;
  height: auto;
  background: transparent;
  color: #fff;
  font-style: italic;
  font-weight: 600;
  font-size: clamp(2.4rem, 7.4vw, 3.4rem);
  line-height: 1;
  text-shadow: 0 2px 8px rgba(3, 31, 79, 0.35);
  border-radius: 0;
  display: block;
  padding: 0 4px;
}.f-lp #s08 .sb-service-card .sb-num::before{ content: '0'; }.f-lp #s08 .sb-service-card .sb-h{
  color: #1a1a43;
  font-weight: 600;
  font-size: clamp(1rem, 2.9vw, 1.35rem);
  margin-bottom: 6px;
}.f-lp #s08 .sb-service-card .sb-p{
  color: #333;
  font-weight: 600;
  font-size: clamp(0.78rem, 2.1vw, 0.9rem);
  line-height: 1.7;
}.f-lp #s08 .sb-promise{
  background: transparent;
  border: none;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: clamp(1.05rem, 3.1vw, 1.55rem);
  line-height: 2.1;
  margin-top: 48px;
}.f-lp #s08 .sb-promise .accent{
  color: #ffff00;
  font-size: clamp(1.7rem, 5.4vw, 2.9rem);
  display: inline-block;
  margin-top: 12px;
}.f-lp #s08 .section-bridge{ padding-top: 64px; }.f-lp #s08 .section-bridge::before{ color: #fff; font-size: 1.4rem; }.f-lp #s08 .section-bridge p{ color: #fff; font-weight: 400; }.f-lp #s08 .section-bridge .emphasis,
.f-lp #s08 .section-bridge .accent{ color: #fff; font-weight: 700; }


@media (min-width: 1024px) {.f-lp #s08{ padding: 96px 0 104px; }.f-lp #s08 .section-id{ margin-bottom: 40px; }.f-lp #s08 .section-title{ text-align: center; margin-bottom: 44px; }.f-lp #s08 .adoption-simple{ max-width: 760px; gap: 16px; }.f-lp #s08 .adoption-simple-step{ padding: 32px 12px 24px; }.f-lp #s08 .success-base-block{ max-width: 820px; margin-left: auto; margin-right: auto; }.f-lp #s08 .sb-subtitle{ font-size: 3.4rem; }.f-lp #s08 .sb-promise{ margin-top: 56px; }
}.f-lp #s09{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  background: #fff;
  color: #000;
  border-bottom: none;
}.f-lp #s09 .designer-note{ display: none; }.f-lp #s09 .container{ display: flex; flex-direction: column; }.f-lp #s09 .container > *{ order: 0; }.f-lp #s09 .section-id{ order: -2; }.f-lp #s09 .office-photo-placeholder{ order: -1; }.f-lp #s09 .section-id{
  display: block;
  width: 100%;
  text-align: center;
  background: transparent;
  color: #000;
  padding: 0;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  border-radius: 0;
  margin-bottom: 28px;
}.f-lp #s09 .office-photo-placeholder{
  background: url(/hp/assets/img/lp-school/office-photo.d65af5f8.webp) center / cover no-repeat;
  aspect-ratio: 800 / 421;
  min-height: 0;
  padding: 0;
  color: transparent;
  font-size: 0;
  margin-bottom: 36px;
}.f-lp #s09 .section-title{
  color: #000;
  font-weight: 600;
  font-size: clamp(1.15rem, 3.2vw, 1.55rem);
  margin-bottom: 32px;
}.f-lp #s09 .section-title::before{
  content: '';
  display: block;
  width: min(240px, 52vw);
  aspect-ratio: 260 / 87;
  margin: 0 auto 12px;
  background: url(/hp/assets/img/lp-school/arkad-logo.efbdbf20.webp) center / contain no-repeat;
}.f-lp #s09 .company-block{
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  max-width: 680px;
  margin: 0 auto 8px;
  width: 100%;
}.f-lp #s09 .company-story{
  color: #000;
  font-weight: 500;
  font-size: clamp(0.95rem, 2.6vw, 1.2rem);
  line-height: 1.9;
}.f-lp #s09 .company-block p:nth-of-type(2){
  position: relative;
  padding-right: 106px;
  margin-top: 24px !important;
}.f-lp #s09 .company-block p:nth-of-type(2)::after{   
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 88px;
  aspect-ratio: 94 / 118;
  background: url(/hp/assets/img/lp-school/iso-badge.53a43b5f.webp) center / contain no-repeat;
}.f-lp #s09 .subsection-title{
  text-align: left !important;
  color: #000;
  font-weight: 600;
  font-size: clamp(1.05rem, 2.9vw, 1.3rem);
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border-bottom: 1px solid #999;
  padding-bottom: 10px;
}.f-lp #s09 .company-info-table{
  max-width: 680px;
  margin: 16px auto 0;
  width: 100%;
  border-collapse: collapse;
}.f-lp #s09 .company-info-table th{
  color: #000;
  font-weight: 500;
  font-size: clamp(0.82rem, 2.2vw, 1rem);
  text-align: left;
  vertical-align: top;
  padding: 12px 16px 12px 8px;
  white-space: nowrap;
  width: 96px;
  border: none;
  background: transparent;
}.f-lp #s09 .company-info-table td{
  color: #000;
  font-weight: 500;
  font-size: clamp(0.82rem, 2.2vw, 1rem);
  padding: 12px 8px;
  border: none;
  background: transparent;
}.f-lp #s09 .company-purpose{
  background:
    linear-gradient(rgba(10, 25, 60, 0.78), rgba(10, 25, 60, 0.78)),
    url(/hp/assets/img/lp-school/why-bg.0ef59e09.webp) center / cover no-repeat;
  border-radius: 0;
  color: #fff;
  font-family: 'Noto Serif JP', "Hiragino Mincho ProN", serif;
  text-align: center;
  padding: 64px 24px 48px;
  
  margin: 48px calc(50% - 50vw) 0;
  width: 100vw;
  max-width: none;
}.f-lp #s09 .company-purpose .purpose-label{
  color: #fff;
  font-weight: 300;
  font-size: clamp(1.25rem, 4.4vw, 2rem);
  letter-spacing: 0.04em;
  margin-bottom: 36px;
}.f-lp #s09 .company-purpose .purpose-text{
  color: #fff;
  font-weight: 500;
  font-size: clamp(0.9rem, 2.5vw, 1.15rem);
  line-height: 2.1;
}.f-lp #s09 .company-purpose .purpose-text strong{ font-weight: 600; color: #fff; }.f-lp #s09 .company-purpose .purpose-signature{
  color: #fff;
  font-weight: 500;
  font-size: clamp(0.85rem, 2.3vw, 1.05rem);
  margin-top: 44px;
}.f-lp #s09 .section-bridge{ padding-top: 64px; }.f-lp #s09 .section-bridge::before{ color: var(--s01-blue-bright); font-size: 1.6rem; }.f-lp #s09 .section-bridge p{ color: #031f4f; font-weight: 400; }.f-lp #s09 .section-bridge .emphasis,
.f-lp #s09 .section-bridge .accent{ color: #031f4f; font-weight: 700; }


@media (min-width: 1024px) {.f-lp #s09{ padding: 96px 0 104px; }.f-lp #s09 .office-photo-placeholder{ margin-bottom: 44px; }.f-lp #s09 .company-purpose{ padding: 80px 40px 64px; margin-top: 64px; }.f-lp #s09 .section-bridge{ margin-top: 56px; }.f-lp #s09 .section-bridge p{ font-size: 1.2rem; }
}.f-lp #s09p{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  background: #f4f7fa;
  color: #031f4f;
  border-bottom: none;
}.f-lp #s09p .designer-note{ display: none; }.f-lp #s09p .section-id{ display: none; }.f-lp #s09p .section-title{
  color: #2c6ea5;
  font-weight: 600;
  font-size: clamp(1.5rem, 5.4vw, 2.7rem);
  line-height: 1.6;
  margin-bottom: 24px;
  text-wrap: balance;
}.f-lp #s09p .container > p.text-center{
  color: #000 !important;
  font-weight: 600;
  font-size: clamp(0.95rem, 2.7vw, 1.3rem) !important;
  line-height: 2.0;
  margin-bottom: 48px !important;
}.f-lp #s09p .closing-reasons{
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  max-width: 680px;
  margin: 0 auto;
}.f-lp #s09p .closing-card{
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 18px;
  align-items: start;
  background: #fff;
  border: 1px solid #e2e8ee;
  border-radius: 10px;
  box-shadow: 0 3px 12px rgba(3, 31, 79, 0.06);
  padding: 26px 24px;
  text-align: left;
}.f-lp #s09p .closing-card .closing-num{
  grid-row: 1 / span 2;
  color: #9aa7b5;
  font-weight: 500;
  font-size: clamp(1.15rem, 3.2vw, 1.5rem);
  line-height: 1.4;
  letter-spacing: 0.04em;
}.f-lp #s09p .closing-card h4,
.f-lp #s09p .closing-card p{ grid-column: 2; }.f-lp #s09p .closing-card h4{
  color: #031f4f;
  font-weight: 600;
  font-size: clamp(1rem, 2.9vw, 1.3rem);
  margin: 0 0 8px;
}.f-lp #s09p .closing-card p{
  color: #333;
  font-weight: 600;
  font-size: clamp(0.78rem, 2.1vw, 0.9rem);
  line-height: 1.75;
  margin: 0;
}


@media (min-width: 1024px) {.f-lp #s09p{ padding: 96px 0 104px; }.f-lp #s09p .closing-reasons{ max-width: 720px; }.f-lp #s09p .closing-card{ padding: 30px 28px; }
}.f-lp #s10{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  background: #f0f0f0;
  color: #000;
  border-bottom: none;
}.f-lp #s10 .designer-note{ display: none; }.f-lp #s10 .section-id{
  display: inline-block;
  background: transparent;
  color: var(--s01-blue-bright);
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: clamp(2.2rem, 7vw, 3.4rem);
  font-weight: 600;
  letter-spacing: 0.12em;
  border-radius: 0;
  margin-bottom: 24px;
  vertical-align: baseline;
}.f-lp #s10 .section-title{
  display: inline-block;
  text-align: left;
  color: #000;
  font-weight: 600;
  font-size: clamp(0.95rem, 2.6vw, 1.2rem);
  margin: 0 0 24px 14px;
  vertical-align: baseline;
}.f-lp #s10 details.faq-item{
  border: none;
  border-radius: 3px;
  background: #fff;
  padding: 20px 20px;
  margin: 14px 0;
  box-shadow: 0 2px 8px rgba(3, 31, 79, 0.05);
}.f-lp #s10 details.faq-item summary{
  color: #000;
  font-weight: 600;
  font-size: clamp(0.88rem, 2.4vw, 1.05rem);
}.f-lp #s10 details.faq-item summary::after{
  color: #000;
  font-weight: 600;
  top: 50%;
  transform: translateY(-50%);
}.f-lp #s10 details.faq-item p{
  color: #333;
  font-weight: 500;
  font-size: clamp(0.82rem, 2.2vw, 0.95rem);
}.f-lp #s10 .section-bridge{ padding-top: 40px; }.f-lp #s10 .section-bridge::before{ content: none; }.f-lp #s10 .section-bridge p{ color: #000; font-weight: 400; }.f-lp #s10 .section-bridge .emphasis,
.f-lp #s10 .section-bridge .accent{ color: #000; font-weight: 600; }.f-lp #s10 .section-bridge .bridge-final{
  font-size: clamp(1.1rem, 3.1vw, 1.45rem);
  font-weight: 600;
  display: inline-block;
  margin-top: 8px;
  line-height: 1.8;
}


@media (min-width: 1024px) {.f-lp #s10{ padding: 96px 0 104px; }.f-lp #s10 .container{ max-width: 760px; }.f-lp #s10 .section-bridge{ margin-top: 48px; }.f-lp #s10 .section-bridge p{ font-size: 1.15rem; }
}.f-lp #s11p{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  background: #fff;
  border-bottom: none;
}.f-lp #s11p .designer-note{ display: none; }.f-lp #s11p .imagine-label{
  color: #000;
  font-weight: 500;
  font-size: clamp(0.92rem, 2.6vw, 1.2rem);
  letter-spacing: 0.1em;
  margin-bottom: 28px;
}.f-lp #s11p .future-pacing-narrative{
  color: #000;
  font-weight: 500;
  font-size: clamp(0.95rem, 2.6vw, 1.2rem);
  line-height: 2.1;
}.f-lp #s11p .future-pacing-narrative p{ margin: 34px 0; }.f-lp #s11p .future-pacing-narrative .highlight{
  color: #2c6ea5;
  font-weight: 600;
  font-size: 1.25em;
}.f-lp #s11p .future-pacing-narrative p:last-child .highlight:nth-of-type(2){
  color: inherit;              
  font-weight: inherit;
  font-size: inherit;
}.f-lp #s11p .future-pacing-narrative .quote-prev{ color: #000; font-style: normal; }.f-lp #s11p .future-pacing-narrative .now{
  background: linear-gradient(transparent 68%, #ffe94d 68%);
  font-weight: 600;
}.f-lp #s11p .future-pacing-final-catch{
  color: #000;
  font-weight: 600;
  font-size: clamp(1.5rem, 5vw, 2.4rem);
  margin-top: 56px;
}.f-lp #s11p .future-pacing-final-catch .so{
  color: #000;
  font-weight: 600;
  font-size: 0.72em;
  letter-spacing: 0.1em;
  margin-bottom: 24px;
}


@media (min-width: 1024px) {.f-lp #s11p{ padding: 96px 0 104px; }.f-lp #s11p .future-pacing-narrative{ max-width: 680px; }
}.f-lp #cta-final{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  background: #1a1a43;
  border-bottom: none;
}.f-lp #cta-final .section-id{ display: none; }.f-lp #cta-final .section-title{
  font-weight: 600;
  font-size: clamp(1.15rem, 5.4vw, 2.9rem);  
  line-height: 1.6;
  margin-bottom: 28px;
  white-space: nowrap;
}.f-lp #cta-final .sub{
  color: #fff;
  font-weight: 500;
  font-size: clamp(0.95rem, 2.7vw, 1.3rem);
  line-height: 2.0;
  margin-bottom: 52px;
}.f-lp #cta-final .reasons-columns{
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  max-width: 680px;
  margin: 0 auto 48px;
}.f-lp #cta-final .reason-card{
  background: transparent;
  border: none;
  padding: 0;
  color: #fff;
}.f-lp #cta-final .reason-card h4{
  color: #fff;
  font-weight: 600;
  font-size: clamp(1.15rem, 3.4vw, 1.75rem);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 14px;
  margin: 0 0 18px;
}.f-lp #cta-final .reason-card ul{
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 16px;
}.f-lp #cta-final .reason-card li{
  color: #fff;
  font-weight: 500;
  font-size: clamp(0.85rem, 2.3vw, 1.1rem);
  padding-left: 26px;
  position: relative;
}.f-lp #cta-final .reason-card li::before{
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--s01-cta-blue);
  font-weight: 700;
}.f-lp #cta-final .btn-primary.btn-mega{
  background: linear-gradient(180deg, #1db0f2, #0d93da);
  color: #fff;
  padding: 16px 16px;
  min-height: 0;
  font-size: clamp(1.02rem, 2.8vw, 1.55rem);
}.f-lp #cta-final .note{
  color: #fff !important;
  font-size: clamp(0.72rem, 2vw, 0.85rem);
  text-align: center;
  line-height: 1.9;
  margin-top: 24px;
}.f-lp #cta-final .final-epilogue{
  border-top: 1px solid rgba(255, 255, 255, 0.35);
  max-width: 680px;
  margin: 56px auto 0;
  padding-top: 64px;
  text-align: center;
}.f-lp #cta-final .final-epilogue p{
  color: #fff;
  font-weight: 500;
  font-size: clamp(0.92rem, 2.6vw, 1.2rem);
  line-height: 2.1;
  margin: 32px 0;
}.f-lp #cta-final .final-epilogue strong{ color: #fff; font-weight: 700; }.f-lp #cta-final .signature-line{
  display: block;
  color: #fff;
  font-weight: 500;
  font-size: clamp(1.05rem, 3vw, 1.5rem);
  letter-spacing: 0.04em;
  margin: 64px 0 28px;
}.f-lp #cta-final .signature{
  color: #fff;
  font-weight: 600;
  font-size: clamp(1.6rem, 5.8vw, 2.9rem);
  line-height: 1.6;
}


@media (prefers-reduced-motion: no-preference) {.f-lp .reveal{
    opacity: 0;
    transform: translateY(26px);
    transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
                transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: opacity, transform;
  }.f-lp .reveal.in{
    opacity: 1;
    transform: none;
  }.f-lp #s11p .future-pacing-narrative .now{
    background: linear-gradient(#ffe94d, #ffe94d) left 68% / 0% 32% no-repeat;
    transition: background-size 0.8s ease 0.45s;
  }.f-lp #s11p .future-pacing-narrative .reveal.in .now{
    background-size: 100% 32%;
  }
}.f-lp #s02,
.f-lp #s03,
.f-lp #s04,
.f-lp #s05,
.f-lp #s06,
.f-lp #s07,
.f-lp #s08,
.f-lp #s09,
.f-lp #s09p,
.f-lp #s10,
.f-lp #s11p,
.f-lp #cta-final,
.f-lp footer{
  content-visibility: auto;
}.f-lp #s02{ contain-intrinsic-size: auto 943px; }.f-lp #s03{ contain-intrinsic-size: auto 1412px; }.f-lp #s04{ contain-intrinsic-size: auto 1870px; }.f-lp #s05{ contain-intrinsic-size: auto 1794px; }.f-lp #s06{ contain-intrinsic-size: auto 2789px; }.f-lp #s07{ contain-intrinsic-size: auto 2883px; }.f-lp #s08{ contain-intrinsic-size: auto 2205px; }.f-lp #s09{ contain-intrinsic-size: auto 2033px; }.f-lp #s09p{ contain-intrinsic-size: auto 1273px; }.f-lp #s10{ contain-intrinsic-size: auto 920px; }.f-lp #s11p{ contain-intrinsic-size: auto 785px; }.f-lp #cta-final{ contain-intrinsic-size: auto 1920px; }.f-lp footer{ contain-intrinsic-size: auto 215px; }html.bg-defer .f-lp #s01 .fv .fv-tagline::before{ background-image: none; }html.bg-defer .f-lp #s09 .office-photo-placeholder{ background-image: none; }html.bg-defer .f-lp #s04{
  background-image: linear-gradient(rgba(244, 248, 251, 0.88), rgba(244, 248, 251, 0.88));
}html.bg-defer .f-lp #s09 .company-purpose{
  background-image: linear-gradient(rgba(10, 25, 60, 0.78), rgba(10, 25, 60, 0.78));
}.f-lp .sticky-cta{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  background: rgba(3, 31, 79, 0.92);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  transform: translateY(110%);
  transition: transform 0.28s ease;
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
}.f-lp .sticky-cta.visible{ transform: none; }.f-lp .sticky-cta-btn{
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  border: none;
  background: linear-gradient(180deg, #1db0f2, #0d93da);
  color: #fff;
  font-family: inherit;
  font-weight: 600;
  font-size: 1rem;
  border-radius: 999px;
  padding: 14px 16px;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(13, 147, 218, 0.5);
}
@media (min-width: 1024px) {.f-lp .sticky-cta{ display: none; }   
}.f-lp .cta-modal-overlay{
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(3, 31, 79, 0.72);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
}.f-lp .cta-modal-overlay[hidden]{ display: none; }.f-lp .cta-modal{
  position: relative;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 16px 60px rgba(3, 31, 79, 0.4);
  width: min(480px, 100%);
  max-height: 88vh;
  overflow-y: auto;
  padding: 36px 26px 28px;
}.f-lp .cta-modal-close{
  position: absolute;
  top: 10px;
  right: 12px;
  border: none;
  background: transparent;
  color: #8a97a5;
  font-size: 1.7rem;
  line-height: 1;
  cursor: pointer;
  padding: 6px;
}.f-lp .cta-modal-title{
  color: #031f4f;
  font-weight: 600;
  font-size: clamp(1.15rem, 3.4vw, 1.4rem);
  text-align: center;
  margin: 0 0 10px;
}.f-lp .cta-modal-sub{
  color: #333;
  font-size: 0.88rem;
  text-align: center;
  line-height: 1.8;
  margin-bottom: 20px;
}.f-lp .cta-modal-form label{
  display: block;
  color: #031f4f;
  font-weight: 600;
  font-size: 0.85rem;
  margin-bottom: 14px;
}.f-lp .cta-modal-form .req{
  display: inline-block;
  background: #d82d2d;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 600;
  border-radius: 3px;
  padding: 1px 6px;
  margin-left: 8px;
  vertical-align: 1px;
}.f-lp .cta-modal-form input{
  display: block;
  width: 100%;
  margin-top: 6px;
  border: 1px solid #c3cfda;
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 16px;               
  font-family: inherit;
  color: #031f4f;
  background: #f7fafc;
}.f-lp .cta-modal-form select,
.f-lp .cta-modal-form textarea{
  display: block;
  width: 100%;
  margin-top: 6px;
  border: 1px solid #c3cfda;
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 16px;
  font-family: inherit;
  color: #031f4f;
  background: #f7fafc;
}.f-lp .cta-modal-form textarea{ resize: vertical; }.f-lp .cta-modal-form input:focus,
.f-lp .cta-modal-form select:focus,
.f-lp .cta-modal-form textarea:focus{
  outline: 2px solid var(--s01-cta-blue);
  border-color: transparent;
  background: #fff;
}.f-lp .cta-modal-submit:disabled{
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
}.f-lp .cta-modal-submit{
  display: block;
  width: 100%;
  border: none;
  background: linear-gradient(180deg, #1db0f2, #0d93da);
  color: #fff;
  font-family: inherit;
  font-weight: 600;
  font-size: 1.05rem;
  text-align: center;
  text-decoration: none;
  border-radius: 999px;
  padding: 15px 16px;
  margin-top: 8px;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(13, 147, 218, 0.4);
  transition: opacity 0.15s;
}.f-lp .cta-modal-submit:hover{ opacity: 0.9; }.f-lp .cta-modal-target{
  background: #f2f8fd;
  border: 1px solid #bfe6fb;
  border-radius: 10px;
  color: #31506e;
  font-size: 0.78rem;
  line-height: 1.7;
  text-align: left;
  padding: 10px 14px;
  margin: 0 0 20px;
}.f-lp .cta-modal-note{
  color: #8a97a5;
  font-size: 0.72rem;
  text-align: center;
  margin: 12px 0 0;
}.f-lp .cta-modal-list{
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}.f-lp .cta-modal-list li{
  color: #031f4f;
  font-weight: 500;
  font-size: 0.92rem;
  padding: 8px 0 8px 30px;
  position: relative;
}.f-lp .cta-modal-list li::before{
  content: '✓';
  position: absolute;
  left: 4px;
  color: #d82d2d;
  font-weight: 700;
}.f-lp footer{
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", sans-serif;
  background: #dce6ec;
  color: #000;
  padding: 48px 24px 32px;
}.f-lp footer li{ margin: 14px 0; font-size: clamp(0.82rem, 2.2vw, 0.95rem); font-weight: 500; }.f-lp footer a{ color: #000; text-decoration: none; }.f-lp footer a:hover{ text-decoration: underline; }.f-lp footer .copyright{
  color: #000;
  text-align: center;
  font-size: 0.8rem;
  margin: 96px 0 0;
}


@media (min-width: 1024px) {.f-lp #cta-final{ padding: 96px 0 104px; }.f-lp #cta-final .reasons-columns{
    grid-template-columns: repeat(3, 1fr);
    max-width: 1080px;
    gap: 32px;
  }.f-lp #cta-final .reason-card ul{ grid-template-columns: 1fr; }.f-lp #cta-final .final-epilogue{ margin-top: 72px; }
}