:root {
  --jm-navy: #063e6b;
  --jm-blue: #006db7;
  --jm-cyan: #16afe0;
  --jm-cyan-dark: #0797ca;
  --jm-pale: #eefafa;
  --jm-pale-blue: #e8f6fc;
  --jm-orange: #ff9300;
  --jm-orange-dark: #e87d00;
  --jm-green: #2eb89a;
  --jm-text: #183246;
  --jm-muted: #647785;
  --jm-line: #d5e4e9;
  --jm-white: #fff;
  --jm-shadow: 0 12px 28px rgba(6, 62, 107, .10);
  --jm-radius: 16px;
  --jm-container: 1120px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--jm-text);
  background: #fff;
  font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }

.jm-container {
  width: min(calc(100% - 40px), var(--jm-container));
  margin-inline: auto;
}

.jm-site-header {
  position: relative;
  z-index: 20;
  background: #fff;
  border-top: 5px solid #f5d7aa;
  box-shadow: 0 2px 10px rgba(16, 45, 65, .06);
}
.jm-header-inner {
  min-height: 72px;
  display: flex;
  align-items: center;
  gap: 26px;
}
.jm-logo {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #0f2b3d;
  font-size: 20px;
}
.jm-logo-mark {
  width: 30px;
  height: 30px;
  position: relative;
  border-radius: 9px 13px 9px 13px;
  background: var(--jm-cyan);
  transform: rotate(-8deg);
  box-shadow: inset -9px 0 0 #ff4f5f;
}
.jm-logo-mark::after {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background: #fff;
}
.jm-header-nav {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(12px, 2vw, 27px);
  font-size: 12px;
  font-weight: 700;
  color: #243d4e;
  white-space: nowrap;
}
.jm-header-nav a:hover { color: var(--jm-blue); }
.jm-header-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 9px;
}
.jm-phone {
  text-align: right;
  font-size: 10px;
  line-height: 1.25;
  color: #445866;
}
.jm-phone strong {
  display: block;
  font-size: 17px;
  color: var(--jm-navy);
  letter-spacing: .02em;
}
.jm-mini-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  padding: 0 15px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}
.jm-mini-btn--login { background: #eaf5fb; color: var(--jm-blue); }
.jm-mini-btn--entry { background: #ffd64e; color: #594000; }

.jm-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(120deg, rgba(0,132,190,.15), rgba(0,132,190,0) 60%),
    linear-gradient(135deg, #2bc0e8 0%, #10aade 55%, #24b8df 100%);
}
.jm-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .36;
  background-image:
    linear-gradient(rgba(255,255,255,.55) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.55) 1px, transparent 1px);
  background-size: 47px 47px;
  transform: perspective(600px) rotateX(67deg) scale(1.6) translateY(25%);
  transform-origin: center bottom;
  mask-image: linear-gradient(to bottom, transparent 4%, #000 42%, #000 100%);
}
.jm-hero::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  right: -190px;
  top: -260px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(255,255,255,.04), 0 0 0 140px rgba(255,255,255,.035);
}
.jm-hero-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(410px, .95fr);
  gap: 42px;
  align-items: center;
  min-height: 520px;
  padding-block: 54px 48px;
}

.jm-hero-image {
  width: 100%;
  max-width: 640px;
  height: auto;
  display: block;
  margin: 0 auto 50px;
}

.jm-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .04em;
}

.jm-hero h1 {
  margin: 0;
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1.28;
  letter-spacing: -.04em;
  text-shadow: 0 2px 0 rgba(0,74,120,.1);
}
.jm-hero h1 .jm-small-line {
  display: block;
  margin-bottom: 2px;
  font-size: .53em;
  letter-spacing: .01em;
}
.jm-hero h1 .jm-emphasis {
  display: inline-block;
  padding-inline: .08em;
  background: linear-gradient(transparent 65%, rgba(255,216,76,.95) 0);
}
.jm-hero-lead {
  margin: 15px 0 21px;
  font-size: clamp(15px, 1.6vw, 20px);
  font-weight: 700;
  letter-spacing: .02em;
}
.jm-stat-list {
  display: flex;
  gap: 12px;
  margin: 0 0 18px 0;
  padding: 0;
  list-style: none;
}
.jm-stat {
  width: 132px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  color: var(--jm-navy);
  background: #fff;
  border: 5px solid rgba(255,255,255,.5);
  box-shadow: 0 10px 20px rgba(2,74,119,.18);
}
.jm-stat-icon {
  width: 31px;
  height: 31px;
  margin: 0 auto 2px;
  display: grid;
  place-items: center;
  color: var(--jm-cyan-dark);
}
.jm-stat-label { font-size: 11px; line-height: 1.25; font-weight: 700; }
.jm-stat-value { display: block; font-size: 24px; line-height: 1.15; font-weight: 900; letter-spacing: -.04em; }
.jm-stat-value small { font-size: 12px; letter-spacing: 0; }
.jm-hero-note {
  display: inline-block;
  margin: 0 0 20px;
  padding: 5px 10px;
  color: #fff;
  background: rgba(0,99,151,.25);
  border-left: 3px solid rgba(255,255,255,.8);
  font-size: 11px;
  font-weight: 700;
}
.jm-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.jm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 56px;
  padding: 0 33px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: .02em;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.jm-btn:hover { transform: translateY(-2px); }
/* .jm-btn::after { content: "›"; font-size: 22px; line-height: 1; } */


/* 共通ボタン */
.jm-btn {
  display: inline-flex;
  text-align: center;
  align-items: center; 
  justify-content: center; 
  font-weight: 700;
  border-radius: 999px;
  text-decoration: none;
  transition: all .2s ease;
  padding: 14px 28px;
  line-height: 1.4;
}

/* メインCTA（オレンジ） */
.jm-btn--primary {
  min-width: 240px;
  color: #fff;
  background: var(--jm-orange);
  box-shadow: 0 6px 0 var(--jm-orange-dark), 0 12px 24px rgba(158,85,0,.25);
}

/* ホバー時（浮き上がる→押される動き） */
.jm-btn--primary:hover {
  background: #ffa313;
  transform: translateY(2px);
  box-shadow: 0 4px 0 var(--jm-orange-dark), 0 8px 16px rgba(158,85,0,.25);
}

/* サブCTA */
.jm-btn--secondary {
  min-width: 240px;
  color: #fff;
  background: var(--jm-navy);
  border: 2px solid rgba(255,255,255,.5);
  box-shadow: 0 6px 0 #023253, 0 12px 24px rgba(0,45,79,.18);
}

.jm-btn--secondary:hover {
  transform: translateY(2px);
  box-shadow: 0 4px 0 #023253, 0 8px 16px rgba(0,45,79,.18);
}

.jm-btn small { display: block; font-size: 10px; font-weight: 600; opacity: .9; }

.jm-hero-visual {
  position: relative;
  min-height: 392px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.jm-browser-bar {
  height: 28px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  background: #eff4f7;
  border-bottom: 1px solid #d9e3e8;
}
.jm-browser-bar i { width: 7px; height: 7px; border-radius: 50%; background: #b9c8d0; }
.jm-app {
  min-height: 255px;
  display: grid;
  grid-template-columns: 1.18fr .82fr;
  color: #3a5363;
  background: #f8fbfd;
}
.jm-drawing {
  margin: 17px;
  min-height: 218px;
  position: relative;
  background: #fff;
  border: 1px solid #cadbe2;
}
.jm-drawing::before,
.jm-drawing::after {
  content: "";
  position: absolute;
  inset: 24% 16%;
  border: 2px solid #5f7f91;
}
.jm-drawing::after {
  inset: 34% 29%;
  border-radius: 50%;
  border-width: 1px;
  box-shadow: 0 0 0 16px transparent, 0 0 0 17px #8aa2af;
}
.jm-drawing-lines {
  position: absolute;
  inset: 10%;
  background:
    linear-gradient(90deg, transparent 49.5%, #b8c8d0 50%, transparent 50.5%),
    linear-gradient(transparent 49.5%, #b8c8d0 50%, transparent 50.5%);
}
.jm-sidepanel {
  padding: 16px 13px;
  background: #fff;
  border-left: 1px solid #e0e9ed;
}
.jm-ui-line { height: 8px; margin-bottom: 9px; border-radius: 5px; background: #d9e5ea; }
.jm-ui-line:nth-child(2n) { width: 72%; }
.jm-ui-line:nth-child(3n) { width: 48%; }
.jm-ui-btn { width: 70%; height: 24px; margin-top: 18px; border-radius: 4px; background: #176cf1; }
.jm-phone-mock::before {
  content: "";
  position: absolute;
  width: 38px;
  height: 5px;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
  background: #3b464d;
}
.jm-phone-screen {
  width: 100%; height: 100%;
  padding: 13px 7px;
  border-radius: 14px;
  background: #fff;
}
.jm-phone-screen .jm-ui-line { height: 5px; margin-bottom: 7px; }
.jm-phone-drawing { height: 82px; margin: 9px 0; border: 1px solid #d4e1e7; background: linear-gradient(135deg,#fff,#f1f7fa); position: relative; }
.jm-phone-drawing::before { content:""; position:absolute; inset:20%; border:1px solid #7190a0; border-radius:50%; }

/* バッジのベース記述（PC表示） */
.jm-float-badge {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: -30px;
  transform: translateX(-50%);
  width: 90%;
  max-width: 280px;
  padding: 10px 17px;
  color: var(--jm-navy);
  background: rgba(255,255,255,.96);
  border-radius: 20px;
  box-shadow: var(--jm-shadow);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
}
.jm-float-badge strong { display: block; font-size: 18px; color: var(--jm-blue); }

.jm-section { padding: 90px 0; }
.jm-section--pale { background: var(--jm-pale); }
.jm-section--blue-pale { background: var(--jm-pale-blue); }
.jm-section--white { background: #fff; }
.jm-section-head { text-align: center; margin: 0 auto 48px; max-width: 790px; }
.jm-en-label {
  display: block;
  margin-bottom: 7px;
  color: var(--jm-cyan-dark);
  font: 800 12px/1.2 Arial, sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.jm-section-head h2 {
  margin: 0;
  color: var(--jm-navy);
  font-size: clamp(27px, 3vw, 42px);
  line-height: 1.45;
  letter-spacing: -.035em;
}
.jm-section-head h2 strong { color: var(--jm-blue); }
.jm-section-head p { margin: 17px 0 0; color: var(--jm-muted); }
.jm-title-rule { width: 62px; height: 4px; margin: 20px auto 0; background: var(--jm-orange); border-radius: 5px; }

.jm-intro { text-align: center; }
.jm-intro-quotes {
  max-width: 810px;
  margin: 0 auto 28px;
  padding: 30px 38px;
  position: relative;
  color: var(--jm-navy);
  background: #fff;
  border: 1px solid var(--jm-line);
  border-radius: var(--jm-radius);
  box-shadow: var(--jm-shadow);
  font-size: clamp(17px, 2vw, 22px);
  font-weight: 800;
  line-height: 1.75;
}
.jm-intro-quotes::before {
  content: "“";
  position: absolute;
  left: 18px;
  top: -18px;
  color: #bde8f3;
  font: 900 70px/1 Georgia, serif;
}
.jm-intro p { max-width: 760px; margin: 0 auto; }

.jm-about-grid {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 60px;
  align-items: center;
}
.jm-about-visual {
  min-height: 390px;
  position: relative;
  border-radius: 32px;
  background: linear-gradient(135deg, #e7f8fc, #c7edf8);
  overflow: hidden;
}
.jm-about-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(6,109,183,.15) 1px, transparent 1px);
  background-size: 18px 18px;
}
.jm-upload-card {
  position: absolute;
  width: min(340px, 90vw);
  aspect-ratio: 4 / 3;
  min-height: 280px; /* 変更 */
  left: 11%;
  top: 36px;
  padding: 20px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 18px 35px rgba(0,97,150,.16);
  transform: rotate(-3deg);
}

.jm-upload-zone {
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--jm-blue);
  border: 2px dashed #67c8e2;
  border-radius: 13px;
  background: #f6fdff;
  font-weight: 800;
  overflow: hidden; /* 追加 */
}

@media (max-width: 767px) {

  .jm-upload-card {
    width: 85%;
    min-height: 220px;
    left: 7.5%;
    top: 30px;
    padding: 20px;
    transform: rotate(-3deg);
  }

  .jm-upload-zone {
    min-height: 180px;
  }

}

.jm-senban-image {
  position: absolute;
  width: 80%;
  max-width: none;
  height: auto;
  border-radius: 10px;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);
}
.jm-upload-icon { font-size: 42px; line-height: 1; }
.jm-quote-card {
  position: absolute;
  width: 47%;
  right: 5%;
  bottom: 35px;
  padding: 17px;
  background: #fff;
  border-radius: 15px;
  box-shadow: var(--jm-shadow);
  border-left: 5px solid var(--jm-orange);
}
.jm-quote-card strong { display: block; color: var(--jm-navy); font-size: 18px; }
.jm-about-copy h2 {
  margin: 0 0 22px;
  color: var(--jm-navy);
  font-size: clamp(30px, 3.5vw, 44px);
  line-height: 1.42;
  letter-spacing: -.035em;
}
.jm-about-copy h2 span { color: var(--jm-blue); }
.jm-about-copy p { margin: 0 0 14px; }
.jm-benefit-mini {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 28px;
}
.jm-benefit-mini-item {
  min-height: 114px;
  padding: 18px 12px;
  text-align: center;
  background: #fff;
  border: 1px solid #d8e9ef;
  border-radius: 13px;
  box-shadow: 0 7px 18px rgba(6,62,107,.06);
  font-size: 13px;
  font-weight: 800;
  color: var(--jm-navy);
}
.jm-benefit-mini-item svg { width: 34px; height: 34px; margin: 0 auto 7px; color: var(--jm-cyan-dark); }

.jm-problem-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  counter-reset: problem;
}
.jm-problem-card {
  position: relative;
  min-height: 238px;
  padding: 70px 27px 28px;
  background: #fff;
  border: 1px solid #cfe0e6;
  border-radius: 15px;
  box-shadow: 0 8px 22px rgba(6,62,107,.07);
}
.jm-problem-card::before {
  counter-increment: problem;
  content: "0" counter(problem);
  position: absolute;
  left: 26px;
  top: 19px;
  color: #d6eef5;
  font: 900 42px/1 Arial, sans-serif;
}
.jm-problem-icon {
  position: absolute;
  right: 22px;
  top: 18px;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--jm-cyan-dark);
  border-radius: 50%;
}
.jm-problem-card h3 { margin: 0 0 10px; color: var(--jm-navy); font-size: 19px; line-height: 1.5; }
.jm-problem-card p { margin: 0; color: var(--jm-muted); font-size: 14px; }
.jm-solution {
  max-width: 980px;
  margin: 32px auto 0;
  padding: 24px 30px;
  display: flex;
  gap: 18px;
  align-items: center;
  color: #fff;
  background: linear-gradient(100deg, var(--jm-blue), var(--jm-navy));
  border-radius: 15px;
  box-shadow: 0 15px 30px rgba(6,62,107,.16);
}
.jm-solution-label {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 96px;
  height: 96px;
  color: var(--jm-blue);
  background: #fff;
  border-radius: 50%;
  font-weight: 900;
  line-height: 1.25;
  text-align: center;
}
.jm-solution p { margin: 0; font-size: 17px; font-weight: 700; }

.jm-comparison-wrap {
  margin-top: 52px;
  overflow-x: auto;
  border-radius: 14px;
  box-shadow: var(--jm-shadow);
}
.jm-comparison {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  background: #fff;
  font-size: 14px;
}
.jm-comparison th, .jm-comparison td { padding: 17px 19px; border: 1px solid #d8e3e8; text-align: left; vertical-align: top; }
.jm-comparison thead th { text-align: center; color: #fff; background: var(--jm-navy); font-weight: 900; }
.jm-comparison thead th:first-child { background: #fff; color: var(--jm-navy); }
.jm-comparison thead th:nth-child(2) { background: #146cc3; }
.jm-comparison tbody th { width: 160px; color: var(--jm-navy); background: #f5fafc; }
.jm-comparison td:nth-child(2) { background: #e4f3ff; color: #064c88; font-weight: 700; }

.jm-reason-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.jm-reason-card {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d6e5eb;
  border-radius: 18px;
  box-shadow: var(--jm-shadow);
}
.jm-reason-card::before {
  content: attr(data-no);
  position: absolute;
  right: -7px;
  top: -15px;
  color: rgba(209, 230, 236, 0.35);
  font: 900 100px/1 Arial, sans-serif;
}
/* ==========================================
   理由セクション ビジュアル（線画化・カラー調整）
========================================== */
.jm-reason-visual {
  min-height: 155px;
  display: grid;
  place-items: center;
  /* 画像の背景雰囲気に合わせた鮮やかで清潔感のある青〜水色グラデーション */
  background: linear-gradient(135deg, #16afe0 0%, #006db7 100%);
}

.jm-reason-visual svg {
  width: 64px;
  height: 64px;
  /* 白線画として表示 */
  color: #ffffff;
  /* 必要に応じて線のドロップシャドウで可視性を補助 */
  filter: drop-shadow(0 2px 4px rgba(0, 50, 90, 0.15));
}

.jm-reason-body p {
  padding: 5px 15px 10px;
  font-size: 14px;
  text-align: left;
}

.jm-small-note {
  font-size: 12px;
  text-align: left;
  color: var(--jm-muted);
}

.jm-works-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.jm-work-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid #d5e2e7;
  border-radius: 15px;
  box-shadow: 0 8px 22px rgba(6,62,107,.07);
}
.jm-work-img {
  aspect-ratio: 4 / 2.55;
  position: relative;
  background:
    radial-gradient(circle at 50% 50%, #c2cdd2 0 19%, transparent 20%),
    linear-gradient(120deg, transparent 0 35%, #8ea2ab 36% 64%, transparent 65%),
    linear-gradient(135deg, #f4f7f8, #d9e2e6);
}
.jm-work-img::before {
  content: "旋盤加工イメージ";
  position: absolute;
  left: 12px;
  bottom: 10px;
  padding: 4px 9px;
  color: #fff;
  background: rgba(5,61,105,.75);
  border-radius: 6px;
  font-size: 10px;
  font-weight: 700;
}
.jm-work-card:nth-child(2) .jm-work-img {
  background:
    radial-gradient(ellipse at 50% 50%, #afbcc2 0 13%, #738b96 14% 27%, transparent 28%),
    linear-gradient(135deg, #f4f7f8, #d9e2e6);
}
.jm-work-card:nth-child(3) .jm-work-img {
  background:
    linear-gradient(90deg, transparent 0 18%, #7e959f 19% 80%, transparent 81%),
    radial-gradient(circle at 20% 50%, #b7c5cb 0 16%, transparent 17%),
    radial-gradient(circle at 80% 50%, #b7c5cb 0 16%, transparent 17%),
    linear-gradient(135deg, #f4f7f8, #d9e2e6);
}
.jm-work-body { padding: 20px 21px 22px; }
.jm-work-body h3 { margin: 0 0 12px; color: var(--jm-navy); font-size: 18px; }
.jm-meta { display: grid; grid-template-columns: 75px 1fr; gap: 6px 8px; margin: 0; font-size: 13px; }
.jm-meta dt { color: var(--jm-muted); font-weight: 700; }
.jm-meta dd { margin: 0; font-weight: 700; }
.jm-work-link { display: inline-flex; margin-top: 15px; color: var(--jm-blue); font-size: 13px; font-weight: 800; }
.jm-work-link::after { content: " →"; }

.jm-achievement {
  margin-top: 35px;
  padding: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  color: #fff;
  background: linear-gradient(110deg, var(--jm-navy), #075997);
  border-radius: 18px;
  box-shadow: 0 16px 35px rgba(6,62,107,.18);
}
.jm-achievement-item { text-align: center; border-right: 1px solid rgba(255,255,255,.25); }
.jm-achievement-item:last-child { border-right: 0; }
.jm-achievement-label { display: block; font-size: 12px; opacity: .85; }
.jm-achievement-value { display: block; margin-top: 5px; font-size: clamp(23px, 3vw, 36px); font-weight: 900; letter-spacing: -.03em; }
.jm-achievement-note { grid-column: 1 / -1; margin: 7px 0 0; text-align: center; font-size: 11px; opacity: .8; }

/* ==========================================
   フローセクション (.jm-flow) 修正
========================================== */
.jm-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  counter-reset: step;
}

.jm-flow-item {
  position: relative;
  text-align: center;
}

/* ステップ間の矢印ライン */
.jm-flow-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -18px;
  top: 75px;
  width: 36px;
  height: 2px;
  background: #78cde4;
}

.jm-flow-item:not(:last-child)::before {
  content: "";
  position: absolute;
  right: -18px;
  top: 70px;
  border-left: 9px solid #78cde4;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

/* アイコンの外枠（画像と同じ丸いバッジ形状） */
.jm-flow-icon {
  width: 148px;
  height: 148px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  position: relative;
  background: #ffffff;
  border: 4px solid #bce7f3; /* 薄い水色の外枠 */
  border-radius: 50%;
  box-shadow: 0 9px 20px rgba(6, 62, 107, .08);
}

/* 上部の "STEP 1~4" ラベル */
.jm-flow-icon::before {
  counter-increment: step;
  content: "STEP " counter(step);
  position: absolute;
  left: 50%;
  top: -13px;
  transform: translateX(-50%);
  padding: 4px 15px;
  color: #ffffff;
  background: var(--jm-blue); /* #006db7 */
  border-radius: 999px;
  font: 800 12px/1.2 Arial, sans-serif;
  white-space: nowrap;
  letter-spacing: .05em;
  box-shadow: 0 2px 6px rgba(0, 109, 183, 0.25);
}

/* インラインSVGのサイズ（可視性を向上） */
.jm-flow-icon svg {
  width: 76px;
  height: 76px;
  display: block;
}

.jm-flow-item h3 {
  margin: 0 0 8px;
  color: var(--jm-navy);
  font-size: 18px;
  font-weight: 800;
}

.jm-flow-item p {
  margin: 0;
  color: var(--jm-muted);
  font-size: 13px;
  line-height: 1.6;
}

.jm-cta {
  position: relative;
  overflow: hidden;
  padding: 76px 0 82px;
  color: #fff;
  text-align: center;
  background: linear-gradient(120deg, #0caadb, #0666a7);
}
.jm-cta::before, .jm-cta::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
}
.jm-cta::before { width: 430px; height: 430px; left: -220px; top: -180px; box-shadow: 0 0 0 65px rgba(255,255,255,.04), 0 0 0 130px rgba(255,255,255,.035); }
.jm-cta::after { width: 330px; height: 330px; right: -150px; bottom: -200px; box-shadow: 0 0 0 55px rgba(255,255,255,.04); }
.jm-cta .jm-container { position: relative; z-index: 1; }
.jm-cta h2 { margin: 0; font-size: clamp(29px, 4vw, 45px); line-height: 1.45; letter-spacing: -.035em; }
.jm-cta p { margin: 13px 0 27px; font-weight: 700; }
.jm-cta-badges { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; }
.jm-cta-badges span { padding: 5px 15px; color: var(--jm-navy); background: #fff; border-radius: 999px; font-size: 12px; font-weight: 800; }

.jm-footer { padding: 38px 0; color: #d9e6ed; background: #083554; }
.jm-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.jm-footer .jm-logo { color: #fff; }
.jm-footer-links { display: flex; flex-wrap: wrap; gap: 18px; font-size: 12px; }
.jm-footer small { display: block; margin-top: 13px; font-size: 11px; color: #a7bdca; }

.jm-mobile-cta { display: none; }

@media (max-width: 980px) {
  .jm-header-nav, .jm-phone { display: none; }
  .jm-header-inner { justify-content: space-between; }
  .jm-hero-inner { grid-template-columns: 1fr; min-height: auto; padding-bottom: 70px; }
  .jm-hero-copy { text-align: center; }
  .jm-kicker, .jm-stat-list, .jm-hero-actions { justify-content: center; }
  .jm-hero-note { text-align: left; }
  .jm-hero-visual { min-height: 360px; max-width: 620px; width: 100%; margin: 0 auto; }
  .jm-about-grid { grid-template-columns: 1fr; }
  .jm-about-copy { order: -1; }
  .jm-reason-grid, .jm-problem-list, .jm-works-grid { grid-template-columns: 1fr; max-width: 690px; margin-inline: auto; }
  .jm-problem-card { min-height: auto; }
  .jm-flow { grid-template-columns: repeat(2, 1fr); row-gap: 44px; }
  .jm-flow-item:nth-child(2)::after, .jm-flow-item:nth-child(2)::before { display: none; }
  .jm-achievement { grid-template-columns: 1fr; }
  .jm-achievement-item { padding-bottom: 17px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.24); }
  .jm-achievement-item:last-of-type { border-bottom: 0; }
  .jm-footer-inner { flex-direction: column; text-align: center; }
  .jm-footer-links { justify-content: center; }
}

@media (max-width: 768px) {
  .jm-hero-image {
    max-width: 100%;
  }

  /* 768px以下のバッジ調整 */
  .jm-float-badge {
    bottom: -25px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    font-size: 12px;
    padding: 10px 12px;
  }
}

@media (max-width: 640px) {
  body { padding-bottom: 69px; }
  .jm-container { width: min(calc(100% - 26px), var(--jm-container)); }
  .jm-site-header { border-top-width: 3px; }
  .jm-header-inner { min-height: 59px; gap: 10px; }
  .jm-logo { font-size: 17px; }
  .jm-logo-mark { width: 25px; height: 25px; }
  .jm-mini-btn--login { display: none; }
  .jm-mini-btn { min-height: 29px; padding: 0 12px; font-size: 10px; }
  .jm-hero-inner { padding: 38px 0 48px; gap: 24px; }
  .jm-hero h1 { font-size: 33px; }
  .jm-hero h1 .jm-small-line { font-size: .54em; }
  .jm-hero-lead { font-size: 14px; }
  .jm-stat-list { gap: 6px; }
  .jm-stat { width: 31.5%; border-width: 3px; }
  .jm-stat-icon { width: 24px; height: 24px; }
  .jm-stat-label { font-size: 9px; }
  .jm-stat-value { font-size: 18px; }
  .jm-stat-value small { font-size: 9px; }
  .jm-hero-note { font-size: 9px; }
  .jm-btn { width: 100%; min-height: 52px; }
  .jm-hero-actions .jm-btn--secondary { display: none; }
  .jm-hero-visual { min-height: 265px; }
  .jm-browser { width: 94%; top: 13px; border-width: 5px; border-bottom-width: 9px; }
  .jm-app { min-height: 185px; }
  .jm-drawing { min-height: 150px; margin: 11px; }
  .jm-phone-mock { width: 79px; height: 158px; bottom: 6px; padding: 10px 5px; border-radius: 16px; }
  .jm-phone-screen { padding: 10px 4px; }
  .jm-phone-drawing { height: 56px; }
  
  /* 640px以下のバッジ調整（スマホでの表示） */
  .jm-float-badge {
    left: 50%;
    right: auto;
    bottom: -20px;
    transform: translateX(-50%);
    width: 94%;
    max-width: 320px; /* スマホのボタン幅に馴染むサイズ */
    padding: 7px 11px;
    font-size: 9px;
  }
  .jm-float-badge strong { font-size: 14px; }
  
  .jm-section { padding: 65px 0; }
  .jm-section-head { margin-bottom: 33px; }
  .jm-section-head h2 { font-size: 27px; }
  .jm-intro-quotes { padding: 25px 18px; font-size: 16px; }
  .jm-about-visual { min-height: 320px; }
  .jm-benefit-mini { grid-template-columns: 1fr; }
  .jm-problem-list { gap: 15px; }
  .jm-solution { flex-direction: column; text-align: center; padding: 24px 18px; }
  .jm-solution-label { width: 80px; height: 80px; }
  .jm-solution p { font-size: 15px; }
  .jm-reason-grid, .jm-works-grid { gap: 17px; }
  .jm-achievement { padding: 24px 17px; }
  .jm-flow { grid-template-columns: 1fr; gap: 35px; }
  .jm-flow-item::after, .jm-flow-item::before { display: none !important; }
  .jm-flow-icon { width: 135px; height: 135px; }
  .jm-cta { padding: 61px 0 66px; }
  .jm-cta h2 { font-size: 29px; }
  .jm-mobile-cta {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: #fff;
    box-shadow: 0 -5px 18px rgba(4,43,70,.18);
  }
  .jm-mobile-cta a {
    min-height: 69px;
    display: grid;
    place-items: center;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.25;
  }
  .jm-mobile-cta a:first-child { background: var(--jm-navy); }
  .jm-mobile-cta a:last-child { background: var(--jm-orange); }
  .jm-footer { padding-bottom: 30px; }
}

/* ==========================================
   案件実績 (works-list) スタイル
========================================== */
#cont-works .works-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

#cont-works .works-list .works-card-item {
  width: 100%;
  box-sizing: border-box;
}

#cont-works .works-item {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  transition: box-shadow 0.3s ease;
}

#cont-works .works-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#cont-works .works-item figure {
  margin: 0 0 15px 0;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 4px;
}

#cont-works .works-item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#cont-works .works-item h3 {
  font-size: 1.1rem;
  font-weight: bold;
  margin: 0 0 12px 0;
  line-height: 1.4;
  color: #333;
}

#cont-works .works-item dl {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 6px 10px;
  font-size: 0.9rem;
  margin: 0 0 15px 0;
  padding-bottom: 10px;
  border-bottom: 1px dashed #eee;
}

#cont-works .works-item dt {
  font-weight: bold;
  color: #666;
}

#cont-works .works-item dd {
  margin: 0;
  color: #333;
}

#cont-works .works-detail-btn {
  margin-top: auto;
  text-align: center;
}

#cont-works .works-detail-btn .detail-btn {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  background-color: #0056b3;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  transition: background-color 0.2s ease;
}

#cont-works .works-detail-btn .detail-btn:hover {
  background-color: #003d82;
}

#cont-works .works-list .no-posts {
  width: 100%;
  text-align: center;
  padding: 40px 0;
  color: #777;
}

@media screen and (min-width: 768px) {
  #cont-works .works-list .works-card-item {
    width: calc((100% - 40px) / 3);
  }
}

@media (min-width: 981px) {

  .jm-stat-list {
    margin-left: 80px; 
  }
  .jm-hero-actions {
    margin-left: 65px;
  }

  /* ※必要に応じて注記も揃える場合 */
  .jm-hero-note {
    margin-left: 65px;
  }
}

/* ==========================================
   加工事例セクション 見出し（h2）の調整
========================================== */
#cont-works h2 {
  display: flex;
  align-items: center;       /* 画像とテキストの垂直中央揃え */
  justify-content: center;   /* 中央寄せ（左寄せにしたい場合は flex-start ） */
  gap: 12px;                 /* 画像とテキストの間の余白 */
  font-size: clamp(26px, 3.2vw, 38px); /* 文字サイズ（レスポンシブ対応で大きく） */
  font-weight: 800;          /* 太字 */
  color: var(--jm-navy);     /* ネイビー（#063e6b） */
  line-height: 1.3;
  margin: 0 0 10px 0;
}

/* アイコン画像（mark.png）のサイズと挙動の固定 */
#cont-works h2 img {
  width: auto;
  height: 1.1em;             /* 文字サイズに合わせた高さ（直接 px 指定なら 36px 等） */
  max-height: 42px;          /* 大きくなりすぎない上限設定 */
  object-fit: contain;
  flex-shrink: 0;            /* 画面が狭くなっても画像が潰れないように設定 */
}

/* サブ見出し（h3）のバランス調整（必要に応じて） */
#cont-works h3 {
  text-align: center;
  font-size: 16px;
  color: var(--jm-muted);
  margin: 0 0 35px 0;
  font-weight: 500;
}

/* 2026-09: senban LP comparison flow. Scoped to this template. */
.jm-senban-lp .jm-hero h1 { font-size:clamp(32px,3.3vw,46px); }
.jm-senban-lp .jm-stat-list { justify-content:center; max-width:440px; margin-inline:auto; }
.jm-senban-lp .jm-hero-actions,.jm-senban-lp .jm-hero-note { margin-inline:auto; }
.jm-senban-lp .jm-intro { padding-bottom:40px; }
.jm-senban-lp .jm-intro-quotes { max-width:1120px; }
.jm-senban-lp .jm-intro-quotes p { max-width:none; margin:0 0 12px; font-size:clamp(17px,2vw,23px); font-weight:700; line-height:1.8; text-wrap:balance; }
.jm-senban-lp .jm-intro-quotes p:last-child { margin-bottom:0; }
.jm-senban-lp #problems { padding-top:12px; }
.jm-senban-lp .jm-price-story { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:44px; margin:0 auto 48px; }
.jm-senban-lp .jm-price-copy h2 { font-size:clamp(24px,2.8vw,34px); line-height:1.6; margin:10px 0 20px; color:var(--jm-navy); text-wrap:balance; }
.jm-senban-lp .jm-price-copy p { font-size:16px; line-height:1.9; }
.jm-senban-lp .jm-price-panel { background:white; border:1px solid var(--jm-line); border-radius:16px; padding:30px; box-shadow:var(--jm-shadow); }
.jm-senban-lp .jm-price-scope { display:inline-block; border-radius:100px; background:var(--jm-pale-blue); color:var(--jm-blue); font-size:13px; font-weight:700; padding:5px 15px; }
.jm-senban-lp .jm-price-heading { font-size:15px; margin:15px 0 5px; }
.jm-senban-lp .jm-price-number { font-size:66px; font-weight:800; color:var(--jm-blue); line-height:1.25; }
.jm-senban-lp .jm-price-number small { font-size:25px; margin-left:5px; }
.jm-senban-lp .jm-price-bar { display:grid; grid-template-columns:64px 1fr; gap:12px; align-items:center; margin-top:13px; font-size:13px; }
.jm-senban-lp .jm-price-bar i { display:block; background:#a8cfdf; height:19px; border-radius:3px; }
.jm-senban-lp .jm-price-bar.high i { background:var(--jm-blue); }
.jm-senban-lp .jm-price-note { font-size:12px; line-height:1.8; color:var(--jm-muted); margin-top:18px; }
.jm-senban-lp .jm-solution-heading { text-align:center; font-size:clamp(24px,3vw,34px); line-height:1.6; color:var(--jm-navy); margin:0 0 15px; text-wrap:balance; }
.jm-senban-lp .jm-solution { display:block; text-align:center; padding:24px 32px; max-width:940px; margin:0 auto 30px; }
.jm-senban-lp .jm-solution p { max-width:820px; margin:auto; }
.jm-senban-lp .jm-comparison-wrap { overflow-x:auto; }
.jm-senban-lp .jm-comparison { min-width:580px; }
.jm-senban-lp .jm-comparison caption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.jm-senban-lp #cont-works>div>h2,.jm-senban-lp #cont-works>div>h3 { display:none; }
.jm-senban-lp #cont-works { padding-top:0; }
.jm-senban-lp .jm-comparison th[scope=row] { white-space:nowrap; }
.jm-senban-lp a:focus-visible,.jm-senban-lp .jm-comparison-wrap:focus-visible { outline:3px solid #006db7; outline-offset:4px; }
@media(max-width:767px) {
 .jm-senban-lp .jm-hero h1 { font-size:30px; }
 .jm-senban-lp .jm-intro { padding:38px 0 28px; }
 .jm-senban-lp .jm-intro-quotes p { font-size:17px; text-align:left; padding-left:14px; border-left:3px solid var(--jm-cyan); margin-bottom:18px; }
 .jm-senban-lp .jm-price-story { grid-template-columns:1fr; gap:24px; margin-bottom:34px; }
 .jm-senban-lp .jm-price-copy h2 { font-size:24px; }
 .jm-senban-lp .jm-price-panel { padding:24px; }
 .jm-senban-lp .jm-price-copy p { font-size:14px; }
 .jm-senban-lp .jm-solution { padding:20px 16px; }
 .jm-senban-lp .jm-solution-heading { font-size:24px; }
 .jm-senban-lp .jm-stat-list { max-width:none; }
 .jm-senban-lp .jm-stat-value { font-size:30px; }
 .jm-senban-lp .jm-comparison-wrap:after { content:'表は横にスクロールできます →'; display:block; font-size:11px; color:var(--jm-muted); margin-top:9px; }
 .jm-senban-lp .jm-hero-note { font-size:11px; }
}

/* LP case cards: three existing cases, up to four when available. */
.jm-senban-lp #cont-works .works-list { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; }
.jm-senban-lp #cont-works .works-list .works-card-item { width:calc((100% - 48px) / 3); margin:0; }
.jm-senban-lp #cont-works .works-list:has(> .works-card-item:nth-child(4)) .works-card-item { width:calc((100% - 24px) / 2); }
.jm-senban-lp #cont-works .works-item { height:100%; padding-bottom:24px; }
.jm-senban-lp #cont-works .works-item figure { height:220px; display:flex; align-items:center; justify-content:center; }
.jm-senban-lp #cont-works .works-item figure img { width:100%; height:100%; object-fit:contain; }
.jm-senban-lp #cont-works .jm-work-price { color:var(--jm-blue); font-weight:700; }
.jm-senban-lp #cont-works .jm-work-note { font-size:12px; line-height:1.8; color:var(--jm-muted); margin:20px 0; text-align:left; }
@media(max-width:767px) {
 .jm-senban-lp #cont-works .works-list .works-card-item,
 .jm-senban-lp #cont-works .works-list:has(> .works-card-item:nth-child(4)) .works-card-item { width:100%; }
}

/* Compact cards with uncropped photographs. */
.jm-senban-lp #cont-works .works-list { gap:18px; align-items:stretch; }
.jm-senban-lp #cont-works .works-list .works-card-item,
.jm-senban-lp #cont-works .works-list:has(> .works-card-item:nth-child(4)) .works-card-item { width:calc((100% - 54px) / 4); max-width:270px; }
.jm-senban-lp #cont-works .works-item { padding:14px; }
.jm-senban-lp #cont-works .works-item figure { width:100%; height:160px; margin:0 0 12px; padding:8px; overflow:visible; }
.jm-senban-lp #cont-works .works-item figure img { display:block; width:100%; height:100%; max-height:100%; object-fit:contain; object-position:center; }
.jm-senban-lp #cont-works .works-item h3 { font-size:17px; margin:10px 0 14px; }
.jm-senban-lp #cont-works .works-item dl { font-size:13px; line-height:1.7; }
@media(max-width:980px) {
 .jm-senban-lp #cont-works .works-list .works-card-item,
 .jm-senban-lp #cont-works .works-list:has(> .works-card-item:nth-child(4)) .works-card-item { width:calc((100% - 18px) / 2); }
}
@media(max-width:480px) {
 .jm-senban-lp #cont-works .works-list .works-card-item,
 .jm-senban-lp #cont-works .works-list:has(> .works-card-item:nth-child(4)) .works-card-item { width:100%; max-width:300px; }
}

/* Approved LP design: scoped to the lathe landing page. */


.jm-senban-lp .jm-hero{background:linear-gradient(115deg,#eefaff 0%,#e6f6fc 52%,#c9eff9 100%);color:#083e64;overflow:hidden;border-bottom:1px solid #d4eaf2}
.jm-senban-lp .jm-hero:before,.jm-senban-lp .jm-hero:after{display:none}
.jm-senban-lp .jm-hero-inner{grid-template-columns:1.06fr 1fr;gap:50px;padding:76px 0 40px;min-height:0}
.jm-senban-lp .jm-hero-copy{text-align:left;min-width:0}
.jm-senban-lp .jm-kicker{color:#0879af;font-size:14px;letter-spacing:.1em;margin:0 0 24px;border-left:3px solid #08aed4;padding-left:12px}
.jm-senban-lp .jm-hero h1{font-size:clamp(34px,3.4vw,48px);line-height:1.5;letter-spacing:.01em;color:#073c61;text-shadow:none;text-align:left;font-weight:800}
.jm-senban-lp .jm-hero h1 .jm-small-line{font-size:.63em;margin-bottom:8px;font-weight:700}
.jm-senban-lp .jm-hero h1 .jm-emphasis{color:#007dad;background:none;padding:0}
.jm-senban-lp .jm-hero-lead{font-size:16px;line-height:1.9;font-weight:500;color:#456579;margin:24px 0 30px;text-align:left}
.jm-senban-lp .jm-hero-actions{margin:0;justify-content:flex-start;gap:14px;align-items:center}
.jm-senban-lp .jm-hero-actions .jm-btn--primary{background:#ff9600;box-shadow:0 4px 0 #da7900;border-radius:8px;min-width:220px;min-height:60px;color:#fff;font-size:17px}
.jm-senban-lp .jm-hero-actions .jm-btn--secondary{background:transparent;border:0;box-shadow:none;border-radius:0;min-width:0;padding:8px 0;color:#155477;font-size:14px}
.jm-senban-lp .jm-hero-actions .jm-btn--secondary small{display:none}
.jm-senban-lp .hero-free-note{font-size:12px;color:#587282;margin:14px 0 0}
.jm-senban-lp .jm-hero-visual{display:block;position:relative;background:rgba(255,255,255,.47);border:1px solid rgba(255,255,255,.9);border-radius:28px;padding:32px 18px 20px;box-shadow:0 16px 45px #17608a0b;align-self:center}
.jm-senban-lp .jm-hero-image{margin:0;width:100%;max-width:100%;height:auto;filter:none}
.jm-senban-lp .jm-float-badge{position:static;transform:none;box-shadow:none;background:transparent;border:0;width:auto;margin:10px auto 0;padding:8px;color:#40657a;font-size:13px}
.jm-senban-lp .jm-float-badge strong{display:inline;font-size:13px;margin-left:8px;color:#0878aa}
.jm-senban-lp .hero-evidence{grid-column:1/-1;border-top:1px solid #bddde9;padding-top:24px;margin-top:4px;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:25px;align-items:center}
.jm-senban-lp .hero-evidence-item{display:flex;align-items:center;gap:18px;border-right:1px solid #bddde9;padding-right:20px}
.jm-senban-lp .hero-evidence-label{font-size:12px;line-height:1.65;color:#456579}
.jm-senban-lp .hero-evidence-value{font-size:32px;line-height:1.2;font-weight:800;color:#075481;white-space:nowrap;font-variant-numeric:tabular-nums}
.jm-senban-lp .hero-evidence-value small{font-size:12px;margin-left:4px}
.jm-senban-lp .jm-hero-note{margin:0;border:0;background:none;box-shadow:none;padding:0;font-size:11px;line-height:1.8;color:#536f81;text-align:left;max-width:none}
@media(max-width:980px){.jm-senban-lp .jm-hero-inner{grid-template-columns:1fr 1fr;gap:25px}.jm-senban-lp .jm-hero h1{font-size:34px}.jm-senban-lp .jm-hero-actions{flex-wrap:wrap}.jm-senban-lp .hero-evidence{grid-template-columns:1fr 1fr}.jm-senban-lp .jm-hero-note{grid-column:1/-1}.jm-senban-lp .hero-evidence-item:nth-child(2){border-right:0}}
@media(max-width:640px){.jm-senban-lp .jm-hero{padding-top:50px}.jm-senban-lp .jm-hero-inner{grid-template-columns:1fr;padding:36px 0 28px;gap:28px}.jm-senban-lp .jm-kicker{font-size:12px;margin-bottom:20px}.jm-senban-lp .jm-hero h1{font-size:32px}.jm-senban-lp .jm-hero-lead{font-size:14px;margin:18px 0 22px}.jm-senban-lp .jm-hero-actions .jm-btn--primary{min-width:190px;min-height:54px;font-size:15px}.jm-senban-lp .jm-hero-actions{gap:16px}.jm-senban-lp .jm-hero-actions .jm-btn--secondary{font-size:12px}.jm-senban-lp .jm-hero-visual{padding:20px 16px 10px;border-radius:18px}.jm-senban-lp .jm-hero-image{max-height:210px;object-fit:contain}.jm-senban-lp .hero-evidence{gap:18px 12px;padding-top:20px;margin-top:0}.jm-senban-lp .hero-evidence-item{display:block;padding-right:8px}.jm-senban-lp .hero-evidence-label br{display:none}.jm-senban-lp .hero-evidence-label{font-size:11px;margin-bottom:7px}.jm-senban-lp .hero-evidence-value{font-size:29px}.jm-senban-lp .jm-hero-note{font-size:10px}}



.jm-senban-lp svg.jm-clean-icon,.jm-senban-lp svg.jm-clean-icon *{fill:none!important;stroke:currentColor!important;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.jm-senban-lp .jm-benefit-mini-item svg.jm-clean-icon{width:32px;height:32px;color:#087ca8}
.jm-senban-lp .jm-reason-visual svg.jm-clean-icon{width:52px;height:52px;color:#fff}
.jm-senban-lp .jm-flow-icon svg.jm-clean-icon{width:42px;height:42px;color:#087ca8}
.jm-senban-lp .jm-reason-card:before,.jm-senban-lp .jm-reason-card:after{display:none!important}
.jm-senban-lp #cont-works .works-item dl { border-bottom:0!important; padding-bottom:0; }
.jm-senban-lp{background:#fff;color:#143c56}.jm-senban-lp .jm-section{padding:80px 0}.jm-senban-lp .jm-section--pale{background:#f4fafc}.jm-senban-lp .jm-section--blue-pale{background:#edf7fb}.jm-senban-lp .jm-en-label{font-size:11px;letter-spacing:.18em;color:#0485af}.jm-senban-lp .jm-section-head{margin-bottom:38px}.jm-senban-lp .jm-section-head h2{font-size:34px;line-height:1.55;color:#143e5b}.jm-senban-lp .jm-section-head h2 strong{color:#087cad}.jm-senban-lp .jm-title-rule{width:38px;height:3px;margin:20px auto 0;background:#08a4cb}.jm-senban-lp .jm-section-head p{font-size:14px;line-height:1.9;color:#607787}
.jm-senban-lp .jm-hero-actions .jm-btn--secondary{background:transparent!important;color:#155477!important;border:1px solid #9cc5d8!important;box-shadow:none!important;border-radius:8px!important;padding:15px 20px!important;font-size:14px!important}
.jm-senban-lp .jm-intro{padding-bottom:40px}.jm-senban-lp .jm-intro .jm-section-head{margin-bottom:30px}.jm-senban-lp .jm-intro-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:none;border:0;box-shadow:none;padding:0;margin:0;max-width:none}.jm-senban-lp .jm-intro-quotes:before{display:none}.jm-senban-lp .jm-intro-quotes p{max-width:none;margin:0;text-align:left;border:1px solid #dce9ef;border-radius:12px;background:white;box-shadow:none;padding:25px;font-weight:500;font-size:15px;line-height:1.9;text-wrap:initial}.jm-senban-lp .jm-intro-quotes p strong{display:block;font-size:19px;color:#154b6b;margin:12px 0}.jm-senban-lp .concern-no{display:block;color:#0696bb;font-size:12px;font-weight:800;letter-spacing:.12em}.jm-senban-lp #problems{padding-top:25px}.jm-senban-lp .jm-price-story{padding:38px;background:#fff;border:1px solid #dce9ef;border-radius:16px;gap:50px;margin-bottom:65px}.jm-senban-lp .jm-price-copy h2{font-size:30px;line-height:1.6}.jm-senban-lp .jm-price-copy p{font-size:14px;line-height:1.9;color:#546f81}.jm-senban-lp .jm-price-panel{border:0;background:#eef8fc;box-shadow:none;padding:28px;border-radius:12px}.jm-senban-lp .jm-price-number{font-size:72px;letter-spacing:-.04em}.jm-senban-lp .jm-price-scope{background:#fff}.jm-senban-lp .jm-price-note{font-size:11px;line-height:1.9}.jm-senban-lp .jm-solution-heading{font-size:32px;margin-bottom:18px}.jm-senban-lp .jm-solution{background:none;color:#546f81;box-shadow:none;padding:0 25px;margin-bottom:30px}.jm-senban-lp .jm-solution p{font-weight:400;font-size:15px;line-height:1.9}.jm-senban-lp .jm-comparison-wrap{box-shadow:none;border:1px solid #d7e6ed;border-radius:12px}.jm-senban-lp .jm-comparison th,.jm-senban-lp .jm-comparison td{padding:18px 22px;font-size:14px;line-height:1.85}.jm-senban-lp .jm-comparison thead th:nth-child(2){background:#067dad}.jm-senban-lp .jm-comparison thead th:nth-child(3){background:#42637a}.jm-senban-lp .jm-comparison tbody td:nth-child(2){background:#edf8fc}
.jm-senban-lp .jm-about-grid{gap:65px}.jm-senban-lp .jm-about-copy h2{font-size:30px;line-height:1.6}.jm-senban-lp .jm-about-copy p{font-size:14px;color:#546f81;line-height:1.95}.jm-senban-lp .jm-benefit-mini-item{box-shadow:none;border:1px solid #e0eaf0;border-radius:8px;font-size:12px}.jm-senban-lp #reasons{padding-top:10px}.jm-senban-lp .jm-reason-grid{gap:22px}.jm-senban-lp .jm-reason-card{box-shadow:none;border:1px solid #dce8ee;border-radius:12px}.jm-senban-lp .jm-reason-visual{background:#168fb5;height:100px}.jm-senban-lp .jm-reason-card:before{opacity:.2}.jm-senban-lp .jm-reason-body{padding:26px 22px}.jm-senban-lp .jm-reason-body h3{font-size:19px;line-height:1.7;margin-bottom:14px}.jm-senban-lp .jm-reason-body p{font-size:14px;color:#567080;line-height:1.9}.jm-senban-lp .jm-reason-body .jm-small-note{font-size:11px}
.jm-senban-lp #cont-works .works-item{box-shadow:none;border:0}.jm-senban-lp #cont-works .works-card-item{border:1px solid #dae6ed;border-radius:12px;background:#fff;overflow:hidden}.jm-senban-lp #cont-works .works-list{margin-bottom:24px}.jm-senban-lp #cont-works .morebtn{font-size:13px;color:#17658c}.jm-senban-lp .jm-achievement{background:#fff;border:1px solid #d6e6ee;color:#164766;box-shadow:none;border-radius:12px;margin-top:35px;padding:28px}.jm-senban-lp .jm-achievement-value{color:#067eac;font-size:27px}.jm-senban-lp .jm-achievement-label{color:#567383;font-size:12px}.jm-senban-lp .jm-achievement-item{border-color:#d6e6ee}.jm-senban-lp .jm-achievement-note{color:#607787;font-size:10px}
.jm-senban-lp .jm-flow-item{background:#f6fafc;border:1px solid #e0eaf0;border-radius:12px;padding:25px 16px}.jm-senban-lp .jm-flow-item:after{display:none}.jm-senban-lp .jm-flow-icon{box-shadow:none;background:white}.jm-senban-lp .jm-flow-item h3{font-size:17px}.jm-senban-lp .jm-flow-item p{font-size:13px;color:#567383;line-height:1.9}.jm-senban-lp .jm-cta{background:#103f60;padding:64px 20px}.jm-senban-lp .jm-cta:before,.jm-senban-lp .jm-cta:after{display:none}.jm-senban-lp .jm-cta h2{font-size:32px;line-height:1.6}.jm-senban-lp .jm-cta p{font-size:14px;margin-top:18px}.jm-senban-lp .jm-cta .jm-btn{border-radius:8px;min-width:240px;min-height:58px}.jm-senban-lp .jm-cta-badges{margin:22px 0}.jm-senban-lp .jm-cta-badges span{background:transparent;color:#d4e8f1;border:1px solid #6590a7;border-radius:5px;padding:5px 10px}
@media(max-width:767px){.jm-senban-lp .jm-section{padding:48px 0}.jm-senban-lp .jm-section-head h2{font-size:25px}.jm-senban-lp .jm-intro-quotes{grid-template-columns:1fr;gap:12px}.jm-senban-lp .jm-intro-quotes p{padding:20px;font-size:14px}.jm-senban-lp .jm-intro-quotes p strong{font-size:18px;margin:6px 0}.jm-senban-lp .jm-price-story{padding:22px;gap:25px;margin-bottom:40px}.jm-senban-lp .jm-price-copy h2{font-size:24px}.jm-senban-lp .jm-price-panel{padding:20px}.jm-senban-lp .jm-price-number{font-size:62px}.jm-senban-lp .jm-solution-heading{font-size:25px}.jm-senban-lp .jm-solution{padding:0;margin-bottom:25px}.jm-senban-lp .jm-solution p{font-size:14px}.jm-senban-lp .jm-comparison th,.jm-senban-lp .jm-comparison td{padding:15px;font-size:13px}.jm-senban-lp .jm-about-grid{gap:30px}.jm-senban-lp .jm-about-copy h2{font-size:25px}.jm-senban-lp #reasons{padding-top:12px}.jm-senban-lp .jm-reason-grid{gap:18px}.jm-senban-lp .jm-achievement{padding:22px 16px}.jm-senban-lp .jm-achievement-value{font-size:24px}.jm-senban-lp .jm-cta h2{font-size:25px}.jm-senban-lp .jm-hero-actions .jm-btn--secondary{display:inline-flex!important;font-size:13px!important;padding:10px 16px!important}.jm-senban-lp .jm-flow-item{padding:20px 12px}}


.jm-senban-lp .jm-hero-note,.jm-senban-lp .hero-free-note{font-size:12px;line-height:1.9;color:#476477}
.jm-senban-lp .jm-price-note{font-size:12px;line-height:1.95;color:#466576}
.jm-senban-lp .jm-price-heading{font-size:14px;line-height:1.8}
.jm-senban-lp .jm-price-scope{font-size:13px}
.jm-senban-lp .jm-benefit-mini-item{font-size:13px;line-height:1.6;padding:18px 8px}
.jm-senban-lp .jm-reason-body .jm-small-note{font-size:12px;line-height:1.9;color:#526d7d}
.jm-senban-lp .jm-achievement-label{font-size:13px}.jm-senban-lp .jm-achievement-note{font-size:12px;line-height:1.9;color:#526d7d}
.jm-senban-lp #cont-works .works-item dl{font-size:14px;line-height:1.8;text-align:left}
.jm-senban-lp #cont-works .works-item dt{white-space:nowrap}
.jm-senban-lp .jm-flow-item p{font-size:14px;line-height:1.9}
@media(max-width:767px){.jm-senban-lp .jm-hero-note{font-size:12px}.jm-senban-lp .jm-price-note{font-size:12px}.jm-senban-lp .jm-benefit-mini{grid-template-columns:1fr;gap:10px}.jm-senban-lp .jm-benefit-mini-item{display:flex;align-items:center;gap:14px;padding:16px;text-align:left}.jm-senban-lp .jm-benefit-mini-item svg.jm-clean-icon{margin:0;flex-shrink:0}}

/* Pricing and local navigation offsets. */
.jm-senban-lp section[id]{scroll-margin-top:100px}
.jm-senban-lp .jm-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:920px;margin:0 auto}
.jm-senban-lp .jm-pricing-card{padding:32px 24px;background:#fff;border:1px solid #dce9ef;border-radius:12px;text-align:center}
.jm-senban-lp .jm-pricing-card h3{font-size:19px;color:#154b6b;margin:0 0 18px}
.jm-senban-lp .jm-pricing-card p{font-size:15px;line-height:1.9;color:#546f81}
.jm-senban-lp .jm-pricing-card .jm-pricing-value{font-size:64px;line-height:1.3;font-weight:800;color:#087cad;margin:0 0 20px}
.jm-senban-lp .jm-pricing-value span{font-size:27px;margin-left:5px}
.jm-senban-lp .jm-pricing-value small{font-size:16px;font-weight:500;margin-right:12px}
.jm-senban-lp .jm-pricing-support{max-width:920px;margin:24px auto 0;font-size:14px;line-height:1.9;color:#546f81;text-align:center}
@media(max-width:767px){.jm-senban-lp section[id]{scroll-margin-top:75px}.jm-senban-lp .jm-pricing-grid{grid-template-columns:1fr;gap:16px}.jm-senban-lp .jm-pricing-card{padding:26px 20px}.jm-senban-lp .jm-pricing-support{text-align:left}}