@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Shippori+Mincho:wght@600;700&display=swap');

:root {
  --navy: #0b1a33;
  --navy-2: #102a4c;
  --navy-light: #16305a;
  --gold: #c9a227;
  --gold-light: #e8cf7a;
  --gold-pale: #faf5e4;
  --ink: #1c2430;
  --ink-soft: #55627a;
  --line: #e3e6ec;
  --bg: #fbfaf7;
  --white: #ffffff;
  --radius: 14px;
  --shadow-sm: 0 2px 10px rgba(11, 26, 51, .06);
  --shadow-md: 0 10px 30px rgba(11, 26, 51, .10);
  --shadow-lg: 0 24px 60px rgba(11, 26, 51, .16);
  --max: 1140px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  font-family: 'Noto Sans JP', system-ui, -apple-system, 'Hiragino Sans', sans-serif;
  color: var(--ink);
  background: var(--bg);
  line-height: 1.9;
  font-size: 16px;
  letter-spacing: .02em;
  overflow-x: hidden;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }

.wrap { width: 100%; max-width: var(--max); margin: 0 auto; padding: 0 24px; }

/* ---------- header ---------- */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(11, 26, 51, .96);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(201, 162, 39, .28);
}

.header-inner {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 24px;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.brand { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }

.brand-mark {
  width: 40px; height: 40px;
  border: 1.5px solid var(--gold);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--gold);
  font-family: 'Shippori Mincho', serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
}

.brand-text { color: #fff; }
.brand-name {
  font-family: 'Shippori Mincho', serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.3;
}
.brand-sub {
  font-size: 10px;
  letter-spacing: .18em;
  color: var(--gold-light);
  text-transform: uppercase;
}

.nav { display: flex; align-items: center; gap: 4px; }
.nav-link {
  color: #dfe5ef;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 14px;
  border-radius: 8px;
  transition: color .2s, background .2s;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.nav-link:hover, .nav-link[aria-current="page"] { color: var(--gold-light); background: rgba(201, 162, 39, .1); }

.has-dropdown { position: relative; }
.caret { font-size: 9px; opacity: .7; }

.dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 320px;
  background: #fff;
  border-radius: 12px;
  box-shadow: var(--shadow-lg);
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: all .22s ease;
  max-height: 70vh;
  overflow-y: auto;
}
.has-dropdown:hover .dropdown,
.has-dropdown:focus-within .dropdown,
.dropdown.open { opacity: 1; visibility: visible; transform: translateY(0); }

.dropdown-item {
  display: block;
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 13.5px;
  color: var(--ink);
  border-left: 3px solid transparent;
  transition: all .18s;
  line-height: 1.5;
}
.dropdown-item:hover { background: var(--gold-pale); border-left-color: var(--gold); color: var(--navy); }

.dropdown-all {
  margin-top: 6px;
  padding: 11px 12px;
  background: var(--navy);
  color: #fff;
  border-radius: 8px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
}
.dropdown-all:hover { background: var(--navy-light); color: var(--gold-light); }

.nav-toggle {
  display: none;
  background: none;
  border: 1px solid rgba(201, 162, 39, .5);
  border-radius: 8px;
  color: var(--gold-light);
  width: 42px; height: 38px;
  font-size: 17px;
  cursor: pointer;
}

/* ---------- hero ---------- */
.hero {
  position: relative;
  background: linear-gradient(150deg, #0b1a33 0%, #16305a 55%, #0b1a33 100%);
  color: #fff;
  padding: 0 0 104px;
  overflow: hidden;
}

/* slider */
.hero-slider {
  position: relative;
  min-height: 560px;
  overflow: hidden;
}

.hero-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.02);
  transition: opacity .8s ease, transform 1.2s ease, visibility .8s;
  padding: 92px 0 72px;
}

.hero-slide.is-active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  z-index: 1;
}

.hero-slide-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center right;
  opacity: .26;
  z-index: 0;
  filter: saturate(.9);
}

.hero-slide::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(100deg, rgba(9, 21, 41, .97) 12%, rgba(11, 26, 51, .86) 46%, rgba(11, 26, 51, .35) 78%, rgba(11, 26, 51, .55) 100%),
    radial-gradient(circle at 82% 12%, rgba(201, 162, 39, .2), transparent 58%);
}

.hero-slide .hero-inner { position: relative; z-index: 2; }

.hero-inner { position: relative; z-index: 2; max-width: var(--max); margin: 0 auto; padding: 0 24px; }

/* dots */
.hero-dots {
  position: absolute;
  left: 50%;
  bottom: 26px;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 5;
}

.hero-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 1.5px solid rgba(232, 207, 122, .75);
  background: transparent;
  cursor: pointer;
  padding: 0;
  transition: background .25s, transform .25s, width .25s;
}

.hero-dot:hover { background: rgba(232, 207, 122, .45); }

.hero-dot.is-active {
  background: var(--gold-light);
  width: 30px;
  border-radius: 100px;
  border-color: var(--gold-light);
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(201, 162, 39, .55);
  color: var(--gold-light);
  font-size: 12px;
  letter-spacing: .16em;
  padding: 6px 16px;
  border-radius: 100px;
  margin-bottom: 26px;
}

.hero h1 {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(30px, 5vw, 52px);
  line-height: 1.42;
  font-weight: 700;
  letter-spacing: .04em;
  margin-bottom: 24px;
  max-width: 20em;
}
.hero h1 em { font-style: normal; color: var(--gold-light); }

.hero-lead {
  color: #c6d2e4;
  font-size: 16px;
  max-width: 40em;
  margin-bottom: 36px;
}

.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 15px 30px;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .05em;
  transition: transform .2s, box-shadow .2s, background .2s, color .2s;
  border: 1.5px solid transparent;
  cursor: pointer;
}
.btn:hover { transform: translateY(-2px); }

.btn-gold {
  background: linear-gradient(135deg, var(--gold-light), var(--gold));
  color: #23180a;
  box-shadow: 0 10px 26px rgba(201, 162, 39, .32);
}
.btn-gold:hover { box-shadow: 0 14px 34px rgba(201, 162, 39, .42); }

.btn-outline { border-color: rgba(255, 255, 255, .35); color: #fff; }
.btn-outline:hover { border-color: var(--gold); color: var(--gold-light); }

.btn-navy { background: var(--navy); color: #fff; }
.btn-navy:hover { background: var(--navy-light); color: var(--gold-light); }

.btn-line {
  background: #06c755;
  color: #fff;
  box-shadow: 0 10px 26px rgba(6, 199, 85, .3);
}

/* hero stats */
.hero-stats {
  position: relative;
  z-index: 2;
  max-width: var(--max);
  margin: 56px auto 0;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(201, 162, 39, .25);
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid rgba(201, 162, 39, .22);
}
.hero-stat { background: rgba(9, 21, 41, .82); padding: 26px 18px; text-align: center; }
.hero-stat-num {
  font-family: 'Shippori Mincho', serif;
  font-size: 32px;
  color: var(--gold-light);
  line-height: 1.2;
}
.hero-stat-num small { font-size: 15px; margin-left: 2px; }
.hero-stat-label { font-size: 12px; color: #a9b8ce; letter-spacing: .08em; margin-top: 5px; }

/* ---------- sections ---------- */
.section { padding: 88px 0; }
.section-alt { background: #fff; }
.section-navy { background: var(--navy); color: #fff; }

.section-head { text-align: center; max-width: 640px; margin: 0 auto 52px; }
.section-eyebrow {
  font-size: 11.5px;
  letter-spacing: .28em;
  color: var(--gold);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.section-title {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(24px, 3.4vw, 34px);
  line-height: 1.5;
  letter-spacing: .05em;
  color: var(--navy);
}
.section-navy .section-title { color: #fff; }
.section-desc { color: var(--ink-soft); font-size: 14.5px; margin-top: 16px; }
.section-navy .section-desc { color: #a9b8ce; }

/* ---------- cards ---------- */
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }

.card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 30px 26px;
  box-shadow: var(--shadow-sm);
  transition: transform .25s, box-shadow .25s, border-color .25s;
  position: relative;
  overflow: hidden;
}
.card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: rgba(201, 162, 39, .45); }

.feature-icon {
  width: 52px; height: 52px;
  border-radius: 13px;
  background: var(--gold-pale);
  color: var(--gold);
  display: grid; place-items: center;
  font-size: 22px;
  margin-bottom: 18px;
}
.feature-title { font-size: 17px; font-weight: 700; color: var(--navy); margin-bottom: 10px; }
.feature-text { font-size: 14px; color: var(--ink-soft); line-height: 1.9; }

/* ---------- project cards ---------- */
.project-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }

.project-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  transition: transform .25s, box-shadow .25s, border-color .25s;
}
.project-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: rgba(201, 162, 39, .5); }

.project-card-top {
  padding: 20px 22px 16px;
  background: linear-gradient(160deg, #0f2544, #16305a);
  color: #fff;
  display: flex;
  align-items: center;
  gap: 12px;
}
.project-icon {
  width: 40px; height: 40px;
  border-radius: 10px;
  background: rgba(201, 162, 39, .16);
  border: 1px solid rgba(201, 162, 39, .35);
  color: var(--gold-light);
  display: grid; place-items: center;
  font-size: 17px;
  flex-shrink: 0;
}
.project-cat { font-size: 10.5px; letter-spacing: .12em; color: var(--gold-light); }
.project-name-s { font-size: 14.5px; font-weight: 700; line-height: 1.45; }

.project-card-body { padding: 18px 22px 22px; flex: 1; display: flex; flex-direction: column; }
.project-desc-s { font-size: 13px; color: var(--ink-soft); line-height: 1.85; flex: 1; }

.project-meta { margin-top: 16px; display: flex; flex-direction: column; gap: 7px; }
.project-meta-row { display: flex; justify-content: space-between; font-size: 12.5px; padding-bottom: 6px; border-bottom: 1px dashed var(--line); }
.project-meta-row span:first-child { color: var(--ink-soft); }
.project-meta-row span:last-child { font-weight: 700; color: var(--navy); }

.card-link {
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  color: var(--gold);
}
.project-card:hover .card-link { gap: 10px; }
.card-link i { transition: transform .2s; }

/* ---------- staff ---------- */
.staff-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

.staff-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 26px 18px;
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: transform .25s, box-shadow .25s, border-color .25s;
  display: block;
}
.staff-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: rgba(201, 162, 39, .5); }

.staff-avatar {
  width: 92px; height: 92px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 16px;
  border: 2px solid rgba(201, 162, 39, .45);
  box-shadow: 0 6px 18px rgba(11, 26, 51, .12);
  background: var(--gold-pale);
}
.staff-avatar img { width: 100%; height: 100%; object-fit: cover; }

.staff-name-s { font-size: 15.5px; font-weight: 700; color: var(--navy); }
.staff-role-s { font-size: 12px; color: var(--gold); font-weight: 700; margin-top: 4px; letter-spacing: .02em; }

.tag-row { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; margin-top: 12px; }
.tag {
  font-size: 10px;
  padding: 3px 9px;
  border-radius: 100px;
  background: var(--gold-pale);
  color: #8a6d10;
  border: 1px solid rgba(201, 162, 39, .3);
  letter-spacing: .02em;
}

/* ---------- page hero ---------- */
.page-hero {
  background: linear-gradient(160deg, #0b1a33, #16305a);
  color: #fff;
  padding: 62px 0 58px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.page-hero::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(circle at 80% 0%, rgba(201, 162, 39, .18), transparent 55%);
}
.page-hero-inner { position: relative; z-index: 2; }
.page-hero h1 { font-family: 'Shippori Mincho', serif; font-size: clamp(23px, 3.6vw, 34px); letter-spacing: .06em; line-height: 1.5; }
.page-hero p { color: var(--gold-light); font-size: 13.5px; margin-top: 12px; letter-spacing: .04em; }

.breadcrumb {
  font-size: 12px;
  color: #9fb0ca;
  margin-bottom: 16px;
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
}
.breadcrumb a:hover { color: var(--gold-light); }
.breadcrumb span { opacity: .5; }

/* ---------- content / prose ---------- */
.content-section { padding: 64px 0 88px; }
.prose { max-width: 860px; margin: 0 auto; }
.prose h2 {
  font-family: 'Shippori Mincho', serif;
  font-size: 22px;
  color: var(--navy);
  margin: 44px 0 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--gold);
  display: inline-block;
  letter-spacing: .04em;
}
.prose h2:first-child { margin-top: 0; }
.prose p { font-size: 14.5px; color: #38414f; margin-bottom: 16px; }
.prose ul { margin: 0 0 18px 0; }
.prose ul li {
  font-size: 14px;
  color: #38414f;
  padding-left: 22px;
  position: relative;
  margin-bottom: 8px;
}
.prose ul li::before {
  content: '';
  position: absolute;
  left: 4px; top: 11px;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--gold);
}

.notice {
  background: var(--gold-pale);
  border: 1px solid rgba(201, 162, 39, .45);
  border-left: 5px solid var(--gold);
  border-radius: 10px;
  padding: 18px 22px;
  font-size: 13.5px;
  color: #6b5510;
  line-height: 1.85;
  margin-bottom: 28px;
}
.notice strong { color: #4d3c06; }

/* info table */
.info-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: var(--shadow-sm); }
.info-table th, .info-table td { padding: 15px 20px; font-size: 14px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
.info-table th { background: #f5f6f9; width: 30%; color: var(--navy); font-weight: 700; white-space: nowrap; }
.info-table tr:last-child th, .info-table tr:last-child td { border-bottom: none; }

/* spec list on project detail */
.spec-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 8px; }
.spec-item { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 16px 18px; box-shadow: var(--shadow-sm); }
.spec-label { font-size: 11px; letter-spacing: .1em; color: var(--gold); font-weight: 700; margin-bottom: 5px; }
.spec-value { font-size: 14.5px; font-weight: 700; color: var(--navy); line-height: 1.6; }
.spec-value.pending { color: #b0762a; font-weight: 500; font-size: 13px; }

/* steps */
.steps { counter-reset: step; display: grid; gap: 16px; }
.step {
  display: flex;
  gap: 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 20px 24px;
  box-shadow: var(--shadow-sm);
}
.step-num {
  counter-increment: step;
  flex-shrink: 0;
  width: 34px; height: 34px;
  border-radius: 50%;
  background: var(--navy);
  color: var(--gold-light);
  display: grid; place-items: center;
  font-size: 14px; font-weight: 700;
  font-family: 'Shippori Mincho', serif;
}
.step-num::before { content: counter(step); }
.step-title { font-size: 15px; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
.step-text { font-size: 13.5px; color: var(--ink-soft); line-height: 1.85; }

/* faq */
.faq-list { max-width: 840px; margin: 0 auto; display: grid; gap: 14px; }
.faq-item { background: #fff; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-sm); }
.faq-item summary {
  padding: 20px 54px 20px 58px;
  font-size: 15px;
  font-weight: 700;
  color: var(--navy);
  cursor: pointer;
  position: relative;
  list-style: none;
  line-height: 1.7;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::before {
  content: 'Q';
  position: absolute;
  left: 20px; top: 19px;
  width: 26px; height: 26px;
  border-radius: 50%;
  background: var(--navy);
  color: var(--gold-light);
  font-size: 13px;
  display: grid; place-items: center;
  font-weight: 700;
}
.faq-item summary::after {
  content: '+';
  position: absolute;
  right: 22px; top: 17px;
  font-size: 21px;
  color: var(--gold);
  font-weight: 400;
  transition: transform .25s;
}
.faq-item[open] summary::after { transform: rotate(45deg); }
.faq-answer { padding: 0 24px 22px 58px; font-size: 14px; color: #4a5464; line-height: 1.95; }

/* cta */
.cta {
  background: linear-gradient(140deg, #0b1a33, #1b3a68);
  color: #fff;
  border-radius: 18px;
  padding: 54px 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cta::before {
  content: '';
  position: absolute; top: -120px; right: -80px;
  width: 340px; height: 340px;
  background: radial-gradient(circle, rgba(201, 162, 39, .25), transparent 70%);
  border-radius: 50%;
}
.cta-inner { position: relative; z-index: 2; }
.cta h2 { font-family: 'Shippori Mincho', serif; font-size: clamp(21px, 3vw, 28px); margin-bottom: 14px; letter-spacing: .05em; line-height: 1.55; }
.cta p { color: #b8c6da; font-size: 14px; margin-bottom: 28px; }
.cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* form */
.form-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 38px 34px; box-shadow: var(--shadow-sm); max-width: 720px; margin: 0 auto; }
.field { margin-bottom: 22px; }
.field label { display: block; font-size: 13.5px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }
.field .req { color: #c0392b; font-size: 11px; margin-left: 6px; }
.field input, .field textarea, .field select {
  width: 100%;
  padding: 13px 15px;
  border: 1px solid #d7dce4;
  border-radius: 9px;
  font-size: 14px;
  font-family: inherit;
  color: var(--ink);
  background: #fcfcfd;
  transition: border-color .2s, box-shadow .2s;
}
.field input:focus, .field textarea:focus, .field select:focus {
  outline: none;
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(201, 162, 39, .14);
  background: #fff;
}
.field textarea { min-height: 150px; resize: vertical; }
.form-note { font-size: 12.5px; color: var(--ink-soft); text-align: center; margin-top: 16px; line-height: 1.9; }

/* footer */
.site-footer { background: #081426; color: #93a3ba; padding: 58px 0 26px; margin-top: 0; }
.footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 44px; margin-bottom: 40px; }
.footer-brand .brand-name { color: #fff; margin-bottom: 12px; }
.footer-brand p { font-size: 13px; line-height: 1.95; max-width: 34em; }
.footer-title { font-size: 12px; letter-spacing: .16em; color: var(--gold); font-weight: 700; margin-bottom: 16px; text-transform: uppercase; }
.footer-links li { margin-bottom: 10px; }
.footer-links a { font-size: 13px; transition: color .2s; }
.footer-links a:hover { color: var(--gold-light); }
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, .08);
  padding-top: 22px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  font-size: 11.5px;
  color: #63738b;
  letter-spacing: .03em;
}

/* misc */
.badge-pending {
  display: inline-block;
  font-size: 10.5px;
  padding: 3px 10px;
  border-radius: 100px;
  background: #fff4e0;
  color: #a86a10;
  border: 1px solid #f0cf95;
  margin-left: 8px;
  vertical-align: middle;
  font-weight: 700;
  letter-spacing: .04em;
}

.center { text-align: center; }
.mt-32 { margin-top: 32px; }
.mt-48 { margin-top: 48px; }

.back-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 700;
  color: var(--gold);
  margin-bottom: 26px;
}

/* ---------- responsive ---------- */
@media (max-width: 1000px) {
  .nav { display: none; }
  .nav-toggle { display: block; }
  .nav.open {
    display: flex;
    position: absolute;
    top: 74px; left: 0; right: 0;
    background: #0b1a33;
    flex-direction: column;
    align-items: stretch;
    padding: 14px;
    gap: 2px;
    border-bottom: 1px solid rgba(201, 162, 39, .3);
    max-height: calc(100vh - 74px);
    overflow-y: auto;
  }
  .nav.open .dropdown {
    position: static;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    background: #0e2038;
    max-height: none;
    display: none;
  }
  .nav.open .has-dropdown.expanded .dropdown { display: block; }
  .nav.open .dropdown-item { color: #cfdaea; }
  .nav.open .dropdown-item:hover { background: rgba(201, 162, 39, .12); color: var(--gold-light); }
  .hero-stats { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .project-grid { grid-template-columns: repeat(2, 1fr); }
  .staff-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

@media (max-width: 640px) {
  body { font-size: 15px; }
  .section { padding: 60px 0; }
  .hero { padding: 0 0 64px; }
  .hero-slider { min-height: 500px; }
  .hero-slide { padding: 56px 0 64px; }
  .hero-slide-bg { background-position: center; opacity: .2; }
  .hero-slide::before {
    background:
      linear-gradient(180deg, rgba(9, 21, 41, .95) 20%, rgba(11, 26, 51, .84) 60%, rgba(11, 26, 51, .92) 100%),
      radial-gradient(circle at 80% 8%, rgba(201, 162, 39, .18), transparent 60%);
  }
  .hero-dots { bottom: 18px; }
  .hero h1 { font-size: 27px; }
  .hero-stats { grid-template-columns: repeat(2, 1fr); }
  .hero-stat { padding: 20px 12px; }
  .hero-stat-num { font-size: 25px; }
  .grid-3, .grid-2, .project-grid, .staff-grid { grid-template-columns: 1fr; }
  .spec-list { grid-template-columns: 1fr; }
  .staff-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .cta { padding: 40px 22px; }
  .form-card { padding: 26px 20px; }
  .info-table th { width: 36%; padding: 13px 12px; font-size: 13px; }
  .info-table td { padding: 13px 12px; font-size: 13px; }
  .faq-item summary { padding: 17px 44px 17px 50px; font-size: 14px; }
  .faq-answer { padding: 0 18px 18px 50px; font-size: 13.5px; }
  .prose h2 { font-size: 19px; }
  .step { padding: 16px 18px; gap: 14px; }
}

/* =========================================================
   FX case LP  —  cream × terracotta
   ========================================================= */
.fx {
  --fx-cream: #faf6ef;
  --fx-cream-2: #f5eee2;
  --fx-cream-3: #efe6d7;
  --fx-terra: #c1633f;
  --fx-terra-soft: #d98863;
  --fx-ink: #2f3a34;
  --fx-ink-soft: #5c6660;
  --fx-sage: #e6ebdf;
  --fx-sage-deep: #8fa189;
  --fx-line: #e2d8c8;
  background: var(--fx-cream);
  color: var(--fx-ink);
  font-family: 'Noto Sans JP', system-ui, sans-serif;
  letter-spacing: .03em;
}

.fx-wrap { width: 100%; max-width: 1080px; margin: 0 auto; padding: 0 28px; }

.fx-section { padding: 92px 0; background: var(--fx-cream); }
.fx-section-cream { background: var(--fx-cream-2); }

/* ---------- slide head ---------- */
.fx-head { margin-bottom: 40px; }
.fx-head-center { text-align: center; }
.fx-head-rail { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.fx-head-center .fx-head-rail { justify-content: center; }
.fx-head-no {
  font-family: 'Shippori Mincho', serif;
  font-size: 15px;
  color: var(--fx-terra);
  letter-spacing: .1em;
}
.fx-head-rule { width: 34px; height: 1px; background: var(--fx-terra); opacity: .55; }
.fx-head-eyebrow {
  font-size: 11px;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--fx-terra-soft);
}
.fx-kicker {
  font-family: 'Shippori Mincho', serif;
  font-size: 14px;
  letter-spacing: .16em;
  color: var(--fx-terra);
  margin-bottom: 10px;
}
.fx-title {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(24px, 3.4vw, 38px);
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: .04em;
  color: var(--fx-ink);
}
.fx-sub {
  margin-top: 14px;
  font-size: 14px;
  color: var(--fx-ink-soft);
  letter-spacing: .06em;
}
.fx-head-center .fx-sub { display: inline-block; position: relative; padding: 0 40px; }
.fx-head-center .fx-sub::before,
.fx-head-center .fx-sub::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 26px;
  height: 1px;
  background: var(--fx-line);
}
.fx-head-center .fx-sub::before { left: 0; }
.fx-head-center .fx-sub::after { right: 0; }

/* ---------- buttons ---------- */
.fx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 34px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .08em;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.fx-btn:hover { transform: translateY(-2px); }
.fx-btn-primary {
  background: var(--fx-terra);
  color: #fffdf9;
  box-shadow: 0 12px 28px rgba(193, 99, 63, .24);
}
.fx-btn-primary:hover { background: #ad5736; box-shadow: 0 16px 34px rgba(193, 99, 63, .32); }
.fx-btn-tri {
  width: 0; height: 0;
  border-left: 9px solid currentColor;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.fx-btn-ghost {
  border-color: rgba(193, 99, 63, .5);
  color: var(--fx-terra);
  background: transparent;
}
.fx-btn-ghost:hover { background: rgba(193, 99, 63, .07); border-color: var(--fx-terra); }
.fx-btn-block { width: 100%; }

/* ---------- hero ---------- */
.fx-hero {
  background: linear-gradient(180deg, var(--fx-cream) 0%, var(--fx-cream-2) 100%);
  padding: 0;
  overflow: hidden;
}
.fx-hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 640px; }
.fx-hero-body { padding: 84px 0 84px max(28px, calc((100vw - 1080px) / 2 + 28px)); padding-right: 48px; }
.fx-hero-media { position: relative; overflow: hidden; }
.fx-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.fx-hero-media::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, var(--fx-cream) 0%, rgba(250, 246, 239, .55) 16%, transparent 42%);
  pointer-events: none;
}
.fx-hero-lead {
  font-size: 14.5px;
  line-height: 2.05;
  color: var(--fx-ink-soft);
  max-width: 30em;
  margin-bottom: 34px;
}

/* facts row */
.fx-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-bottom: 30px;
  max-width: 560px;
}
.fx-fact { padding: 0 20px; border-left: 1px solid var(--fx-line); }
.fx-fact:first-child { padding-left: 0; border-left: 0; }
.fx-fact-label {
  display: flex; align-items: center; gap: 8px;
  font-size: 12.5px; font-weight: 700;
  letter-spacing: .1em;
  color: var(--fx-ink);
  margin-bottom: 6px;
}
.fx-fact-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--fx-sage);
  color: #6d7d72;
  font-size: 12px;
}
.fx-fact-num {
  font-family: 'Shippori Mincho', serif;
  font-size: 40px;
  line-height: 1.15;
  color: var(--fx-terra);
  letter-spacing: .01em;
}
.fx-fact-unit { font-size: 15px; margin-left: 3px; color: var(--fx-ink); font-family: 'Noto Sans JP', sans-serif; }
.fx-fact-note { display: none; }

.fx-hero-catch {
  font-size: 13.5px;
  color: var(--fx-ink-soft);
  letter-spacing: .04em;
  margin-bottom: 32px;
  padding-left: 22px;
  position: relative;
}
.fx-hero-catch::before {
  content: '';
  position: absolute; left: 0; top: .7em;
  width: 12px; height: 1px; background: var(--fx-terra);
}
.fx-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }

/* ---------- split layout ---------- */
.fx-split { display: grid; grid-template-columns: .82fr 1.18fr; gap: 64px; align-items: center; }
.fx-split-rev { grid-template-columns: 1.18fr .82fr; }
.fx-split-media { position: relative; }
.fx-split-media img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 22px 48px rgba(47, 58, 52, .12);
}
.fx-tag-badge {
  position: absolute;
  top: -18px; left: -18px;
  background: var(--fx-terra);
  color: #fffdf9;
  font-family: 'Shippori Mincho', serif;
  font-size: 12px;
  letter-spacing: .26em;
  text-transform: uppercase;
  padding: 16px 14px 22px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 82%, 0 100%);
}

/* ---------- check list ---------- */
.fx-check-list { display: grid; gap: 10px; }
.fx-check-list li {
  display: grid;
  grid-template-columns: 30px 34px 1fr;
  align-items: center;
  gap: 12px;
  background: #fffdfa;
  border: 1px solid var(--fx-line);
  border-radius: 999px;
  padding: 13px 22px 13px 14px;
  transition: transform .22s ease, box-shadow .22s ease;
}
.fx-check-list li:hover { transform: translateX(4px); box-shadow: 0 8px 22px rgba(47, 58, 52, .07); }
.fx-check-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--fx-terra); color: #fff; font-size: 11px;
}
.fx-check-no {
  font-family: 'Shippori Mincho', serif;
  font-size: 13px; color: var(--fx-terra-soft); letter-spacing: .1em;
}
.fx-check-text { font-size: 14px; line-height: 1.6; }

.fx-quote {
  margin-top: 32px;
  padding: 26px 26px 26px 54px;
  position: relative;
  background: rgba(255, 255, 255, .55);
  border-left: 2px solid var(--fx-terra);
}
.fx-quote-mark {
  position: absolute; left: 20px; top: 22px;
  color: var(--fx-terra-soft); opacity: .45; font-size: 22px;
}
.fx-quote p { font-size: 15.5px; line-height: 2; font-family: 'Shippori Mincho', serif; letter-spacing: .04em; }
.fx-quote em { font-style: normal; color: var(--fx-terra); }

/* ---------- key points ---------- */
.fx-point-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.fx-point-card {
  position: relative;
  background: #fffdfa;
  border: 1px solid var(--fx-line);
  border-radius: 3px;
  padding: 34px 26px 28px;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
}
.fx-point-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(47, 58, 52, .1); }
.fx-point-no {
  position: absolute; top: 16px; left: 18px;
  font-family: 'Shippori Mincho', serif;
  font-size: 12px; letter-spacing: .12em;
  color: #fffdf9;
  background: var(--fx-terra);
  width: 30px; height: 30px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
}
.fx-point-icon {
  width: 54px; height: 54px; margin: 6px auto 16px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--fx-line);
  border-radius: 50%;
  color: #7d8a80; font-size: 20px;
}
.fx-point-label { font-size: 14px; font-weight: 700; letter-spacing: .12em; margin-bottom: 4px; }
.fx-point-num {
  font-family: 'Shippori Mincho', serif;
  font-size: 44px; line-height: 1.2;
  color: var(--fx-terra);
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px dashed var(--fx-line);
}
.fx-point-num .fx-fact-unit { font-size: 16px; }
.fx-point-note { font-size: 13px; line-height: 1.85; color: var(--fx-ink-soft); text-align: left; }

.fx-banner {
  margin-top: 30px;
  background: var(--fx-cream-3);
  padding: 24px 28px;
  display: flex; align-items: center; justify-content: center; gap: 18px;
}
.fx-banner-leaf { color: var(--fx-sage-deep); font-size: 18px; opacity: .8; }
.fx-banner p { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: center; }
.fx-bracket { font-family: 'Shippori Mincho', serif; color: var(--fx-terra); font-size: 20px; }
.fx-banner-word {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(17px, 2.2vw, 23px);
  letter-spacing: .1em;
  color: var(--fx-ink);
}
.fx-banner-x { color: var(--fx-terra); font-size: 15px; }

/* ---------- overview ---------- */
.fx-overview-top { display: grid; grid-template-columns: 1fr .9fr; gap: 48px; align-items: start; margin-bottom: 44px; }
.fx-overview-top .fx-head { margin-bottom: 0; }
.fx-overview-intro { font-size: 14px; line-height: 2.1; color: var(--fx-ink-soft); padding-top: 34px; }

.fx-ov-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.fx-ov-step {
  position: relative;
  background: #fffdfa;
  border: 1px solid var(--fx-line);
  border-radius: 3px;
  padding: 28px 20px 24px;
  text-align: center;
}
.fx-ov-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--fx-sage); color: #6d7d72;
  font-family: 'Shippori Mincho', serif; font-size: 12px;
  margin-bottom: 14px;
}
.fx-ov-icon { color: #9aa79c; font-size: 26px; margin-bottom: 14px; }
.fx-ov-step h3 { font-size: 14px; font-weight: 700; letter-spacing: .06em; margin-bottom: 8px; line-height: 1.6; }
.fx-ov-step p { font-size: 12.5px; line-height: 1.85; color: var(--fx-ink-soft); }
.fx-ov-arrow {
  position: absolute; right: -21px; top: 50%; transform: translateY(-50%);
  color: var(--fx-terra-soft); font-size: 11px; z-index: 2;
}

.fx-important {
  margin-top: 26px;
  background: var(--fx-ink);
  color: #f3ede2;
  padding: 20px 28px;
  display: flex; align-items: center; gap: 20px;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(15px, 2vw, 20px);
  letter-spacing: .08em;
}
.fx-important-label {
  display: inline-flex; align-items: center; gap: 8px;
  color: #e0bda9; font-size: 13px; letter-spacing: .2em;
  padding-right: 20px;
  border-right: 1px solid rgba(243, 237, 226, .25);
  white-space: nowrap;
}

/* ---------- flow ---------- */
.fx-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.fx-flow-card {
  position: relative;
  background: #fffdfa;
  border: 1px solid var(--fx-line);
  border-radius: 3px;
  padding: 34px 22px 26px;
  text-align: center;
}
.fx-flow-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; border-radius: 50%;
  background: var(--fx-sage); color: #6d7d72;
  font-family: 'Shippori Mincho', serif; font-size: 15px;
  margin-bottom: 12px;
}
.fx-flow-step {
  display: block;
  font-size: 10.5px; letter-spacing: .26em; text-transform: uppercase;
  color: var(--fx-terra-soft); margin-bottom: 10px;
}
.fx-flow-title { font-family: 'Shippori Mincho', serif; font-size: 17px; line-height: 1.55; letter-spacing: .04em; margin-bottom: 4px; }
.fx-flow-time { font-size: 12.5px; color: var(--fx-terra); font-weight: 700; margin-bottom: 4px; }
.fx-flow-div { display: block; width: 34px; height: 1px; background: var(--fx-line); margin: 14px auto 14px; }
.fx-flow-text { font-size: 12.5px; line-height: 1.9; color: var(--fx-ink-soft); }
.fx-flow-icon { display: block; margin-top: 20px; color: #b3bdb4; font-size: 20px; }

/* ---------- requirements ---------- */
.fx-req-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 900px; margin: 0 auto; }
.fx-req-card {
  position: relative;
  background: #fffdfa;
  border: 1px solid var(--fx-line);
  border-radius: 4px;
  padding: 40px 34px 30px;
  text-align: center;
}
.fx-req-orn { position: absolute; top: 14px; right: 18px; color: var(--fx-sage); font-size: 22px; }
.fx-req-icon {
  width: 60px; height: 60px; margin: 0 auto 20px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: var(--fx-sage);
  color: #6d7d72; font-size: 22px;
}
.fx-req-card h3 {
  font-family: 'Shippori Mincho', serif;
  font-size: 18px; letter-spacing: .1em;
  color: var(--fx-terra);
  margin-bottom: 6px;
}
.fx-req-div { display: block; width: 40px; height: 1px; background: var(--fx-line); margin: 14px auto 18px; }
.fx-req-body { font-size: 14.5px; line-height: 2.05; font-family: 'Shippori Mincho', serif; letter-spacing: .03em; }
.fx-req-note { margin-top: 16px; font-size: 12px; line-height: 1.85; color: var(--fx-ink-soft); }

/* ---------- trust ---------- */
.fx-trust-num { display: flex; align-items: center; gap: 16px; margin: 8px 0 4px; }
.fx-trust-icon {
  width: 52px; height: 52px; flex: 0 0 52px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; background: var(--fx-sage);
  color: #6d7d72; font-size: 19px;
}
.fx-trust-figure { display: flex; align-items: baseline; gap: 6px; }
.fx-trust-digit {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(52px, 7vw, 78px);
  line-height: 1;
  color: var(--fx-terra);
  letter-spacing: .02em;
}
.fx-trust-unit { font-size: 17px; font-weight: 700; display: flex; flex-direction: column; line-height: 1.5; }
.fx-trust-unit small { font-size: 12px; font-weight: 400; color: var(--fx-ink-soft); letter-spacing: .06em; }
.fx-trust-text { font-size: 13.5px; line-height: 1.95; color: var(--fx-ink-soft); margin-bottom: 30px; }

.fx-support {
  background: #fffdfa;
  border: 1px solid var(--fx-line);
  border-radius: 3px;
  padding: 26px 24px 22px;
}
.fx-support-title { text-align: center; margin-bottom: 20px; }
.fx-support-title span {
  font-size: 13px; font-weight: 700; letter-spacing: .16em;
  color: var(--fx-terra);
  padding: 0 18px;
  position: relative;
}
.fx-support-title span::before,
.fx-support-title span::after {
  content: ''; position: absolute; top: 50%; width: 30px; height: 1px; background: var(--fx-line);
}
.fx-support-title span::before { left: -22px; }
.fx-support-title span::after { right: -22px; }
.fx-support-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 16px; }
.fx-support-grid li {
  text-align: center;
  font-size: 12px; line-height: 1.7;
  letter-spacing: .02em;
}
.fx-support-grid li + li { border-left: 1px solid var(--fx-line); }
.fx-support-icon {
  display: flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; margin: 0 auto 10px;
  border-radius: 50%; background: var(--fx-sage);
  color: #6d7d72; font-size: 17px;
}
.fx-support-text { text-align: center; font-size: 12.5px; color: var(--fx-ink-soft); line-height: 1.9; }

/* ---------- faq ---------- */
.fx-faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.fx-faq-card {
  background: #fffdfa;
  border: 1px solid var(--fx-line);
  border-radius: 3px;
  padding: 26px 26px 24px;
}
.fx-faq-q {
  display: grid; grid-template-columns: 42px 1fr; gap: 12px;
  align-items: start;
  font-size: 14.5px; font-weight: 700; line-height: 1.7;
  padding-bottom: 16px; margin-bottom: 16px;
  border-bottom: 1px dashed var(--fx-line);
}
.fx-faq-a {
  display: grid; grid-template-columns: 42px 1fr; gap: 12px;
  align-items: start;
  font-size: 13.5px; line-height: 1.95; color: var(--fx-ink-soft);
}
.fx-faq-badge {
  font-family: 'Shippori Mincho', serif;
  font-size: 20px; line-height: 1.2;
}
.fx-faq-badge-q { color: var(--fx-terra); }
.fx-faq-badge-a { color: var(--fx-sage-deep); }

/* ---------- risk ---------- */
.fx-risk-p {
  font-size: 14px; line-height: 2.15;
  color: var(--fx-ink-soft);
  padding-bottom: 18px;
}
.fx-risk-p + .fx-risk-p { border-top: 1px solid var(--fx-line); padding-top: 18px; }
.fx-check-box {
  position: relative;
  margin-top: -34px;
  margin-left: 32px;
  margin-right: -10px;
  background: #eef1e9;
  border: 1px solid #d8dfd0;
  border-radius: 4px;
  padding: 30px 26px 24px;
  text-align: center;
}
.fx-check-badge {
  position: absolute; top: -16px; left: 50%; transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 6px;
  background: #a9b6a0; color: #fff;
  font-size: 10.5px; letter-spacing: .2em;
  padding: 6px 16px; border-radius: 999px;
  white-space: nowrap;
}
.fx-check-box p {
  font-family: 'Shippori Mincho', serif;
  font-size: 14.5px; line-height: 2; letter-spacing: .04em;
  color: #3c4a3f;
}

/* ---------- cta ---------- */
.fx-cta { background: linear-gradient(180deg, var(--fx-cream) 0%, var(--fx-cream-2) 100%); padding: 92px 0; }
.fx-cta-inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 56px; align-items: center; }
.fx-cta-facts {
  display: grid; grid-template-columns: repeat(3, 1fr);
  background: #fffdfa;
  border: 1px solid var(--fx-line);
  border-radius: 3px;
  padding: 22px 0;
  margin: 28px 0 26px;
}
.fx-cta-fact { text-align: center; padding: 0 12px; }
.fx-cta-fact + .fx-cta-fact { border-left: 1px solid var(--fx-line); }
.fx-cta-fact-label {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  font-size: 12px; font-weight: 700; letter-spacing: .1em; margin-bottom: 6px;
}
.fx-cta-fact-label i {
  width: 24px; height: 24px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%; background: var(--fx-sage); color: #6d7d72; font-size: 11px;
}
.fx-cta-fact-num {
  font-family: 'Shippori Mincho', serif;
  font-size: 34px; line-height: 1.2; color: var(--fx-terra);
}
.fx-cta-fact-num small { font-size: 13px; margin-left: 3px; color: var(--fx-ink); font-family: 'Noto Sans JP', sans-serif; }
.fx-cta-sub {
  text-align: center;
  font-family: 'Shippori Mincho', serif;
  font-size: 16px; letter-spacing: .1em;
  margin-bottom: 22px;
  color: var(--fx-ink);
}
.fx-cta-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fx-cta-note { margin-top: 16px; text-align: center; font-size: 11.5px; color: var(--fx-ink-soft); }
.fx-cta-media img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 22px 48px rgba(47, 58, 52, .12);
}

/* ---------- ask ---------- */
.fx-ask { max-width: 820px; margin: 0 auto; }
.fx-ask-q {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(38px, 6vw, 62px);
  color: var(--fx-terra);
  line-height: 1;
  margin: -18px 0 26px;
  opacity: .9;
}
.fx-ask-list { display: grid; gap: 12px; margin-bottom: 24px; }
.fx-ask-list li {
  display: flex; align-items: center; gap: 14px;
  background: rgba(255, 255, 255, .7);
  border: 1px solid var(--fx-line);
  border-radius: 999px;
  padding: 16px 26px;
  font-size: 14.5px;
  letter-spacing: .03em;
}
.fx-ask-leaf { color: var(--fx-sage-deep); font-size: 13px; }
.fx-ask-note { font-size: 13.5px; color: var(--fx-ink-soft); margin-bottom: 28px; }
.fx-ask-actions { display: flex; flex-wrap: wrap; gap: 14px; }

/* ---------- responsive ---------- */
@media (max-width: 980px) {
  .fx-hero-grid { grid-template-columns: 1fr; }
  .fx-hero-body { padding: 64px 28px 48px; }
  .fx-hero-media { order: -1; height: 300px; }
  .fx-hero-media::after { background: linear-gradient(180deg, transparent 40%, var(--fx-cream) 100%); }
  .fx-split, .fx-split-rev { grid-template-columns: 1fr; gap: 40px; }
  .fx-split-media img { aspect-ratio: 16 / 10; }
  .fx-split-rev .fx-split-media { order: -1; }
  .fx-overview-top { grid-template-columns: 1fr; gap: 20px; }
  .fx-overview-intro { padding-top: 0; }
  .fx-cta-inner { grid-template-columns: 1fr; }
  .fx-cta-media { order: -1; }
  .fx-cta-media img { aspect-ratio: 16 / 10; }
  .fx-check-box { margin: 20px 0 0; }
}

@media (max-width: 760px) {
  .fx-wrap { padding: 0 20px; }
  .fx-section, .fx-cta { padding: 62px 0; }
  .fx-title { font-size: 23px; }
  .fx-point-grid { grid-template-columns: 1fr; }
  .fx-ov-steps { grid-template-columns: 1fr 1fr; gap: 12px; }
  .fx-ov-arrow { display: none; }
  .fx-flow { grid-template-columns: 1fr 1fr; gap: 12px; }
  .fx-req-grid { grid-template-columns: 1fr; }
  .fx-faq-grid { grid-template-columns: 1fr; }
  .fx-support-grid { grid-template-columns: 1fr; gap: 0; }
  .fx-support-grid li { padding: 14px 0; }
  .fx-support-grid li + li { border-left: 0; border-top: 1px solid var(--fx-line); }
  .fx-support-icon { margin-bottom: 8px; }
  .fx-facts { grid-template-columns: repeat(3, 1fr); gap: 0; }
  .fx-fact { padding: 0 10px; }
  .fx-fact-num { font-size: 30px; }
  .fx-fact-label { font-size: 11px; gap: 5px; }
  .fx-fact-icon { width: 20px; height: 20px; font-size: 9px; }
  .fx-important { flex-direction: column; gap: 12px; text-align: center; padding: 20px; }
  .fx-important-label { border-right: 0; padding-right: 0; padding-bottom: 10px; border-bottom: 1px solid rgba(243, 237, 226, .25); }
  .fx-cta-actions { grid-template-columns: 1fr; }
  .fx-hero-actions .fx-btn, .fx-ask-actions .fx-btn { width: 100%; }
  .fx-quote { padding: 22px 20px 22px 46px; }
  .fx-quote p { font-size: 14px; }
  .fx-check-list li { grid-template-columns: 26px 28px 1fr; padding: 12px 16px 12px 12px; }
  .fx-check-text { font-size: 13px; }
  .fx-point-num { font-size: 38px; }
  .fx-banner { flex-direction: column; gap: 10px; padding: 20px; }
  .fx-flow-title { font-size: 15px; }
  .fx-cta-fact-num { font-size: 26px; }
  .fx-cta-facts { padding: 18px 0; }
  .fx-ask-list li { font-size: 13px; padding: 14px 18px; }
  .fx-trust-digit { font-size: 56px; }
}

@media (prefers-reduced-motion: reduce) {
  .fx-btn, .fx-point-card, .fx-check-list li { transition: none; }
  .fx-btn:hover, .fx-point-card:hover, .fx-check-list li:hover { transform: none; }
}

/* =========================================================
   EC case LP  —  navy × sage
   ========================================================= */
.ec {
  --ec-cream: #faf7f0;
  --ec-cream-2: #f4efe4;
  --ec-navy: #1c3153;
  --ec-navy-deep: #15263e;
  --ec-green: #4e7c59;
  --ec-green-soft: #7d9b78;
  --ec-sage: #dfe6d8;
  --ec-sage-2: #eef2e9;
  --ec-ink: #2a3340;
  --ec-ink-soft: #5f6b74;
  --ec-line: #e2dac9;
  background: var(--ec-cream);
  color: var(--ec-ink);
  font-family: 'Noto Sans JP', system-ui, sans-serif;
  letter-spacing: .03em;
}

.ec-wrap { width: 100%; max-width: 1080px; margin: 0 auto; padding: 0 28px; }

.ec-section { padding: 92px 0; background: var(--ec-cream); }
.ec-section-cream { background: var(--ec-cream-2); }
.ec-section-navy { background: var(--ec-navy); color: #f3f1e9; }

/* ---------- head ---------- */
.ec-head { margin-bottom: 44px; }
.ec-head-center { text-align: center; }
.ec-head-rail {
  display: flex; align-items: center; gap: 12px;
  margin-bottom: 18px;
  font-size: 11px; letter-spacing: .3em; text-transform: uppercase;
  color: var(--ec-green);
}
.ec-head-center .ec-head-rail { justify-content: center; }
.ec-head-no {
  font-family: 'Shippori Mincho', serif;
  font-size: 12px; letter-spacing: .12em;
  color: var(--ec-green);
}
.ec-head-rule { width: 34px; height: 1px; background: var(--ec-green-soft); opacity: .7; }
.ec-head-eyebrow { font-weight: 600; }
.ec-title {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(25px, 3.1vw, 38px);
  line-height: 1.5;
  letter-spacing: .04em;
  color: var(--ec-navy);
  margin: 0;
  /* 日本語の文節単位で折り返す（未対応ブラウザは通常折り返しにフォールバック） */
  word-break: auto-phrase;
  line-break: strict;
  text-wrap: balance;
}
.ec-sub { margin-top: 14px; font-size: 13px; color: var(--ec-ink-soft); }
.ec-on-navy .ec-title { color: #f4f2ea; }
.ec-on-navy .ec-head-eyebrow,
.ec-on-navy .ec-head-no { color: var(--ec-sage); }
.ec-on-navy .ec-head-rule { background: var(--ec-sage); opacity: .4; }

/* ---------- buttons ---------- */
.ec-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  padding: 17px 32px;
  font-size: 15px; font-weight: 700; letter-spacing: .06em;
  border-radius: 999px;
  border: 1px solid transparent;
  transition: transform .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease;
}
.ec-btn:hover { transform: translateY(-2px); }
.ec-btn-line {
  background: var(--ec-sage);
  color: var(--ec-navy);
  box-shadow: 0 12px 28px rgba(28, 49, 83, .14);
}
.ec-btn-line:hover { background: #d2ddc9; box-shadow: 0 16px 34px rgba(28, 49, 83, .2); }
.ec-btn-line-mark {
  display: inline-grid; place-items: center;
  width: 30px; height: 30px;
  border-radius: 8px;
  background: #06c755;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 9px; font-weight: 700; letter-spacing: 0;
}
.ec-btn-ghost {
  border-color: rgba(28, 49, 83, .28);
  color: var(--ec-navy);
  background: transparent;
}
.ec-btn-ghost:hover { background: rgba(28, 49, 83, .05); border-color: var(--ec-navy); }
.ec-btn-block { width: 100%; }

/* ---------- hero ---------- */
.ec-hero {
  position: relative;
  background: linear-gradient(160deg, #fdfbf6 0%, var(--ec-cream) 55%, #f2eee2 100%);
  overflow: hidden;
}
.ec-hero::before {
  content: '';
  position: absolute; left: -14%; top: -26%;
  width: 62%; aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 40%, #f6f1e2 0%, rgba(250, 247, 240, 0) 68%);
  pointer-events: none;
}
.ec-hero-frame { display: grid; grid-template-columns: 1.12fr .88fr; min-height: 660px; }
.ec-hero-body {
  position: relative;
  padding: 78px 52px 78px max(28px, calc((100vw - 1080px) / 2 + 28px));
  display: flex; flex-direction: column; justify-content: center;
}
.ec-brand {
  display: flex; align-items: center; gap: 12px;
  font-family: 'Shippori Mincho', serif;
  font-size: 16px; font-weight: 600;
  letter-spacing: .06em;
  color: var(--ec-navy);
  margin-bottom: 26px;
}
.ec-brand-mark {
  display: grid; place-items: center;
  width: 38px; height: 38px;
  border-radius: 50%;
  border: 1px solid var(--ec-green-soft);
  color: var(--ec-green);
  font-size: 15px;
}
.ec-hero .ec-head { margin-bottom: 26px; }
.ec-hero .ec-title {
  font-size: clamp(26px, 3.62vw, 47px);
  line-height: 1.34;
  letter-spacing: .02em;
  word-break: keep-all;
  line-break: strict;
}
.ec-hero-catch {
  position: relative;
  padding-left: 18px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.9;
  color: var(--ec-navy);
  margin-bottom: 12px;
}
.ec-hero-catch::before {
  content: '';
  position: absolute; left: 0; top: .45em;
  width: 3px; height: 1.1em;
  background: var(--ec-green-soft);
}
.ec-hero-lead {
  font-size: 14px; line-height: 2;
  color: var(--ec-ink-soft);
  max-width: 32em;
  margin-bottom: 34px;
}
.ec-stats {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid var(--ec-line);
  border-bottom: 1px solid var(--ec-line);
  padding: 22px 0;
  margin-bottom: 34px;
}
.ec-stat { padding: 0 20px; border-left: 1px solid var(--ec-line); }
.ec-stat:first-child { padding-left: 0; border-left: none; }
.ec-stat-label { font-size: 11.5px; letter-spacing: .14em; color: var(--ec-green); margin-bottom: 6px; }
.ec-stat-num {
  font-family: 'Shippori Mincho', serif;
  font-size: 32px; line-height: 1.15;
  color: var(--ec-green);
  letter-spacing: 0;
}
.ec-stat-num span { font-size: 14px; margin-left: 3px; color: var(--ec-navy); }
.ec-stat-caption { font-size: 11px; line-height: 1.7; color: var(--ec-ink-soft); margin-top: 6px; }
.ec-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }

.ec-hero-media { position: relative; overflow: hidden; }
.ec-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.ec-hero-media::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, var(--ec-cream) 0%, rgba(250, 247, 240, .45) 14%, transparent 40%);
  pointer-events: none;
}
.ec-hero-motto {
  position: absolute; left: 26px; bottom: 26px;
  margin: 0;
  padding: 10px 20px 10px 18px;
  font-family: 'Shippori Mincho', serif;
  font-size: 12.5px; line-height: 1.9;
  letter-spacing: .1em;
  color: var(--ec-navy);
  background: rgba(253, 251, 246, .88);
  border-left: 2px solid var(--ec-green-soft);
  border-radius: 2px;
  box-shadow: 0 8px 22px rgba(28, 49, 83, .08);
  backdrop-filter: blur(2px);
  white-space: pre-line;
}

/* ---------- reasons ---------- */
.ec-reason-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 60px; align-items: center; }
.ec-reason-media img {
  width: 100%; aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 24px 50px rgba(28, 49, 83, .12);
}
.ec-reason-list { display: grid; gap: 0; }
.ec-reason {
  display: flex; align-items: flex-start; gap: 22px;
  padding: 26px 0;
  border-bottom: 1px solid var(--ec-line);
}
.ec-reason:first-child { padding-top: 0; }
.ec-reason:last-child { border-bottom: none; padding-bottom: 0; }
.ec-reason-no {
  flex: none;
  display: grid; place-items: center;
  width: 62px; height: 62px;
  border-radius: 50%;
  background: var(--ec-navy);
  color: #f6f4ec;
  font-family: 'Shippori Mincho', serif;
  font-size: 20px; letter-spacing: .02em;
}
.ec-reason-title {
  font-family: 'Shippori Mincho', serif;
  font-size: 21px; letter-spacing: .06em;
  color: var(--ec-navy);
  margin-bottom: 8px;
}
.ec-reason-text { font-size: 13.5px; line-height: 1.95; color: var(--ec-ink-soft); }

/* ---------- plans ---------- */
.ec-plan-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.ec-plan {
  position: relative;
  background: #fffdf9;
  border: 1px solid var(--ec-line);
  border-radius: 3px;
  padding: 34px 32px 30px;
  box-shadow: 0 14px 34px rgba(28, 49, 83, .06);
  overflow: hidden;
}
.ec-plan-tag {
  display: flex; align-items: center; gap: 10px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--ec-line);
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.ec-plan-key {
  background: var(--ec-navy);
  color: #f7f5ee;
  font-size: 12.5px; font-weight: 700; letter-spacing: .08em;
  padding: 6px 16px;
  border-radius: 999px;
}
.ec-plan-dash { color: var(--ec-line); }
.ec-plan-shop {
  font-family: 'Shippori Mincho', serif;
  font-size: 16px; letter-spacing: .04em;
  color: var(--ec-navy);
}
.ec-plan-amount {
  display: flex; align-items: baseline; gap: 6px;
  flex-wrap: wrap;
  color: var(--ec-green);
}
.ec-plan-prefix {
  font-size: 15px; font-weight: 700; letter-spacing: .06em;
  color: var(--ec-navy);
  margin-right: 6px;
}
.ec-plan-yen { font-size: 26px; font-weight: 700; }
.ec-plan-num {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(40px, 5.2vw, 62px);
  line-height: 1;
  letter-spacing: -.01em;
}
.ec-plan-suffix {
  margin-top: 10px;
  font-size: 12.5px;
  color: var(--ec-ink-soft);
  letter-spacing: .04em;
}
.ec-plan-wide .ec-plan-num { font-size: clamp(52px, 7vw, 82px); }
.ec-plan-wide .ec-plan-yen { font-size: 34px; }
.ec-plan-featured { border-color: rgba(78, 124, 89, .32); }
.ec-plan-meta { margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--ec-line); display: grid; gap: 16px; }
.ec-plan-meta-row { display: grid; grid-template-columns: 118px 1fr; gap: 14px; align-items: start; }
.ec-plan-meta-row dt {
  display: flex; align-items: center; gap: 8px;
  font-size: 12px; font-weight: 700; letter-spacing: .04em;
  color: var(--ec-green);
}
.ec-plan-meta-row dd { font-size: 13.5px; line-height: 1.8; color: var(--ec-ink); }
.ec-plan-icon {
  display: grid; place-items: center;
  width: 24px; height: 24px;
  border-radius: 50%;
  border: 1px solid var(--ec-green-soft);
  font-size: 10px;
  color: var(--ec-green);
}
.ec-plan-cond { display: grid; gap: 4px; }
.ec-plan-cond li {
  position: relative;
  padding-left: 12px;
  font-size: 12.5px;
  line-height: 1.75;
  color: var(--ec-ink-soft);
}
.ec-plan-cond li::before {
  content: '';
  position: absolute; left: 0; top: .72em;
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--ec-green-soft);
}
.ec-plan-iconmark {
  position: absolute; right: 26px; top: 50%;
  transform: translateY(-50%);
  font-size: 92px;
  color: var(--ec-sage);
  opacity: .5;
  pointer-events: none;
}
.ec-plan-wide { max-width: 760px; margin: 0 auto; padding: 44px 48px 40px; }
.ec-plan-wide .ec-plan-tag { justify-content: center; border-bottom: none; padding-bottom: 0; margin-bottom: 20px; }
.ec-plan-wide .ec-plan-amount { justify-content: center; }
.ec-plan-wide .ec-plan-suffix { text-align: center; }
.ec-plan-wide .ec-plan-meta-row { grid-template-columns: 150px 1fr; }
.ec-plan-wide::before {
  content: '';
  position: absolute; left: 50%; top: 0;
  transform: translateX(-50%);
  width: 60%; height: 70px;
  background: var(--ec-navy);
  border-radius: 0 0 18px 18px;
  opacity: .06;
}

.ec-cond-bar {
  display: flex; align-items: center; gap: 14px;
  flex-wrap: wrap;
  margin-top: 30px;
  padding: 18px 24px;
  background: rgba(223, 230, 216, .5);
  border-radius: 3px;
}
.ec-cond-icon { color: var(--ec-green); font-size: 16px; }
.ec-cond-label { font-size: 12px; font-weight: 700; letter-spacing: .1em; color: var(--ec-green); }
.ec-cond-text { font-size: 13px; color: var(--ec-ink); letter-spacing: .03em; }

.ec-plan-divider { display: grid; place-items: center; padding: 78px 0 60px; }
.ec-plan-divider span { width: 1px; height: 54px; background: linear-gradient(180deg, transparent, var(--ec-line), transparent); }

/* ---------- flow ---------- */
.ec-flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ec-flow-step {
  position: relative;
  text-align: center;
  padding: 0 14px;
}
.ec-flow-no {
  display: inline-grid; place-items: center;
  width: 54px; height: 54px;
  border-radius: 50%;
  background: var(--ec-navy);
  color: #f7f5ee;
  font-family: 'Shippori Mincho', serif;
  font-size: 18px;
  margin-bottom: 22px;
}
.ec-flow-arrow {
  position: absolute; right: -14px; top: 27px;
  color: var(--ec-green-soft);
  font-size: 13px;
  opacity: .8;
}
.ec-flow-icon {
  display: grid; place-items: center;
  width: 104px; height: 104px;
  margin: 0 auto 22px;
  border-radius: 50%;
  border: 1px solid var(--ec-green-soft);
  background: #fffdf9;
  color: var(--ec-green);
  font-size: 34px;
}
.ec-flow-title {
  font-family: 'Shippori Mincho', serif;
  font-size: 19px; letter-spacing: .05em;
  color: var(--ec-navy);
  padding-bottom: 12px;
  margin-bottom: 12px;
  position: relative;
}
.ec-flow-title::after {
  content: '';
  position: absolute; left: 50%; bottom: 0;
  transform: translateX(-50%);
  width: 26px; height: 1px;
  background: var(--ec-green-soft);
}
.ec-flow-text { font-size: 12.5px; line-height: 1.85; color: var(--ec-ink-soft); }

/* ---------- split ---------- */
.ec-split { display: grid; grid-template-columns: .72fr 1.28fr; gap: 60px; align-items: center; }
.ec-split-rev { grid-template-columns: 1.22fr .78fr; }
.ec-split-media img {
  width: 100%; aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 22px 46px rgba(28, 49, 83, .14);
}
.ec-section-navy .ec-split-media img { box-shadow: 0 22px 46px rgba(0, 0, 0, .3); }

/* ---------- qa ---------- */
.ec-qa-list { display: grid; gap: 30px; }
.ec-qa { position: relative; padding-bottom: 30px; border-bottom: 1px dashed var(--ec-line); }
.ec-qa:last-child { border-bottom: none; padding-bottom: 0; }
.ec-qa-q {
  display: flex; align-items: flex-start; gap: 16px;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(17px, 2.1vw, 22px);
  line-height: 1.6;
  letter-spacing: .04em;
  color: var(--ec-navy);
  margin-bottom: 14px;
}
.ec-qa-a {
  display: flex; align-items: flex-start; gap: 16px;
  font-size: 13.5px; line-height: 2;
  color: var(--ec-ink-soft);
}
.ec-qa-letter {
  flex: none;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1;
  letter-spacing: .02em;
}
.ec-qa-letter-q { color: var(--ec-navy); }
.ec-qa-letter-a { color: var(--ec-green-soft); }
.ec-on-navy .ec-qa { border-bottom-color: rgba(255, 255, 255, .16); }
.ec-on-navy .ec-qa-q { color: #f4f2ea; }
.ec-on-navy .ec-qa-a { color: rgba(243, 241, 233, .82); }
.ec-on-navy .ec-qa-letter-q { color: #f4f2ea; }
.ec-on-navy .ec-qa-letter-a { color: var(--ec-sage); }
.ec-qa-leaf {
  position: absolute; right: -6px; top: -10px;
  width: 26px; height: 26px;
  background: var(--ec-sage);
  border-radius: 50%;
  opacity: .3;
}

.ec-risk-note {
  display: flex; align-items: center; gap: 12px;
  margin-top: 30px;
  padding: 16px 22px;
  background: rgba(223, 230, 216, .55);
  border-left: 3px solid var(--ec-green-soft);
  font-size: 12.5px;
  line-height: 1.8;
  color: var(--ec-ink);
}
.ec-risk-note-mark { color: var(--ec-green); font-size: 13px; }

/* ---------- cta ---------- */
.ec-cta {
  background: linear-gradient(170deg, #fdfbf5 0%, var(--ec-cream-2) 100%);
  padding: 96px 0 100px;
}
.ec-cta-grid { display: grid; grid-template-columns: 1.18fr .82fr; gap: 58px; align-items: center; }
.ec-cta-body .ec-head { margin-bottom: 24px; }
.ec-cta-body .ec-title { font-size: clamp(26px, 3.4vw, 40px); }
.ec-cta-copy { margin-bottom: 30px; }
.ec-cta-copy p {
  font-size: 14px; line-height: 2.1;
  color: var(--ec-ink-soft);
  text-align: center;
}
.ec-cta-note {
  margin-top: 16px;
  text-align: center;
  font-size: 11.5px;
  color: var(--ec-ink-soft);
}
.ec-cta-note i { margin-right: 6px; color: var(--ec-green); }
.ec-cta-media img {
  width: 100%; aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 3px 3px 200px 3px;
  box-shadow: 0 24px 50px rgba(28, 49, 83, .14);
}

/* ---------- responsive ---------- */
@media (max-width: 980px) {
  .ec-hero-frame { grid-template-columns: 1fr; min-height: 0; }
  .ec-hero-body { padding: 64px 28px 52px; }
  .ec-hero-media { height: 380px; }
  .ec-hero-media::after { background: linear-gradient(180deg, var(--ec-cream) 0%, transparent 34%); }
  .ec-reason-grid,
  .ec-split,
  .ec-split-rev,
  .ec-cta-grid { grid-template-columns: 1fr; gap: 38px; }
  .ec-reason-media img,
  .ec-split-media img,
  .ec-cta-media img { aspect-ratio: 16 / 10; }
  .ec-plan-grid { grid-template-columns: 1fr; }
  .ec-flow { grid-template-columns: 1fr; gap: 40px; }
  .ec-flow-arrow { display: none; }
  .ec-plan-wide { padding: 36px 26px 32px; }
  .ec-plan-wide .ec-plan-meta-row { grid-template-columns: 120px 1fr; }
  .ec-plan-iconmark { font-size: 68px; opacity: .35; }
  .ec-section { padding: 68px 0; }
}

@media (max-width: 760px) {
  .ec-head-rail { font-size: 10px; letter-spacing: .22em; }
  .ec-hero-catch { font-size: 15.5px; }
  .ec-stats { grid-template-columns: 1fr; gap: 18px; padding: 20px 0; }
  .ec-stat { padding: 0; border-left: none; }
  .ec-stat + .ec-stat { border-top: 1px solid var(--ec-line); padding-top: 18px; }
  .ec-hero-actions .ec-btn { width: 100%; }
  .ec-reason { gap: 16px; padding: 20px 0; }
  .ec-reason-no { width: 50px; height: 50px; font-size: 17px; }
  .ec-reason-title { font-size: 18px; }
  .ec-plan { padding: 26px 22px 24px; }
  .ec-plan-meta-row { grid-template-columns: 1fr; gap: 8px; }
  .ec-plan-wide .ec-plan-meta-row { grid-template-columns: 1fr; }
  .ec-flow-icon { width: 84px; height: 84px; font-size: 28px; }
  .ec-cta { padding: 68px 0; }
  .ec-cond-bar { flex-direction: column; align-items: flex-start; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .ec-btn, .ec-plan { transition: none; }
  .ec-btn:hover { transform: none; }
}

/* =========================================================
   FX continue case LP  —  deep navy × gold
   ========================================================= */
.fxc {
  --fxc-navy: #0f1e33;
  --fxc-navy-2: #16283f;
  --fxc-navy-deep: #0a1524;
  --fxc-gold: #dfa92c;
  --fxc-gold-soft: #edc357;
  --fxc-cream: #f8f4ec;
  --fxc-cream-2: #f2ebdd;
  --fxc-ink: #2c3440;
  --fxc-ink-soft: #616a75;
  --fxc-line: #e3d9c6;
  background: var(--fxc-cream);
  color: var(--fxc-ink);
  font-family: 'Noto Sans JP', system-ui, sans-serif;
  letter-spacing: .03em;
}

.fxc-wrap { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 30px; }

.fxc-section { padding: 96px 0; background: var(--fxc-cream); }
.fxc-section-cream { background: var(--fxc-cream-2); }
.fxc-section-navy { background: var(--fxc-navy); color: #f1ece1; }

/* ---------- head ---------- */
.fxc-head { margin-bottom: 46px; }
.fxc-head-center { text-align: center; }
.fxc-head-rail {
  display: flex; align-items: baseline; gap: 10px;
  margin-bottom: 20px;
  font-size: 11px; letter-spacing: .26em; text-transform: uppercase;
  color: var(--fxc-gold);
  font-weight: 700;
}
.fxc-head-center .fxc-head-rail { justify-content: center; }
.fxc-head-no {
  font-family: 'Shippori Mincho', serif;
  font-size: 13px; letter-spacing: .1em;
  color: var(--fxc-gold);
}
.fxc-head-slash { color: var(--fxc-gold); opacity: .55; }
.fxc-head-eyebrow { color: var(--fxc-ink-soft); }
.fxc-section-navy .fxc-head-eyebrow,
.fxc-risk .fxc-head-eyebrow { color: #b9c3d1; }
.fxc-title {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(24px, 2.9vw, 36px);
  line-height: 1.52;
  letter-spacing: .03em;
  color: var(--fxc-navy);
  margin: 0;
  word-break: keep-all;
  line-break: strict;
}
.fxc-section-navy .fxc-title { color: #f6f1e5; }
.fxc-sub { font-size: 14px; line-height: 1.9; color: var(--fxc-ink-soft); margin: 14px 0 0; }
.fxc-section-navy .fxc-sub { color: #b9c3d1; }
.fxc-lead { font-size: 14.5px; line-height: 2; color: var(--fxc-ink-soft); margin: -26px 0 40px; }

/* ---------- buttons ---------- */
.fxc-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 30px;
  border-radius: 999px;
  font-size: 14px; font-weight: 700; letter-spacing: .04em;
  text-decoration: none;
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease, border-color .22s ease;
  border: 1px solid transparent;
  white-space: nowrap;
}
.fxc-btn-gold {
  background: var(--fxc-gold);
  color: #1a1405;
  box-shadow: 0 10px 26px rgba(223, 169, 44, .28);
}
.fxc-btn-gold:hover { background: var(--fxc-gold-soft); transform: translateY(-2px); box-shadow: 0 14px 32px rgba(223, 169, 44, .36); }
.fxc-btn-mark {
  display: grid; place-items: center;
  width: 24px; height: 24px;
  border-radius: 50%;
  background: #06c755;
  color: #fff;
  font-size: 13px;
}
.fxc-btn-outline {
  border-color: rgba(223, 169, 44, .55);
  color: #f0e6cf;
  background: transparent;
}
.fxc-btn-outline:hover { border-color: var(--fxc-gold); background: rgba(223, 169, 44, .12); transform: translateY(-2px); }
.fxc-btn-outline-light {
  border-color: rgba(255, 255, 255, .34);
  color: #f4efe3;
  background: transparent;
}
.fxc-btn-outline-light:hover { border-color: rgba(255, 255, 255, .7); background: rgba(255, 255, 255, .08); transform: translateY(-2px); }
.fxc-btn-block { width: 100%; }

/* ---------- hero ---------- */
.fxc-hero {
  position: relative;
  background:
    radial-gradient(circle at 82% 18%, rgba(223, 169, 44, .16) 0%, rgba(223, 169, 44, 0) 46%),
    linear-gradient(150deg, var(--fxc-navy-2) 0%, var(--fxc-navy) 52%, var(--fxc-navy-deep) 100%);
  color: #f4efe4;
  overflow: hidden;
}
.fxc-hero::after {
  content: '';
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(223, 169, 44, .5), transparent);
}
.fxc-hero-grid {
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  min-height: 700px;
  max-width: 1280px;
  margin: 0 auto;
}
.fxc-hero-body {
  padding: 74px 44px 74px 56px;
  display: flex; flex-direction: column; justify-content: center;
}
.fxc-badge {
  align-self: flex-start;
  margin: 0 0 30px;
  padding: 7px 18px;
  border: 1px solid rgba(223, 169, 44, .55);
  border-radius: 999px;
  font-size: 11.5px; letter-spacing: .1em;
  color: var(--fxc-gold-soft);
}
.fxc-h1 {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(30px, 3.9vw, 54px);
  line-height: 1.3;
  letter-spacing: .01em;
  color: #fffdf8;
  margin: 0;
  word-break: keep-all;
  line-break: strict;
}
.fxc-h1 em {
  font-style: normal;
  color: var(--fxc-gold);
}
.fxc-h1-rule {
  display: block;
  width: 132px; height: 2px;
  margin: 26px 0 0;
  background: linear-gradient(90deg, var(--fxc-gold), rgba(223, 169, 44, 0));
}
.fxc-hero-sub {
  margin: 24px 0 0;
  font-size: clamp(15px, 1.6vw, 19px);
  font-weight: 700;
  letter-spacing: .04em;
  color: #fffdf8;
}
.fxc-hero-lead {
  margin: 16px 0 0;
  max-width: 34em;
  font-size: 13.5px; line-height: 2;
  color: #b6c0cf;
}

.fxc-cards {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 34px 0 0;
}
.fxc-card {
  padding: 16px 13px 15px;
  border: 1px solid rgba(223, 169, 44, .38);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
}
.fxc-card-label {
  margin: 0 0 8px;
  font-size: 11px; letter-spacing: .08em;
  color: #cfd7e2;
  white-space: nowrap;
}
.fxc-card-value {
  margin: 0;
  display: flex; align-items: baseline; flex-wrap: nowrap;
  gap: 2px;
  white-space: nowrap;
}
.fxc-card-pre { flex: 0 0 auto; font-size: 10.5px; color: #cfd7e2; }
.fxc-card-num {
  flex: 0 0 auto;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(18px, 1.95vw, 26px);
  line-height: 1.15;
  color: var(--fxc-gold);
  letter-spacing: 0;
  white-space: nowrap;
}
.fxc-card-unit { flex: 0 0 auto; font-size: 12px; color: var(--fxc-gold); margin-left: 1px; white-space: nowrap; }
.fxc-card-post { display: block; width: 100%; font-size: 10.5px; color: #cfd7e2; margin-top: 4px; white-space: nowrap; }
.fxc-card-note { margin: 6px 0 0; font-size: 10px; line-height: 1.7; color: #9eabbd; white-space: nowrap; }

.fxc-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }

.fxc-hero-media { position: relative; overflow: hidden; }
.fxc-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.fxc-hero-media::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, var(--fxc-navy) 0%, rgba(15, 30, 51, .42) 22%, transparent 52%);
  pointer-events: none;
}
.fxc-hero-stamp {
  position: absolute; right: 32px; bottom: 32px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 78px; height: 78px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 50%;
  background: rgba(15, 30, 51, .5);
  backdrop-filter: blur(3px);
  color: #fffdf8;
  line-height: 1;
}
.fxc-hero-stamp-num { font-family: 'Shippori Mincho', serif; font-size: 26px; color: var(--fxc-gold); }
.fxc-hero-stamp-txt { font-size: 10px; letter-spacing: .1em; margin-top: 3px; }

/* ---------- merits ---------- */
.fxc-merit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.fxc-merit {
  position: relative;
  padding: 28px 24px 30px;
  background: #fffdf8;
  border: 1px solid var(--fxc-line);
  border-radius: 4px;
  overflow: hidden;
  transition: transform .24s ease, box-shadow .24s ease;
}
.fxc-merit:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(44, 52, 64, .09); }
.fxc-merit-label {
  display: flex; align-items: center; gap: 10px;
  margin: 0 0 16px;
  font-size: 10.5px; letter-spacing: .24em; font-weight: 700;
  color: var(--fxc-gold);
}
.fxc-merit-rule { width: 22px; height: 1px; background: var(--fxc-gold); opacity: .6; }
.fxc-merit-figure {
  padding: 20px 16px;
  margin-bottom: 22px;
  background: var(--fxc-navy);
  border-radius: 3px;
  display: flex; align-items: baseline; gap: 3px;
  flex-wrap: wrap;
}
.fxc-merit-num {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(34px, 3.6vw, 46px);
  line-height: 1;
  color: var(--fxc-gold);
  letter-spacing: 0;
}
.fxc-merit-unit { font-size: 14px; font-weight: 700; color: var(--fxc-gold); }
.fxc-merit-title { font-size: 17px; font-weight: 700; color: var(--fxc-navy); margin: 0 0 14px; line-height: 1.6; }
.fxc-merit-divider { display: block; width: 100%; height: 1px; background: var(--fxc-line); margin-bottom: 14px; }
.fxc-merit-body { margin: 0; font-size: 12.5px; line-height: 1.95; color: var(--fxc-ink-soft); }
.fxc-merit-icon {
  position: absolute; right: 18px; top: 22px;
  font-size: 15px;
  color: var(--fxc-gold);
  opacity: .5;
}

/* ---------- mechanism ---------- */
.fxc-steps {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  list-style: none; margin: 0; padding: 0;
}
.fxc-step {
  position: relative;
  padding: 26px 22px 28px;
  background: #fffdf8;
  border: 1px solid var(--fxc-line);
  border-radius: 4px;
}
.fxc-step-no {
  display: block;
  font-family: 'Shippori Mincho', serif;
  font-size: 20px;
  color: var(--fxc-navy);
  letter-spacing: .06em;
}
.fxc-step-icon {
  position: absolute; right: 20px; top: 22px;
  display: grid; place-items: center;
  width: 38px; height: 38px;
  border-radius: 50%;
  background: rgba(223, 169, 44, .14);
  color: #a87c14;
  font-size: 14px;
}
.fxc-step-title {
  font-size: 16px; line-height: 1.65; font-weight: 700;
  color: var(--fxc-navy);
  margin: 14px 0 16px;
}
.fxc-step-divider { display: block; width: 100%; height: 1px; background: var(--fxc-line); margin-bottom: 14px; }
.fxc-step-body { margin: 0; font-size: 12.5px; line-height: 1.95; color: var(--fxc-ink-soft); }
.fxc-step-arrow {
  position: absolute; right: -19px; top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: var(--fxc-gold);
  font-size: 13px;
}

.fxc-bonus {
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: 34px;
  padding: 20px 26px;
  background: var(--fxc-navy);
  border-radius: 4px;
  color: #e9e2d4;
}
.fxc-bonus-label { font-size: 12.5px; letter-spacing: .06em; display: inline-flex; align-items: center; gap: 8px; }
.fxc-bonus-label i { color: var(--fxc-gold); }
.fxc-bonus-amount {
  font-family: 'Shippori Mincho', serif;
  font-size: 26px; line-height: 1;
  color: var(--fxc-gold);
}
.fxc-bonus-note { font-size: 11px; color: #9eabbd; }

/* ---------- tasks ---------- */
.fxc-task-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; }
.fxc-task {
  position: relative;
  padding: 30px 34px 32px;
  background: #fffdf8;
  border: 1px solid var(--fxc-line);
  border-left: 3px solid var(--fxc-gold);
  border-radius: 4px;
}
.fxc-task-no {
  display: inline-block;
  font-size: 10.5px; letter-spacing: .22em; font-weight: 700;
  color: var(--fxc-gold);
  margin-bottom: 12px;
}
.fxc-task-title { font-size: clamp(20px, 2.2vw, 27px); font-weight: 700; color: var(--fxc-navy); margin: 0 0 10px; line-height: 1.55; }
.fxc-task-time {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0 0 18px;
  font-size: 13px; font-weight: 700;
  color: #2b6ca3;
}
.fxc-task-time i { font-size: 12px; }
.fxc-task-divider { display: block; width: 100%; height: 1px; background: var(--fxc-line); margin-bottom: 16px; }
.fxc-task-body { margin: 0; font-size: 13.5px; line-height: 2; color: var(--fxc-ink-soft); max-width: 46em; }
.fxc-task-icon {
  position: absolute; right: 32px; top: 30px;
  display: grid; place-items: center;
  width: 42px; height: 42px;
  border-radius: 50%;
  border: 1px solid var(--fxc-line);
  color: var(--fxc-navy);
  font-size: 15px;
  opacity: .75;
}

/* ---------- benefits ---------- */
.fxc-benefit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255, 255, 255, .16); }
.fxc-benefit {
  position: relative;
  padding: 34px 32px 36px;
  background: var(--fxc-navy);
}
.fxc-benefit-no {
  margin: 0 0 14px;
  font-size: 10.5px; letter-spacing: .22em; font-weight: 700;
  color: var(--fxc-gold);
}
.fxc-benefit-title { font-size: clamp(17px, 1.9vw, 22px); font-weight: 700; color: #f6f1e5; margin: 0 0 12px; line-height: 1.55; }
.fxc-benefit-body { margin: 0; font-size: 12.5px; line-height: 1.95; color: #a9b6c6; padding-right: 44px; }
.fxc-benefit-icon {
  position: absolute; right: 28px; bottom: 30px;
  font-size: 17px;
  color: var(--fxc-gold);
  opacity: .4;
}

/* ---------- eligibility ---------- */
.fxc-elig-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.fxc-elig { padding: 30px 28px 32px; border-radius: 4px; border: 1px solid var(--fxc-line); background: #fffdf8; }
.fxc-elig-ok { border-top: 3px solid #4e7c59; }
.fxc-elig-ng { border-top: 3px solid #8b93a0; background: #fbf8f1; }
.fxc-elig-label {
  display: flex; align-items: center; gap: 10px;
  margin: 0 0 20px;
  font-size: 13.5px; font-weight: 700; letter-spacing: .04em;
  color: var(--fxc-navy);
}
.fxc-elig-ok .fxc-elig-label i { color: #4e7c59; }
.fxc-elig-ng .fxc-elig-label i { color: #8b93a0; }
.fxc-elig-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.fxc-elig-list li {
  padding: 16px 0;
  font-size: 13.5px; line-height: 1.85;
  color: var(--fxc-ink);
  border-top: 1px solid var(--fxc-line);
}
.fxc-elig-list li:first-child { border-top: none; padding-top: 0; }
.fxc-note { margin: 22px 0 0; font-size: 12px; line-height: 1.85; color: var(--fxc-ink-soft); }

/* ---------- risk ---------- */
.fxc-risk {
  background: linear-gradient(165deg, #fdfaf3 0%, var(--fxc-cream-2) 62%, #ece3d2 100%);
}
.fxc-risk-grid {
  display: grid; grid-template-columns: 1.18fr .82fr;
  gap: 0;
  max-width: 1280px; margin: 0 auto;
  align-items: stretch;
}
.fxc-risk-body { padding: 92px 48px 92px max(30px, calc((100vw - 1120px) / 2 + 30px)); }
.fxc-risk-statement {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.45;
  color: var(--fxc-gold);
  margin: 0 0 18px;
  word-break: keep-all;
  line-break: strict;
}
.fxc-risk-lead { margin: 0 0 34px; font-size: 14px; line-height: 2; color: var(--fxc-ink); }
.fxc-risk-points { list-style: none; margin: 0; padding: 0; }
.fxc-risk-points li {
  display: flex; align-items: flex-start; gap: 16px;
  padding: 20px 0;
  border-top: 1px solid rgba(44, 52, 64, .13);
}
.fxc-risk-points li:first-child { border-top: none; padding-top: 0; }
.fxc-risk-key {
  flex: 0 0 auto;
  display: grid; place-items: center;
  width: 34px; height: 34px;
  background: var(--fxc-navy);
  color: #fff;
  font-size: 13px; font-weight: 700;
  border-radius: 2px;
}
.fxc-risk-text { font-size: 13.5px; line-height: 1.9; color: var(--fxc-navy); padding-top: 5px; }
.fxc-risk-media { position: relative; overflow: hidden; min-height: 100%; }
.fxc-risk-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.fxc-risk-media::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, #f5efe4 0%, rgba(245, 239, 228, .4) 16%, transparent 44%);
  pointer-events: none;
}

/* ---------- faq ---------- */
.fxc-qa-list { display: grid; gap: 16px; }
.fxc-qa {
  padding: 26px 28px;
  background: #fffdf8;
  border: 1px solid var(--fxc-line);
  border-radius: 4px;
}
.fxc-qa-q, .fxc-qa-a { display: flex; align-items: flex-start; gap: 14px; margin: 0; }
.fxc-qa-q { font-size: 15.5px; font-weight: 700; line-height: 1.75; color: var(--fxc-navy); }
.fxc-qa-a { font-size: 13px; line-height: 1.95; color: var(--fxc-ink-soft); margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(223, 169, 44, .4); }
.fxc-qa-badge {
  flex: 0 0 auto;
  display: grid; place-items: center;
  width: 30px; height: 30px;
  border-radius: 3px;
  font-size: 13px; font-weight: 700;
  letter-spacing: 0;
}
.fxc-qa-badge-q { background: var(--fxc-navy); color: #fff; }
.fxc-qa-badge-a { background: #b9bec6; color: #fff; }
.fxc-qa-a > span:last-child { padding-top: 3px; }

/* ---------- flow ---------- */
.fxc-flow {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  list-style: none; margin: 0; padding: 0;
}
.fxc-flow-step {
  position: relative;
  padding: 26px 22px 28px;
  background: #fffdf8;
  border: 1px solid var(--fxc-line);
  border-radius: 4px;
}
.fxc-flow-tag {
  display: inline-block;
  padding: 5px 12px;
  background: var(--fxc-navy);
  color: #fff;
  font-size: 10px; letter-spacing: .16em; font-weight: 700;
  border-radius: 2px;
}
.fxc-flow-icon {
  position: absolute; right: 20px; top: 24px;
  font-size: 16px;
  color: var(--fxc-gold);
  opacity: .55;
}
.fxc-flow-title { font-size: clamp(18px, 2vw, 22px); font-weight: 700; color: var(--fxc-navy); margin: 16px 0 12px; line-height: 1.5; }
.fxc-flow-rule { display: block; width: 34px; height: 2px; background: var(--fxc-gold); margin-bottom: 14px; }
.fxc-flow-body { margin: 0; font-size: 12.5px; line-height: 1.95; color: var(--fxc-ink-soft); }
.fxc-flow-arrow {
  position: absolute; right: -19px; top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: var(--fxc-gold);
  font-size: 13px;
}

/* ---------- cta ---------- */
.fxc-cta {
  background:
    radial-gradient(circle at 18% 12%, rgba(223, 169, 44, .16) 0%, rgba(223, 169, 44, 0) 48%),
    linear-gradient(160deg, var(--fxc-navy-2) 0%, var(--fxc-navy) 55%, var(--fxc-navy-deep) 100%);
  color: #f4efe4;
}
.fxc-cta-grid { display: grid; grid-template-columns: 1.14fr .86fr; max-width: 1280px; margin: 0 auto; align-items: stretch; }
.fxc-cta-body { padding: 86px 48px 86px max(30px, calc((100vw - 1120px) / 2 + 30px)); }
.fxc-cta-rail {
  display: flex; align-items: baseline; gap: 10px;
  margin: 0 0 26px;
  font-size: 11px; letter-spacing: .26em; font-weight: 700;
  color: var(--fxc-gold);
}
.fxc-cta-rail .fxc-head-eyebrow { color: #b9c3d1; }
.fxc-cta-title {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(26px, 3.3vw, 42px);
  line-height: 1.42;
  color: var(--fxc-gold);
  margin: 0;
  word-break: keep-all;
  line-break: strict;
}
.fxc-cta-rule { display: block; width: 120px; height: 1px; background: rgba(223, 169, 44, .6); margin: 26px 0 24px; }
.fxc-cta-lead { margin: 0 0 14px; font-size: clamp(15px, 1.6vw, 18px); font-weight: 700; color: #fffdf8; line-height: 1.7; }
.fxc-cta-body-txt { margin: 0 0 34px; font-size: 13px; line-height: 2; color: #b6c0cf; }
.fxc-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.fxc-cta-foot {
  display: flex; align-items: center; gap: 12px;
  margin: 32px 0 0;
  font-size: 12px; letter-spacing: .04em;
  color: var(--fxc-gold-soft);
}
.fxc-cta-foot-line { width: 26px; height: 1px; background: rgba(223, 169, 44, .7); }
.fxc-cta-media { position: relative; overflow: hidden; }
.fxc-cta-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.fxc-cta-media::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, var(--fxc-navy) 0%, rgba(15, 30, 51, .35) 20%, transparent 48%);
  pointer-events: none;
}

/* ---------- responsive ---------- */
@media (max-width: 980px) {
  .fxc-hero-grid { grid-template-columns: 1fr; min-height: 0; }
  .fxc-hero-body { padding: 64px 30px 52px; }
  .fxc-hero-media { height: 380px; }
  .fxc-hero-media::after { background: linear-gradient(180deg, var(--fxc-navy) 0%, rgba(15, 30, 51, .3) 26%, transparent 58%); }
  .fxc-hero-stamp { right: 24px; bottom: 24px; }
  .fxc-merit-grid, .fxc-steps, .fxc-flow { grid-template-columns: 1fr; }
  .fxc-step-arrow, .fxc-flow-arrow { display: none; }
  .fxc-benefit-grid, .fxc-elig-grid { grid-template-columns: 1fr; }
  .fxc-risk-grid, .fxc-cta-grid { grid-template-columns: 1fr; }
  .fxc-risk-body, .fxc-cta-body { padding: 68px 30px; }
  .fxc-risk-media { height: 320px; }
  .fxc-risk-media::after { background: linear-gradient(180deg, #f5efe4 0%, rgba(245, 239, 228, .3) 22%, transparent 54%); }
  .fxc-cta-media { height: 340px; }
  .fxc-cta-media::after { background: linear-gradient(180deg, var(--fxc-navy) 0%, rgba(15, 30, 51, .3) 24%, transparent 56%); }
  .fxc-section { padding: 72px 0; }
}

@media (max-width: 760px) {
  .fxc-wrap { padding: 0 20px; }
  .fxc-cards { grid-template-columns: 1fr; }
  .fxc-card { padding: 16px 15px; }
  .fxc-hero-actions, .fxc-cta-actions { flex-direction: column; }
  .fxc-btn { width: 100%; }
  .fxc-task { padding: 24px 22px 26px; }
  .fxc-task-icon { position: static; margin-top: 16px; }
  .fxc-merit-icon, .fxc-benefit-icon, .fxc-flow-icon { display: none; }
  .fxc-benefit-body { padding-right: 0; }
  .fxc-tasks .fxc-lead { margin-top: -18px; }
  .fxc-section { padding: 60px 0; }
  .fxc-risk-body, .fxc-cta-body { padding: 54px 20px; }
  .fxc-qa { padding: 22px 20px; }
  .fxc-qa-q { font-size: 14.5px; }
  .fxc-bonus { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .fxc-btn, .fxc-merit { transition: none; }
  .fxc-btn:hover, .fxc-merit:hover { transform: none; }
}

/* ==========================================================
   コンサル購入案件 LP（.cns-*）
   スライド12枚のパステルグリーン × 手描きイラスト調デザイン
   ========================================================== */
.cns {
  --cns-bg: #eff7f0;
  --cns-bg-2: #e7f2e9;
  --cns-card: #ffffff;
  --cns-green: #4f8f62;
  --cns-green-d: #2f6444;
  --cns-green-l: #a9cbb2;
  --cns-mint: #dcecdd;
  --cns-coral: #f28a6b;
  --cns-cream: #fdf6e3;
  --cns-ink: #2c3f33;
  --cns-ink-2: #5b6f60;
  --cns-line: #d5e6d8;
  background: var(--cns-bg);
  color: var(--cns-ink);
  font-family: 'Noto Sans JP', system-ui, sans-serif;
  letter-spacing: .03em;
}
.cns-wrap { max-width: 1080px; margin: 0 auto; padding: 0 30px; }
.cns-wrap-narrow { max-width: 900px; }
.cns-section { padding: 88px 0; }
.cns-section-alt { background: var(--cns-bg-2); }

.cns-head { margin: 0 0 44px; }
.cns-head-center { text-align: center; }
.cns-head-rail {
  display: flex; align-items: center; justify-content: flex-start;
  gap: 9px; margin: 0 0 14px;
  font-size: 11.5px; letter-spacing: .16em; font-weight: 700;
  color: var(--cns-green);
}
.cns-head-center .cns-head-rail { justify-content: center; }
.cns-head-no {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 26px; height: 26px; padding: 0 6px;
  border-radius: 999px;
  background: var(--cns-green); color: #fff;
  font-size: 11px; letter-spacing: .04em;
}
.cns-head-slash { color: var(--cns-green-l); }
.cns-head-eyebrow { text-transform: uppercase; }

.cns-title {
  margin: 0;
  font-size: clamp(23px, 2.9vw, 36px);
  font-weight: 900;
  line-height: 1.42;
  letter-spacing: .01em;
  color: var(--cns-green-d);
  word-break: keep-all;
  line-break: strict;
  white-space: pre-line;
}
.cns-head-center .cns-title { margin-left: auto; margin-right: auto; }
.cns-sub {
  margin: 14px 0 0;
  font-size: 14.5px; line-height: 1.95;
  color: var(--cns-ink-2);
  max-width: 60em;
}
.cns-head-center .cns-sub { margin-left: auto; margin-right: auto; }

/* ---------- buttons ---------- */
.cns-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 30px;
  border-radius: 999px;
  background: var(--cns-green);
  color: #fff;
  font-size: 14px; font-weight: 700; letter-spacing: .04em;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(47, 100, 68, .2);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.cns-btn:hover { background: var(--cns-green-d); transform: translateY(-2px); box-shadow: 0 14px 26px rgba(47, 100, 68, .26); }
.cns-btn-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px;
  font-size: 14px;
}
.cns-btn-ghost {
  background: transparent;
  color: var(--cns-green-d);
  border: 1.5px solid var(--cns-green-l);
  box-shadow: none;
}
.cns-btn-ghost:hover { background: #fff; border-color: var(--cns-green); box-shadow: 0 8px 18px rgba(47, 100, 68, .12); }
.cns-btn-block { width: 100%; }

/* ---------- hero ---------- */
.cns-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 8%, rgba(169, 203, 178, .5) 0%, rgba(169, 203, 178, 0) 42%),
    radial-gradient(circle at 88% 82%, rgba(242, 138, 107, .18) 0%, rgba(242, 138, 107, 0) 46%),
    linear-gradient(160deg, #f3faf3 0%, var(--cns-bg) 52%, #e6f1e8 100%);
  padding: 76px 0 90px;
}
.cns-hero-wrap {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  z-index: 2;
}
.cns-badge {
  display: inline-block;
  margin: 0 0 26px;
  padding: 8px 20px;
  border-radius: 999px;
  background: #fff;
  border: 1.5px solid var(--cns-green-l);
  font-size: 11.5px; font-weight: 700; letter-spacing: .1em;
  color: var(--cns-green-d);
}
.cns-h1 {
  margin: 0;
  font-size: clamp(27px, 4.1vw, 48px);
  font-weight: 900;
  line-height: 1.36;
  letter-spacing: .005em;
  color: var(--cns-green-d);
  word-break: keep-all;
  line-break: strict;
}
.cns-h1 em {
  font-style: normal;
  color: var(--cns-green);
}
.cns-h1-tail { display: inline; }
.cns-h1-rule {
  display: block;
  width: 92px; height: 4px;
  margin: 24px 0 0;
  border-radius: 999px;
  background: var(--cns-green-l);
}
.cns-hero-sub {
  margin: 22px 0 0;
  font-size: clamp(15px, 1.7vw, 19px);
  font-weight: 700;
  color: var(--cns-ink);
}
.cns-hero-lead {
  margin: 12px 0 0;
  max-width: 40em;
  font-size: 13.5px; line-height: 2;
  color: var(--cns-ink-2);
}

.cns-facts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 36px 0 0;
  max-width: 720px;
}
.cns-fact {
  padding: 18px 14px 16px;
  border-radius: 16px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
  box-shadow: 0 8px 18px rgba(47, 100, 68, .06);
}
.cns-fact-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px;
  margin: 0 0 12px;
  border-radius: 11px;
  background: var(--cns-mint);
  color: var(--cns-green-d);
  font-size: 14px;
}
.cns-fact-label {
  margin: 0 0 6px;
  font-size: 11px; letter-spacing: .06em;
  color: var(--cns-ink-2);
  white-space: nowrap;
}
.cns-fact-value {
  margin: 0;
  display: flex; align-items: baseline; gap: 2px;
  flex-wrap: nowrap; white-space: nowrap;
}
.cns-fact-num {
  font-size: clamp(19px, 2.05vw, 26px);
  font-weight: 900;
  line-height: 1.15;
  color: var(--cns-green-d);
  letter-spacing: 0;
}
.cns-fact-unit { font-size: 11.5px; font-weight: 700; color: var(--cns-green); white-space: nowrap; }
.cns-fact-note { margin: 4px 0 0; font-size: 10.5px; color: var(--cns-ink-2); white-space: nowrap; }

.cns-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 34px 0 0; }

/* hero decorative art */
.cns-hero-art {
  position: absolute; inset: 0;
  pointer-events: none;
  z-index: 1;
}
.cns-blob { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .5; }
.cns-blob-1 { width: 128px; height: 128px; right: 10%; top: 12%; background: rgba(169, 203, 178, .55); }
.cns-blob-2 { width: 74px; height: 74px; right: 6%; top: 47%; background: rgba(242, 138, 107, .34); }
.cns-blob-3 { width: 168px; height: 168px; right: 18%; bottom: 6%; background: rgba(220, 236, 221, .85); }
.cns-art-card {
  position: absolute;
  right: 11%; top: 26%;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  padding: 20px 18px 14px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid var(--cns-line);
  box-shadow: 0 16px 32px rgba(47, 100, 68, .1);
  transform: rotate(-4deg);
}
.cns-art-card-2 { right: 4%; top: 44%; transform: rotate(5deg); }
.cns-art-card-3 { right: 20%; top: 62%; transform: rotate(-2deg); }
.cns-art-ico { font-size: 26px; color: var(--cns-green); }
.cns-art-label { margin: 0; font-size: 10.5px; font-weight: 700; color: var(--cns-ink-2); white-space: nowrap; }

/* ---------- features ---------- */
.cns-feature-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
}
.cns-feature {
  padding: 26px 20px;
  border-radius: 18px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
  text-align: center;
  box-shadow: 0 8px 18px rgba(47, 100, 68, .05);
}
.cns-feature-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 54px; height: 54px;
  margin: 0 0 16px;
  border-radius: 50%;
  background: var(--cns-mint);
  color: var(--cns-green-d);
  font-size: 21px;
}
.cns-feature-title {
  margin: 0 0 8px;
  font-size: 14.5px; font-weight: 900;
  color: var(--cns-green-d);
  line-height: 1.55;
}
.cns-feature-body { margin: 0; font-size: 12px; line-height: 1.85; color: var(--cns-ink-2); }

/* ---------- about / flow ---------- */
.cns-flow {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 0 0 34px;
  padding: 0; list-style: none;
}
.cns-flow-step {
  position: relative;
  padding: 26px 16px;
  border-radius: 18px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
  text-align: center;
}
.cns-flow-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 48px; height: 48px;
  margin: 0 0 14px;
  border-radius: 14px;
  background: var(--cns-mint);
  color: var(--cns-green-d);
  font-size: 19px;
}
.cns-flow-label { display: block; font-size: 13px; font-weight: 700; line-height: 1.7; color: var(--cns-green-d); }
.cns-flow-arrow {
  position: absolute; right: -13px; top: 50%;
  transform: translateY(-50%);
  color: var(--cns-green-l);
  font-size: 13px;
}

.cns-table-card {
  border-radius: 20px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
  overflow: hidden;
  box-shadow: 0 10px 22px rgba(47, 100, 68, .06);
}
.cns-table { width: 100%; border-collapse: collapse; }
.cns-table tr + tr { border-top: 1px solid var(--cns-line); }
.cns-table th {
  width: 45%;
  padding: 18px 24px;
  text-align: left;
  font-size: 13.5px; font-weight: 700;
  color: var(--cns-ink);
  vertical-align: middle;
}
.cns-table-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px;
  margin-right: 12px;
  border-radius: 10px;
  background: var(--cns-mint);
  color: var(--cns-green-d);
  font-size: 12px;
  vertical-align: middle;
}
.cns-table td {
  padding: 18px 24px;
  font-size: 15px;
  color: var(--cns-green-d);
}
.cns-table td strong { font-size: 24px; font-weight: 900; letter-spacing: 0; }
.cns-table-unit { margin-left: 3px; font-size: 12.5px; font-weight: 700; color: var(--cns-green); }
.cns-table-note { margin-left: 6px; font-size: 11.5px; color: var(--cns-ink-2); }

/* ---------- fit ---------- */
.cns-split { display: grid; grid-template-columns: .9fr 1.1fr; gap: 48px; align-items: center; }
.cns-split .cns-head { margin-bottom: 0; }
.cns-fit-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.cns-check-row {
  display: flex; align-items: flex-start; gap: 13px;
  padding: 17px 20px;
  border-radius: 14px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
  font-size: 13.5px; line-height: 1.7;
}
.cns-check-ico {
  flex: 0 0 24px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px;
  border-radius: 50%;
  background: var(--cns-green);
  color: #fff;
  font-size: 11px;
  margin-top: 1px;
}

/* ---------- steps ---------- */
.cns-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.cns-step {
  position: relative;
  padding: 24px 18px 26px;
  border-radius: 20px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
  text-align: center;
  box-shadow: 0 8px 18px rgba(47, 100, 68, .05);
}
.cns-step-no {
  position: absolute; left: 16px; top: 16px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--cns-green);
  color: #fff;
  font-size: 12.5px; font-weight: 900;
}
.cns-step-ico { display: block; margin: 18px 0 16px; font-size: 30px; color: var(--cns-green); }
.cns-step-title { margin: 0; font-size: 13px; font-weight: 700; line-height: 1.75; color: var(--cns-green-d); }
.cns-step-arrow {
  position: absolute; right: -13px; top: 50%;
  transform: translateY(-50%);
  color: var(--cns-green-l); font-size: 13px;
}
.cns-pill {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: fit-content; margin: 30px auto 0;
  padding: 13px 28px;
  border-radius: 999px;
  background: var(--cns-card);
  border: 1.5px solid var(--cns-green-l);
  font-size: 13.5px; font-weight: 700;
  color: var(--cns-green-d);
}
.cns-pill-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--cns-green); color: #fff; font-size: 10px;
}

/* ---------- profit chain ---------- */
.cns-chain { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 0 26px; }
.cns-chain-item {
  position: relative;
  padding: 22px 16px 20px;
  border-radius: 18px;
  text-align: center;
  border: 1px solid var(--cns-line);
  background: var(--cns-card);
}
.cns-chain-label {
  display: inline-block;
  margin: 0 0 14px;
  padding: 5px 13px;
  border-radius: 999px;
  background: var(--cns-mint);
  font-size: 10.5px; font-weight: 700;
  color: var(--cns-green-d);
  letter-spacing: .02em;
}
.cns-chain-value { margin: 0; display: flex; align-items: baseline; justify-content: center; gap: 2px; flex-wrap: nowrap; }
.cns-chain-num { font-size: clamp(19px, 2.2vw, 27px); font-weight: 900; letter-spacing: 0; color: var(--cns-green-d); white-space: nowrap; }
.cns-chain-unit { font-size: 12px; font-weight: 700; color: var(--cns-green); white-space: nowrap; }
.cns-chain-green { background: var(--cns-green); border-color: var(--cns-green); }
.cns-chain-green .cns-chain-label { background: rgba(255, 255, 255, .22); color: #fff; }
.cns-chain-green .cns-chain-num, .cns-chain-green .cns-chain-unit { color: #fff; }
.cns-chain-coral { background: #fdf0ea; border-color: #f7cdbd; }
.cns-chain-coral .cns-chain-label { background: #f8d8cb; color: #a8462a; }
.cns-chain-coral .cns-chain-num { color: #c45834; }
.cns-chain-coral .cns-chain-unit { color: #c45834; }
.cns-chain-outline { background: #fff; border: 2px solid var(--cns-green); }
.cns-chain-arrow {
  position: absolute; right: -12px; top: 50%;
  transform: translateY(-50%);
  color: var(--cns-green-l); font-size: 12px;
  z-index: 2;
}

.cns-caution {
  display: flex; align-items: flex-start; gap: 13px;
  margin: 0 0 26px;
  padding: 18px 22px;
  border-radius: 14px;
  background: var(--cns-cream);
  border: 1px solid #ecd9a8;
  font-size: 12.5px; line-height: 1.9;
  color: #6b5424;
}
.cns-caution-ico { flex: 0 0 22px; color: #d99b2b; font-size: 15px; margin-top: 2px; }

.cns-formula {
  display: flex; align-items: center; flex-wrap: wrap; gap: 14px;
  padding: 22px 26px;
  border-radius: 18px;
  background: var(--cns-card);
  border: 1.5px solid var(--cns-green-l);
}
.cns-formula-label {
  margin: 0;
  padding: 9px 20px;
  border-radius: 999px;
  background: var(--cns-green);
  color: #fff;
  font-size: 13px; font-weight: 900;
  white-space: nowrap;
}
.cns-formula-eq { font-size: 17px; font-weight: 900; color: var(--cns-green); }
.cns-formula-items { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.cns-formula-item {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 15px;
  border-radius: 10px;
  background: var(--cns-mint);
  font-size: 12px; font-weight: 700;
  color: var(--cns-green-d);
}
.cns-formula-minus { font-weight: 900; color: var(--cns-green); }

/* ---------- funds ---------- */
.cns-funds-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0 0 16px; }
.cns-fund-card {
  padding: 26px 26px 24px;
  border-radius: 20px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
  box-shadow: 0 8px 18px rgba(47, 100, 68, .05);
}
.cns-fund-label {
  display: flex; align-items: center; gap: 11px;
  margin: 0 0 16px;
  font-size: 13.5px; font-weight: 700;
  color: var(--cns-ink);
}
.cns-fund-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px;
  border-radius: 12px;
  background: var(--cns-mint);
  color: var(--cns-green-d);
  font-size: 14px;
}
.cns-fund-value { margin: 0; display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; }
.cns-fund-num { font-size: clamp(26px, 3.4vw, 42px); font-weight: 900; letter-spacing: 0; color: var(--cns-green-d); white-space: nowrap; }
.cns-fund-unit { font-size: 13px; font-weight: 700; color: var(--cns-green); white-space: nowrap; }

.cns-total {
  display: flex; align-items: center; justify-content: center; gap: 20px;
  flex-wrap: wrap;
  padding: 26px 30px;
  margin: 0 0 30px;
  border-radius: 20px;
  background: var(--cns-green);
  color: #fff;
  box-shadow: 0 12px 26px rgba(47, 100, 68, .2);
}
.cns-total-badge {
  padding: 8px 20px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .2);
  font-size: 13px; font-weight: 900;
  letter-spacing: .08em;
}
.cns-total-value { margin: 0; display: flex; align-items: baseline; gap: 3px; flex-wrap: nowrap; }
.cns-total-num { font-size: clamp(30px, 4.2vw, 52px); font-weight: 900; letter-spacing: 0; white-space: nowrap; }
.cns-total-unit { font-size: 15px; font-weight: 700; white-space: nowrap; }

.cns-checks { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 0 0 26px; padding: 0; list-style: none; }

/* ---------- prepare ---------- */
.cns-prep-list { display: grid; gap: 10px; margin: 0 0 30px; padding: 0; list-style: none; }
.cns-prep-row {
  display: flex; align-items: center; gap: 15px;
  padding: 16px 22px;
  border-radius: 999px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
  font-size: 13.5px; font-weight: 700;
}
.cns-prep-no {
  flex: 0 0 28px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--cns-green);
  color: #fff;
  font-size: 12.5px; font-weight: 900;
}
.cns-prep-ico { flex: 0 0 22px; color: var(--cns-green); font-size: 16px; text-align: center; }
.cns-prep-text { color: var(--cns-green-d); }

.cns-pay {
  padding: 26px 28px;
  border-radius: 20px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
  margin: 0 0 26px;
}
.cns-pay-title {
  display: inline-block;
  margin: 0 0 18px;
  padding: 8px 22px;
  border-radius: 999px;
  background: var(--cns-green);
  color: #fff;
  font-size: 13px; font-weight: 900;
  letter-spacing: .06em;
}
.cns-pay-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 0; padding: 0; list-style: none; }
.cns-pay-row {
  display: flex; align-items: flex-start; gap: 11px;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 12px; line-height: 1.8;
}
.cns-pay-ng { background: #fdeeea; color: #a8462a; }
.cns-pay-ok { background: #eaf5ec; color: #2f6444; }
.cns-pay-ico {
  flex: 0 0 20px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 9px;
  margin-top: 3px;
}
.cns-pay-ng .cns-pay-ico { background: #e0795c; }
.cns-pay-ok .cns-pay-ico { background: var(--cns-green); }

/* ---------- timeline ---------- */
.cns-tl { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 0 28px; padding: 0; list-style: none; }
.cns-tl-phase {
  padding: 22px 18px 24px;
  border-radius: 20px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
}
.cns-tl-top { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; }
.cns-tl-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--cns-green);
  color: #fff;
  font-size: 12.5px; font-weight: 900;
  flex: 0 0 28px;
}
.cns-tl-phase-name { margin: 0; font-size: 14px; font-weight: 900; color: var(--cns-green-d); white-space: nowrap; }
.cns-tl-ico { display: block; margin: 0 0 14px; font-size: 26px; color: var(--cns-green-l); }
.cns-tl-items { margin: 0; padding: 0; list-style: none; display: grid; gap: 9px; }
.cns-tl-items li {
  position: relative;
  padding: 9px 12px 9px 26px;
  border-radius: 9px;
  background: var(--cns-bg);
  font-size: 11.5px; line-height: 1.7;
  color: var(--cns-ink);
}
.cns-tl-items li::before {
  content: '';
  position: absolute; left: 12px; top: 16px;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--cns-green-l);
}

/* ---------- manage ---------- */
.cns-manage-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 0 0 24px; padding: 0; list-style: none; }
.cns-manage-row {
  display: flex; align-items: center; gap: 15px;
  padding: 22px 24px;
  border-radius: 16px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
  font-size: 13.5px; font-weight: 700;
  color: var(--cns-green-d);
  box-shadow: 0 6px 14px rgba(47, 100, 68, .05);
}
.cns-manage-ico {
  flex: 0 0 44px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: var(--cns-mint);
  color: var(--cns-green-d);
  font-size: 17px;
}
.cns-manage-note {
  margin: 0;
  text-align: center;
  font-size: 12px;
  color: var(--cns-ink-2);
}

/* ---------- checks ---------- */
.cns-check-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0 0 26px; }
.cns-check-card {
  padding: 24px 26px 26px;
  border-radius: 20px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
  box-shadow: 0 8px 18px rgba(47, 100, 68, .05);
}
.cns-check-card-warn { background: #fdf8ec; border-color: #ecd9a8; }
.cns-check-head { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; }
.cns-check-no {
  flex: 0 0 30px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px;
  border-radius: 50%;
  background: var(--cns-green);
  color: #fff;
  font-size: 13px; font-weight: 900;
}
.cns-check-title {
  display: flex; align-items: center; gap: 9px;
  margin: 0;
  font-size: 15.5px; font-weight: 900;
  color: var(--cns-green-d);
}
.cns-check-card-warn .cns-check-title { color: #8a6420; }
.cns-check-title-ico { color: var(--cns-green-l); font-size: 15px; }
.cns-check-card-warn .cns-check-title-ico { color: #d99b2b; }
.cns-check-items { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.cns-check-items li {
  position: relative;
  padding: 0 0 0 22px;
  font-size: 12.5px; line-height: 1.85;
  color: var(--cns-ink);
}
.cns-check-items li::before {
  content: '\f00c';
  font-family: 'Font Awesome 6 Free'; font-weight: 900;
  position: absolute; left: 0; top: 1px;
  font-size: 10px;
  color: var(--cns-green);
}
.cns-check-card-warn .cns-check-items li::before { color: #d99b2b; }

/* ---------- faq ---------- */
.cns-qa { display: grid; gap: 12px; margin: 0; }
.cns-qa-item {
  padding: 20px 24px;
  border-radius: 16px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
}
.cns-qa-q, .cns-qa-a { display: flex; align-items: flex-start; gap: 13px; margin: 0; }
.cns-qa-q { font-size: 14px; font-weight: 700; line-height: 1.75; color: var(--cns-green-d); }
.cns-qa-a { margin-top: 12px; padding-top: 12px; border-top: 1px dotted var(--cns-line); font-size: 13px; line-height: 1.9; color: var(--cns-ink); }
.cns-qa-mark {
  flex: 0 0 26px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px;
  border-radius: 8px;
  font-size: 12px; font-weight: 900;
  color: #fff;
  margin-top: 1px;
}
.cns-qa-mark-q { background: var(--cns-green-d); }
.cns-qa-mark-a { background: var(--cns-green-l); color: var(--cns-green-d); }

/* ---------- cta ---------- */
.cns-cta {
  background:
    radial-gradient(circle at 15% 15%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 45%),
    linear-gradient(160deg, #eaf4ec 0%, #dcecdd 60%, #d2e6d6 100%);
  padding: 88px 0 92px;
}
.cns-cta-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin: 0 0 34px; padding: 0; list-style: none; }
.cns-cta-step {
  padding: 22px 14px 20px;
  border-radius: 18px;
  background: var(--cns-card);
  border: 1px solid var(--cns-line);
  text-align: center;
}
.cns-cta-step-tag {
  display: inline-block;
  margin: 0 0 14px;
  padding: 5px 15px;
  border-radius: 999px;
  background: var(--cns-green);
  color: #fff;
  font-size: 10px; font-weight: 900;
  letter-spacing: .08em;
}
.cns-cta-step:nth-child(2) .cns-cta-step-tag { background: #e8b93f; }
.cns-cta-step:nth-child(3) .cns-cta-step-tag { background: #7bab8c; }
.cns-cta-step:nth-child(4) .cns-cta-step-tag { background: var(--cns-coral); }
.cns-cta-step:nth-child(5) .cns-cta-step-tag { background: #a99cc9; }
.cns-cta-step-ico { display: block; margin: 0 0 14px; font-size: 26px; color: var(--cns-green); }
.cns-cta-step-label { margin: 0; font-size: 12px; font-weight: 700; line-height: 1.75; color: var(--cns-green-d); }
.cns-cta-lead {
  margin: 0 auto 12px;
  max-width: 40em;
  text-align: center;
  font-size: clamp(14px, 1.7vw, 17px);
  font-weight: 700;
  line-height: 1.85;
  color: var(--cns-green-d);
}
.cns-cta-body { margin: 0 auto 30px; max-width: 42em; text-align: center; font-size: 13px; line-height: 2; color: var(--cns-ink-2); }
.cns-cta-actions { display: flex; justify-content: center; }
.cns-cta-foot {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  margin: 30px 0 0;
  font-size: 12.5px; font-weight: 700;
  color: var(--cns-green-d);
}
.cns-cta-foot-ico { color: var(--cns-green); font-size: 15px; }

/* ---------- responsive ---------- */
@media (max-width: 1024px) {
  .cns-art-card-3 { display: none; }
  .cns-facts { grid-template-columns: repeat(2, 1fr); max-width: 520px; }
  .cns-cta-steps { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
  .cns-feature-grid { grid-template-columns: repeat(2, 1fr); }
  .cns-flow, .cns-steps, .cns-chain, .cns-tl { grid-template-columns: repeat(2, 1fr); }
  .cns-flow-arrow, .cns-step-arrow, .cns-chain-arrow { display: none; }
  .cns-split { grid-template-columns: 1fr; gap: 30px; }
  .cns-hero-art { display: none; }
  .cns-section { padding: 68px 0; }
  .cns-cta { padding: 68px 0 74px; }
}
@media (max-width: 700px) {
  .cns-wrap { padding: 0 20px; }
  .cns-hero-wrap { padding: 0 20px; }
  .cns-hero { padding: 54px 0 64px; }
  .cns-facts { grid-template-columns: 1fr; max-width: none; }
  .cns-flow, .cns-steps, .cns-chain, .cns-tl { grid-template-columns: 1fr; }
  .cns-feature-grid { grid-template-columns: 1fr; }
  .cns-funds-grid, .cns-checks, .cns-pay-list, .cns-manage-list, .cns-check-grid { grid-template-columns: 1fr; }
  .cns-cta-steps { grid-template-columns: repeat(2, 1fr); }
  .cns-table th, .cns-table td { padding: 14px 16px; }
  .cns-table td strong { font-size: 20px; }
  .cns-hero-actions { flex-direction: column; }
  .cns-btn { width: 100%; }
  .cns-total { gap: 12px; padding: 22px; }
  .cns-formula { padding: 18px; }
  .cns-section { padding: 56px 0; }
}
@media (prefers-reduced-motion: reduce) {
  .cns-btn { transition: none; }
  .cns-btn:hover { transform: none; }
}

/* ---------- project card: member-only badge ---------- */
.badge-member {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 9px;
  border-radius: 999px;
  background: #f4e3b4;
  border: 1px solid #d9b862;
  color: #6d5210;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .04em;
  vertical-align: middle;
  white-space: nowrap;
}

/* =====================================================================
   商品レビュー継続購入代行プロジェクト LP（.rvc-*）
   スライド8枚の世界観：深いネイビー × ゴールド × エメラルド × クリーム
   ===================================================================== */

.rvc {
  --rvc-navy: #0b1728;
  --rvc-navy-2: #12233a;
  --rvc-navy-deep: #07101c;
  --rvc-gold: #d4af5a;
  --rvc-gold-l: #eccd85;
  --rvc-gold-d: #b08d3c;
  --rvc-green: #4a8f6f;
  --rvc-green-d: #2f6b50;
  --rvc-green-l: #8ec4a8;
  --rvc-cream: #f7f1e4;
  --rvc-cream-2: #efe7d6;
  --rvc-ink: #2a3444;
  --rvc-ink-soft: #5b6675;
  background: var(--rvc-navy);
  color: var(--rvc-cream);
  font-family: 'Noto Sans JP', system-ui, sans-serif;
  letter-spacing: .03em;
}
.rvc-wrap { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 30px; }

/* ---------- section / head ---------- */
.rvc-section { padding: 92px 0; background: var(--rvc-navy); }
.rvc-section-alt {
  background:
    radial-gradient(900px 420px at 12% 0%, rgba(74, 143, 111, .13), transparent 62%),
    radial-gradient(760px 380px at 92% 100%, rgba(212, 175, 90, .10), transparent 60%),
    var(--rvc-navy-2);
}
.rvc-head { margin: 0 0 46px; }
.rvc-head-center { text-align: center; }
.rvc-head-rail {
  display: flex; align-items: center; gap: 12px;
  margin: 0 0 16px;
}
.rvc-head-center .rvc-head-rail { justify-content: center; }
.rvc-head-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--rvc-green-d);
  color: var(--rvc-cream);
  font-size: 12px; font-weight: 800; letter-spacing: .02em;
  flex: 0 0 auto;
}
.rvc-head-line {
  display: block; width: 46px; height: 1px;
  background: linear-gradient(90deg, var(--rvc-gold), transparent);
  flex: 0 0 auto;
}
.rvc-head-eyebrow {
  font-size: 11px; font-weight: 700; letter-spacing: .24em;
  color: var(--rvc-gold);
  text-transform: uppercase;
}
.rvc-title {
  margin: 0;
  font-family: 'Shippori Mincho', 'Noto Sans JP', serif;
  font-size: clamp(24px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: .04em;
  color: var(--rvc-cream);
  word-break: keep-all;
  line-break: strict;
  text-shadow: 0 2px 18px rgba(212, 175, 90, .18);
}
.rvc-section-alt .rvc-title { color: #fdf8ee; }

/* ---------- buttons ---------- */
.rvc-btn {
  display: inline-flex; align-items: center; gap: 11px;
  padding: 16px 30px; border-radius: 999px;
  background: linear-gradient(135deg, var(--rvc-green) 0%, var(--rvc-green-d) 100%);
  border: 1px solid rgba(236, 205, 133, .55);
  color: #fff; font-size: 15px; font-weight: 700; letter-spacing: .04em;
  text-decoration: none; white-space: nowrap;
  box-shadow: 0 12px 30px rgba(47, 107, 80, .38), inset 0 1px 0 rgba(255, 255, 255, .16);
  transition: transform .18s ease, box-shadow .18s ease;
}
.rvc-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(47, 107, 80, .5); }
.rvc-btn-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%;
  background: rgba(255, 255, 255, .16);
  font-size: 14px; flex: 0 0 auto;
}
.rvc-btn-ghost {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 15px 26px; border-radius: 999px;
  border: 1px solid rgba(212, 175, 90, .5);
  background: transparent; color: var(--rvc-gold-l);
  font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap;
  transition: background .18s ease, border-color .18s ease;
}
.rvc-btn-ghost:hover { background: rgba(212, 175, 90, .1); border-color: var(--rvc-gold); }

/* ---------- caution ---------- */
.rvc-caution {
  display: flex; align-items: flex-start; gap: 12px;
  margin: 30px 0 0; padding: 17px 22px;
  border-radius: 12px;
  background: rgba(212, 175, 90, .08);
  border: 1px solid rgba(212, 175, 90, .32);
  color: #ecdfc6; font-size: 13px; line-height: 1.85;
}
.rvc-caution-ico { color: var(--rvc-gold); font-size: 14px; flex: 0 0 auto; margin-top: 3px; }

/* ===================== 01 HERO ===================== */
.rvc-hero {
  position: relative;
  padding: 78px 0 88px;
  overflow: hidden;
  background:
    radial-gradient(1000px 620px at 78% 16%, rgba(74, 143, 111, .30), transparent 60%),
    radial-gradient(760px 520px at 10% 90%, rgba(212, 175, 90, .16), transparent 62%),
    linear-gradient(160deg, #0a1626 0%, #102135 52%, #0b1a2c 100%);
}
.rvc-hero::after {
  content: ''; position: absolute; inset: 0;
  background-image:
    radial-gradient(1.4px 1.4px at 12% 22%, rgba(236, 205, 133, .55), transparent 100%),
    radial-gradient(1.4px 1.4px at 68% 12%, rgba(236, 205, 133, .42), transparent 100%),
    radial-gradient(1.2px 1.2px at 88% 62%, rgba(236, 205, 133, .38), transparent 100%),
    radial-gradient(1.2px 1.2px at 32% 78%, rgba(142, 196, 168, .40), transparent 100%);
  pointer-events: none;
}
.rvc-hero-inner {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1.04fr .96fr;
  gap: 46px; align-items: center;
}
.rvc-badges { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 24px; }
.rvc-badge {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 17px; border-radius: 999px;
  font-size: 12px; font-weight: 800; letter-spacing: .08em; white-space: nowrap;
}
.rvc-badge-solid {
  background: linear-gradient(135deg, #2f6b50, #4a8f6f);
  border: 1px solid rgba(236, 205, 133, .5);
  color: #f4efe2;
}
.rvc-badge-outline {
  background: transparent;
  border: 1px solid rgba(212, 175, 90, .66);
  color: var(--rvc-gold-l);
}

.rvc-h1 {
  margin: 0;
  font-family: 'Shippori Mincho', 'Noto Sans JP', serif;
  font-size: clamp(38px, 5.4vw, 68px);
  font-weight: 700; line-height: 1.16; letter-spacing: .02em;
}
.rvc-h1 em {
  font-style: normal;
  background: linear-gradient(135deg, #f6e4b4 0%, #d4af5a 46%, #b08d3c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 4px 16px rgba(212, 175, 90, .32));
}
.rvc-h1-sub {
  margin: 14px 0 0;
  font-family: 'Shippori Mincho', 'Noto Sans JP', serif;
  font-size: clamp(17px, 2.1vw, 25px);
  font-weight: 700; letter-spacing: .05em;
  color: #f2ece0;
}
.rvc-hero-lead {
  margin: 18px 0 0; padding: 13px 0 0;
  border-top: 1px solid rgba(212, 175, 90, .32);
  font-size: clamp(13px, 1.28vw, 15.5px);
  line-height: 1.9; color: #d9d0bf;
}

.rvc-points {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px; margin: 30px 0 0; padding: 0; list-style: none;
}
.rvc-point {
  display: flex; align-items: flex-start; gap: 11px;
  padding: 13px 14px; border-radius: 12px;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(212, 175, 90, .22);
}
.rvc-point-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 50%;
  background: linear-gradient(135deg, rgba(212, 175, 90, .28), rgba(74, 143, 111, .26));
  border: 1px solid rgba(212, 175, 90, .38);
  color: var(--rvc-gold-l);
  font-size: 13px; flex: 0 0 auto;
}
.rvc-point-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.rvc-point-title { font-size: 13px; font-weight: 800; color: #f4eee1; line-height: 1.5; }
.rvc-point-text { font-size: 11px; line-height: 1.6; color: #a9b3bf; }

.rvc-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 32px 0 0; }

/* hero art */
.rvc-hero-art { position: relative; min-height: 470px; }
.rvc-glow {
  position: absolute; border-radius: 50%; filter: blur(48px); pointer-events: none;
}
.rvc-glow-1 {
  width: 300px; height: 300px; top: -30px; right: 30px;
  background: rgba(74, 143, 111, .40);
}
.rvc-glow-2 {
  width: 240px; height: 240px; bottom: -20px; left: 10px;
  background: rgba(212, 175, 90, .26);
}
.rvc-phone {
  position: relative; z-index: 2;
  width: 258px; margin: 0 auto;
  padding: 10px; border-radius: 34px;
  background: linear-gradient(160deg, #e9c884, #a9843a 55%, #e6c47e);
  box-shadow: 0 30px 70px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .14);
  transform: rotate(-3deg);
}
.rvc-phone-notch {
  position: absolute; top: 10px; left: 50%; transform: translateX(-50%);
  width: 78px; height: 15px; border-radius: 0 0 10px 10px;
  background: #0d1a29; z-index: 3;
}
.rvc-phone-screen {
  border-radius: 26px; padding: 32px 15px 18px;
  background: linear-gradient(180deg, #1b2a3d, #0f1d2e);
  border: 1px solid rgba(212, 175, 90, .26);
}
.rvc-phone-cap {
  margin: 0 0 11px; text-align: center;
  font-size: 10.5px; font-weight: 700; line-height: 1.7; color: #e6dcc8;
}
.rvc-phone-shot {
  display: flex; align-items: flex-end; justify-content: center; gap: 7px;
  height: 96px; border-radius: 10px; padding: 9px 8px;
  background: linear-gradient(170deg, #f6efe0, #e3d7c0);
}
.rvc-bottle { display: block; border-radius: 4px 4px 3px 3px; }
.rvc-bottle-a { width: 20px; height: 62px; background: linear-gradient(180deg, #6b4a2e, #3f2a19); }
.rvc-bottle-b { width: 17px; height: 50px; background: linear-gradient(180deg, #f4f1ea, #d7cfc0); }
.rvc-bottle-c { width: 30px; height: 34px; border-radius: 5px; background: linear-gradient(180deg, #8ea88f, #5d7a60); }
.rvc-stars {
  display: flex; justify-content: center; gap: 3px;
  margin: 11px 0 8px; color: var(--rvc-gold-l); font-size: 11px;
}
.rvc-phone-text {
  margin: 0; text-align: center;
  font-size: 9.5px; line-height: 1.75; color: #b9c2cd;
}
.rvc-phone-submit {
  display: block; margin: 12px 0 0; padding: 9px 0;
  border-radius: 8px; text-align: center;
  background: linear-gradient(135deg, #2f6b50, #4a8f6f);
  color: #f2ece0; font-size: 10px; font-weight: 700;
}
.rvc-price-bubble {
  position: absolute; z-index: 3;
  left: 50%; bottom: 6px; transform: translateX(-46%);
  display: flex; align-items: baseline; gap: 3px;
  padding: 12px 26px; border-radius: 999px;
  background: linear-gradient(135deg, #17312a, #0f2620);
  border: 1.5px solid var(--rvc-gold);
  box-shadow: 0 16px 36px rgba(0, 0, 0, .55);
  white-space: nowrap;
}
.rvc-price-pre { font-size: 13px; font-weight: 700; color: var(--rvc-gold-l); }
.rvc-price-num {
  font-family: 'Shippori Mincho', serif;
  font-size: 25px; font-weight: 700; color: var(--rvc-gold-l);
}
.rvc-price-unit { font-size: 12px; font-weight: 700; color: var(--rvc-gold); }

/* ===================== 02 ABOUT ===================== */
.rvc-about-grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.rvc-about-card {
  position: relative;
  padding: 26px 20px 24px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(212, 175, 90, .24);
  text-align: center;
}
.rvc-tone-green { border-color: rgba(142, 196, 168, .36); }
.rvc-about-no {
  position: absolute; top: 14px; left: 16px;
  font-family: 'Shippori Mincho', serif;
  font-size: 19px; font-weight: 700; color: var(--rvc-gold);
}
.rvc-about-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 54px; height: 54px; margin: 6px 0 14px; border-radius: 50%;
  background: linear-gradient(135deg, rgba(212, 175, 90, .20), rgba(74, 143, 111, .18));
  border: 1px solid rgba(212, 175, 90, .38);
  color: var(--rvc-gold-l); font-size: 21px;
}
.rvc-about-title {
  margin: 0; font-size: 14px; font-weight: 800; line-height: 1.6;
  color: #f3eddf; letter-spacing: .02em;
}
.rvc-catch {
  margin: 32px 0 0; text-align: center;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(15px, 1.8vw, 21px); font-weight: 700;
  line-height: 1.8; color: #f6f0e2; letter-spacing: .04em;
}
.rvc-ribbon {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 0;
  margin: 22px 0 0; padding: 0; list-style: none;
}
.rvc-ribbon li {
  padding: 0 22px;
  font-size: 13px; font-weight: 800; letter-spacing: .12em;
  color: var(--rvc-gold-l);
}
.rvc-ribbon li + li { border-left: 1px solid rgba(212, 175, 90, .45); }

/* ===================== 03 REASONS ===================== */
.rvc-reason-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.rvc-reason {
  position: relative;
  padding: 30px 24px 28px; border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02));
  border: 1px solid rgba(212, 175, 90, .30);
  text-align: center;
}
.rvc-reason.rvc-tone-green { border-color: rgba(142, 196, 168, .42); }
.rvc-reason.rvc-tone-silver { border-color: rgba(196, 203, 210, .38); }
.rvc-reason-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; margin: 0 0 16px; border-radius: 50%;
  border: 1px solid var(--rvc-gold);
  color: var(--rvc-gold-l);
  font-size: 14px; font-weight: 800; letter-spacing: .04em;
}
.rvc-reason-ico {
  display: block; margin: 0 0 16px;
  color: var(--rvc-gold-l); font-size: 34px;
}
.rvc-reason.rvc-tone-green .rvc-reason-ico { color: var(--rvc-green-l); }
.rvc-reason-title {
  margin: 0; font-size: 15px; font-weight: 800; line-height: 1.8;
  color: #f5efe2; letter-spacing: .02em;
}
.rvc-reason-sub {
  margin: 15px 0 0; padding: 13px 0 0;
  border-top: 1px solid rgba(212, 175, 90, .28);
  font-size: 12px; font-weight: 700; line-height: 1.7;
  color: var(--rvc-gold-l); letter-spacing: .05em;
}
.rvc-reason.rvc-tone-green .rvc-reason-sub { color: var(--rvc-green-l); }

/* ===================== 04 SIMULATION ===================== */
.rvc-sim {
  border-radius: 18px;
  border: 1px solid rgba(212, 175, 90, .40);
  background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015));
  overflow: hidden;
}
.rvc-sim-total {
  display: flex; align-items: baseline; justify-content: center; gap: 10px;
  padding: 36px 24px 32px;
  background:
    radial-gradient(560px 200px at 50% 0%, rgba(212, 175, 90, .20), transparent 70%);
  border-bottom: 1px solid rgba(212, 175, 90, .30);
  white-space: nowrap;
}
.rvc-sim-total-pre { font-size: 16px; font-weight: 700; color: var(--rvc-gold); }
.rvc-sim-total-num {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(38px, 5.6vw, 68px); font-weight: 700;
  line-height: 1.1; letter-spacing: .01em;
  background: linear-gradient(135deg, #f8ecc8, #d4af5a 52%, #b08d3c);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
  white-space: nowrap;
}
.rvc-sim-table { padding: 8px 26px 22px; }
.rvc-sim-row {
  display: grid;
  grid-template-columns: 34px 34px 1fr auto auto;
  align-items: center; gap: 14px;
  padding: 17px 0;
  border-bottom: 1px solid rgba(212, 175, 90, .16);
}
.rvc-sim-row:last-child { border-bottom: 0; }
.rvc-sim-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 6px;
  background: rgba(212, 175, 90, .16);
  border: 1px solid rgba(212, 175, 90, .40);
  color: var(--rvc-gold-l); font-size: 11px; font-weight: 800;
}
.rvc-sim-ico { color: var(--rvc-gold); font-size: 16px; text-align: center; }
.rvc-sim-label { font-size: 15px; font-weight: 800; color: #f2ecdf; letter-spacing: .03em; }
.rvc-sim-value {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(17px, 2vw, 23px); font-weight: 700;
  color: #fbf3df; white-space: nowrap;
}
.rvc-sim-note { font-size: 11.5px; color: #96a1af; white-space: nowrap; }
.rvc-sim-row-sum {
  margin: 10px -10px 0; padding: 18px 10px;
  border-radius: 12px; border-bottom: 0;
  background: linear-gradient(90deg, rgba(212, 175, 90, .16), rgba(212, 175, 90, .06));
  border: 1px solid rgba(212, 175, 90, .42);
}
.rvc-sim-row-sum .rvc-sim-value { color: var(--rvc-gold-l); font-size: clamp(19px, 2.3vw, 26px); }

/* ===================== 05 IMPORTANT ===================== */
.rvc-imp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.rvc-imp-col { display: flex; flex-direction: column; gap: 18px; }
.rvc-imp-card {
  padding: 26px 26px 24px; border-radius: 16px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(212, 175, 90, .26);
}
.rvc-imp-title {
  display: flex; align-items: center; gap: 11px;
  margin: 0 0 18px; padding: 0 0 15px;
  border-bottom: 1px solid rgba(212, 175, 90, .26);
  font-size: 17px; font-weight: 800; letter-spacing: .05em;
  color: #f6f0e2;
}
.rvc-imp-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(212, 175, 90, .16);
  border: 1px solid rgba(212, 175, 90, .40);
  color: var(--rvc-gold-l); font-size: 14px; flex: 0 0 auto;
}
.rvc-imp-list { margin: 0; padding: 0; list-style: none; }
.rvc-imp-list li {
  position: relative;
  padding: 11px 0 11px 20px;
  font-size: 13px; line-height: 1.85; color: #ddd5c6;
  border-bottom: 1px dashed rgba(212, 175, 90, .16);
}
.rvc-imp-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.rvc-imp-list li::before {
  content: ''; position: absolute; left: 4px; top: 19px;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--rvc-gold);
}

.rvc-cal {
  border-radius: 10px; overflow: hidden;
  border: 1px solid rgba(212, 175, 90, .22);
}
.rvc-cal-head {
  display: grid; grid-template-columns: repeat(7, 1fr);
  background: rgba(212, 175, 90, .14);
}
.rvc-cal-head span {
  padding: 7px 0; text-align: center;
  font-size: 10.5px; font-weight: 700; color: var(--rvc-gold-l);
}
.rvc-cal-body {
  display: grid; grid-template-columns: repeat(7, 1fr);
  background: rgba(0, 0, 0, .18);
}
.rvc-cal-body span {
  padding: 6px 0; text-align: center;
  font-size: 10.5px; color: #9aa5b3;
}
.rvc-cal-mark {
  display: block; margin: 2px 4px;
  border-radius: 50%;
  background: var(--rvc-green);
  color: #fff !important; font-weight: 800;
}
.rvc-imp-cap {
  margin: 16px 0 0; font-size: 12px; line-height: 1.8;
  color: var(--rvc-gold-l); font-weight: 700;
}

.rvc-join-list { margin: 0; padding: 0; list-style: none; }
.rvc-join-item {
  display: flex; align-items: flex-start; gap: 16px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(212, 175, 90, .18);
}
.rvc-join-item:first-child { padding-top: 4px; }
.rvc-join-item:last-child { border-bottom: 0; padding-bottom: 0; }
.rvc-join-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 50%;
  background: linear-gradient(135deg, #2f6b50, #4a8f6f);
  border: 1px solid rgba(236, 205, 133, .40);
  color: #f4efe2; font-size: 17px; flex: 0 0 auto;
}
.rvc-join-text { font-size: 14px; font-weight: 700; line-height: 1.9; color: #eee7d8; }

/* ===================== 06 STEPS ===================== */
.rvc-steps {
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px; margin: 0; padding: 0; list-style: none;
}
.rvc-step {
  position: relative;
  display: flex; flex-direction: column; align-items: center;
  gap: 10px; padding: 30px 12px 22px;
  border-radius: 12px;
  background: linear-gradient(180deg, #f8f2e5, #efe6d3);
  border: 1px solid rgba(212, 175, 90, .5);
  text-align: center;
}
.rvc-step + .rvc-step::before {
  content: '\f105';
  font-family: 'Font Awesome 6 Free'; font-weight: 900;
  position: absolute; left: -11px; top: 50%; transform: translateY(-50%);
  color: var(--rvc-gold); font-size: 13px;
}
.rvc-step-no {
  position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
  display: inline-flex; align-items: center; justify-content: center;
  width: 27px; height: 27px; border-radius: 50%;
  background: linear-gradient(135deg, #2f6b50, #4a8f6f);
  border: 1.5px solid rgba(236, 205, 133, .7);
  color: #fff; font-size: 11px; font-weight: 800;
}
.rvc-step-ico { color: var(--rvc-green-d); font-size: 24px; }
.rvc-step-title {
  font-size: 11.5px; font-weight: 800; line-height: 1.7;
  color: #35402f; letter-spacing: 0;
}
.rvc-step:nth-child(4) .rvc-step-ico,
.rvc-step:nth-child(5) .rvc-step-ico,
.rvc-step:nth-child(6) .rvc-step-ico { color: var(--rvc-gold-d); }

/* ===================== 07 FAQ ===================== */
.rvc-qa { display: flex; flex-direction: column; gap: 16px; margin: 0; }
.rvc-qa-item {
  padding: 24px 26px; border-radius: 14px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(212, 175, 90, .26);
}
.rvc-qa-q {
  display: flex; align-items: flex-start; gap: 14px;
  margin: 0; padding: 0 0 15px;
  border-bottom: 1px solid rgba(212, 175, 90, .20);
  font-size: clamp(15px, 1.7vw, 19px); font-weight: 800;
  line-height: 1.7; color: #f7f1e4; letter-spacing: .02em;
}
.rvc-qa-a {
  display: flex; align-items: flex-start; gap: 14px;
  margin: 15px 0 0;
  font-size: 13.5px; line-height: 1.95; color: #cdd3da;
}
.rvc-qa-mark {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 32px; height: 32px; border-radius: 7px;
  background: rgba(212, 175, 90, .18);
  border: 1px solid var(--rvc-gold);
  color: var(--rvc-gold-l);
  font-family: 'Shippori Mincho', serif;
  font-size: 14px; font-weight: 700; flex: 0 0 auto;
}
.rvc-qa-mark-a {
  background: linear-gradient(135deg, #2f6b50, #4a8f6f);
  border-color: rgba(236, 205, 133, .55);
  color: #f4efe2;
}

/* ===================== 08 CTA ===================== */
.rvc-cta {
  padding: 88px 0 96px;
  background:
    radial-gradient(900px 480px at 20% 10%, rgba(74, 143, 111, .18), transparent 62%),
    radial-gradient(700px 420px at 88% 88%, rgba(212, 175, 90, .14), transparent 60%),
    linear-gradient(160deg, #0a1626, #0e1e31 60%, #0a1727);
}
.rvc-cta-inner { display: grid; grid-template-columns: 1.06fr .94fr; gap: 46px; align-items: center; }
.rvc-cta-top { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 18px; }
.rvc-cta-eyebrow {
  padding: 6px 16px; border-radius: 3px;
  border: 1px solid rgba(212, 175, 90, .55);
  font-size: 10.5px; font-weight: 700; letter-spacing: .22em;
  color: var(--rvc-gold-l); text-transform: uppercase;
}
.rvc-cta-badge {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 6px 16px; border-radius: 999px;
  background: linear-gradient(135deg, #2f6b50, #4a8f6f);
  border: 1px solid rgba(236, 205, 133, .45);
  font-size: 11px; font-weight: 800; color: #f4efe2; letter-spacing: .06em;
}
.rvc-cta-title {
  margin: 0;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(28px, 4vw, 46px); font-weight: 700;
  line-height: 1.3; letter-spacing: .03em;
  background: linear-gradient(135deg, #f8ecc8, #d4af5a 55%, #b08d3c);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}
.rvc-cta-lead {
  margin: 20px 0 0; font-size: 14px; line-height: 2.05; color: #d6cec0;
}
.rvc-cta-total {
  display: flex; align-items: baseline; gap: 8px;
  margin: 22px 0 0; white-space: nowrap;
}
.rvc-cta-total-pre { font-size: 15px; font-weight: 700; color: var(--rvc-gold); }
.rvc-cta-total strong {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(30px, 3.8vw, 44px); font-weight: 700; line-height: 1.15;
  background: linear-gradient(135deg, #f8ecc8, #d4af5a 52%, #b08d3c);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
  white-space: nowrap;
}
.rvc-cta-total-note { margin: 6px 0 0; font-size: 13px; font-weight: 700; color: #b8c1cc; }

.rvc-cta-card {
  padding: 34px 30px 30px; border-radius: 18px;
  background: linear-gradient(180deg, rgba(19, 36, 56, .96), rgba(10, 20, 33, .96));
  border: 1px solid rgba(212, 175, 90, .45);
  box-shadow: 0 26px 60px rgba(0, 0, 0, .45);
  text-align: center;
}
.rvc-cta-brand {
  margin: 0;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(24px, 2.7vw, 32px); font-weight: 700;
  letter-spacing: .04em;
  background: linear-gradient(135deg, #f8ecc8, #d4af5a 55%, #b08d3c);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}
.rvc-cta-label {
  margin: 14px 0 0; padding: 14px 0 0;
  border-top: 1px solid rgba(212, 175, 90, .28);
  font-size: 15px; font-weight: 800; color: #f4eee1; letter-spacing: .04em;
}
.rvc-cta-status {
  margin: 8px 0 22px;
  font-size: 12px; font-weight: 700; color: var(--rvc-gold-l); letter-spacing: .06em;
}
.rvc-cta-card .rvc-btn { width: 100%; justify-content: center; }

/* ---------- responsive ---------- */
@media (max-width: 1024px) {
  .rvc-hero-inner { grid-template-columns: 1fr; gap: 40px; }
  .rvc-hero-art { min-height: 430px; }
  .rvc-cta-inner { grid-template-columns: 1fr; gap: 36px; }
  .rvc-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 10px; }
  .rvc-step:nth-child(4)::before { display: none; }
  .rvc-about-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .rvc-section { padding: 66px 0; }
  .rvc-reason-grid { grid-template-columns: 1fr; }
  .rvc-imp-grid { grid-template-columns: 1fr; }
  .rvc-sim-row { grid-template-columns: 26px 28px 1fr; row-gap: 6px; }
  .rvc-sim-value { grid-column: 3; }
  .rvc-sim-note { grid-column: 3; }
  .rvc-wrap { padding: 0 22px; }
}
@media (max-width: 640px) {
  .rvc-hero { padding: 56px 0 64px; }
  .rvc-points { grid-template-columns: 1fr; }
  .rvc-about-grid { grid-template-columns: 1fr; }
  .rvc-steps { grid-template-columns: 1fr 1fr; }
  .rvc-step + .rvc-step::before { display: none; }
  .rvc-ribbon { flex-direction: column; gap: 8px; align-items: center; }
  .rvc-ribbon li + li { border-left: 0; }
  .rvc-cta-card { padding: 26px 20px 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .rvc-btn, .rvc-btn-ghost { transition: none; }
}

/* =====================================================================
   電気ぐるぐるキャンペーン LP（.dnk-*）
   スライド6枚の世界観：空色グラデーション × 生成り白 × 濃紺 × 若草グリーン
   ===================================================================== */

.dnk {
  --dnk-navy: #1c3153;
  --dnk-navy-deep: #142440;
  --dnk-sky: #e8f4fb;
  --dnk-sky-2: #cfe9f7;
  --dnk-white: #ffffff;
  --dnk-cream: #fdfbf4;
  --dnk-cream-2: #f6f2e6;
  --dnk-green: #4caf50;
  --dnk-green-d: #2f8f45;
  --dnk-green-l: #7fc97f;
  --dnk-green-pale: #e4f4e4;
  --dnk-line: #06c755;
  --dnk-gold: #d8b45a;
  --dnk-ink: #2b3a52;
  --dnk-ink-soft: #63718a;
  background: var(--dnk-cream);
  color: var(--dnk-ink);
  font-family: 'Noto Sans JP', system-ui, sans-serif;
  letter-spacing: .02em;
  overflow-x: hidden;
}
.dnk-wrap { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 30px; }

/* ---------- section / head ---------- */
.dnk-section { padding: 92px 0; background: var(--dnk-cream); }
.dnk-section-alt {
  background:
    radial-gradient(800px 380px at 8% 0%, rgba(127, 201, 127, .18), transparent 62%),
    radial-gradient(700px 340px at 95% 100%, rgba(207, 233, 247, .55), transparent 62%),
    var(--dnk-white);
}
.dnk-head { margin: 0 0 48px; }
.dnk-head-center { text-align: center; }
.dnk-head-rail {
  display: flex; align-items: center; gap: 12px;
  margin: 0 0 16px;
}
.dnk-head-center .dnk-head-rail { justify-content: center; }
.dnk-head-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--dnk-green-d);
  color: #fff;
  font-size: 11.5px; font-weight: 800;
  flex: 0 0 auto;
}
.dnk-head-eyebrow {
  font-size: 11px; font-weight: 800; letter-spacing: .22em;
  color: var(--dnk-green-d);
  text-transform: uppercase;
}
.dnk-title {
  margin: 0;
  font-size: clamp(24px, 3.1vw, 38px);
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: .02em;
  color: var(--dnk-navy);
  word-break: keep-all;
  line-break: strict;
  white-space: pre-line;
}

/* ---------- buttons ---------- */
.dnk-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 11px;
  padding: 16px 32px; border-radius: 999px;
  background: linear-gradient(135deg, #35c95f 0%, #06c755 55%, #049c43 100%);
  color: #fff;
  font-size: 15px; font-weight: 800; letter-spacing: .04em;
  text-decoration: none;
  border: 2px solid rgba(255, 255, 255, .55);
  box-shadow: 0 14px 30px rgba(6, 199, 85, .3), inset 0 1px 0 rgba(255, 255, 255, .4);
  transition: transform .18s ease, box-shadow .18s ease;
}
.dnk-btn:hover { transform: translateY(-2px); box-shadow: 0 20px 38px rgba(6, 199, 85, .38); }
.dnk-btn-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%;
  background: #fff; color: var(--dnk-line); font-size: 15px;
  flex: 0 0 auto;
}
.dnk-btn-ghost {
  background: #fff;
  color: var(--dnk-navy);
  border: 1.5px solid rgba(28, 49, 83, .18);
  box-shadow: 0 10px 24px rgba(28, 49, 83, .1);
}
.dnk-btn-ghost:hover { box-shadow: 0 16px 32px rgba(28, 49, 83, .16); }
.dnk-btn-arrow { font-size: 12px; opacity: .7; }

/* ---------- caution ---------- */
.dnk-caution {
  display: flex; align-items: flex-start; gap: 10px;
  max-width: 900px; margin: 30px auto 0;
  padding: 15px 20px; border-radius: 14px;
  background: rgba(216, 180, 90, .1);
  border: 1px solid rgba(216, 180, 90, .34);
  color: #7a6636;
  font-size: 12.5px; line-height: 1.85;
}
.dnk-caution-ico { flex: 0 0 auto; margin-top: 2px; color: var(--dnk-gold); }

/* ===================== 01 HERO ===================== */
.dnk-hero {
  position: relative;
  padding: 76px 0 88px;
  background:
    radial-gradient(1000px 520px at 78% 8%, rgba(255, 255, 255, .92), transparent 62%),
    radial-gradient(760px 420px at 6% 92%, rgba(228, 244, 228, .85), transparent 64%),
    linear-gradient(168deg, #dff0fb 0%, #eef8fd 42%, #fdfbf4 100%);
  overflow: hidden;
}
.dnk-hero::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(127, 201, 127, .3) 1.4px, transparent 1.5px);
  background-size: 46px 46px;
  opacity: .35;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 68%);
  mask-image: linear-gradient(180deg, #000 0%, transparent 68%);
}
.dnk-hero-inner {
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 1.02fr .98fr;
  gap: 44px; align-items: center;
}
.dnk-kicker {
  margin: 0 0 14px;
  font-size: 13.5px; font-weight: 800; letter-spacing: .12em;
  color: var(--dnk-green-d);
}
.dnk-h1 {
  margin: 0;
  font-size: clamp(32px, 4.4vw, 54px);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .02em;
  color: var(--dnk-navy);
  white-space: pre-line;
  word-break: keep-all;
  line-break: strict;
  text-shadow: 0 3px 0 rgba(255, 255, 255, .9);
}
.dnk-h1-sub {
  display: inline-block;
  margin: 18px 0 0;
  padding: 8px 18px; border-radius: 999px;
  background: rgba(255, 255, 255, .9);
  border: 1.5px solid rgba(76, 175, 80, .35);
  color: var(--dnk-green-d);
  font-size: 14px; font-weight: 800; letter-spacing: .05em;
}
.dnk-hero-lead {
  margin: 20px 0 0;
  max-width: 30em;
  color: var(--dnk-ink-soft);
  font-size: 14.5px; line-height: 2;
}
.dnk-pills {
  display: flex; flex-wrap: wrap; gap: 10px;
  margin: 24px 0 0; padding: 0; list-style: none;
}
.dnk-pills li {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 18px; border-radius: 999px;
  background: #fff;
  border: 1.5px solid rgba(28, 49, 83, .1);
  box-shadow: 0 6px 16px rgba(28, 49, 83, .07);
  color: var(--dnk-navy);
  font-size: 13px; font-weight: 800; letter-spacing: .05em;
}
.dnk-pills li i { color: var(--dnk-green-d); font-size: 12.5px; }
.dnk-hero-actions {
  display: flex; flex-wrap: wrap; align-items: center; gap: 14px;
  margin: 30px 0 0;
}
.dnk-hero-foot {
  display: flex; align-items: flex-start; gap: 9px;
  margin: 26px 0 0;
  color: var(--dnk-ink-soft);
  font-size: 12.5px; line-height: 1.9;
}
.dnk-hero-foot i { color: var(--dnk-green-l); margin-top: 4px; }

/* --- hero art --- */
.dnk-hero-art { position: relative; display: flex; justify-content: center; align-items: center; min-height: 470px; }
.dnk-bubble {
  position: absolute; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, .95), rgba(207, 233, 247, .45) 62%, rgba(207, 233, 247, 0) 72%);
}
.dnk-bubble-a { width: 320px; height: 320px; top: 6%; left: 2%; }
.dnk-bubble-b { width: 190px; height: 190px; bottom: 6%; right: 4%; background: radial-gradient(circle at 34% 30%, rgba(255, 255, 255, .95), rgba(228, 244, 228, .6) 60%, rgba(228, 244, 228, 0) 72%); }

.dnk-phone {
  position: relative; z-index: 2;
  width: 272px; padding: 11px;
  border-radius: 38px;
  background: linear-gradient(158deg, #ffffff, #e3ebf3 46%, #ffffff);
  border: 1px solid rgba(28, 49, 83, .1);
  box-shadow: 0 34px 70px rgba(28, 49, 83, .26), 0 0 0 1px rgba(255, 255, 255, .7);
  transform: rotate(-2.5deg);
}
.dnk-phone-notch {
  position: absolute; top: 11px; left: 50%; transform: translateX(-50%);
  width: 82px; height: 16px; border-radius: 0 0 11px 11px;
  background: #eef2f7; z-index: 3;
}
.dnk-phone-screen {
  border-radius: 29px; overflow: hidden;
  background: #eaf3ea;
  min-height: 404px;
}
.dnk-chat-head {
  display: flex; align-items: center; gap: 8px;
  padding: 12px 14px;
  background: #4c9c58;
  color: #fff;
}
.dnk-chat-lock {
  display: inline-flex; align-items: center; justify-content: center;
  width: 19px; height: 19px; border-radius: 50%;
  background: rgba(255, 255, 255, .22);
  font-size: 8.5px;
  flex: 0 0 auto;
}
.dnk-chat-name { font-size: 11.5px; font-weight: 800; letter-spacing: .03em; }
.dnk-chat-body {
  display: flex; flex-direction: column; gap: 9px;
  padding: 16px 12px 20px;
}
.dnk-msg {
  margin: 0; padding: 10px 12px;
  border-radius: 13px;
  font-size: 10px; line-height: 1.85; letter-spacing: .01em;
  color: #2c3a2f;
  background: #fff;
  border: 1px solid rgba(76, 156, 88, .16);
  box-shadow: 0 3px 9px rgba(28, 49, 83, .06);
  max-width: 92%;
}
.dnk-msg-them { align-self: flex-start; border-top-left-radius: 4px; }
.dnk-msg-me {
  align-self: flex-end;
  background: #d8f3c8;
  border-color: rgba(76, 156, 88, .28);
  border-top-right-radius: 4px;
}

.dnk-price-bubble {
  position: absolute; z-index: 3;
  right: -6px; bottom: 34px;
  display: flex; align-items: baseline; gap: 2px;
  padding: 14px 24px 16px; border-radius: 22px;
  background: linear-gradient(150deg, #ffffff, #f3fbf3);
  border: 2px solid var(--dnk-green-l);
  box-shadow: 0 18px 38px rgba(28, 49, 83, .18);
  flex-wrap: wrap; justify-content: center;
  max-width: 190px;
  transform: rotate(2deg);
}
.dnk-price-num {
  font-size: 40px; font-weight: 900; line-height: 1;
  color: var(--dnk-green-d);
  letter-spacing: -.01em;
}
.dnk-price-unit { font-size: 17px; font-weight: 900; color: var(--dnk-green-d); }
.dnk-price-note {
  flex: 0 0 100%;
  margin-top: 4px;
  text-align: center;
  font-size: 10px; font-weight: 800; letter-spacing: .04em;
  color: var(--dnk-ink-soft);
}

/* ===================== 02 CHARM ===================== */
.dnk-charm {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 22px; margin: 0; padding: 0; list-style: none;
}
.dnk-charm-card {
  position: relative;
  padding: 34px 26px 30px;
  border-radius: 24px;
  text-align: center;
  border: 2px solid transparent;
  box-shadow: 0 14px 34px rgba(28, 49, 83, .09);
  transition: transform .2s ease, box-shadow .2s ease;
}
.dnk-charm-card:hover { transform: translateY(-4px); box-shadow: 0 22px 46px rgba(28, 49, 83, .14); }
.dnk-charm-navy {
  background: linear-gradient(160deg, #243c63, #1c3153);
  color: #fff;
  border-color: rgba(255, 255, 255, .13);
}
.dnk-charm-green {
  background: linear-gradient(160deg, #e8f6e6, #d6efd2);
  color: var(--dnk-navy);
  border-color: rgba(76, 175, 80, .3);
}
.dnk-charm-white {
  background: #fff;
  color: var(--dnk-navy);
  border-color: var(--dnk-navy);
}
.dnk-charm-no {
  position: absolute; top: 16px; left: 18px;
  font-size: 11px; font-weight: 900; letter-spacing: .1em;
  opacity: .5;
}
.dnk-charm-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 64px; height: 64px; border-radius: 50%;
  margin: 8px 0 18px;
  font-size: 26px;
  background: rgba(255, 255, 255, .95);
  color: var(--dnk-green-d);
  box-shadow: 0 10px 22px rgba(28, 49, 83, .12);
}
.dnk-charm-navy .dnk-charm-ico { background: rgba(255, 255, 255, .12); color: #9fe0a0; }
.dnk-charm-title {
  margin: 0 0 10px;
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 900;
  letter-spacing: .03em;
}
.dnk-charm-body {
  margin: 0;
  font-size: 13.5px; line-height: 1.9;
  opacity: .82;
}
.dnk-charm-navy .dnk-charm-body { color: rgba(255, 255, 255, .78); }

/* ===================== 03 REWARD ===================== */
.dnk-plans {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 26px;
}
.dnk-plan {
  position: relative;
  padding: 38px 30px 34px;
  border-radius: 26px;
  text-align: center;
  box-shadow: 0 16px 40px rgba(28, 49, 83, .1);
}
.dnk-plan-navy {
  background: linear-gradient(162deg, #243c63, #16274a);
  color: #fff;
  border: 2px solid rgba(255, 255, 255, .14);
}
.dnk-plan-green {
  background: linear-gradient(162deg, #f0fbf0, #dff3dd);
  color: var(--dnk-navy);
  border: 2px solid rgba(76, 175, 80, .42);
}
.dnk-plan-freq {
  display: inline-flex; align-items: center; gap: 7px;
  margin: 0 0 20px;
  padding: 7px 18px; border-radius: 999px;
  font-size: 12px; font-weight: 900; letter-spacing: .1em;
  background: rgba(255, 255, 255, .95);
  color: var(--dnk-navy);
}
.dnk-plan-green .dnk-plan-freq { background: var(--dnk-green-d); color: #fff; }
.dnk-plan-figure {
  display: flex; align-items: baseline; justify-content: center; gap: 3px;
  margin: 0;
  line-height: 1;
}
.dnk-plan-num {
  font-size: clamp(52px, 7vw, 84px);
  font-weight: 900;
  letter-spacing: -.02em;
}
.dnk-plan-navy .dnk-plan-num { color: #fff; }
.dnk-plan-green .dnk-plan-num { color: var(--dnk-green-d); }
.dnk-plan-unit {
  font-size: clamp(20px, 2.4vw, 28px);
  font-weight: 900;
}
.dnk-plan-navy .dnk-plan-unit { color: #cfe9f7; }
.dnk-plan-green .dnk-plan-unit { color: var(--dnk-green-d); }
.dnk-plan-label {
  margin: 12px 0 0;
  font-size: clamp(15px, 1.7vw, 19px);
  font-weight: 900; letter-spacing: .04em;
}
.dnk-plan-cond {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 22px 0 0;
  padding: 12px 20px; border-radius: 12px;
  font-size: 12.5px; font-weight: 700; line-height: 1.7;
}
.dnk-plan-navy .dnk-plan-cond { background: rgba(255, 255, 255, .12); color: rgba(255, 255, 255, .9); }
.dnk-plan-green .dnk-plan-cond { background: #fff; color: var(--dnk-ink); border: 1px solid rgba(76, 175, 80, .3); }
.dnk-plan-cond i { font-size: 13px; opacity: .85; }

.dnk-ribbon {
  display: flex; align-items: center; justify-content: center; gap: 11px;
  margin: 30px 0 0;
  padding: 17px 26px; border-radius: 999px;
  background: linear-gradient(135deg, #35c95f, #06c755 60%, #049c43);
  color: #fff;
  font-size: 15.5px; font-weight: 900; letter-spacing: .06em;
  box-shadow: 0 14px 30px rgba(6, 199, 85, .26);
}
.dnk-ribbon i { font-size: 16px; }

/* ===================== 04 STEPS ===================== */
.dnk-steps {
  position: relative;
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 22px; margin: 0; padding: 0; list-style: none;
  counter-reset: dnkstep;
}
.dnk-step {
  position: relative;
  padding: 36px 24px 32px;
  border-radius: 22px;
  background: #fff;
  border: 1.5px solid rgba(28, 49, 83, .1);
  box-shadow: 0 12px 30px rgba(28, 49, 83, .08);
  text-align: center;
}
.dnk-step::after {
  content: '\f105';
  font-family: 'Font Awesome 6 Free'; font-weight: 900;
  position: absolute; top: 50%; right: -19px;
  transform: translateY(-50%);
  font-size: 20px; color: var(--dnk-green-l);
  z-index: 2;
}
.dnk-step:last-child::after { content: none; }
.dnk-step-no {
  position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--dnk-navy);
  color: #fff;
  font-size: 13px; font-weight: 900;
  box-shadow: 0 6px 14px rgba(28, 49, 83, .25);
}
.dnk-step-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 58px; height: 58px; border-radius: 18px;
  margin: 10px 0 16px;
  background: var(--dnk-green-pale);
  color: var(--dnk-green-d);
  font-size: 23px;
}
.dnk-step-title {
  margin: 0 0 9px;
  font-size: 15.5px; font-weight: 900; line-height: 1.6;
  color: var(--dnk-navy);
  word-break: keep-all;
}
.dnk-step-body {
  margin: 0;
  font-size: 12.5px; line-height: 1.85;
  color: var(--dnk-ink-soft);
}
.dnk-time {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  margin: 34px 0 0;
  font-size: 14px; font-weight: 900; letter-spacing: .06em;
  color: var(--dnk-green-d);
}
.dnk-time-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--dnk-green-pale);
  font-size: 13px;
}

/* ===================== 05 SAFETY ===================== */
.dnk-safe {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 20px; margin: 0; padding: 0; list-style: none;
}
.dnk-safe-card {
  position: relative;
  display: flex; align-items: center; gap: 18px;
  padding: 26px 24px;
  border-radius: 20px;
  background: #fff;
  border: 1.5px solid rgba(28, 49, 83, .08);
  box-shadow: 0 12px 28px rgba(28, 49, 83, .07);
}
.dnk-safe-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 62px; height: 62px; border-radius: 18px;
  background: linear-gradient(160deg, #eef8ee, #dcf0da);
  color: var(--dnk-green-d);
  font-size: 25px;
}
.dnk-safe-text { flex: 1 1 auto; min-width: 0; }
.dnk-safe-title {
  margin: 0 0 7px;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 900; letter-spacing: .03em;
  color: var(--dnk-navy);
  word-break: keep-all;
}
.dnk-safe-body {
  margin: 0;
  font-size: 13px; line-height: 1.8;
  color: var(--dnk-ink-soft);
}
.dnk-safe-check {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--dnk-green-l);
  color: #fff;
  font-size: 12px;
  box-shadow: 0 5px 12px rgba(76, 175, 80, .3);
}

/* ===================== 06 CONDITIONS ===================== */
.dnk-cond {
  display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px;
  padding: 28px 30px;
  border-radius: 22px;
  background: linear-gradient(120deg, #fffdf6, #f8f4e6);
  border: 1.5px solid rgba(216, 180, 90, .38);
  box-shadow: 0 12px 30px rgba(28, 49, 83, .07);
}
.dnk-cond-head { display: flex; align-items: center; gap: 12px; margin: 0; flex: 0 0 auto; }
.dnk-cond-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 12px;
  background: var(--dnk-navy);
  color: #fff; font-size: 17px;
}
.dnk-cond-tag {
  padding: 8px 18px; border-radius: 999px;
  background: var(--dnk-navy); color: #fff;
  font-size: 13px; font-weight: 900; letter-spacing: .08em;
  white-space: nowrap;
}
.dnk-cond-list {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: 6px 8px;
  margin: 0; padding: 0; list-style: none;
  flex: 1 1 auto;
}
.dnk-cond-list li {
  position: relative;
  font-size: 14px; font-weight: 800; letter-spacing: .04em;
  color: var(--dnk-navy);
}
.dnk-cond-list li:not(:last-child)::after {
  content: '/';
  margin-left: 8px;
  color: var(--dnk-green-l);
  font-weight: 400;
}

/* ===================== 07 CTA ===================== */
.dnk-cta {
  position: relative;
  padding: 82px 0 92px;
  background:
    radial-gradient(900px 440px at 84% 12%, rgba(255, 255, 255, .9), transparent 62%),
    radial-gradient(700px 380px at 8% 88%, rgba(228, 244, 228, .9), transparent 64%),
    linear-gradient(166deg, #d9eefb 0%, #eef8fd 48%, #fdfbf4 100%);
  overflow: hidden;
}
.dnk-cta::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(127, 201, 127, .32) 1.4px, transparent 1.5px);
  background-size: 46px 46px;
  opacity: .3;
  -webkit-mask-image: linear-gradient(0deg, #000 0%, transparent 62%);
  mask-image: linear-gradient(0deg, #000 0%, transparent 62%);
}
.dnk-cta-inner {
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 1.06fr .94fr;
  gap: 44px; align-items: center;
}
.dnk-cta-badge {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0 0 18px;
  padding: 9px 20px; border-radius: 999px;
  background: linear-gradient(135deg, #f6e6b0, #e0bf68);
  border: 1.5px solid var(--dnk-gold);
  color: #6d5210;
  font-size: 12.5px; font-weight: 900; letter-spacing: .1em;
  box-shadow: 0 8px 18px rgba(216, 180, 90, .3);
}
.dnk-cta-title {
  margin: 0;
  font-size: clamp(28px, 3.6vw, 44px);
  font-weight: 900;
  line-height: 1.32;
  letter-spacing: .02em;
  color: var(--dnk-navy);
  white-space: pre-line;
  word-break: keep-all;
  line-break: strict;
  text-shadow: 0 3px 0 rgba(255, 255, 255, .9);
}
.dnk-cta-lead {
  margin: 20px 0 0;
  max-width: 30em;
  font-size: 14px; line-height: 1.95;
  color: var(--dnk-ink-soft);
}
.dnk-cta-points {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px; margin: 28px 0 0;
}
.dnk-cta-point {
  padding: 15px 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .92);
  border: 1.5px solid rgba(28, 49, 83, .08);
  box-shadow: 0 8px 20px rgba(28, 49, 83, .07);
  text-align: center;
}
.dnk-cta-point dt {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  font-size: 11px; font-weight: 800; letter-spacing: .04em;
  color: var(--dnk-ink-soft);
}
.dnk-cta-point dt i { color: var(--dnk-green-d); font-size: 11px; }
.dnk-cta-point dd {
  margin: 7px 0 0;
  font-size: 21px; font-weight: 900; line-height: 1.2;
  color: var(--dnk-navy);
}
.dnk-cta-point-unit { font-size: 12px; font-weight: 800; margin-left: 2px; }

.dnk-cta-card {
  padding: 36px 32px 32px;
  border-radius: 26px;
  background: #fff;
  border: 1.5px solid rgba(28, 49, 83, .1);
  box-shadow: 0 26px 56px rgba(28, 49, 83, .16);
  text-align: center;
}
.dnk-cta-brand {
  margin: 0;
  font-size: 12px; font-weight: 800; letter-spacing: .14em;
  color: var(--dnk-green-d);
}
.dnk-cta-label {
  margin: 10px 0 0;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 900; letter-spacing: .03em;
  color: var(--dnk-navy);
}
.dnk-cta-status {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 14px 0 24px;
  padding: 7px 16px; border-radius: 999px;
  background: var(--dnk-green-pale);
  color: var(--dnk-green-d);
  font-size: 11.5px; font-weight: 800; letter-spacing: .05em;
}
.dnk-cta-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--dnk-line);
  box-shadow: 0 0 0 3px rgba(6, 199, 85, .18);
  animation: dnk-pulse 2.4s ease-in-out infinite;
}
@keyframes dnk-pulse {
  0%, 100% { box-shadow: 0 0 0 3px rgba(6, 199, 85, .18); }
  50% { box-shadow: 0 0 0 7px rgba(6, 199, 85, .05); }
}
.dnk-cta-card .dnk-btn { width: 100%; }
.dnk-cta-foot {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  margin: 18px 0 0;
  font-size: 12px; font-weight: 700;
  color: var(--dnk-ink-soft);
}
.dnk-cta-foot i { color: var(--dnk-green-d); }

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1024px) {
  .dnk-hero-inner, .dnk-cta-inner { grid-template-columns: 1fr; gap: 40px; }
  .dnk-hero { padding: 60px 0 70px; }
  .dnk-hero-art { order: 2; min-height: 440px; }
  .dnk-price-bubble { right: 4px; }
  .dnk-charm { grid-template-columns: 1fr; }
  .dnk-plans { grid-template-columns: 1fr; }
  .dnk-steps { grid-template-columns: 1fr; gap: 28px; }
  .dnk-step::after {
    content: '\f107';
    top: auto; bottom: -22px; right: 50%;
    transform: translateX(50%);
  }
  .dnk-safe { grid-template-columns: 1fr; }
  .dnk-cond { justify-content: center; text-align: center; }
  .dnk-cond-list { justify-content: center; }
}
@media (max-width: 900px) {
  .dnk-section { padding: 68px 0; }
  .dnk-cta { padding: 62px 0 72px; }
  .dnk-cta-points { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .dnk-wrap { padding: 0 20px; }
  .dnk-section { padding: 56px 0; }
  .dnk-head { margin-bottom: 34px; }
  .dnk-h1 { font-size: 30px; letter-spacing: .01em; }
  .dnk-hero-actions { flex-direction: column; align-items: stretch; }
  .dnk-hero-actions .dnk-btn { width: 100%; }
  .dnk-pills li { font-size: 12px; padding: 8px 14px; }
  .dnk-phone { width: 236px; }
  .dnk-phone-screen { min-height: 366px; }
  .dnk-price-bubble { right: -6px; bottom: 18px; max-width: 158px; padding: 11px 16px 13px; }
  .dnk-price-num { font-size: 32px; }
  .dnk-charm-card { padding: 30px 22px 26px; }
  .dnk-plan { padding: 30px 22px 28px; }
  .dnk-ribbon { font-size: 13px; padding: 14px 18px; text-align: center; }
  .dnk-safe-card { padding: 20px 18px; gap: 14px; }
  .dnk-safe-ico { width: 52px; height: 52px; font-size: 21px; }
  .dnk-cond { padding: 22px 20px; }
  .dnk-cond-list li { font-size: 13px; }
  .dnk-cta-card { padding: 28px 20px 26px; }
  .dnk-caution { font-size: 11.5px; padding: 13px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .dnk-btn, .dnk-charm-card { transition: none; }
  .dnk-cta-dot { animation: none; }
}

/* =====================================================================
   抽選ロレックス案件プロジェクト LP（.rlx-*）
   スライド8枚の世界観：漆黒 × シャンパンゴールド × 生成り／明朝体エディトリアル
   ===================================================================== */

.rlx {
  --rlx-black: #0a0a0b;
  --rlx-black-2: #121214;
  --rlx-black-3: #191a1d;
  --rlx-gold: #c9a961;
  --rlx-gold-l: #e6cd96;
  --rlx-gold-d: #a3853f;
  --rlx-cream: #f4efe4;
  --rlx-cream-2: #e8dfcc;
  --rlx-ink: #d8d2c6;
  --rlx-ink-soft: #9a9488;
  --rlx-forest: #16241d;
  --rlx-navy: #101a2b;
  background: var(--rlx-black);
  color: var(--rlx-cream);
  font-family: 'Noto Sans JP', system-ui, sans-serif;
  letter-spacing: .04em;
  overflow-x: hidden;
}
.rlx-wrap { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 30px; }

/* ---------- section / head ---------- */
.rlx-section { position: relative; padding: 100px 0; background: var(--rlx-black); }
.rlx-section-alt {
  background:
    radial-gradient(900px 460px at 88% 0%, rgba(201, 169, 97, .09), transparent 62%),
    radial-gradient(760px 400px at 4% 100%, rgba(201, 169, 97, .05), transparent 62%),
    var(--rlx-black-2);
  border-top: 1px solid rgba(201, 169, 97, .14);
  border-bottom: 1px solid rgba(201, 169, 97, .14);
}
.rlx-head { margin: 0 0 54px; }
.rlx-head-center { text-align: center; }
.rlx-head-rail {
  display: flex; align-items: center; gap: 14px;
  margin: 0 0 20px;
}
.rlx-head-center .rlx-head-rail { justify-content: center; }
.rlx-head-no {
  font-size: 12px; font-weight: 700; letter-spacing: .16em;
  color: var(--rlx-gold);
  flex: 0 0 auto;
}
.rlx-head-rule {
  display: block; width: 54px; height: 1px;
  background: linear-gradient(90deg, var(--rlx-gold), rgba(201, 169, 97, .15));
  flex: 0 0 auto;
}
.rlx-head-eyebrow {
  font-size: 10.5px; font-weight: 700; letter-spacing: .3em;
  color: var(--rlx-ink-soft);
  text-transform: uppercase;
}
.rlx-title {
  margin: 0;
  font-family: 'Shippori Mincho', 'Noto Sans JP', serif;
  font-size: clamp(27px, 3.6vw, 46px);
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: .06em;
  color: var(--rlx-cream);
  white-space: pre-line;
  word-break: keep-all;
  line-break: strict;
}
.rlx-title-aside {
  display: inline-block;
  margin-left: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: .44em;
  font-weight: 500;
  letter-spacing: .16em;
  color: var(--rlx-ink-soft);
  vertical-align: middle;
}
.rlx-sub {
  margin: 20px 0 0;
  font-size: 14px; line-height: 1.95; letter-spacing: .05em;
  color: var(--rlx-ink-soft);
}

/* ---------- buttons ---------- */
.rlx-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 11px;
  padding: 16px 34px;
  background: linear-gradient(135deg, rgba(230, 205, 150, .16), rgba(201, 169, 97, .06));
  border: 1px solid var(--rlx-gold);
  color: var(--rlx-gold-l);
  font-size: 14px; font-weight: 700; letter-spacing: .12em;
  text-decoration: none;
  box-shadow: inset 0 0 20px rgba(201, 169, 97, .08), 0 8px 24px rgba(0, 0, 0, .4);
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.rlx-btn:hover {
  background: linear-gradient(135deg, rgba(230, 205, 150, .28), rgba(201, 169, 97, .12));
  transform: translateY(-1px);
  box-shadow: inset 0 0 24px rgba(201, 169, 97, .14), 0 14px 34px rgba(0, 0, 0, .5);
}
.rlx-btn-block { width: 100%; }
.rlx-btn-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px;
  border: 1px solid rgba(201, 169, 97, .5);
  color: var(--rlx-gold);
  font-size: 13px;
  flex: 0 0 auto;
}
.rlx-btn-ghost {
  background: transparent;
  border-color: rgba(201, 169, 97, .3);
  color: var(--rlx-ink);
  box-shadow: none;
}
.rlx-btn-ghost:hover { border-color: var(--rlx-gold); color: var(--rlx-gold-l); }
.rlx-btn-arrow { font-size: 11px; opacity: .8; }

/* ---------- note ---------- */
.rlx-note {
  display: flex; align-items: flex-start; gap: 11px;
  max-width: 900px; margin: 34px auto 0;
  padding: 16px 20px;
  border-left: 2px solid rgba(201, 169, 97, .5);
  background: rgba(201, 169, 97, .05);
  color: var(--rlx-ink-soft);
  font-size: 12.5px; line-height: 1.9;
}
.rlx-note-ico { flex: 0 0 auto; margin-top: 2px; color: var(--rlx-gold); }

/* ===================== 01 HERO ===================== */
.rlx-hero {
  position: relative;
  padding: 84px 0 96px;
  background:
    radial-gradient(1100px 620px at 72% -6%, rgba(201, 169, 97, .22), transparent 58%),
    radial-gradient(760px 500px at 8% 104%, rgba(201, 169, 97, .07), transparent 60%),
    linear-gradient(168deg, #08080a 0%, #101012 46%, #0a0a0b 100%);
  overflow: hidden;
}
.rlx-hero-glow {
  position: absolute; z-index: 1; pointer-events: none;
  top: -160px; right: -140px;
  width: 620px; height: 620px; border-radius: 50%;
  background: radial-gradient(circle, rgba(230, 205, 150, .17), rgba(201, 169, 97, .05) 46%, transparent 68%);
  filter: blur(6px);
}
.rlx-hero-inner {
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 1.04fr .96fr;
  gap: 40px; align-items: center;
}
.rlx-kicker {
  margin: 0 0 22px;
  font-size: 10.5px; font-weight: 700; letter-spacing: .34em;
  color: rgba(201, 169, 97, .8);
  text-transform: uppercase;
}
.rlx-h1 {
  margin: 0;
  font-family: 'Shippori Mincho', 'Noto Sans JP', serif;
  font-size: clamp(30px, 4.1vw, 52px);
  font-weight: 700;
  line-height: 1.34;
  letter-spacing: .05em;
  color: var(--rlx-cream);
  white-space: pre-line;
  word-break: keep-all;
  line-break: strict;
  text-shadow: 0 2px 40px rgba(201, 169, 97, .22);
}
.rlx-h1-sub {
  margin: 18px 0 0;
  font-family: 'Shippori Mincho', 'Noto Sans JP', serif;
  font-size: clamp(16px, 1.9vw, 22px);
  font-weight: 600;
  letter-spacing: .1em;
  color: var(--rlx-gold-l);
}
.rlx-hair {
  display: block;
  width: 100%; max-width: 470px; height: 1px;
  margin: 26px 0 0;
  background: linear-gradient(90deg, var(--rlx-gold) 0%, rgba(201, 169, 97, .08) 100%);
}
.rlx-hero-lead {
  margin: 24px 0 0;
  max-width: 34em;
  font-size: 14.5px; line-height: 2.05; letter-spacing: .05em;
  color: var(--rlx-ink);
  text-wrap: pretty;
}
.rlx-tags {
  display: flex; flex-wrap: wrap; gap: 9px;
  margin: 26px 0 0; padding: 0; list-style: none;
}
.rlx-tags li {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 16px;
  border: 1px solid rgba(201, 169, 97, .28);
  background: rgba(201, 169, 97, .04);
  color: var(--rlx-cream-2);
  font-size: 12px; font-weight: 600; letter-spacing: .1em;
}
.rlx-tags li i { color: var(--rlx-gold); font-size: 11.5px; }
.rlx-hero-actions {
  display: flex; flex-wrap: wrap; align-items: center; gap: 14px;
  margin: 34px 0 0;
}

/* --- hero art --- */
.rlx-hero-art {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  gap: 4px;
  min-height: 500px;
}

/* phone / app ui */
.rlx-app {
  position: relative; z-index: 2;
  width: 208px; padding: 8px;
  border-radius: 30px;
  background: linear-gradient(158deg, #2b2c30, #131417 48%, #26272b);
  border: 1px solid rgba(201, 169, 97, .28);
  box-shadow: 0 36px 74px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .04);
  transform: rotate(-4deg);
  flex: 0 0 auto;
}
.rlx-app-notch {
  position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
  width: 62px; height: 11px; border-radius: 0 0 8px 8px;
  background: #101114; z-index: 3;
}
.rlx-app-screen {
  position: relative;
  display: flex; flex-direction: column;
  min-height: 372px;
  padding: 40px 16px 14px;
  border-radius: 23px;
  background: linear-gradient(178deg, #0c0d10 0%, #14161a 100%);
  border: 1px solid rgba(201, 169, 97, .12);
}
.rlx-app-eyebrow {
  margin: 0 0 16px;
  font-size: 6.5px; font-weight: 700; letter-spacing: .22em;
  color: rgba(201, 169, 97, .55);
  text-align: center;
}
.rlx-app-title {
  margin: 0 0 12px;
  font-family: 'Shippori Mincho', serif;
  font-size: 15px; font-weight: 700; line-height: 1.6; letter-spacing: .07em;
  color: var(--rlx-cream);
  text-align: center;
  white-space: pre-line;
}
.rlx-app-caption {
  margin: 0;
  font-size: 8px; line-height: 1.9; letter-spacing: .06em;
  color: var(--rlx-ink-soft);
  text-align: center;
}
.rlx-app-seal {
  display: flex; align-items: center; justify-content: center;
  width: 54px; height: 54px; margin: 42px auto auto;
  border: 1px solid rgba(201, 169, 97, .55);
  border-radius: 50%;
  color: var(--rlx-gold);
  font-size: 17px;
  box-shadow: 0 0 22px rgba(201, 169, 97, .14), inset 0 0 14px rgba(201, 169, 97, .08);
}
.rlx-app-tabs {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 2px; margin: 18px 0 0; padding: 12px 0 0;
  list-style: none;
  border-top: 1px solid rgba(201, 169, 97, .12);
}
.rlx-app-tabs li {
  font-size: 6.5px; font-weight: 600; letter-spacing: .02em;
  color: rgba(154, 148, 136, .7);
  text-align: center;
}
.rlx-app-tabs li.is-active { color: var(--rlx-gold); }

/* CSS-drawn watch */
.rlx-watch {
  position: relative; z-index: 1;
  width: 176px; height: 176px;
  margin-left: -22px;
  flex: 0 0 auto;
}
.rlx-watch-bezel {
  position: absolute; inset: 0;
  border-radius: 50%;
  background:
    repeating-conic-gradient(from 0deg, #d9bb7a 0deg 4deg, #8e7331 4deg 8deg);
  box-shadow: 0 22px 52px rgba(0, 0, 0, .82), inset 0 0 0 2px rgba(255, 236, 194, .28);
}
.rlx-watch-face {
  position: absolute; inset: 15px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 32% 26%, #2b3038 0%, #14171c 46%, #08090b 100%);
  border: 1px solid rgba(201, 169, 97, .34);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  overflow: hidden;
}
.rlx-watch-brand {
  font-size: 7px; font-weight: 700; letter-spacing: .14em;
  color: var(--rlx-gold-l);
}
.rlx-watch-model {
  margin-top: 2px;
  font-size: 4px; font-weight: 600; letter-spacing: .1em;
  color: rgba(201, 169, 97, .7);
}
.rlx-watch-date {
  position: absolute; top: 27px; right: 27px;
  display: flex; align-items: center; justify-content: center;
  width: 15px; height: 12px;
  background: #f4efe4;
  color: #14171c;
  font-size: 7px; font-weight: 800;
  letter-spacing: 0;
}
.rlx-watch-hands {
  position: absolute; left: 50%; bottom: 50%;
  width: 1.5px; height: 38px;
  background: linear-gradient(180deg, var(--rlx-gold-l), #8e7331);
  transform-origin: bottom center;
  transform: translateX(-50%) rotate(38deg);
}
.rlx-watch-hands2 {
  position: absolute; left: 50%; bottom: 50%;
  width: 1px; height: 28px;
  background: linear-gradient(180deg, #e6cd96, #7a6229);
  transform-origin: bottom center;
  transform: translateX(-50%) rotate(150deg);
}
.rlx-watch-pin {
  position: absolute; left: 50%; top: 50%;
  width: 5px; height: 5px; margin: -2.5px 0 0 -2.5px;
  border-radius: 50%;
  background: var(--rlx-gold-l);
  box-shadow: 0 0 6px rgba(230, 205, 150, .6);
}
.rlx-watch-lug {
  position: absolute; left: 50%; bottom: -6px;
  width: 62px; height: 16px; margin-left: -31px;
  background: linear-gradient(180deg, #b9a06a, #6f5a2b);
  border-radius: 0 0 5px 5px;
}
.rlx-watch-bracelet {
  position: absolute; left: 50%; bottom: -86px;
  width: 70px; height: 82px; margin-left: -35px;
  background:
    repeating-linear-gradient(180deg, #c2a970 0px 5px, #6f5a2b 5px 7px);
  border-radius: 0 0 4px 4px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .6);
  opacity: .92;
}

/* payout bubble */
.rlx-payout {
  position: absolute; z-index: 4;
  left: 2px; bottom: 26px;
  display: flex; flex-direction: column; gap: 5px;
  padding: 13px 20px;
  background: linear-gradient(140deg, rgba(18, 18, 20, .97), rgba(10, 10, 11, .97));
  border: 1px solid var(--rlx-gold);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .7), inset 0 0 18px rgba(201, 169, 97, .08);
}
.rlx-payout-label {
  font-size: 9px; font-weight: 700; letter-spacing: .16em;
  color: var(--rlx-ink-soft);
}
.rlx-payout-range {
  font-family: 'Shippori Mincho', serif;
  font-size: 17px; font-weight: 700; letter-spacing: .04em;
  color: var(--rlx-gold-l);
  white-space: nowrap;
}

/* ===================== 02 OVERVIEW ===================== */
.rlx-split {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 54px; align-items: start;
}
.rlx-split .rlx-head { margin-bottom: 0; }
.rlx-body-lead {
  margin: 26px 0 0;
  font-size: 14.5px; line-height: 2.15; letter-spacing: .05em;
  color: var(--rlx-ink);
  text-wrap: pretty;
}
.rlx-overview { margin: 0; padding: 0; list-style: none; }
.rlx-overview-row {
  display: flex; align-items: center; gap: 22px;
  padding: 26px 0;
  border-bottom: 1px solid rgba(201, 169, 97, .16);
}
.rlx-overview-row:first-child { border-top: 1px solid rgba(201, 169, 97, .16); }
.rlx-overview-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 52px; height: 52px;
  border: 1px solid rgba(201, 169, 97, .34);
  border-radius: 50%;
  color: var(--rlx-gold);
  font-size: 18px;
  background: rgba(201, 169, 97, .04);
}
.rlx-overview-text { min-width: 0; }
.rlx-overview-title {
  margin: 0 0 7px;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(16px, 1.8vw, 20px);
  font-weight: 700; letter-spacing: .06em;
  color: var(--rlx-cream);
  word-break: keep-all;
}
.rlx-overview-body {
  margin: 0;
  font-size: 12.5px; line-height: 1.85; letter-spacing: .04em;
  color: var(--rlx-ink-soft);
}

/* ===================== 03 REWARDS ===================== */
.rlx-rewards { display: flex; flex-direction: column; gap: 0; }
.rlx-reward {
  display: flex; align-items: center; justify-content: space-between;
  gap: 30px; flex-wrap: wrap;
  padding: 30px 32px;
  border: 1px solid rgba(201, 169, 97, .18);
  border-bottom: none;
}
.rlx-reward:last-child { border-bottom: 1px solid rgba(201, 169, 97, .18); }
.rlx-reward-entry { background: linear-gradient(100deg, rgba(22, 36, 29, .92), rgba(12, 16, 14, .55)); }
.rlx-reward-win {
  padding: 42px 32px;
  background: linear-gradient(100deg, rgba(16, 26, 43, .96), rgba(10, 14, 22, .6));
  border-color: rgba(201, 169, 97, .4);
  box-shadow: inset 0 0 40px rgba(201, 169, 97, .05);
}
.rlx-reward-guarantee { background: linear-gradient(100deg, rgba(244, 239, 228, .96), rgba(232, 223, 204, .9)); }
.rlx-reward-head {
  display: flex; align-items: center; gap: 16px;
  margin: 0; flex: 0 0 auto;
}
.rlx-reward-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 50%;
  border: 1px solid rgba(201, 169, 97, .55);
  color: var(--rlx-gold);
  font-family: 'Shippori Mincho', serif;
  font-size: 14px; font-weight: 700;
  flex: 0 0 auto;
}
.rlx-reward-guarantee .rlx-reward-no { border-color: rgba(163, 133, 63, .6); color: var(--rlx-gold-d); }
.rlx-reward-title {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(17px, 2vw, 23px);
  font-weight: 700; letter-spacing: .06em;
  color: var(--rlx-cream);
  white-space: nowrap;
  word-break: keep-all;
}
.rlx-reward-guarantee .rlx-reward-title { color: #2b2a26; }
.rlx-reward-value {
  margin: 0;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(30px, 5vw, 58px);
  font-weight: 700; letter-spacing: .02em;
  line-height: 1.1;
  color: var(--rlx-gold-l);
  text-shadow: 0 0 34px rgba(201, 169, 97, .28);
  white-space: nowrap;
}
.rlx-reward-guarantee .rlx-reward-value { color: var(--rlx-gold-d); text-shadow: none; }
.rlx-reward-body {
  margin: 0;
  font-size: 13px; line-height: 1.9; letter-spacing: .04em;
  color: var(--rlx-ink);
  max-width: 34em;
}
.rlx-reward-guarantee .rlx-reward-body { color: #55503f; }
.rlx-reward-entry .rlx-reward-body { flex: 1 1 320px; }

/* ===================== 04 ELIGIBILITY ===================== */
.rlx-elig {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 26px; margin: 0; padding: 0; list-style: none;
}
.rlx-elig-card {
  display: flex; flex-direction: column; align-items: center;
  padding: 0 22px 30px;
  text-align: center;
}
.rlx-elig-arch {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 190px;
  margin-bottom: 26px;
  border: 1px solid rgba(201, 169, 97, .22);
  border-radius: 999px 999px 12px 12px;
  background:
    radial-gradient(circle at 50% 34%, rgba(201, 169, 97, .14), transparent 66%),
    linear-gradient(180deg, rgba(25, 26, 29, .9), rgba(12, 12, 14, .6));
}
.rlx-elig-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 68px; height: 68px; border-radius: 50%;
  border: 1px solid rgba(201, 169, 97, .4);
  color: var(--rlx-gold);
  font-size: 25px;
  background: rgba(201, 169, 97, .05);
}
.rlx-elig-rule {
  display: block;
  width: 44px; height: 1px;
  margin-bottom: 18px;
  background: var(--rlx-gold);
}
.rlx-elig-title {
  margin: 0 0 12px;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(16px, 1.8vw, 20px);
  font-weight: 700; letter-spacing: .05em; line-height: 1.6;
  color: var(--rlx-cream);
  word-break: keep-all;
}
.rlx-elig-body {
  margin: 0;
  font-size: 12.5px; line-height: 1.9;
  color: var(--rlx-ink-soft);
}
.rlx-elig-foot {
  margin: 46px 0 0;
  padding-top: 30px;
  border-top: 1px solid rgba(201, 169, 97, .16);
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(14px, 1.8vw, 18px);
  font-weight: 600; letter-spacing: .08em;
  color: var(--rlx-cream-2);
  text-align: center;
}

/* ===================== 05 TRUST ===================== */
.rlx-trust {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 22px; margin: 0; padding: 0; list-style: none;
}
.rlx-trust-card {
  padding: 34px 26px 32px;
  background: linear-gradient(172deg, rgba(19, 26, 39, .92), rgba(10, 13, 20, .7));
  border-top: 1px solid rgba(201, 169, 97, .5);
  border-left: 1px solid rgba(201, 169, 97, .12);
  border-right: 1px solid rgba(201, 169, 97, .12);
  border-bottom: 1px solid rgba(201, 169, 97, .12);
  text-align: center;
}
.rlx-trust-ring {
  display: inline-flex; align-items: center; justify-content: center;
  width: 56px; height: 56px; border-radius: 50%;
  border: 1px solid rgba(201, 169, 97, .5);
  color: var(--rlx-gold);
  font-size: 20px;
  box-shadow: 0 0 24px rgba(201, 169, 97, .12);
}
.rlx-trust-no {
  margin: 18px 0 8px;
  font-size: 11px; font-weight: 700; letter-spacing: .2em;
  color: rgba(201, 169, 97, .7);
}
.rlx-trust-title {
  margin: 0 0 16px;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(16px, 1.7vw, 19px);
  font-weight: 700; letter-spacing: .06em;
  color: var(--rlx-cream);
  word-break: keep-all;
}
.rlx-trust-rule {
  display: block; width: 100%; height: 1px;
  margin: 0 0 16px;
  background: rgba(201, 169, 97, .22);
}
.rlx-trust-body {
  margin: 0;
  font-size: 12.5px; line-height: 1.95;
  color: var(--rlx-ink-soft);
  text-align: left;
}

/* ===================== 06 FLOW ===================== */
.rlx-flow {
  position: relative;
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 20px; margin: 0; padding: 0; list-style: none;
}
.rlx-flow::before {
  content: '';
  position: absolute; top: 84px; left: 8%; right: 8%;
  height: 1px;
  background: linear-gradient(90deg, rgba(201, 169, 97, 0), rgba(201, 169, 97, .5) 12%, rgba(201, 169, 97, .5) 88%, rgba(201, 169, 97, 0));
}
.rlx-flow-step {
  position: relative; z-index: 2;
  display: flex; flex-direction: column; align-items: center;
  padding: 0 10px;
  text-align: center;
}
.rlx-flow-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px;
  margin-bottom: 20px;
  font-family: 'Shippori Mincho', serif;
  font-size: 14px; font-weight: 700;
  color: var(--rlx-gold);
}
.rlx-flow-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 68px; height: 68px; border-radius: 50%;
  margin-bottom: 24px;
  border: 1px solid rgba(201, 169, 97, .4);
  background: radial-gradient(circle at 50% 34%, rgba(201, 169, 97, .16), rgba(10, 10, 11, .96) 68%);
  color: var(--rlx-gold);
  font-size: 23px;
}
.rlx-flow-title {
  margin: 0 0 11px;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(14px, 1.6vw, 17px);
  font-weight: 700; letter-spacing: .05em; line-height: 1.65;
  color: var(--rlx-cream);
  word-break: keep-all;
}
.rlx-flow-body {
  margin: 0;
  font-size: 12px; line-height: 1.85;
  color: var(--rlx-ink-soft);
}

/* ===================== 07 FAQ ===================== */
.rlx-faq {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 0; margin: 0;
}
.rlx-faq-item {
  padding: 0 30px;
  border-left: 1px solid rgba(201, 169, 97, .18);
}
.rlx-faq-item:first-child { border-left: none; padding-left: 0; }
.rlx-faq-item:last-child { padding-right: 0; }
.rlx-faq-q {
  display: flex; align-items: flex-start; gap: 14px;
  margin: 0;
  font-size: 14px; font-weight: 700; line-height: 1.8; letter-spacing: .04em;
  color: var(--rlx-cream);
}
.rlx-faq-mark {
  flex: 0 0 auto;
  font-family: 'Shippori Mincho', serif;
  font-size: 26px; font-weight: 700; line-height: 1;
  color: var(--rlx-gold);
}
.rlx-faq-mark-a { color: rgba(201, 169, 97, .55); }
.rlx-faq-a {
  display: flex; align-items: flex-start; gap: 14px;
  margin: 20px 0 0;
  padding-top: 20px;
  border-top: 1px solid rgba(201, 169, 97, .18);
  font-size: 12.5px; line-height: 1.95; letter-spacing: .04em;
  color: var(--rlx-ink);
}

/* ===================== 08 CTA ===================== */
.rlx-cta {
  position: relative;
  padding: 92px 0;
  background:
    radial-gradient(1000px 520px at 78% 4%, rgba(201, 169, 97, .2), transparent 60%),
    radial-gradient(700px 420px at 4% 100%, rgba(201, 169, 97, .07), transparent 62%),
    linear-gradient(170deg, #0b0b0d 0%, #131316 52%, #0a0a0b 100%);
  border-top: 1px solid rgba(201, 169, 97, .22);
  overflow: hidden;
}
.rlx-cta-inner {
  display: grid; grid-template-columns: 1.12fr .88fr;
  gap: 50px; align-items: center;
}
.rlx-cta-badge {
  display: inline-flex; align-items: center; gap: 9px;
  margin: 0 0 22px;
  padding: 9px 18px;
  border: 1px solid rgba(201, 169, 97, .45);
  background: rgba(201, 169, 97, .07);
  color: var(--rlx-gold-l);
  font-size: 11.5px; font-weight: 700; letter-spacing: .1em;
}
.rlx-cta-title {
  margin: 0;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(26px, 3.5vw, 44px);
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: .06em;
  color: var(--rlx-cream);
  white-space: pre-line;
  word-break: keep-all;
  line-break: strict;
  text-shadow: 0 2px 34px rgba(201, 169, 97, .22);
}
.rlx-cta-lead {
  margin: 24px 0 30px;
  font-size: 14px; line-height: 2.05; letter-spacing: .05em;
  color: var(--rlx-ink);
  white-space: pre-line;
}
.rlx-cta-foot {
  margin: 24px 0 0;
  font-size: 12.5px; line-height: 1.95;
  color: var(--rlx-ink-soft);
}
.rlx-cta-card {
  position: relative;
  padding: 40px 30px 28px;
  border: 1px solid rgba(201, 169, 97, .34);
  background: linear-gradient(168deg, rgba(20, 21, 24, .96), rgba(9, 9, 11, .96));
  box-shadow: 0 30px 64px rgba(0, 0, 0, .6), inset 0 0 30px rgba(201, 169, 97, .05);
  text-align: center;
}
.rlx-cta-seal {
  display: flex; align-items: center; justify-content: center;
  width: 54px; height: 54px;
  margin: 18px auto 0;
  border: 1px solid rgba(201, 169, 97, .4);
  border-radius: 50%;
  color: var(--rlx-gold);
  font-size: 19px;
}
.rlx-cta-card-brand {
  margin: 0;
  font-size: 11px; font-weight: 700; letter-spacing: .22em;
  color: rgba(201, 169, 97, .75);
}
.rlx-cta-card-label {
  margin: 12px 0 0;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 700; letter-spacing: .07em;
  color: var(--rlx-cream);
}
.rlx-cta-card-status {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 16px 0 0;
  padding: 6px 15px;
  border: 1px solid rgba(201, 169, 97, .3);
  color: var(--rlx-gold-l);
  font-size: 10.5px; font-weight: 700; letter-spacing: .08em;
}
.rlx-cta-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--rlx-gold);
  box-shadow: 0 0 0 3px rgba(201, 169, 97, .14);
  animation: rlx-pulse 2.6s ease-in-out infinite;
}
@keyframes rlx-pulse {
  0%, 100% { box-shadow: 0 0 0 3px rgba(201, 169, 97, .14); }
  50% { box-shadow: 0 0 0 7px rgba(201, 169, 97, .04); }
}
.rlx-cta-stamp {
  margin: 26px 0 0;
  padding-top: 18px;
  border-top: 1px solid rgba(201, 169, 97, .16);
  font-size: 9.5px; font-weight: 700; letter-spacing: .24em;
  color: rgba(154, 148, 136, .8);
  text-transform: uppercase;
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1024px) {
  .rlx-hero-inner, .rlx-cta-inner, .rlx-split { grid-template-columns: 1fr; gap: 46px; }
  .rlx-hero { padding: 64px 0 74px; }
  .rlx-hero-art { min-height: 480px; }
  .rlx-section { padding: 76px 0; }
  .rlx-elig, .rlx-trust { grid-template-columns: 1fr; }
  .rlx-elig-card { padding: 0 0 26px; }
  .rlx-elig-arch { height: 150px; }
  .rlx-flow { grid-template-columns: repeat(2, 1fr); gap: 40px 20px; }
  .rlx-flow::before { display: none; }
  .rlx-faq { grid-template-columns: 1fr; gap: 30px; }
  .rlx-faq-item, .rlx-faq-item:first-child, .rlx-faq-item:last-child {
    padding: 0 0 0 24px;
    border-left: 1px solid rgba(201, 169, 97, .2);
  }
}
@media (max-width: 900px) {
  .rlx-reward { padding: 24px 22px; }
  .rlx-reward-win { padding: 32px 22px; }
  .rlx-reward { flex-direction: column; align-items: flex-start; gap: 18px; }
  .rlx-reward-value { font-size: clamp(28px, 7vw, 44px); }
  .rlx-cta { padding: 66px 0; }
}
@media (max-width: 640px) {
  .rlx-wrap { padding: 0 20px; }
  .rlx-section { padding: 58px 0; }
  .rlx-head { margin-bottom: 36px; }
  .rlx-h1 { font-size: 28px; }
  .rlx-h1-sub { font-size: 15px; }
  .rlx-hero-art { min-height: 430px; gap: 0; }
  .rlx-app { width: 172px; }
  .rlx-app-screen { min-height: 318px; padding: 34px 12px 10px; }
  .rlx-app-title { font-size: 12.5px; }
  .rlx-app-seal { margin-top: 28px; width: 44px; height: 44px; font-size: 14px; }
  .rlx-watch { width: 132px; height: 132px; margin-left: -14px; }
  .rlx-watch-bracelet { bottom: -62px; height: 60px; width: 54px; margin-left: -27px; }
  .rlx-payout { left: 0; bottom: 6px; padding: 10px 14px; }
  .rlx-payout-range { font-size: 13px; }
  .rlx-hero-actions { flex-direction: column; align-items: stretch; }
  .rlx-hero-actions .rlx-btn { width: 100%; }
  .rlx-flow { grid-template-columns: 1fr; }
  .rlx-flow::before { display: none; }
  .rlx-reward-title { white-space: normal; }
  .rlx-reward-value { white-space: normal; }
  .rlx-trust-card { padding: 28px 20px 26px; }
  .rlx-cta-card { padding: 32px 22px 24px; }
  .rlx-note { font-size: 11.5px; padding: 14px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .rlx-btn { transition: none; }
  .rlx-cta-dot { animation: none; }
}

/* ==========================================================================
   美容品購入代行案件 LP — .byu-*
   出典スライド：美容品購入代行案件（全12ページ）
   配色はスライドから実測：生成り #fbf5e9 / ピーチ #d3774d / セージ #9aa67e
   ========================================================================== */
.byu {
  --byu-cream: #fbf5e9;
  --byu-cream-2: #fdfaf1;
  --byu-tint: #f6edde;
  --byu-card: #fffdf8;
  --byu-line: #e6d9c2;
  --byu-peach: #d3774d;
  --byu-peach-l: #e8a683;
  --byu-peach-xl: #fae9d6;
  --byu-sage: #9aa67e;
  --byu-sage-l: #c3cba8;
  --byu-sage-xl: #ece4cf;
  --byu-clay: #eeb588;
  --byu-clay-xl: #f3dec6;
  --byu-sand: #e2d3b6;
  --byu-ink: #3b332c;
  --byu-ink-2: #4a4038;
  --byu-ink-soft: #6f6357;
  --byu-ink-mute: #8e8173;

  background: var(--byu-cream);
  color: var(--byu-ink-2);
  overflow-x: hidden;
}
.byu-wrap { max-width: 1120px; margin: 0 auto; padding: 0 30px; }

.byu-section { position: relative; padding: 92px 0; background: var(--byu-cream); }
.byu-section-tint {
  background:
    radial-gradient(700px 380px at 88% 0%, rgba(238, 181, 136, .15), transparent 62%),
    radial-gradient(620px 340px at 4% 100%, rgba(154, 166, 126, .13), transparent 62%),
    var(--byu-tint);
}

/* ---- 見出し ---- */
.byu-head { margin: 0 0 44px; }
.byu-head-center { text-align: center; }
.byu-head-center .byu-head-rail { justify-content: center; }
.byu-head-rail { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; }
.byu-head-no { font-size: 12px; font-weight: 900; letter-spacing: .1em; color: var(--byu-peach); }
.byu-head-dots {
  display: block; width: 44px; height: 3px;
  background-image: radial-gradient(circle, var(--byu-sage-l) 1.4px, transparent 1.5px);
  background-size: 7px 3px; background-repeat: repeat-x;
}
.byu-head-eyebrow { font-size: 10.5px; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; color: var(--byu-ink-mute); }
.byu-title {
  margin: 0;
  font-size: clamp(26px, 3.6vw, 42px);
  font-weight: 900; line-height: 1.45; letter-spacing: .02em;
  color: var(--byu-ink);
  white-space: pre-line;
  text-wrap: balance;
}
.byu-lead { margin: 15px 0 0; font-size: 14.5px; line-height: 2; color: var(--byu-ink-soft); text-wrap: pretty; }

/* ---- ボタン ---- */
.byu-btn {
  display: inline-flex; align-items: center; gap: 11px;
  padding: 16px 30px;
  border: 1px solid var(--byu-peach);
  border-radius: 999px;
  background: linear-gradient(135deg, #d3764c, #bd6440);
  color: #fffaf2;
  font-size: 14px; font-weight: 800; letter-spacing: .05em;
  text-decoration: none;
  box-shadow: 0 14px 28px rgba(180, 100, 60, .26);
  transition: transform .2s ease, box-shadow .2s ease;
}
.byu-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 34px rgba(180, 100, 60, .32); }
.byu-btn-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 50%;
  background: rgba(255, 250, 242, .2); font-size: 13px;
}
.byu-btn-ghost {
  background: var(--byu-card); color: var(--byu-ink);
  border-color: var(--byu-line);
  box-shadow: 0 8px 18px rgba(150, 130, 100, .12);
}
.byu-btn-ghost:hover { box-shadow: 0 12px 24px rgba(150, 130, 100, .18); }
.byu-btn-arrow { font-size: 12px; color: var(--byu-peach); }
.byu-btn-block { display: flex; justify-content: center; }

/* ---- 注記 ---- */
.byu-note {
  display: flex; align-items: flex-start; gap: 9px;
  margin: 28px 0 0; padding: 13px 18px;
  border: 1px dashed rgba(211, 119, 77, .34);
  border-radius: 10px;
  background: rgba(211, 119, 77, .06);
  font-size: 12.5px; line-height: 1.85; color: var(--byu-ink-soft);
}
.byu-note-ico { flex: 0 0 auto; margin-top: 3px; font-size: 12px; color: var(--byu-peach); }

/* ---- 共通トーン ---- */
.byu-tone-peach { background: #db8b66; color: #fffaf2; }
.byu-tone-sage { background: #9aa67e; color: #fffaf2; }
.byu-tone-clay { background: #eeb588; color: #fffaf2; }
.byu-tone-sand { background: #dcc9a4; color: #fffaf2; }
.byu-tone-ink { background: #4a4038; color: #fffaf2; }
.byu-tone-soft-peach { background: #fae9d6; color: #b96239; }
.byu-tone-soft-sage { background: #ece4cf; color: #6f7d55; }
.byu-tone-soft-clay { background: #f3dec6; color: #c98a52; }
.byu-tone-soft-sand { background: #f1e9d6; color: #9d8a63; }

/* ===================== HERO ===================== */
.byu-hero {
  position: relative;
  padding: 86px 0 94px;
  background:
    radial-gradient(760px 460px at 8% 0%, #fdf7e8, transparent 65%),
    radial-gradient(640px 430px at 94% 16%, rgba(238, 181, 136, .38), transparent 66%),
    linear-gradient(180deg, #fbf5e9 0%, #f7eedd 100%);
  overflow: hidden;
}
.byu-hero-blob { position: absolute; border-radius: 50%; pointer-events: none; }
.byu-hero-blob-1 { width: 380px; height: 380px; left: -140px; top: 110px; background: radial-gradient(circle, rgba(154, 166, 126, .18), transparent 70%); }
.byu-hero-blob-2 { width: 320px; height: 320px; right: -100px; bottom: -70px; background: radial-gradient(circle, rgba(238, 181, 136, .32), transparent 70%); }
.byu-hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: 1.06fr .94fr; gap: 44px; align-items: center; }
.byu-kicker { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 14px; font-size: 14.5px; font-weight: 800; letter-spacing: .06em; color: var(--byu-peach); }
.byu-h1 { margin: 0; font-size: clamp(32px, 4.6vw, 56px); font-weight: 900; line-height: 1.28; letter-spacing: .01em; color: var(--byu-ink); text-wrap: balance; }
.byu-h1-sub { margin: 18px 0 0; font-size: clamp(15px, 1.7vw, 19px); font-weight: 700; letter-spacing: .05em; color: var(--byu-peach); }
.byu-hero-lead { margin: 18px 0 0; max-width: 32em; font-size: 14.5px; line-height: 2.05; color: var(--byu-ink-soft); text-wrap: pretty; }
.byu-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
.byu-stat { padding: 17px 12px 15px; border-radius: 14px; border: 1px solid rgba(205, 185, 155, .55); text-align: center; }
.byu-stat-peach { background: var(--byu-peach-xl); }
.byu-stat-sage { background: var(--byu-sage-xl); }
.byu-stat-clay { background: var(--byu-clay-xl); }
.byu-stat-label { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; color: var(--byu-ink-soft); }
.byu-stat-value { display: block; margin-top: 6px; font-size: clamp(18px, 2.1vw, 24px); font-weight: 900; line-height: 1.25; color: var(--byu-ink); }
.byu-stat-unit { margin-left: 2px; font-size: .58em; font-weight: 800; }
.byu-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 0; }

/* ---- スマホモック（CSS描画） ---- */
.byu-hero-art { position: relative; display: flex; justify-content: center; align-items: center; min-height: 470px; }
.byu-phone {
  position: relative;
  width: 238px; height: 466px;
  border: 1px solid #e7d9c0;
  border-radius: 40px;
  background: linear-gradient(160deg, #fffdf8, #f3e7d3);
  box-shadow: 0 34px 70px rgba(150, 120, 85, .26), inset 0 0 0 6px #fffdf8;
  transform: rotate(-3deg);
}
.byu-phone-notch { position: absolute; top: 13px; left: 50%; transform: translateX(-50%); width: 82px; height: 17px; border-radius: 999px; background: #e9dcc5; }
.byu-phone-screen {
  position: absolute; inset: 38px 15px 15px;
  display: flex; flex-direction: column; align-items: center;
  padding: 15px 13px;
  border: 1px solid rgba(205, 185, 155, .42);
  border-radius: 28px;
  background: #fdfaf2;
  text-align: center;
}
.byu-phone-caption { margin: 0 0 8px; font-family: 'Shippori Mincho', serif; font-size: 10.5px; font-style: italic; letter-spacing: .04em; color: var(--byu-peach); }
.byu-phone-cart {
  display: inline-flex; align-items: center; justify-content: center;
  width: 60px; height: 60px; margin: 2px 0 14px; border-radius: 50%;
  background: radial-gradient(circle at 50% 34%, #fdf2e3, #f5e2ca);
  color: var(--byu-peach); font-size: 24px;
}
.byu-phone-steps { width: 100%; margin: 0; padding: 0; list-style: none; }
.byu-phone-steps li {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 0; border-bottom: 1px dashed rgba(205, 185, 155, .7);
  font-size: 10.5px; font-weight: 700; text-align: left; color: var(--byu-ink-2);
}
.byu-phone-steps li:last-child { border-bottom: none; }
.byu-phone-dot { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 23px; height: 23px; border-radius: 50%; font-size: 9.5px; color: #fffaf2; }
.byu-phone-dot-1 { background: #db8b66; }
.byu-phone-dot-2 { background: #9aa67e; }
.byu-phone-dot-3 { background: #eeb588; }
.byu-phone-seal {
  margin: auto 0 0; padding: 8px 15px;
  border: 1px solid rgba(211, 119, 77, .45);
  border-radius: 999px;
  background: #fffdf8;
  font-size: 9.5px; font-weight: 800; letter-spacing: .04em; color: var(--byu-peach);
}
.byu-support-bubble {
  position: absolute; top: 24px; right: 4px;
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 13px 19px 11px;
  border: 1px solid rgba(205, 185, 155, .75);
  border-radius: 50% 50% 50% 8px;
  background: #fffdf8;
  box-shadow: 0 12px 26px rgba(150, 120, 85, .16);
  font-size: 11.5px; font-weight: 800; letter-spacing: .06em; color: var(--byu-ink);
}
.byu-support-bubble i { font-size: 11px; color: #e79b8a; }
.byu-hero-gift { position: absolute; display: inline-flex; align-items: center; justify-content: center; border-radius: 15px; color: #fffaf2; }
.byu-hero-gift-1 { width: 52px; height: 52px; left: 2px; top: 42px; background: #db8b66; transform: rotate(-8deg); box-shadow: 0 12px 24px rgba(180, 120, 80, .28); font-size: 17px; }
.byu-hero-gift-2 { width: 42px; height: 42px; left: 40px; bottom: 48px; background: #9aa67e; transform: rotate(10deg); box-shadow: 0 10px 20px rgba(140, 150, 110, .28); font-size: 14px; }

/* ===================== 01 OVERVIEW ===================== */
.byu-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 0; padding: 0; list-style: none; }
.byu-step { position: relative; padding: 0 6px; text-align: center; }
.byu-step::after {
  content: ''; position: absolute; top: 92px; right: -9px;
  width: 18px; height: 3px;
  background-image: radial-gradient(circle, var(--byu-peach-l) 1.5px, transparent 1.6px);
  background-size: 6px 3px; background-repeat: repeat-x;
}
.byu-step:last-child::after { display: none; }
.byu-step-no { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-bottom: 14px; border-radius: 50%; font-size: 12.5px; font-weight: 900; }
.byu-step-ico { display: inline-flex; align-items: center; justify-content: center; width: 96px; height: 96px; border-radius: 50%; font-size: 34px; }
.byu-step-title { margin: 18px 0 8px; font-size: 15.5px; font-weight: 900; letter-spacing: .02em; color: var(--byu-ink); }
.byu-step-body { margin: 0; font-size: 12.5px; line-height: 1.9; color: var(--byu-ink-soft); }
.byu-foot-chip { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 38px 0 0; font-size: 13.5px; font-weight: 800; color: #6f7d55; }
.byu-foot-chip i { font-size: 13px; color: var(--byu-sage); }

/* ===================== 02 EARNINGS ===================== */
.byu-earn-top { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: end; }
.byu-earn-top .byu-head { margin-bottom: 0; }
.byu-legend { display: flex; flex-direction: column; gap: 10px; margin: 0 0 6px; padding: 0; list-style: none; }
.byu-legend li { display: flex; align-items: center; gap: 10px; }
.byu-legend-pill { min-width: 116px; padding: 7px 13px; border-radius: 999px; font-size: 12.5px; font-weight: 800; text-align: center; }
.byu-legend-dots { width: 28px; height: 3px; background-image: radial-gradient(circle, var(--byu-line) 1.5px, transparent 1.6px); background-size: 7px 3px; background-repeat: repeat-x; }
.byu-legend-label { font-size: 12px; color: var(--byu-ink-soft); }
.byu-price-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; margin: 26px 0 30px; }
.byu-price-label { font-size: 14.5px; font-weight: 700; color: var(--byu-ink-soft); }
.byu-price-value { font-size: clamp(30px, 4vw, 46px); font-weight: 900; color: var(--byu-peach); }
.byu-plans { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin: 0; padding: 0; list-style: none; }
.byu-plan {
  padding: 21px 11px 17px;
  border: 1px solid var(--byu-line);
  border-radius: 16px;
  background: var(--byu-card);
  box-shadow: 0 10px 22px rgba(160, 140, 110, .1);
  text-align: center;
}
.byu-plan-count { margin: 0; font-size: 21px; font-weight: 900; color: var(--byu-ink); }
.byu-plan-count span { margin-left: 3px; font-size: 10.5px; font-weight: 700; color: var(--byu-ink-mute); }
.byu-plan-ico { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin: 11px 0 13px; border-radius: 50%; background: #fdf3e6; color: #b98a5e; font-size: 23px; }
.byu-plan-high { margin: 0; padding: 6px 8px; border-radius: 999px; background: var(--byu-peach-xl); font-size: 13.5px; font-weight: 900; color: #b96239; }
.byu-plan-slash { display: block; margin: 6px 0 3px; font-size: 11px; line-height: 1; color: #cbb89a; }
.byu-plan-low { margin: 0; padding: 6px 8px; border-radius: 999px; background: var(--byu-sage-xl); font-size: 13.5px; font-weight: 900; color: #6f7d55; }

/* ===================== 04 TIME ===================== */
.byu-time-grid { display: grid; grid-template-columns: 332px minmax(0, 1fr); gap: 56px; align-items: center; }
.byu-clock {
  position: relative;
  width: 316px; height: 316px;
  margin: 0 auto;
  border: 1px solid var(--byu-line);
  border-radius: 50%;
  background: radial-gradient(circle at 38% 30%, #fffdf8, #f4e6d1);
  box-shadow: 0 26px 58px rgba(160, 130, 95, .2);
  display: grid; place-items: center;
}
.byu-clock::before { content: ''; position: absolute; inset: 17px; border: 1px dashed rgba(211, 119, 77, .4); border-radius: 50%; }
.byu-clock-tick { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--byu-peach-l); }
.byu-clock-tick-1 { top: 22px; left: 50%; transform: translateX(-50%); }
.byu-clock-tick-2 { right: 22px; top: 50%; transform: translateY(-50%); }
.byu-clock-tick-3 { bottom: 22px; left: 50%; transform: translateX(-50%); }
.byu-clock-tick-4 { left: 22px; top: 50%; transform: translateY(-50%); }
.byu-clock-face { position: relative; z-index: 1; text-align: center; }
.byu-clock-label { margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .14em; color: var(--byu-ink-mute); }
.byu-clock-value { margin: 9px 0 0; font-size: 44px; font-weight: 900; line-height: 1.08; color: var(--byu-ink); white-space: nowrap; }
.byu-clock-unit { margin-left: 3px; font-size: 17px; font-weight: 900; color: var(--byu-peach); }
.byu-time-copy .byu-head { margin-bottom: 26px; }
.byu-quote {
  margin: 0 0 2px; padding: 2px 0 2px 18px;
  border-left: 3px solid var(--byu-peach-l);
  font-family: 'Shippori Mincho', serif;
  font-size: 15px; font-weight: 700; line-height: 2.05;
  color: var(--byu-ink-2);
  text-wrap: pretty;
}
.byu-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
.byu-chip {
  display: flex; align-items: center; gap: 11px;
  padding: 12px 17px;
  border: 1px solid var(--byu-line);
  border-radius: 999px;
  background: var(--byu-card);
  font-size: 12.5px; font-weight: 800; line-height: 1.5; color: var(--byu-ink-2);
}
.byu-chip-ico { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; font-size: 11px; }
.byu-chip-peach .byu-chip-ico { background: var(--byu-peach-xl); color: #b96239; }
.byu-chip-sage .byu-chip-ico { background: var(--byu-sage-xl); color: #6f7d55; }
.byu-chip-sand .byu-chip-ico { background: #f1e9d6; color: #9d8a63; }
.byu-chip-clay .byu-chip-ico { background: var(--byu-clay-xl); color: #c98a52; }
.byu-chip-peach { border-color: rgba(219, 139, 102, .34); }
.byu-chip-sage { border-color: rgba(154, 166, 126, .4); }
.byu-chip-sand { border-color: rgba(226, 211, 182, .8); }
.byu-chip-clay { border-color: rgba(238, 181, 136, .5); }

/* ===================== 05 BEGINNER ===================== */
.byu-beginner-head { margin: 0 0 46px; text-align: center; }
.byu-beginner-answer {
  display: inline-block;
  margin: 18px 0 0; padding: 11px 28px;
  border: 1px solid var(--byu-line);
  border-radius: 999px;
  background: var(--byu-card);
  box-shadow: 0 8px 20px rgba(160, 140, 110, .1);
  font-size: 15px; font-weight: 900; letter-spacing: .04em; color: var(--byu-peach);
}
.byu-rings { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0; padding: 0; list-style: none; }
.byu-ring { text-align: center; }
.byu-ring-ico {
  display: flex; align-items: center; justify-content: center;
  width: 104px; height: 104px;
  margin: 0 auto;
  border: 1px solid transparent;
  border-radius: 50%;
  font-size: 35px;
}
.byu-ring-peach .byu-ring-ico { background: var(--byu-peach-xl); border-color: rgba(219, 139, 102, .42); color: #b96239; }
.byu-ring-sage .byu-ring-ico { background: var(--byu-sage-xl); border-color: rgba(154, 166, 126, .46); color: #6f7d55; }
.byu-ring-clay .byu-ring-ico { background: var(--byu-clay-xl); border-color: rgba(238, 181, 136, .6); color: #c98a52; }
.byu-ring-sand .byu-ring-ico { background: #f1e9d6; border-color: rgba(226, 211, 182, .9); color: #9d8a63; }
.byu-ring-label { margin: 16px 0 0; font-size: 14px; font-weight: 900; color: var(--byu-ink); }

/* ===================== 06 PAYOUT SYSTEM ===================== */
.byu-payouts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0; padding: 0; list-style: none; }
.byu-payout {
  position: relative;
  padding: 32px 24px 26px;
  border: 1px solid var(--byu-line);
  border-radius: 18px;
  background: var(--byu-card);
  box-shadow: 0 12px 28px rgba(160, 140, 110, .1);
  text-align: center;
}
.byu-payout-badge {
  position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px;
  border-radius: 50%;
  font-size: 13px; font-weight: 900;
  box-shadow: 0 6px 14px rgba(160, 120, 90, .26);
}
.byu-payout-title { margin: 8px 0 0; font-size: 15px; font-weight: 900; color: var(--byu-ink); }
.byu-payout-rule { display: block; width: 34px; height: 2px; margin: 14px auto; background: var(--byu-line); }
.byu-payout-price { margin: 0; font-size: 38px; font-weight: 900; line-height: 1.1; color: var(--byu-peach); }
.byu-payout-price span { margin-left: 2px; font-size: 13px; font-weight: 800; color: var(--byu-ink-soft); }
.byu-payout-ico { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin: 16px 0 12px; border-radius: 50%; font-size: 19px; }
.byu-payout-body { margin: 0; font-size: 12.5px; line-height: 1.95; color: var(--byu-ink-soft); }
.byu-payout-body span { display: block; }
.byu-payout-peach { border-color: rgba(219, 139, 102, .45); }
.byu-payout-sage { border-color: rgba(154, 166, 126, .5); }
.byu-payout-clay { border-color: rgba(238, 181, 136, .62); }

/* ===================== 07 PAYOUT TIMING ===================== */
.byu-timeline { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.byu-tl-item { position: relative; flex: 1 1 0; min-width: 116px; text-align: center; }
.byu-tl-item::after {
  content: ''; position: absolute; top: 31px;
  left: calc(50% + 44px); width: calc(100% - 88px);
  height: 3px;
  background-image: radial-gradient(circle, var(--byu-sage-l) 1.4px, transparent 1.5px);
  background-size: 7px 3px; background-repeat: repeat-x;
}
.byu-tl-item:last-of-type::after { display: none; }
.byu-tl-ico {
  display: flex; align-items: center; justify-content: center;
  width: 64px; height: 64px;
  margin: 0 auto;
  border: 1px solid transparent;
  border-radius: 50%;
  font-size: 22px;
}
.byu-tl-peach .byu-tl-ico { background: var(--byu-peach-xl); border-color: rgba(219, 139, 102, .45); color: #b96239; }
.byu-tl-sage .byu-tl-ico { background: var(--byu-sage-xl); border-color: rgba(154, 166, 126, .5); color: #6f7d55; }
.byu-tl-clay .byu-tl-ico { background: var(--byu-clay-xl); border-color: rgba(238, 181, 136, .62); color: #c98a52; }
.byu-tl-label { margin: 13px 0 0; font-size: 12px; font-weight: 800; line-height: 1.7; color: var(--byu-ink-2); }
.byu-tl-sub .byu-tl-ico { background: #fffdf8; border: 1px dashed rgba(211, 119, 77, .6); color: var(--byu-peach); }
.byu-tl-sub .byu-tl-label { color: var(--byu-peach); font-weight: 900; }
.byu-tl-total { flex: 1 1 100%; display: flex; align-items: baseline; justify-content: center; gap: 9px; margin-top: 36px; }
.byu-tl-total-label { font-size: 13px; font-weight: 800; letter-spacing: .06em; color: var(--byu-ink-soft); }
.byu-tl-total-value { font-size: 42px; font-weight: 900; line-height: 1; color: var(--byu-peach); }
.byu-tl-total-unit { font-size: 16px; font-weight: 900; color: var(--byu-peach); }
.byu-callout {
  margin: 30px 0 0; padding: 26px 30px;
  border: 1px solid rgba(219, 139, 102, .38);
  border-radius: 16px;
  background: linear-gradient(150deg, rgba(250, 233, 214, .82), rgba(255, 253, 248, .92));
  text-align: center;
  box-shadow: 0 12px 28px rgba(160, 130, 95, .1);
}
.byu-callout-title { margin: 0; font-size: clamp(14px, 1.7vw, 17px); font-weight: 900; line-height: 1.8; color: var(--byu-ink); text-wrap: pretty; }
.byu-callout-sub { display: inline-flex; align-items: center; gap: 8px; margin: 12px 0 0; font-size: 13px; font-weight: 800; color: var(--byu-peach); }
.byu-callout-sub i { font-size: 12px; }

/* ===================== 08 ELIGIBILITY ===================== */
.byu-elig-grid { display: grid; grid-template-columns: 1.14fr .86fr; gap: 46px; align-items: start; }
.byu-checks { display: grid; gap: 10px; margin: 28px 0 0; padding: 0; list-style: none; }
.byu-check {
  display: flex; align-items: center; gap: 14px;
  padding: 15px 20px;
  border: 1px solid var(--byu-line);
  border-radius: 12px;
  background: var(--byu-card);
  box-shadow: 0 6px 14px rgba(160, 140, 110, .07);
}
.byu-check-ico { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; font-size: 11.5px; }
.byu-check-label { font-size: 14px; font-weight: 700; line-height: 1.6; color: var(--byu-ink-2); }
.byu-elig-aside {
  display: flex; flex-direction: column; align-items: center; gap: 14px;
  padding: 38px 28px 30px;
  border: 1px solid var(--byu-line);
  border-radius: 22px;
  background: linear-gradient(170deg, #fffdf8, #f7ece0);
  box-shadow: 0 20px 44px rgba(160, 140, 110, .14);
  text-align: center;
}
.byu-aside-heart { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background: var(--byu-peach-xl); color: var(--byu-peach); font-size: 17px; }
.byu-aside-title { margin: 0; font-family: 'Shippori Mincho', serif; font-size: 16px; font-weight: 700; line-height: 2.05; color: var(--byu-ink); }
.byu-aside-title span { display: block; }
.byu-aside-figure { color: var(--byu-sage-l); font-size: 44px; }

/* ===================== 09 SAFETY ===================== */
.byu-safety {
  margin: 0; padding: 0; list-style: none;
  border: 1px solid var(--byu-line);
  border-radius: 20px;
  background: var(--byu-card);
  box-shadow: 0 16px 36px rgba(160, 140, 110, .1);
  overflow: hidden;
}
.byu-safety-row { display: flex; align-items: center; gap: 16px; padding: 19px 26px; border-bottom: 1px dashed var(--byu-line); }
.byu-safety-row:last-child { border-bottom: none; }
.byu-safety-no { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--byu-peach-xl); color: #b96239; font-size: 12px; font-weight: 900; }
.byu-safety-ico { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: #fdf3e6; color: #b98a5e; font-size: 16px; }
.byu-safety-label { font-size: 14.5px; font-weight: 800; color: var(--byu-ink); }
.byu-safety-foot { margin: 26px 0 0; font-size: 13.5px; font-weight: 800; text-align: center; color: var(--byu-peach); }

/* ===================== 10 FAQ ===================== */
.byu-faq { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0; }
.byu-faq-card {
  padding: 24px 24px 22px;
  border: 1px solid var(--byu-line);
  border-top-width: 3px;
  border-radius: 16px;
  background: var(--byu-card);
  box-shadow: 0 10px 24px rgba(160, 140, 110, .08);
}
.byu-faq-peach { border-top-color: #db8b66; }
.byu-faq-sage { border-top-color: #9aa67e; }
.byu-faq-clay { border-top-color: #eeb588; }
.byu-faq-q { display: flex; align-items: flex-start; gap: 11px; margin: 0; font-size: 14.5px; font-weight: 900; line-height: 1.75; color: var(--byu-ink); }
.byu-faq-a {
  display: flex; align-items: flex-start; gap: 11px;
  margin: 14px 0 0; padding-top: 14px;
  border-top: 1px dashed var(--byu-line);
  font-size: 13px; line-height: 1.95; color: var(--byu-ink-soft);
  text-wrap: pretty;
}
.byu-faq-mark { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; font-size: 11.5px; font-weight: 900; }
.byu-faq-mark-a { background: var(--byu-sage-xl); color: #6f7d55; }

/* ===================== 11 FLOW ===================== */
.byu-flow { position: relative; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.byu-flow::before {
  content: ''; position: absolute; top: 65px; left: 6%; right: 6%;
  height: 2px;
  background-image: radial-gradient(circle, var(--byu-sage-l) 1.4px, transparent 1.5px);
  background-size: 8px 2px; background-repeat: repeat-x;
}
.byu-flow-step { position: relative; z-index: 1; text-align: center; }
.byu-flow-no { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; font-size: 10.5px; font-weight: 900; }
.byu-flow-ico {
  display: flex; align-items: center; justify-content: center;
  width: 64px; height: 64px;
  margin: 10px auto 0;
  border: 1px solid var(--byu-line);
  border-radius: 50%;
  background: var(--byu-card);
  box-shadow: 0 8px 18px rgba(160, 140, 110, .12);
  color: #b98a5e; font-size: 21px;
}
.byu-flow-label { margin: 12px 0 0; font-size: 11.5px; font-weight: 800; line-height: 1.7; color: var(--byu-ink-2); text-wrap: pretty; }
.byu-duration { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 36px 0 0; font-size: 13.5px; font-weight: 800; color: #6f7d55; }
.byu-duration i { font-size: 12px; color: var(--byu-sage); }

/* ===================== 12 CTA ===================== */
.byu-cta {
  position: relative;
  padding: 94px 0 100px;
  background:
    radial-gradient(620px 340px at 90% 4%, rgba(238, 181, 136, .48), transparent 64%),
    radial-gradient(520px 320px at 6% 96%, rgba(154, 166, 126, .24), transparent 64%),
    linear-gradient(168deg, #f8eedd, #f2e1c9 58%, #eed6bb);
  overflow: hidden;
}
.byu-cta-inner { position: relative; display: grid; grid-template-columns: 1.08fr .92fr; gap: 46px; align-items: center; }
.byu-cta-kicker { margin: 0 0 12px; font-size: 10.5px; font-weight: 800; letter-spacing: .26em; text-transform: uppercase; color: var(--byu-ink-mute); }
.byu-cta-title { margin: 0; font-family: 'Shippori Mincho', serif; font-size: clamp(24px, 3vw, 34px); font-weight: 700; letter-spacing: .06em; color: var(--byu-ink); }
.byu-cta-quote { margin: 18px 0 0; font-size: 15px; font-weight: 700; line-height: 2; color: var(--byu-ink-2); text-wrap: pretty; }
.byu-cta-points { display: grid; gap: 10px; margin: 24px 0 28px; padding: 0; list-style: none; }
.byu-cta-points li { display: flex; align-items: flex-start; gap: 12px; font-size: 13.5px; font-weight: 700; line-height: 1.85; color: var(--byu-ink-2); }
.byu-cta-num {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; margin-top: 1px;
  border-radius: 50%;
  background: var(--byu-peach-xl); color: #b96239;
  font-size: 11px; font-weight: 900;
}
.byu-cta-card {
  display: flex; flex-direction: column; align-items: center;
  padding: 40px 30px 30px;
  border: 1px solid rgba(205, 185, 155, .7);
  border-radius: 22px;
  background: var(--byu-card);
  box-shadow: 0 24px 52px rgba(150, 120, 85, .18);
  text-align: center;
}
.byu-cta-card-ico { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%; background: var(--byu-peach-xl); color: var(--byu-peach); font-size: 22px; }
.byu-cta-card-line1 { margin: 18px 0 0; font-size: 13px; font-weight: 700; letter-spacing: .04em; color: var(--byu-ink-soft); }
.byu-cta-card-line2 { margin: 8px 0 0; font-size: 16.5px; font-weight: 900; line-height: 1.7; color: var(--byu-ink); text-wrap: balance; }
.byu-cta-stamp {
  margin: 22px 0 0; padding: 7px 16px;
  border: 1px dashed rgba(211, 119, 77, .48);
  border-radius: 999px;
  font-size: 10px; font-weight: 800; letter-spacing: .14em; color: var(--byu-peach);
}
.byu-cta-aside {
  grid-column: 1 / -1;
  display: flex; align-items: center; justify-content: center; gap: 14px;
  margin: 14px 0 0;
  font-family: 'Shippori Mincho', serif;
  font-size: 12.5px; letter-spacing: .22em;
  color: rgba(110, 84, 60, .5);
}
.byu-cta-aside span + span { padding-left: 14px; border-left: 1px solid rgba(110, 84, 60, .24); }

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1024px) {
  .byu-hero-inner { grid-template-columns: 1fr; gap: 34px; }
  .byu-hero-art { min-height: 420px; }
  .byu-steps { grid-template-columns: repeat(2, 1fr); gap: 30px 18px; }
  .byu-step::after { display: none; }
  .byu-plans { grid-template-columns: repeat(3, 1fr); }
  .byu-time-grid { grid-template-columns: 1fr; gap: 40px; }
  .byu-rings { grid-template-columns: repeat(4, 1fr); }
  .byu-elig-grid { grid-template-columns: 1fr; gap: 34px; }
  .byu-flow { grid-template-columns: repeat(4, 1fr); gap: 26px 8px; }
  .byu-flow::before { display: none; }
  .byu-cta-inner { grid-template-columns: 1fr; gap: 34px; }
}

@media (max-width: 900px) {
  .byu-section { padding: 74px 0; }
  .byu-earn-top { grid-template-columns: 1fr; gap: 20px; align-items: start; }
  .byu-plans { grid-template-columns: repeat(3, 1fr); }
  .byu-rings { grid-template-columns: repeat(2, 1fr); }
  .byu-payouts { grid-template-columns: 1fr; }
  .byu-faq { grid-template-columns: 1fr; }
  .byu-chips { grid-template-columns: 1fr; }
  .byu-tl-item { min-width: 100px; }
  .byu-tl-label { font-size: 11.5px; }
}

@media (max-width: 640px) {
  .byu-wrap { padding: 0 20px; }
  .byu-section { padding: 58px 0; }
  .byu-head { margin-bottom: 32px; }
  .byu-hero { padding: 58px 0 66px; }
  .byu-hero-art { min-height: 392px; }
  .byu-phone { width: 208px; height: 408px; transform: rotate(-2deg); }
  .byu-phone-screen { inset: 34px 13px 13px; padding: 13px 11px; }
  .byu-phone-cart { width: 52px; height: 52px; font-size: 21px; margin-bottom: 11px; }
  .byu-support-bubble { right: -4px; top: 12px; padding: 10px 14px 9px; font-size: 10.5px; }
  .byu-hero-gift-1 { width: 42px; height: 42px; font-size: 14px; }
  .byu-hero-gift-2 { width: 34px; height: 34px; font-size: 12px; bottom: 34px; }
  .byu-stats { grid-template-columns: 1fr; gap: 9px; }
  .byu-stat { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 12px 16px; text-align: left; }
  .byu-stat-value { margin-top: 0; }
  .byu-hero-actions { flex-direction: column; align-items: stretch; }
  .byu-hero-actions .byu-btn { justify-content: center; }
  .byu-steps { grid-template-columns: 1fr; gap: 30px; }
  .byu-step-ico { width: 84px; height: 84px; font-size: 30px; }
  .byu-plans { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .byu-plan { padding: 17px 9px 14px; }
  .byu-plan-ico { width: 50px; height: 50px; font-size: 19px; }
  .byu-clock { width: 258px; height: 258px; }
  .byu-clock::before { inset: 14px; }
  .byu-clock-value { font-size: 36px; }
  .byu-clock-unit { font-size: 15px; }
  .byu-chips { gap: 9px; }
  .byu-chip { padding: 11px 15px; font-size: 12px; }
  .byu-rings { grid-template-columns: repeat(2, 1fr); gap: 22px 12px; }
  .byu-ring-ico { width: 88px; height: 88px; font-size: 29px; }
  .byu-ring-label { font-size: 13px; margin-top: 12px; }
  .byu-payout { padding: 28px 20px 22px; }
  .byu-payout-price { font-size: 33px; }
  .byu-timeline { gap: 22px 0; }
  .byu-tl-item { flex: 1 1 40%; min-width: 88px; }
  .byu-tl-item::after { display: none; }
  .byu-tl-ico { width: 56px; height: 56px; font-size: 19px; }
  .byu-tl-total { margin-top: 26px; }
  .byu-tl-total-value { font-size: 34px; }
  .byu-callout { padding: 22px 20px; }
  .byu-check { padding: 13px 16px; gap: 11px; }
  .byu-check-label { font-size: 13px; }
  .byu-elig-aside { padding: 30px 22px 24px; }
  .byu-aside-title { font-size: 14.5px; }
  .byu-safety-row { padding: 15px 17px; gap: 12px; }
  .byu-safety-ico { width: 38px; height: 38px; font-size: 14px; }
  .byu-safety-label { font-size: 13px; }
  .byu-faq-card { padding: 20px 18px 18px; }
  .byu-flow { grid-template-columns: repeat(2, 1fr); gap: 26px 10px; }
  .byu-flow-ico { width: 56px; height: 56px; font-size: 19px; }
  .byu-flow-label { font-size: 11px; }
  .byu-cta { padding: 66px 0 72px; }
  .byu-cta-card { padding: 32px 22px 26px; }
  .byu-cta-card-line2 { font-size: 15px; }
  .byu-cta-aside { font-size: 11px; letter-spacing: .16em; gap: 10px; }
  .byu-cta-aside span + span { padding-left: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .byu-btn { transition: none; }
  .byu-btn:hover { transform: none; }
}

/* ==========================================================================
   チャットレディ案件 LP — .cht-*
   出典スライド：チャットレディー概要（全10ページ）＋ キャンペーン画像
   配色はスライドから実測：
     ネイビー #1e3150 / コーラル #e4425a / コーラルピンク #f86881
     ディープコーラル #d8475f / ページ背景 #fbfaf8 / カードピンク #f8e0dc
   ========================================================================== */
.cht {
  --cht-navy: #1e3150;
  --cht-navy-soft: #34496b;
  --cht-navy-mute: #5d6f8c;
  --cht-coral: #e4425a;
  --cht-coral-pink: #f86881;
  --cht-coral-deep: #d8475f;
  --cht-coral-dark: #b32f45;
  --cht-pink-xl: #fdeef0;
  --cht-pink-l: #f8e0dc;
  --cht-pink-m: #f6cfd3;
  --cht-gold: #d9a441;
  --cht-gold-l: #f3dfb4;
  --cht-bg: #fbfaf8;
  --cht-card: #ffffff;
  --cht-line: #ecdde0;
  --cht-line-soft: #f3e8e9;
  --cht-ink: #22283a;
  --cht-ink-soft: #5a6274;
  --cht-ink-mute: #8b93a3;

  background: var(--cht-bg);
  color: var(--cht-ink);
  overflow-x: hidden;
}
.cht-wrap { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 30px; }

.cht-section { position: relative; padding: 92px 0; background: var(--cht-bg); }
.cht-section-tint {
  background:
    radial-gradient(720px 400px at 90% 0%, rgba(248, 104, 129, .10), transparent 62%),
    radial-gradient(640px 360px at 2% 100%, rgba(217, 164, 65, .10), transparent 64%),
    #fdf4f4;
}

/* ---- 見出し ---- */
.cht-head { margin: 0 0 44px; }
.cht-head-center { text-align: center; }
.cht-head-center .cht-head-rail { justify-content: center; }
.cht-head-rail { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; }
.cht-head-no {
  font-size: 12px; font-weight: 900; letter-spacing: .12em;
  color: var(--cht-coral);
}
.cht-head-dots {
  display: block; width: 44px; height: 3px;
  background-image: radial-gradient(circle, var(--cht-pink-m) 1.5px, transparent 1.6px);
  background-size: 7px 3px; background-repeat: repeat-x;
}
.cht-head-eyebrow {
  font-size: 10.5px; font-weight: 800; letter-spacing: .24em;
  text-transform: uppercase; color: var(--cht-ink-mute);
}
.cht-title {
  margin: 0;
  font-family: 'Shippori Mincho', 'Noto Sans JP', serif;
  font-size: clamp(26px, 3.5vw, 40px);
  font-weight: 700; line-height: 1.5; letter-spacing: .01em;
  color: var(--cht-navy);
  white-space: pre-line;
  text-wrap: balance;
}
.cht-lead {
  margin: 16px 0 0;
  font-size: 14.5px; line-height: 2; color: var(--cht-ink-soft);
  text-wrap: pretty;
}
.cht-head-center .cht-lead { max-width: 40em; margin-left: auto; margin-right: auto; }

/* ---- ボタン ---- */
.cht-btn {
  display: inline-flex; align-items: center; gap: 11px;
  padding: 16px 30px;
  border: 1px solid var(--cht-coral-deep);
  border-radius: 999px;
  background: linear-gradient(135deg, #ea4a62, #c9324b);
  color: #fff8f9;
  font-size: 14px; font-weight: 800; letter-spacing: .05em;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(201, 50, 75, .26);
  transition: transform .22s ease, box-shadow .22s ease;
}
.cht-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 34px rgba(201, 50, 75, .34); }
.cht-btn-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 50%;
  background: rgba(255, 255, 255, .22); font-size: 13px;
}
.cht-btn-ghost {
  background: var(--cht-card); color: var(--cht-navy);
  border-color: var(--cht-line);
  box-shadow: 0 8px 18px rgba(30, 49, 80, .09);
}
.cht-btn-ghost:hover { box-shadow: 0 14px 26px rgba(30, 49, 80, .14); }
.cht-btn-arrow { font-size: 12px; color: var(--cht-coral); }
.cht-btn-block { display: flex; justify-content: center; }

/* ---- 注記 ---- */
.cht-note {
  display: flex; align-items: flex-start; gap: 9px;
  margin: 28px 0 0; padding: 13px 18px;
  border: 1px dashed rgba(228, 66, 90, .32);
  border-radius: 10px;
  background: rgba(228, 66, 90, .05);
  font-size: 12.5px; line-height: 1.85; color: var(--cht-ink-soft);
}
.cht-note-ico { flex: 0 0 auto; margin-top: 3px; font-size: 12px; color: var(--cht-coral); }

/* ---- 足元チップ ---- */
.cht-foot-chip {
  display: flex; align-items: center; justify-content: center; gap: 9px;
  margin: 40px auto 0; padding: 13px 24px;
  width: fit-content; max-width: 100%;
  border: 1px solid var(--cht-pink-m);
  border-radius: 999px;
  background: var(--cht-card);
  font-size: 13px; font-weight: 700; color: var(--cht-navy);
  text-align: center;
  box-shadow: 0 8px 18px rgba(30, 49, 80, .06);
}
.cht-foot-chip i { color: var(--cht-coral); font-size: 13px; }

/* ===================== HERO ===================== */
.cht-hero {
  position: relative;
  padding: 76px 0 84px;
  background:
    radial-gradient(900px 520px at 78% -10%, rgba(248, 104, 129, .18), transparent 66%),
    radial-gradient(720px 420px at 0% 104%, rgba(217, 164, 65, .13), transparent 64%),
    linear-gradient(178deg, #fff8f7 0%, #fdf2f2 52%, #fbfaf8 100%);
  overflow: hidden;
}
.cht-hero-blob {
  position: absolute; border-radius: 50%;
  filter: blur(2px); pointer-events: none;
}
.cht-hero-blob-1 {
  top: -120px; right: -80px; width: 420px; height: 420px;
  background: radial-gradient(circle at 34% 32%, rgba(248, 104, 129, .30), transparent 70%);
}
.cht-hero-blob-2 {
  bottom: -140px; left: -100px; width: 400px; height: 400px;
  background: radial-gradient(circle at 62% 40%, rgba(217, 164, 65, .24), transparent 70%);
}
.cht-hero-petal {
  position: absolute; width: 16px; height: 16px;
  border-radius: 50% 0 50% 50%;
  background: linear-gradient(135deg, var(--cht-coral-pink), var(--cht-coral));
  opacity: .35;
}
.cht-hero-petal-1 { top: 122px; left: 6%; transform: rotate(24deg); }
.cht-hero-petal-2 { top: 340px; left: 48%; width: 11px; height: 11px; transform: rotate(-42deg); opacity: .26; }

.cht-hero-inner {
  position: relative;
  display: grid; grid-template-columns: minmax(0, 1fr) 366px;
  gap: 56px; align-items: center;
}
.cht-hero-copy { min-width: 0; }

/* ブランドロックアップ */
.cht-brand {
  display: inline-flex; align-items: center; gap: 9px;
  flex-wrap: wrap;
  margin: 0 0 22px; padding: 7px 15px 7px 8px;
  border: 1px solid var(--cht-pink-m);
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 6px 16px rgba(30, 49, 80, .05);
}
.cht-brand-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 50%;
  background: linear-gradient(140deg, var(--cht-coral-pink), var(--cht-coral-deep));
  color: #fff5f7; font-size: 11px;
}
.cht-brand-name {
  font-family: 'Shippori Mincho', serif;
  font-size: 15px; font-weight: 700; letter-spacing: .06em;
  color: var(--cht-navy);
}
.cht-brand-tag {
  padding-left: 10px; border-left: 1px solid var(--cht-line);
  font-size: 10.5px; letter-spacing: .08em; color: var(--cht-ink-mute);
}

.cht-kicker {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0 0 14px;
  font-size: 12.5px; font-weight: 800; letter-spacing: .1em;
  color: var(--cht-coral-deep);
}
.cht-kicker i { font-size: 11px; color: var(--cht-coral-pink); }

.cht-hero-badge {
  margin: 0 0 18px;
  font-size: 16px; font-weight: 900; line-height: 1.7;
  letter-spacing: .02em;
  color: var(--cht-navy);
}

.cht-h1 {
  margin: 0;
  font-family: 'Shippori Mincho', 'Noto Sans JP', serif;
  font-size: clamp(34px, 4.8vw, 56px);
  font-weight: 700; line-height: 1.36; letter-spacing: .01em;
  color: var(--cht-navy);
  white-space: pre-line;
  text-wrap: balance;
}
.cht-h1-sub {
  margin: 12px 0 0;
  font-size: 15px; font-weight: 700; letter-spacing: .14em;
  color: var(--cht-coral);
}
.cht-hero-lead {
  margin: 20px 0 0; max-width: 34em;
  font-size: 14.5px; line-height: 2.05;
  color: var(--cht-ink-soft);
  text-wrap: pretty;
}

/* ヒーロー内の3バッジ */
.cht-stats {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px; margin: 30px 0 0;
}
.cht-stat {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 14px 14px 13px;
  border: 1px solid var(--cht-line);
  border-radius: 13px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 6px 16px rgba(30, 49, 80, .05);
}
.cht-stat-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--cht-pink-xl); color: var(--cht-coral);
  font-size: 12px;
}
.cht-stat-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cht-stat-title { font-size: 12.5px; font-weight: 800; color: var(--cht-navy); line-height: 1.5; }
.cht-stat-body { font-size: 10.5px; line-height: 1.6; color: var(--cht-ink-mute); }

.cht-hero-actions {
  display: flex; flex-wrap: wrap; gap: 12px;
  margin: 32px 0 0;
}

/* ヒーロー右：CSSで描くスマホモック */
.cht-hero-art {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  min-height: 460px;
}
.cht-phone {
  position: relative;
  width: 268px;
  border: 1px solid rgba(30, 49, 80, .13);
  border-radius: 34px;
  padding: 12px;
  background: linear-gradient(160deg, #ffffff, #fdf4f4);
  box-shadow: 0 30px 60px rgba(30, 49, 80, .17), 0 2px 0 rgba(255, 255, 255, .9) inset;
}
.cht-phone-notch {
  position: absolute; top: 20px; left: 50%; transform: translateX(-50%);
  width: 58px; height: 5px; border-radius: 999px;
  background: rgba(30, 49, 80, .16);
}
.cht-phone-screen {
  border-radius: 24px;
  padding: 34px 15px 16px;
  background:
    radial-gradient(200px 130px at 100% 0%, rgba(248, 104, 129, .14), transparent 70%),
    #fffdfd;
  border: 1px solid var(--cht-line-soft);
  min-height: 372px;
  display: flex; flex-direction: column;
}
.cht-phone-top {
  display: flex; align-items: center; gap: 7px;
  padding-bottom: 11px; margin-bottom: 13px;
  border-bottom: 1px solid var(--cht-line-soft);
}
.cht-phone-dot {
  width: 22px; height: 22px; border-radius: 50%;
  background: linear-gradient(140deg, var(--cht-pink-m), var(--cht-pink-l));
}
.cht-phone-nick { font-size: 10.5px; font-weight: 800; color: var(--cht-navy); }
.cht-phone-lock { margin-left: auto; font-size: 9px; color: var(--cht-ink-mute); }

.cht-bubbles { display: flex; flex-direction: column; gap: 9px; flex: 1; }
.cht-bubble {
  max-width: 84%;
  padding: 9px 12px;
  font-size: 10px; line-height: 1.75;
  border-radius: 13px;
}
.cht-bubble-in {
  align-self: flex-start;
  background: #f4f6fa; color: var(--cht-navy);
  border-bottom-left-radius: 4px;
}
.cht-bubble-out {
  align-self: flex-end;
  background: linear-gradient(135deg, #f8798f, #df3f59);
  color: #fff7f8;
  border-bottom-right-radius: 4px;
}
.cht-phone-seal {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  margin: 14px 0 0; padding: 8px;
  border-radius: 9px;
  background: var(--cht-pink-xl);
  font-size: 9.5px; font-weight: 800; color: var(--cht-coral-dark);
}

.cht-hero-chip {
  position: absolute;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 15px;
  border: 1px solid var(--cht-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .96);
  font-size: 11px; font-weight: 800; color: var(--cht-navy);
  box-shadow: 0 12px 26px rgba(30, 49, 80, .12);
  white-space: nowrap;
}
.cht-hero-chip i { font-size: 10px; color: var(--cht-coral); }
.cht-hero-chip-1 { top: 34px; left: -6px; }
.cht-hero-chip-2 { bottom: 92px; right: -14px; }
.cht-hero-chip-3 { bottom: 26px; left: 14px; }

/* ===================== 01 見えない壁 ===================== */
.cht-wall {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.cht-wall-card {
  position: relative;
  padding: 32px 26px 28px;
  border: 1px solid var(--cht-line);
  border-radius: 18px;
  background: var(--cht-card);
  box-shadow: 0 10px 26px rgba(30, 49, 80, .055);
  transition: transform .22s ease, box-shadow .22s ease;
}
.cht-wall-card:hover { transform: translateY(-3px); box-shadow: 0 18px 36px rgba(30, 49, 80, .10); }
.cht-wall-card::before {
  content: '';
  position: absolute; top: 0; left: 26px; right: 26px; height: 3px;
  border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, var(--cht-pink-m), var(--cht-coral-pink));
}
.cht-wall-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 52px; height: 52px; margin-bottom: 18px;
  border-radius: 16px;
  background: var(--cht-pink-xl);
  color: var(--cht-coral-deep);
  font-size: 19px;
}
.cht-wall-title {
  margin: 0 0 12px;
  font-size: 17px; font-weight: 900; letter-spacing: .02em;
  color: var(--cht-navy);
}
.cht-wall-lines { display: flex; flex-direction: column; gap: 5px; }
.cht-wall-lines li {
  position: relative;
  padding-left: 15px;
  font-size: 13px; line-height: 1.9; color: var(--cht-ink-soft);
  text-wrap: pretty;
}
.cht-wall-lines li::before {
  content: '';
  position: absolute; top: 11px; left: 0;
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--cht-pink-m);
}

/* ===================== 02 数字で読む ===================== */
.cht-figures {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.cht-figure {
  padding: 34px 26px 30px;
  border: 1px solid var(--cht-line);
  border-radius: 18px;
  background: var(--cht-card);
  text-align: center;
  box-shadow: 0 10px 26px rgba(30, 49, 80, .055);
}
.cht-figure-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; margin-bottom: 14px;
  border-radius: 50%;
  background: var(--cht-pink-xl); color: var(--cht-coral);
  font-size: 17px;
}
.cht-figure-value {
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(44px, 6vw, 62px);
  font-weight: 700; line-height: 1;
  letter-spacing: .01em;
  color: var(--cht-coral-deep);
}
.cht-figure-unit {
  margin-left: 3px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px; font-weight: 900;
  color: var(--cht-coral);
}
.cht-figure-title {
  margin: 16px 0 10px;
  font-size: 15px; font-weight: 900; line-height: 1.7;
  color: var(--cht-navy);
  white-space: pre-line;
}
.cht-figure-body {
  margin: 0;
  font-size: 12.5px; line-height: 1.9; color: var(--cht-ink-soft);
  text-wrap: pretty;
}

/* ===================== 03 3つの安心 ===================== */
.cht-three {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.cht-three-card {
  padding: 34px 26px 30px;
  border: 1px solid var(--cht-line);
  border-radius: 18px;
  background: var(--cht-card);
  box-shadow: 0 10px 26px rgba(30, 49, 80, .055);
}
.cht-three-card:nth-child(2) { transform: translateY(-10px); }
.cht-three-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 56px; height: 56px; margin-bottom: 18px;
  border-radius: 50%;
  font-size: 20px; color: #fff;
  background: linear-gradient(140deg, var(--cht-coral-pink), var(--cht-coral-deep));
  box-shadow: 0 10px 22px rgba(216, 71, 95, .26);
}
.cht-three-2 .cht-three-ico { background: linear-gradient(140deg, #6d84a8, var(--cht-navy)); box-shadow: 0 10px 22px rgba(30, 49, 80, .26); }
.cht-three-3 .cht-three-ico { background: linear-gradient(140deg, #e8c273, var(--cht-gold)); box-shadow: 0 10px 22px rgba(217, 164, 65, .3); }
.cht-three-title {
  margin: 0 0 12px;
  font-size: 17px; font-weight: 900; letter-spacing: .02em;
  color: var(--cht-navy);
}
.cht-three-lines { display: flex; flex-direction: column; gap: 5px; }
.cht-three-lines li {
  position: relative; padding-left: 15px;
  font-size: 13px; line-height: 1.9; color: var(--cht-ink-soft);
  text-wrap: pretty;
}
.cht-three-lines li::before {
  content: '';
  position: absolute; top: 11px; left: 0;
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--cht-pink-m);
}

/* ===================== 04 時給比較 ===================== */
.cht-wage {
  display: flex; flex-direction: column; gap: 14px;
  max-width: 900px; margin: 0 auto;
}
.cht-wage-row {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center; gap: 22px;
  padding: 26px 30px;
  border: 1px solid var(--cht-line);
  border-radius: 16px;
  background: var(--cht-card);
  box-shadow: 0 8px 22px rgba(30, 49, 80, .05);
}
.cht-wage-gray { background: #fafafa; }
.cht-wage-gray .cht-wage-key { background: #eceef2; color: #7b8494; }
.cht-wage-coral {
  border-color: rgba(228, 66, 90, .34);
  background: linear-gradient(120deg, #fff8f9, var(--cht-pink-xl));
  box-shadow: 0 16px 34px rgba(216, 71, 95, .14);
}
.cht-wage-coral .cht-wage-key {
  background: linear-gradient(140deg, var(--cht-coral-pink), var(--cht-coral-deep));
  color: #fff;
}
.cht-wage-key {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 12px;
  font-size: 15px; font-weight: 900;
}
.cht-wage-main { min-width: 0; }
.cht-wage-title {
  margin: 0 0 8px;
  font-size: 16px; font-weight: 900; color: var(--cht-navy);
}
.cht-wage-lines { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.cht-wage-lines li {
  position: relative; padding-left: 13px;
  font-size: 12.5px; line-height: 1.8; color: var(--cht-ink-soft);
}
.cht-wage-lines li::before {
  content: '';
  position: absolute; top: 10px; left: 0;
  width: 4px; height: 4px; border-radius: 50%;
  background: var(--cht-pink-m);
}
.cht-wage-price {
  margin: 0; white-space: nowrap;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(24px, 3.2vw, 34px);
  font-weight: 700; line-height: 1;
  letter-spacing: .01em;
  color: var(--cht-ink-mute);
  text-align: right;
}
.cht-wage-coral .cht-wage-price { color: var(--cht-coral-deep); }
.cht-wage-unit {
  margin-left: 3px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px; font-weight: 800;
  color: var(--cht-ink-mute);
}
.cht-wage-coral .cht-wage-unit { color: var(--cht-coral); }

/* ===================== 05 始めやすさ ===================== */
.cht-easy-lead {
  margin: -14px 0 36px; max-width: 44em;
  font-size: 14.5px; line-height: 2.05; color: var(--cht-ink-soft);
  text-wrap: pretty;
}
.cht-easy-lead strong {
  font-weight: 900; color: var(--cht-coral-deep);
  background: linear-gradient(transparent 62%, rgba(248, 104, 129, .22) 62%);
}
.cht-easy {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.cht-easy-card {
  display: flex; align-items: flex-start; gap: 16px;
  padding: 24px 26px;
  border: 1px solid var(--cht-line);
  border-radius: 16px;
  background: var(--cht-card);
  box-shadow: 0 8px 20px rgba(30, 49, 80, .05);
}
.cht-easy-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; border-radius: 14px;
  background: var(--cht-pink-xl); color: var(--cht-coral-deep);
  font-size: 17px;
}
.cht-easy-title {
  margin: 0 0 6px;
  font-size: 15.5px; font-weight: 900; color: var(--cht-navy);
}
.cht-easy-body {
  margin: 0;
  font-size: 12.5px; line-height: 1.9; color: var(--cht-ink-soft);
  text-wrap: pretty;
}

/* ===================== 06 参加ステップ ===================== */
.cht-steps {
  position: relative;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  counter-reset: cht-step;
}
.cht-step {
  position: relative;
  padding: 34px 26px 30px;
  border: 1px solid var(--cht-line);
  border-radius: 18px;
  background: var(--cht-card);
  box-shadow: 0 10px 26px rgba(30, 49, 80, .055);
}
.cht-step-no {
  position: absolute; top: 20px; right: 22px;
  font-family: 'Shippori Mincho', serif;
  font-size: 34px; font-weight: 700; line-height: 1;
  color: rgba(248, 104, 129, .22);
}
.cht-step-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 54px; height: 54px; margin-bottom: 18px;
  border-radius: 16px;
  background: linear-gradient(140deg, #fddbe0, var(--cht-pink-l));
  color: var(--cht-coral-deep);
  font-size: 20px;
}
.cht-step-title {
  margin: 0 0 12px;
  font-size: 16px; font-weight: 900; color: var(--cht-navy);
}
.cht-step-lines { display: flex; flex-direction: column; gap: 4px; }
.cht-step-lines li {
  position: relative; padding-left: 14px;
  font-size: 12.5px; line-height: 1.9; color: var(--cht-ink-soft);
  text-wrap: pretty;
}
.cht-step-lines li::before {
  content: '';
  position: absolute; top: 10px; left: 0;
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--cht-pink-m);
}

/* ===================== CAMPAIGN（添付画像） ===================== */
.cht-campaign {
  position: relative;
  padding: 92px 0;
  background:
    radial-gradient(760px 420px at 12% 0%, rgba(248, 104, 129, .16), transparent 66%),
    radial-gradient(680px 380px at 92% 100%, rgba(217, 164, 65, .16), transparent 64%),
    linear-gradient(180deg, #fff6f6, #fdeef0);
  overflow: hidden;
}
.cht-campaign-inner {
  display: grid; grid-template-columns: 400px minmax(0, 1fr);
  gap: 56px; align-items: center;
}
.cht-campaign-art {
  position: relative;
  padding: 12px;
  border-radius: 22px;
  background: linear-gradient(150deg, #ffffff, #fdeef0);
  box-shadow: 0 26px 58px rgba(148, 40, 62, .2), 0 0 0 1px rgba(255, 255, 255, .9) inset;
  transform: rotate(-1.4deg);
}
.cht-campaign-art::after {
  content: '';
  position: absolute; inset: 12px;
  border-radius: 12px;
  box-shadow: 0 0 0 1px rgba(216, 71, 95, .12) inset;
  pointer-events: none;
}
.cht-campaign-tape {
  position: absolute; top: -13px; left: 50%; transform: translateX(-50%) rotate(-3deg);
  width: 108px; height: 26px;
  border-radius: 3px;
  background: linear-gradient(180deg, rgba(248, 224, 220, .96), rgba(240, 205, 200, .9));
  box-shadow: 0 3px 8px rgba(148, 40, 62, .14);
}
.cht-campaign-img {
  width: 100%; height: auto;
  border-radius: 12px;
  display: block;
}
.cht-campaign-copy { min-width: 0; }
.cht-campaign-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0 0 16px; padding: 7px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--cht-coral-pink), var(--cht-coral-deep));
  color: #fff8f9;
  font-size: 12.5px; font-weight: 900; letter-spacing: .06em;
  box-shadow: 0 10px 22px rgba(216, 71, 95, .24);
}
.cht-campaign-title {
  margin: 0 0 24px;
  font-family: 'Shippori Mincho', 'Noto Sans JP', serif;
  font-size: clamp(24px, 3.2vw, 36px);
  font-weight: 700; line-height: 1.5;
  color: var(--cht-navy);
  text-wrap: balance;
}
.cht-campaign-points {
  display: flex; flex-direction: column; gap: 10px;
  margin: 0 0 22px;
}
.cht-campaign-points li {
  display: flex; align-items: center; gap: 12px;
  padding: 13px 18px;
  border: 1px solid rgba(228, 66, 90, .2);
  border-radius: 12px;
  background: rgba(255, 255, 255, .86);
  font-size: 14px; font-weight: 800; color: var(--cht-navy);
}
.cht-campaign-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--cht-pink-l); color: var(--cht-coral-deep);
  font-size: 12px;
}
.cht-campaign-facts {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px; margin: 0 0 22px;
}
.cht-campaign-facts li {
  padding: 15px 18px;
  border-radius: 13px;
  background: rgba(255, 255, 255, .9);
  border: 1px solid var(--cht-line);
}
.cht-campaign-fact-label {
  display: block; margin-bottom: 5px;
  font-size: 10.5px; font-weight: 800; letter-spacing: .14em;
  color: var(--cht-coral);
}
.cht-campaign-fact-value {
  display: block;
  font-family: 'Shippori Mincho', serif;
  font-size: 16px; font-weight: 700; line-height: 1.5;
  color: var(--cht-navy);
}
.cht-campaign-cta {
  display: flex; align-items: center; gap: 9px;
  margin: 0 0 8px;
  font-size: 14.5px; font-weight: 900; color: var(--cht-coral-dark);
}
.cht-campaign-cta i { font-size: 13px; }
.cht-campaign-note {
  margin: 0 0 24px;
  font-size: 11.5px; line-height: 1.85; color: var(--cht-ink-mute);
  text-wrap: pretty;
}

/* ===================== 07 FAQ ===================== */
.cht-faq { display: flex; flex-direction: column; gap: 14px; max-width: 900px; margin: 0 auto; }
.cht-faq-card {
  padding: 24px 28px 22px;
  border: 1px solid var(--cht-line);
  border-radius: 16px;
  background: var(--cht-card);
  box-shadow: 0 8px 20px rgba(30, 49, 80, .045);
}
.cht-faq-q {
  display: flex; align-items: flex-start; gap: 12px;
  font-size: 15.5px; font-weight: 900; line-height: 1.7;
  color: var(--cht-navy);
}
.cht-faq-mark {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; margin-top: 1px;
  border-radius: 9px;
  background: var(--cht-pink-xl); color: var(--cht-coral-deep);
  font-size: 12px;
}
.cht-faq-a {
  display: flex; align-items: flex-start; gap: 12px;
  margin: 13px 0 0; padding-top: 13px;
  border-top: 1px dashed var(--cht-line);
  font-size: 13px; line-height: 1.95; color: var(--cht-ink-soft);
}
.cht-faq-a-mark {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px;
  border-radius: 9px;
  background: #eef1f6; color: var(--cht-navy);
  font-size: 12px; font-weight: 900;
}

/* ===================== 08 限定特典 ===================== */
.cht-gifts {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}
.cht-gift {
  position: relative;
  display: flex; flex-direction: column;
  padding: 34px 26px 28px;
  border: 1px solid var(--cht-line);
  border-radius: 18px;
  background: var(--cht-card);
  box-shadow: 0 10px 26px rgba(30, 49, 80, .055);
}
.cht-gift-featured {
  border-color: rgba(228, 66, 90, .4);
  background: linear-gradient(160deg, #fff9f9, var(--cht-pink-xl));
  box-shadow: 0 20px 42px rgba(216, 71, 95, .16);
}
.cht-gift-tag {
  position: absolute; top: -11px; left: 26px;
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--cht-navy); color: #fff;
  font-size: 9.5px; font-weight: 900; letter-spacing: .16em;
}
.cht-gift-featured .cht-gift-tag {
  background: linear-gradient(135deg, var(--cht-coral-pink), var(--cht-coral-deep));
}
.cht-gift-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 50px; height: 50px; margin-bottom: 16px;
  border-radius: 14px;
  background: var(--cht-pink-xl); color: var(--cht-coral-deep);
  font-size: 18px;
}
.cht-gift-featured .cht-gift-ico {
  background: linear-gradient(140deg, var(--cht-coral-pink), var(--cht-coral-deep));
  color: #fff;
}
.cht-gift-title {
  margin: 0 0 10px;
  font-size: 16px; font-weight: 900; line-height: 1.6;
  color: var(--cht-navy);
  white-space: pre-line;
}
.cht-gift-body {
  margin: 0 0 18px;
  font-size: 12.5px; line-height: 1.9; color: var(--cht-ink-soft);
  text-wrap: pretty;
}
.cht-gift-pill {
  margin: auto 0 0;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 9px 16px;
  border-radius: 999px;
  background: #f4f6fa; color: var(--cht-navy);
  font-size: 11.5px; font-weight: 900; letter-spacing: .02em;
  text-align: center;
}
.cht-gift-featured .cht-gift-pill {
  background: linear-gradient(135deg, #ea4a62, #c9324b);
  color: #fff8f9;
  box-shadow: 0 10px 20px rgba(201, 50, 75, .24);
}

/* ===================== MESSAGE VIDEO ===================== */
.cht-video {
  max-width: 860px; margin: 0 auto;
  padding: 14px;
  border: 1px solid var(--cht-line);
  border-radius: 20px;
  background: var(--cht-card);
  box-shadow: 0 20px 48px rgba(30, 49, 80, .1);
}
.cht-video-el {
  width: 100%; display: block;
  border-radius: 12px;
  background: #000;
}

/* ===================== 09 CTA ===================== */
.cht-cta {
  position: relative;
  padding: 96px 0 104px;
  background:
    radial-gradient(760px 420px at 88% 4%, rgba(248, 104, 129, .26), transparent 64%),
    radial-gradient(680px 380px at 6% 96%, rgba(217, 164, 65, .16), transparent 62%),
    linear-gradient(150deg, #1b2c47, #223856 56%, #16263e);
  color: #f6f7fa;
  overflow: hidden;
}
.cht-cta-blob {
  position: absolute; top: -140px; right: -120px;
  width: 420px; height: 420px; border-radius: 50%;
  background: radial-gradient(circle at 40% 40%, rgba(248, 104, 129, .34), transparent 70%);
  pointer-events: none;
}
.cht-cta-inner {
  position: relative;
  display: grid; grid-template-columns: minmax(0, 1fr) 380px;
  gap: 56px; align-items: center;
}
.cht-cta-kicker {
  margin: 0 0 16px;
  font-size: 11px; font-weight: 800; letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--cht-coral-pink);
}
.cht-cta-title {
  margin: 0;
  font-family: 'Shippori Mincho', 'Noto Sans JP', serif;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 700; line-height: 1.45;
  color: #fffdfe;
  white-space: pre-line;
  text-wrap: balance;
}
.cht-cta-quote {
  margin: 18px 0 32px;
  font-size: 14.5px; line-height: 2;
  color: rgba(246, 247, 250, .78);
}
.cht-cta-note {
  margin: 18px 0 0;
  font-size: 11.5px; line-height: 1.85;
  color: rgba(246, 247, 250, .58);
}
.cht-cta-cards { display: flex; flex-direction: column; gap: 14px; }
.cht-cta-card {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 22px 24px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 16px;
  background: rgba(255, 255, 255, .07);
  backdrop-filter: blur(6px);
}
.cht-cta-card-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 12px;
  background: rgba(248, 104, 129, .22);
  color: var(--cht-coral-pink);
  font-size: 15px;
}
.cht-cta-card-title {
  margin: 0 0 5px;
  font-size: 14.5px; font-weight: 900; color: #fffdfe;
}
.cht-cta-card-body {
  margin: 0;
  font-size: 12px; line-height: 1.85;
  color: rgba(246, 247, 250, .72);
  text-wrap: pretty;
}

/* ===================== レスポンシブ ===================== */
@media (max-width: 1024px) {
  .cht-hero-inner { grid-template-columns: minmax(0, 1fr) 310px; gap: 34px; }
  .cht-phone { width: 240px; }
  .cht-phone-screen { min-height: 340px; }
  .cht-campaign-inner { grid-template-columns: 330px minmax(0, 1fr); gap: 38px; }
  .cht-cta-inner { grid-template-columns: minmax(0, 1fr) 320px; gap: 36px; }
}

@media (max-width: 900px) {
  .cht-section { padding: 74px 0; }
  .cht-campaign { padding: 74px 0; }
  .cht-hero { padding: 58px 0 66px; }
  .cht-hero-inner { grid-template-columns: 1fr; gap: 44px; }
  .cht-hero-art { order: -1; min-height: 0; padding: 6px 0 10px; }
  .cht-hero-chip-1 { top: 6px; left: 2%; }
  .cht-hero-chip-2 { bottom: 10px; right: 2%; }
  .cht-hero-chip-3 { bottom: 10px; left: 2%; }
  .cht-wall { grid-template-columns: 1fr; }
  .cht-figures { grid-template-columns: 1fr; }
  .cht-three { grid-template-columns: 1fr; }
  .cht-three-card:nth-child(2) { transform: none; }
  .cht-easy { grid-template-columns: 1fr; }
  .cht-steps { grid-template-columns: 1fr; }
  .cht-campaign-inner { grid-template-columns: 1fr; gap: 40px; }
  .cht-campaign-art { max-width: 360px; margin: 0 auto; }
  .cht-gifts { grid-template-columns: 1fr; }
  .cht-cta { padding: 76px 0 82px; }
  .cht-cta-inner { grid-template-columns: 1fr; gap: 40px; }
  .cht-wage-row { grid-template-columns: 40px minmax(0, 1fr); gap: 16px; row-gap: 14px; }
  .cht-wage-price { grid-column: 1 / -1; text-align: left; }
}

@media (max-width: 640px) {
  .cht-wrap { padding: 0 20px; }
  .cht-section { padding: 58px 0; }
  .cht-campaign { padding: 58px 0; }
  .cht-hero { padding: 44px 0 52px; }
  .cht-hero-lead { font-size: 13.5px; line-height: 2; }
  .cht-h1 { font-size: clamp(28px, 8.4vw, 38px); }
  .cht-hero-badge { font-size: 14.5px; }
  .cht-stats { grid-template-columns: 1fr; gap: 8px; }
  .cht-stat { padding: 12px 14px; }
  .cht-hero-actions { gap: 10px; }
  .cht-hero-actions .cht-btn { width: 100%; justify-content: center; }
  .cht-brand-tag { display: none; }
  .cht-title { font-size: clamp(22px, 6.4vw, 30px); }
  .cht-head { margin-bottom: 32px; }
  .cht-wall-card, .cht-figure, .cht-three-card, .cht-step, .cht-gift { padding: 26px 20px 24px; }
  .cht-wall-ico, .cht-three-ico, .cht-step-ico, .cht-gift-ico { width: 46px; height: 46px; font-size: 17px; }
  .cht-step-no { font-size: 28px; top: 16px; right: 18px; }
  .cht-wage-row { padding: 20px; }
  .cht-wage-lines { flex-direction: column; gap: 3px; }
  .cht-easy-card { padding: 20px; gap: 13px; }
  .cht-easy-ico { width: 40px; height: 40px; font-size: 15px; }
  .cht-campaign-facts { grid-template-columns: 1fr; }
  .cht-campaign-art { max-width: 300px; }
  .cht-campaign-points li { font-size: 13px; padding: 11px 15px; }
  .cht-campaign-title { font-size: clamp(21px, 6vw, 27px); }
  .cht-faq-card { padding: 20px 20px 18px; }
  .cht-faq-q { font-size: 14px; }
  .cht-faq-a { font-size: 12.5px; }
  .cht-cta { padding: 62px 0 68px; }
  .cht-cta-cards { gap: 11px; }
  .cht-cta-card { padding: 18px 20px; }
  .cht-video { padding: 10px; }
  .cht-foot-chip { font-size: 12px; padding: 11px 18px; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .cht-btn { transition: none; }
  .cht-btn:hover { transform: none; }
  .cht-wall-card { transition: none; }
  .cht-wall-card:hover { transform: none; }
}

/* ==========================================================================
   求人アカウント運用案件 LP — .kyj-*
   出典スライド：求人アカウント運用案件（全6ページ）
   配色はスライドから実測：
     ディープネイビー #002454 / ネイビー #00306c / ブルー #00549c
     ライトブルー #186cb4 / ハイライト黄 #f8e040 / 注意赤 #f00000
   ========================================================================== */
.kyj {
  --kyj-navy-d: #002454;
  --kyj-navy: #00306c;
  --kyj-navy-l: #003c84;
  --kyj-blue: #00549c;
  --kyj-blue-l: #186cb4;
  --kyj-blue-xl: #e8f0f9;
  --kyj-sky: #f2f7fc;
  --kyj-yellow: #f8e040;
  --kyj-yellow-l: #fdf4c2;
  --kyj-red: #f00000;
  --kyj-red-d: #c90000;
  --kyj-alert-bg: #fdeeee;
  --kyj-notice-bg: #eaf2fb;
  --kyj-bg: #ffffff;
  --kyj-card: #ffffff;
  --kyj-line: #d8e3f0;
  --kyj-line-soft: #e8eff7;
  --kyj-ink: #12233d;
  --kyj-ink-soft: #4a5b73;
  --kyj-ink-mute: #7c8b9f;

  background: var(--kyj-bg);
  color: var(--kyj-ink);
  overflow-x: hidden;
}
.kyj-wrap { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 30px; }

.kyj-section { position: relative; padding: 88px 0; background: var(--kyj-bg); }
.kyj-section-tint { background: linear-gradient(180deg, #f7fafd, #eef4fa); }
.kyj-section-dark {
  background:
    radial-gradient(760px 420px at 88% 0%, rgba(24, 108, 180, .30), transparent 64%),
    linear-gradient(150deg, #002454, #00306c 58%, #002349);
  color: #eef4fb;
}

/* ---- 見出しバー（スライドの帯を再現） ---- */
.kyj-head { margin: 0 0 40px; }
.kyj-head-center { text-align: center; }
.kyj-head-center .kyj-head-bar { justify-content: center; }
.kyj-head-bar {
  display: flex; align-items: center; gap: 14px;
  margin: 0 0 26px;
}
.kyj-head-no {
  font-family: 'Shippori Mincho', serif;
  font-size: 21px; font-weight: 700; letter-spacing: .06em;
  color: var(--kyj-navy);
}
.kyj-head-div {
  display: block; width: 1px; height: 20px;
  background: var(--kyj-line);
  transform: rotate(18deg);
}
.kyj-head-eyebrow {
  font-size: 15px; font-weight: 900; letter-spacing: .06em;
  color: var(--kyj-navy);
}
.kyj-head-en {
  margin-left: auto;
  font-size: 10px; font-weight: 700; letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--kyj-ink-mute);
}
.kyj-head-center .kyj-head-en { margin-left: 0; }
.kyj-section-dark .kyj-head-no,
.kyj-section-dark .kyj-head-eyebrow { color: #ffffff; }
.kyj-section-dark .kyj-head-div { background: rgba(255, 255, 255, .3); }
.kyj-section-dark .kyj-head-en { color: rgba(238, 244, 251, .55); }

.kyj-title {
  margin: 0;
  font-size: clamp(25px, 3.3vw, 38px);
  font-weight: 900; line-height: 1.5; letter-spacing: .01em;
  color: var(--kyj-navy-d);
  white-space: pre-line;
  text-wrap: balance;
}
.kyj-lead {
  margin: 16px 0 0;
  font-size: 14.5px; line-height: 2; color: var(--kyj-ink-soft);
  white-space: pre-line;
  text-wrap: pretty;
}
.kyj-head-center .kyj-lead { max-width: 40em; margin-left: auto; margin-right: auto; }

/* ---- ボタン ---- */
.kyj-btn {
  display: inline-flex; align-items: center; gap: 11px;
  padding: 16px 32px;
  border: 1px solid var(--kyj-navy);
  border-radius: 6px;
  background: linear-gradient(135deg, #003c84, #002454);
  color: #ffffff;
  font-size: 14.5px; font-weight: 800; letter-spacing: .04em;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(0, 48, 108, .24);
  transition: transform .22s ease, box-shadow .22s ease;
}
.kyj-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 34px rgba(0, 48, 108, .32); }
.kyj-btn-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 4px;
  background: rgba(255, 255, 255, .2); font-size: 13px;
}
.kyj-btn-ghost {
  background: #ffffff; color: var(--kyj-navy);
  border-color: var(--kyj-line);
  box-shadow: 0 8px 18px rgba(0, 48, 108, .08);
}
.kyj-btn-ghost:hover { box-shadow: 0 14px 26px rgba(0, 48, 108, .14); }
.kyj-btn-arrow { font-size: 12px; color: var(--kyj-blue); }
.kyj-btn-block { display: flex; justify-content: center; }

/* ===================== 01 HERO ===================== */
.kyj-hero {
  position: relative;
  padding: 72px 0 84px;
  background:
    radial-gradient(820px 480px at 84% -8%, rgba(24, 108, 180, .16), transparent 66%),
    linear-gradient(176deg, #ffffff 0%, #f3f8fd 56%, #eaf2fa 100%);
  overflow: hidden;
}
.kyj-hero-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(to right, rgba(0, 48, 108, .05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 48, 108, .05) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(circle at 72% 30%, #000 0%, transparent 72%);
  -webkit-mask-image: radial-gradient(circle at 72% 30%, #000 0%, transparent 72%);
  pointer-events: none;
}
.kyj-hero-glow {
  position: absolute; border-radius: 50%; pointer-events: none;
}
.kyj-hero-glow-1 {
  top: -140px; right: -100px; width: 460px; height: 460px;
  background: radial-gradient(circle at 36% 34%, rgba(0, 84, 156, .16), transparent 70%);
}
.kyj-hero-glow-2 {
  bottom: -160px; left: -110px; width: 420px; height: 420px;
  background: radial-gradient(circle at 60% 42%, rgba(248, 224, 64, .20), transparent 70%);
}
.kyj-hero-inner {
  position: relative;
  display: grid; grid-template-columns: minmax(0, 1fr) 404px;
  gap: 56px; align-items: center;
}
.kyj-hero-copy { min-width: 0; }

.kyj-kicker {
  display: inline-flex; align-items: center; gap: 10px;
  margin: 0 0 20px;
  font-size: 14px; font-weight: 900; letter-spacing: .04em;
  color: var(--kyj-navy);
}
.kyj-kicker-no {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 30px; height: 26px; padding: 0 7px;
  background: var(--kyj-navy-d); color: #ffffff;
  font-family: 'Shippori Mincho', serif;
  font-size: 13px; font-weight: 700;
}
.kyj-kicker-slash {
  display: inline-block; width: 34px; height: 26px;
  background: var(--kyj-navy-d);
  clip-path: polygon(58% 0, 100% 0, 42% 100%, 0 100%);
}

.kyj-tag {
  display: inline-block;
  margin: 0 0 14px; padding: 7px 18px;
  background: var(--kyj-navy-d); color: #ffffff;
  font-size: 16px; font-weight: 900; letter-spacing: .04em;
}

.kyj-h1 {
  margin: 0;
  font-size: clamp(34px, 4.9vw, 58px);
  font-weight: 900; line-height: 1.34; letter-spacing: .01em;
  color: var(--kyj-navy-d);
  white-space: pre-line;
  text-wrap: balance;
}
.kyj-h1-sub {
  margin: 16px 0 0;
  font-size: clamp(17px, 2.1vw, 23px);
  font-weight: 900; line-height: 1.65; letter-spacing: .02em;
  color: var(--kyj-navy);
  white-space: pre-line;
  text-wrap: pretty;
}
.kyj-hero-lead {
  margin: 20px 0 0; max-width: 34em;
  font-size: 14.5px; line-height: 2.05;
  color: var(--kyj-ink-soft);
  text-wrap: pretty;
}

.kyj-hero-stats {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px; margin: 32px 0 0;
}
.kyj-hero-stat {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 16px 15px 15px;
  border: 1px solid var(--kyj-line);
  border-radius: 10px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 6px 16px rgba(0, 48, 108, .05);
}
.kyj-hero-stat-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 8px;
  background: var(--kyj-blue-xl); color: var(--kyj-blue);
  font-size: 13px;
}
.kyj-hero-stat-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.kyj-hero-stat-title {
  font-size: 12.5px; font-weight: 900; color: var(--kyj-navy); line-height: 1.5;
  /* 日本語は語間に空白がないため、文節単位で改行させる（「作成後、放置するだ／けで」対策） */
  word-break: auto-phrase;
  text-wrap: pretty;
}
.kyj-hero-stat-body { font-size: 10.5px; line-height: 1.6; color: var(--kyj-ink-mute); }

.kyj-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 34px 0 0; }

/* ヒーロー右：CSSで描く管理画面モック */
/* チップがダッシュボードに重ならないよう、内側に余白を確保してから配置する */
.kyj-hero-art {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  min-height: 440px;
  padding: 46px 26px 42px;
}
.kyj-dash {
  width: 100%;
  border: 1px solid var(--kyj-line);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 26px 54px rgba(0, 48, 108, .16);
  overflow: hidden;
}
.kyj-dash-bar {
  display: flex; align-items: center; gap: 10px;
  padding: 13px 16px;
  background: linear-gradient(135deg, #00306c, #002454);
  color: #ffffff;
}
.kyj-dash-dots { display: inline-flex; gap: 5px; }
.kyj-dash-dots i {
  display: block; width: 7px; height: 7px; border-radius: 50%;
  background: rgba(255, 255, 255, .34);
}
.kyj-dash-title { font-size: 12px; font-weight: 800; letter-spacing: .04em; }
.kyj-dash-status {
  margin-left: auto;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(248, 224, 64, .9);
  color: #3d3300;
  font-size: 9.5px; font-weight: 900;
}
.kyj-dash-body { padding: 18px 16px 16px; }
.kyj-dash-account {
  display: flex; align-items: center; gap: 10px;
  margin: 0 0 16px; padding-bottom: 14px;
  border-bottom: 1px solid var(--kyj-line-soft);
}
.kyj-dash-ava {
  width: 34px; height: 34px; border-radius: 50%;
  background: linear-gradient(140deg, #cfe0f2, #9fbcd8);
}
.kyj-dash-meta { display: flex; flex-direction: column; gap: 1px; }
.kyj-dash-name { font-size: 11.5px; font-weight: 900; color: var(--kyj-navy); }
.kyj-dash-sub { font-size: 9.5px; color: var(--kyj-ink-mute); }
.kyj-dash-rows { display: flex; flex-direction: column; gap: 7px; margin: 0 0 16px; }
.kyj-dash-rows li {
  display: flex; align-items: center; justify-content: space-between;
  padding: 9px 12px;
  border-radius: 7px;
  background: var(--kyj-sky);
  font-size: 11px; font-weight: 700; color: var(--kyj-ink-soft);
}
.kyj-dash-badge {
  padding: 2px 10px;
  border-radius: 4px;
  background: var(--kyj-navy); color: #ffffff;
  font-size: 11px; font-weight: 900;
}
.kyj-dash-chart {
  display: flex; align-items: flex-end; gap: 6px;
  height: 58px; margin: 0 0 12px;
  padding: 0 4px;
}
.kyj-dash-chart span {
  flex: 1;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(180deg, #186cb4, #00306c);
}
.kyj-dash-chart span:nth-child(1) { height: 30%; }
.kyj-dash-chart span:nth-child(2) { height: 48%; }
.kyj-dash-chart span:nth-child(3) { height: 40%; }
.kyj-dash-chart span:nth-child(4) { height: 72%; }
.kyj-dash-chart span:nth-child(5) { height: 100%; background: linear-gradient(180deg, #f8e040, #d9b800); }
.kyj-dash-foot {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  margin: 0; padding: 9px;
  border-radius: 7px;
  background: var(--kyj-yellow-l);
  font-size: 10.5px; font-weight: 900; color: #6b5800;
}
.kyj-hero-chip {
  position: absolute;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 15px;
  border: 1px solid var(--kyj-line);
  border-radius: 999px;
  background: #ffffff;
  font-size: 11px; font-weight: 900; color: var(--kyj-navy);
  box-shadow: 0 12px 26px rgba(0, 48, 108, .14);
  white-space: nowrap;
}
.kyj-hero-chip i { font-size: 10px; color: var(--kyj-blue); }
.kyj-hero-chip-1 { top: 0; left: 0; }
.kyj-hero-chip-2 { bottom: 0; right: 0; }

/* ===================== 02 メリット ===================== */
.kyj-merit-lead {
  margin: -18px 0 40px;
  text-align: center;
  font-size: clamp(15px, 1.8vw, 18px);
  font-weight: 900; line-height: 1.8;
  color: var(--kyj-navy);
  white-space: pre-line;
  text-wrap: balance;
}
.kyj-merit { display: flex; flex-direction: column; gap: 16px; }
.kyj-merit-card {
  position: relative;
  display: flex; align-items: flex-start; gap: 24px;
  padding: 28px 30px;
  border: 1px solid var(--kyj-line-soft);
  border-radius: 12px;
  background: linear-gradient(120deg, #f6fafe, #eef5fb);
}
.kyj-merit-accent {
  border-color: rgba(0, 84, 156, .26);
  background: linear-gradient(120deg, #f1f7fd, #e4effa);
}
.kyj-merit-no {
  position: absolute; top: 22px; left: 20px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--kyj-navy);
  color: #ffffff;
  font-size: 15px; font-weight: 900;
  box-shadow: 0 6px 14px rgba(0, 48, 108, .22);
}
.kyj-merit-ico {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 78px; height: 78px; margin-left: 30px;
  border-radius: 50%;
  background: #ffffff;
  color: var(--kyj-navy);
  font-size: 30px;
  box-shadow: 0 8px 20px rgba(0, 48, 108, .09);
}
.kyj-merit-badge {
  position: absolute; top: -4px; right: -6px;
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 34px; height: 34px; padding: 0 7px;
  border-radius: 50%;
  background: var(--kyj-blue-l);
  color: #ffffff;
  font-size: 12px; font-weight: 900;
}
.kyj-merit-main { min-width: 0; padding-top: 4px; }
.kyj-merit-title {
  margin: 0 0 10px;
  font-size: clamp(16px, 1.9vw, 20px);
  font-weight: 900; line-height: 1.6;
  color: var(--kyj-navy-d);
  white-space: pre-line;
}
.kyj-merit-body {
  margin: 0;
  font-size: 13.5px; line-height: 1.95; color: var(--kyj-ink-soft);
  text-wrap: pretty;
}
.kyj-merit-line { display: block; }
.kyj-merit-body strong {
  margin: 0 2px;
  font-size: 1.42em; font-weight: 900;
  color: var(--kyj-red);
  letter-spacing: .01em;
}
.kyj-merit-body2 {
  margin: 6px 0 0;
  font-size: 13.5px; line-height: 1.95; color: var(--kyj-ink-soft);
  text-wrap: pretty;
}
.kyj-merit-foot {
  margin: 10px 0 0;
  font-size: 11.5px; line-height: 1.8; color: var(--kyj-ink-mute);
}

/* ===================== 03 仕組み ===================== */
.kyj-how-lead {
  margin: -10px 0 46px;
  text-align: center;
  font-size: clamp(14.5px, 1.7vw, 17px);
  font-weight: 800; line-height: 1.85;
  color: #e4eefa;
  white-space: pre-line;
  text-wrap: balance;
}
.kyj-flow {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 44px;
  padding: 30px 22px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 14px;
  background: rgba(255, 255, 255, .07);
  backdrop-filter: blur(4px);
}
.kyj-flow-step {
  position: relative;
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
  padding: 4px 8px;
}
.kyj-flow-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 60px; height: 60px; margin-bottom: 14px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .22);
  color: #ffffff;
  font-size: 24px;
}
.kyj-flow-label {
  margin: 0;
  font-size: 13px; font-weight: 900; line-height: 1.65;
  color: #ffffff;
  white-space: pre-line;
}
.kyj-flow-sub {
  margin: 5px 0 0;
  font-size: 11px; line-height: 1.65;
  color: rgba(228, 238, 250, .68);
  white-space: pre-line;
}
.kyj-flow-arrow {
  position: absolute; top: 30px; right: -9px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px;
  color: rgba(248, 224, 64, .85);
  font-size: 12px;
}

.kyj-callout {
  display: grid; grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  padding: 30px 34px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 20px 46px rgba(0, 12, 32, .34);
}
.kyj-callout-head {
  display: flex; align-items: center; gap: 14px;
  margin: 0;
  font-size: clamp(15px, 2vw, 20px);
  font-weight: 900; line-height: 1.6;
  color: var(--kyj-navy-d);
  text-wrap: pretty;
}
.kyj-callout-check {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px;
  border-radius: 50%;
  background: var(--kyj-blue);
  color: #ffffff;
  font-size: 15px;
}
.kyj-callout-body { padding-left: 52px; }
.kyj-callout-body p {
  margin: 0 0 5px;
  font-size: 14px; line-height: 1.95; color: var(--kyj-ink-soft);
  text-wrap: pretty;
}
.kyj-callout-body p:last-child { margin-bottom: 0; }

/* ===================== 04 参加条件 ===================== */
.kyj-elig-lead {
  margin: -18px 0 34px;
  text-align: center;
  font-size: 15px; font-weight: 800; line-height: 1.8;
  color: var(--kyj-navy);
}
.kyj-elig {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 0 0 26px;
}
.kyj-elig-card {
  overflow: hidden;
  border: 1px solid var(--kyj-line);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(0, 48, 108, .06);
}
.kyj-elig-head {
  display: flex; align-items: center; gap: 12px;
  padding: 16px 22px;
  color: #ffffff;
}
.kyj-elig-navy .kyj-elig-head { background: linear-gradient(120deg, #00306c, #002454); }
.kyj-elig-blue .kyj-elig-head { background: linear-gradient(120deg, #00549c, #003c84); }
.kyj-elig-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; font-size: 20px;
}
.kyj-elig-title {
  margin: 0;
  font-size: 17px; font-weight: 900; letter-spacing: .04em;
}
.kyj-elig-main {
  display: flex; align-items: flex-start; gap: 10px;
  margin: 0; padding: 20px 22px 16px;
  font-size: 14.5px; font-weight: 900; line-height: 1.7;
  color: var(--kyj-navy-d);
  white-space: pre-line;
}
.kyj-elig-check {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; margin-top: 2px;
  border-radius: 50%;
  background: var(--kyj-blue);
  color: #ffffff;
  font-size: 10px;
}
.kyj-elig-list { display: flex; flex-direction: column; gap: 7px; padding: 0 22px 22px; }
.kyj-elig-list li {
  display: flex; align-items: flex-start; gap: 9px;
  padding: 10px 14px;
  border-radius: 7px;
  background: #f6f9fd;
  font-size: 12.5px; line-height: 1.7; color: var(--kyj-ink-soft);
}
.kyj-elig-list i {
  flex: 0 0 auto; margin-top: 4px;
  font-size: 10px; color: var(--kyj-blue-l);
}

.kyj-point {
  position: relative;
  display: flex; align-items: flex-start; gap: 16px;
  padding: 26px 30px;
  border: 1px solid #c9dcf0;
  border-radius: 12px;
  background: linear-gradient(120deg, #eff6fd, #e4effa);
  overflow: hidden;
}
.kyj-point-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px;
  border-radius: 50%;
  background: var(--kyj-blue);
  color: #ffffff;
  font-size: 18px;
}
.kyj-point-body { min-width: 0; padding-right: 60px; }
.kyj-point-head {
  display: flex; align-items: center; flex-wrap: wrap; gap: 10px;
  margin: 0 0 10px;
  font-size: 15px; font-weight: 900; color: var(--kyj-navy-d);
}
.kyj-point-head strong {
  padding: 4px 12px;
  border-radius: 3px;
  background: var(--kyj-yellow);
  color: #4a3d00;
  font-size: 13.5px; font-weight: 900;
}
.kyj-point-line {
  margin: 0 0 4px;
  font-size: 13.5px; line-height: 1.9; color: var(--kyj-ink-soft);
  text-wrap: pretty;
}
.kyj-point-phone {
  position: absolute; right: 24px; bottom: -6px;
  font-size: 62px;
  color: rgba(0, 84, 156, .13);
  transform: rotate(-8deg);
  pointer-events: none;
}

/* ===================== 05 リスク ===================== */
.kyj-risk-lead {
  margin: -16px 0 36px;
  font-size: 14.5px; line-height: 1.95; color: var(--kyj-ink-soft);
  white-space: pre-line;
  text-wrap: pretty;
}
.kyj-risk { display: flex; flex-direction: column; gap: 16px; }
.kyj-risk-card {
  display: flex; align-items: flex-start; gap: 20px;
  padding: 28px 30px;
  border-radius: 12px;
}
.kyj-risk-alert {
  border: 1px solid #f5cfcf;
  background: linear-gradient(120deg, #fef4f4, var(--kyj-alert-bg));
}
.kyj-risk-notice {
  border: 1px solid #cddff2;
  background: linear-gradient(120deg, #f1f7fd, var(--kyj-notice-bg));
}
.kyj-risk-no {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--kyj-navy);
  color: #ffffff;
  font-size: 15px; font-weight: 900;
  box-shadow: 0 6px 14px rgba(0, 48, 108, .2);
}
.kyj-risk-main { min-width: 0; }
.kyj-risk-title {
  display: flex; align-items: center; gap: 10px;
  margin: 0 0 10px;
  font-size: 17px; font-weight: 900; line-height: 1.5;
  color: var(--kyj-navy-d);
}
.kyj-risk-ico { font-size: 18px; color: var(--kyj-blue); }
.kyj-risk-alert .kyj-risk-ico { color: var(--kyj-red-d); }
.kyj-risk-body {
  margin: 0 0 6px;
  font-size: 13.5px; line-height: 1.95; color: var(--kyj-ink-soft);
  text-wrap: pretty;
}
.kyj-risk-body:last-child { margin-bottom: 0; }

/* ===================== 06 FAQ ===================== */
.kyj-sub-label {
  margin: -8px 0 22px;
  font-size: 16px; font-weight: 900; letter-spacing: .02em;
  color: var(--kyj-navy);
}
.kyj-head-center + .kyj-sub-label { text-align: center; }
.kyj-sub-label-left { margin: 0 0 24px; }
.kyj-faq { display: flex; flex-direction: column; gap: 12px; max-width: 940px; margin: 0 auto; }
.kyj-faq-card {
  padding: 20px 24px 18px;
  border: 1px solid var(--kyj-line);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(0, 48, 108, .045);
}
.kyj-faq-q {
  display: flex; align-items: flex-start; gap: 11px;
  font-size: 14.5px; font-weight: 900; line-height: 1.7;
  color: var(--kyj-navy-d);
}
.kyj-faq-mark {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--kyj-navy-d);
  color: #ffffff;
  font-size: 12px; font-weight: 900;
}
.kyj-faq-mark-a { background: var(--kyj-blue-l); }
.kyj-faq-a {
  display: flex; align-items: flex-start; gap: 11px;
  margin: 11px 0 0 0;
  font-size: 13px; line-height: 1.9; color: var(--kyj-ink-soft);
  text-wrap: pretty;
}

/* ===================== 06b ステップ ===================== */
.kyj-sub-label-left { text-align: left; }
.kyj-steps {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.kyj-step {
  position: relative;
  display: flex; flex-direction: column; align-items: center;
  padding: 22px 14px 20px;
  border: 1px solid var(--kyj-line);
  border-radius: 10px;
  background: linear-gradient(170deg, #f4f9fd, #e8f1fa);
  text-align: center;
}
.kyj-step-no {
  display: block; margin-bottom: 10px;
  font-size: 10.5px; font-weight: 900; letter-spacing: .16em;
  color: var(--kyj-blue);
}
.kyj-step-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; margin-bottom: 12px;
  color: var(--kyj-navy);
  font-size: 26px;
}
.kyj-step-title {
  margin: 0 0 4px;
  font-size: 14px; font-weight: 900; line-height: 1.5;
  color: var(--kyj-navy-d);
}
.kyj-step-sub {
  margin: 0;
  font-size: 11px; line-height: 1.6; color: var(--kyj-ink-mute);
}
.kyj-step-arrow {
  position: absolute; top: 50%; right: -9px;
  transform: translateY(-50%);
  color: var(--kyj-blue-l);
  font-size: 11px;
  z-index: 1;
}

/* ===================== CTA ===================== */
.kyj-cta {
  position: relative;
  padding: 92px 0 98px;
  background:
    radial-gradient(700px 400px at 84% 0%, rgba(24, 108, 180, .32), transparent 62%),
    linear-gradient(150deg, #002454, #00306c 58%, #001c40);
  color: #ffffff;
  overflow: hidden;
}
.kyj-cta-glow {
  position: absolute; top: -160px; left: -120px;
  width: 440px; height: 440px; border-radius: 50%;
  background: radial-gradient(circle at 46% 46%, rgba(248, 224, 64, .18), transparent 70%);
  pointer-events: none;
}
.kyj-cta-inner {
  position: relative;
  text-align: center;
}
.kyj-cta-kicker {
  margin: 0 0 16px;
  font-size: 10.5px; font-weight: 800; letter-spacing: .3em;
  text-transform: uppercase;
  color: rgba(248, 224, 64, .9);
}
.kyj-cta-title {
  margin: 0;
  font-size: clamp(27px, 3.9vw, 44px);
  font-weight: 900; line-height: 1.45;
  color: #ffffff;
  text-wrap: balance;
}
.kyj-cta-lead {
  margin: 18px auto 32px; max-width: 34em;
  font-size: 14.5px; line-height: 2;
  color: rgba(228, 238, 250, .82);
  white-space: pre-line;
  text-wrap: pretty;
}
.kyj-cta .kyj-btn {
  background: linear-gradient(135deg, #f8e040, #e2c500);
  border-color: #d4b900;
  color: #3a3000;
  box-shadow: 0 16px 34px rgba(226, 197, 0, .26);
}
.kyj-cta .kyj-btn:hover { box-shadow: 0 22px 42px rgba(226, 197, 0, .34); }
.kyj-cta .kyj-btn-mark { background: rgba(58, 48, 0, .14); }
.kyj-cta-note {
  margin: 22px auto 0; max-width: 40em;
  font-size: 11.5px; line-height: 1.85;
  color: rgba(228, 238, 250, .55);
  text-wrap: pretty;
}

/* ===================== レスポンシブ ===================== */
@media (max-width: 1024px) {
  .kyj-hero-inner { grid-template-columns: minmax(0, 1fr) 344px; gap: 36px; }
  .kyj-flow { padding: 24px 14px; }
  .kyj-flow-ico { width: 52px; height: 52px; font-size: 20px; }
  .kyj-flow-arrow { display: none; }
  .kyj-step-arrow { display: none; }
}

@media (max-width: 900px) {
  .kyj-section { padding: 72px 0; }
  .kyj-hero { padding: 56px 0 66px; }
  .kyj-hero-inner { grid-template-columns: 1fr; gap: 44px; }
  .kyj-hero-art { order: -1; min-height: 0; padding: 44px 4px 40px; max-width: 420px; margin: 0 auto; }
  .kyj-hero-chip-1 { top: 0; left: 0; }
  .kyj-hero-chip-2 { bottom: 0; right: 0; }
  .kyj-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 10px; }
  .kyj-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .kyj-elig { grid-template-columns: 1fr; }
  .kyj-callout-body { padding-left: 0; }
  .kyj-merit-ico { margin-left: 26px; }
}

@media (max-width: 640px) {
  .kyj-wrap { padding: 0 20px; }
  .kyj-section { padding: 56px 0; }
  .kyj-hero { padding: 42px 0 52px; }
  .kyj-h1 { font-size: clamp(27px, 8.2vw, 36px); }
  .kyj-h1-sub { font-size: 16px; }
  .kyj-hero-lead { font-size: 13.5px; }
  .kyj-tag { font-size: 14px; padding: 6px 14px; }
  .kyj-hero-stats { grid-template-columns: 1fr; gap: 8px; }
  .kyj-hero-actions { gap: 10px; }
  .kyj-hero-actions .kyj-btn { width: 100%; justify-content: center; }
  .kyj-head-bar { gap: 10px; flex-wrap: wrap; }
  .kyj-head-en { display: none; }
  .kyj-head-no { font-size: 18px; }
  .kyj-head-eyebrow { font-size: 13px; }
  .kyj-title { font-size: clamp(21px, 6.2vw, 28px); }
  .kyj-merit-card { flex-direction: column; gap: 14px; padding: 24px 20px 22px; }
  .kyj-merit-no { top: 18px; left: 16px; width: 30px; height: 30px; font-size: 13px; }
  .kyj-merit-ico { width: 62px; height: 62px; margin-left: 24px; font-size: 24px; }
  .kyj-merit-main { padding-top: 0; }
  .kyj-flow { grid-template-columns: 1fr; gap: 20px; padding: 22px 18px; }
  .kyj-flow-step { align-items: flex-start; text-align: left; padding-left: 74px; }
  .kyj-flow-ico { position: absolute; left: 0; top: 0; margin: 0; }
  .kyj-callout { padding: 24px 20px; }
  .kyj-callout-head { font-size: 14.5px; gap: 11px; }
  .kyj-callout-check { width: 32px; height: 32px; font-size: 13px; }
  .kyj-callout-body p { font-size: 13px; }
  .kyj-elig-main { font-size: 13.5px; padding: 16px 18px 12px; }
  .kyj-elig-list { padding: 0 18px 18px; }
  .kyj-elig-ico { font-size: 16px; }
  .kyj-point { padding: 22px 20px; }
  .kyj-point-body { padding-right: 0; }
  .kyj-point-phone { display: none; }
  .kyj-risk-card { flex-direction: column; gap: 12px; padding: 24px 20px; }
  .kyj-risk-title { font-size: 15.5px; }
  .kyj-faq-card { padding: 18px 18px 16px; }
  .kyj-faq-q { font-size: 13.5px; }
  .kyj-faq-a { font-size: 12.5px; }
  .kyj-steps { grid-template-columns: 1fr; gap: 10px; }
  .kyj-step { flex-direction: row; align-items: center; gap: 12px; padding: 16px 18px; text-align: left; }
  .kyj-step-no { margin: 0; flex: 0 0 auto; width: 58px; }
  .kyj-step-ico { margin: 0; width: 32px; height: 32px; font-size: 18px; }
  .kyj-step-title { margin: 0; font-size: 13.5px; }
  .kyj-step-sub { font-size: 10.5px; }
  .kyj-cta { padding: 62px 0 68px; }
}

@media (prefers-reduced-motion: reduce) {
  .kyj-btn { transition: none; }
  .kyj-btn:hover { transform: none; }
}
/* =====================================================================
   JCOM案件 LP（.jcm-*）
   出典スライド「JCOM案件」全7ページの視覚言語を再現：
   ネイビー #15365c ／ クリーム #fefbf4 ／ セージ #8bb494 ／ auオレンジ #e17f44
   ===================================================================== */
.jcm {
  --jcm-navy: #15365c;
  --jcm-navy-d: #0f2a49;
  --jcm-navy-l: #1d4675;
  --jcm-ink: #1b2c40;
  --jcm-ink-soft: #4a5b6e;
  --jcm-ink-mute: #7b8a9c;
  --jcm-cream: #fefbf4;
  --jcm-cream-d: #fbf5ea;
  --jcm-white: #ffffff;
  --jcm-green: #8bb494;
  --jcm-green-d: #6d9c78;
  --jcm-green-l: #b9d3be;
  --jcm-green-xl: #e8f0e7;
  --jcm-green-pill: #d9e4d1;
  --jcm-au: #e17f44;
  --jcm-alert: #c0392b;
  --jcm-alert-bg: #fdeeec;
  --jcm-line: #e3ded2;
  --jcm-line-soft: #eee9df;

  background: var(--jcm-white);
  color: var(--jcm-ink);
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.jcm-wrap { max-width: 1120px; margin: 0 auto; padding: 0 32px; }
.jcm-section { padding: 92px 0; background: var(--jcm-white); }
.jcm-section-cream { background: var(--jcm-cream); }

/* ---------- 見出し共通（番号／スラッシュ／英字ラベル） ---------- */
.jcm-head { margin: 0 0 48px; }
.jcm-head-bar {
  display: flex; align-items: center; gap: 14px;
  margin: 0 0 18px;
}
.jcm-head-no {
  font-family: 'Shippori Mincho', serif;
  font-size: 15px; font-weight: 700; letter-spacing: .1em;
  color: var(--jcm-green-d);
}
.jcm-head-div {
  width: 30px; height: 1px;
  background: var(--jcm-green);
}
.jcm-head-eyebrow {
  font-size: 14px; font-weight: 900; letter-spacing: .06em;
  color: var(--jcm-navy);
}
.jcm-head-en {
  margin-left: auto;
  font-size: 10.5px; font-weight: 700; letter-spacing: .28em;
  color: var(--jcm-ink-mute);
}
.jcm-title {
  margin: 0;
  font-size: clamp(25px, 3.3vw, 38px);
  font-weight: 900; line-height: 1.44; letter-spacing: .01em;
  color: var(--jcm-navy);
  white-space: pre-line;
  text-wrap: balance;
}
.jcm-title-sub {
  margin: 10px 0 0;
  font-size: clamp(17px, 2.1vw, 24px);
  font-weight: 900; line-height: 1.6;
  color: var(--jcm-navy);
  white-space: pre-line;
  text-wrap: pretty;
}

/* ---------- ボタン ---------- */
.jcm-btn {
  display: inline-flex; align-items: center; gap: 11px;
  padding: 16px 30px;
  border: 0; border-radius: 999px;
  background: var(--jcm-navy);
  color: #ffffff;
  font-size: 14.5px; font-weight: 900; letter-spacing: .03em;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(21, 54, 92, .22);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.jcm-btn:hover {
  transform: translateY(-2px);
  background: var(--jcm-navy-l);
  box-shadow: 0 16px 32px rgba(21, 54, 92, .3);
}
.jcm-btn-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 7px;
  background: rgba(255, 255, 255, .16);
  font-size: 15px;
}
.jcm-btn-ghost {
  background: #ffffff;
  color: var(--jcm-navy);
  border: 1.5px solid var(--jcm-navy);
  box-shadow: none;
}
.jcm-btn-ghost:hover {
  background: var(--jcm-navy);
  color: #ffffff;
  box-shadow: 0 12px 26px rgba(21, 54, 92, .22);
}
.jcm-btn-arrow { font-size: 12px; }

/* ===================== HERO ===================== */
.jcm-hero {
  position: relative;
  overflow: hidden;
  padding: 74px 0 90px;
  background:
    radial-gradient(120% 100% at 100% 0%, #f7f3e8 0%, #fefbf4 46%, #ffffff 100%);
}
.jcm-hero-blob {
  position: absolute;
  top: -22%; right: -12%;
  width: 760px; height: 760px;
  border-radius: 50%;
  background: linear-gradient(150deg, #fdf8ee, #f4efe2);
  pointer-events: none;
}
.jcm-hero-glow {
  position: absolute;
  left: -8%; bottom: -26%;
  width: 520px; height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(139, 180, 148, .18), transparent 68%);
  pointer-events: none;
}
.jcm-hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
  gap: 56px;
  align-items: center;
}

.jcm-hero-copy {
  padding: 46px 40px 48px;
  border-radius: 0 96px 96px 0;
  background: linear-gradient(160deg, var(--jcm-navy) 0%, var(--jcm-navy-d) 100%);
  margin-left: -32px;
  box-shadow: 0 26px 60px rgba(15, 42, 73, .26);
}

.jcm-kicker {
  display: flex; align-items: center; gap: 12px;
  margin: 0 0 22px;
  font-size: 12.5px; font-weight: 900; letter-spacing: .1em;
  color: #ffffff;
}
.jcm-kicker-no {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 4px 11px;
  border-radius: 4px;
  background: var(--jcm-green);
  color: #ffffff;
  font-family: 'Shippori Mincho', serif;
  font-size: 12px; font-weight: 700;
}
.jcm-kicker-slash {
  display: inline-block; width: 26px; height: 20px;
  background: var(--jcm-green);
  clip-path: polygon(58% 0, 100% 0, 42% 100%, 0 100%);
}

.jcm-badges { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 24px; }
.jcm-badge {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .32);
  color: #ffffff;
  font-size: 14px; font-weight: 900; letter-spacing: .04em;
}
.jcm-badge-yen {
  background: var(--jcm-au);
  border-color: var(--jcm-au);
  box-shadow: 0 8px 20px rgba(225, 127, 68, .34);
}

.jcm-h1 { margin: 0; display: flex; flex-direction: column; gap: 4px; }
.jcm-h1-lead {
  font-size: clamp(17px, 2vw, 23px);
  font-weight: 900; line-height: 1.55; letter-spacing: .04em;
  color: #ffffff;
}
.jcm-h1-main {
  font-size: clamp(31px, 4.4vw, 54px);
  font-weight: 900; line-height: 1.26; letter-spacing: .01em;
  color: #ffffff;
  white-space: pre-line;
  text-wrap: balance;
}

.jcm-hero-rule {
  display: block;
  width: 100%; height: 1px;
  margin: 28px 0 22px;
  background: linear-gradient(90deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, .04));
}

.jcm-hero-sub {
  margin: 0;
  font-size: clamp(13.5px, 1.5vw, 16px);
  font-weight: 700; line-height: 1.95;
  color: rgba(255, 255, 255, .9);
  white-space: pre-line;
  text-wrap: pretty;
}
.jcm-hero-sub-2 { margin-top: 12px; color: #ffffff; font-weight: 900; }

.jcm-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 32px 0 0; }
.jcm-hero-actions .jcm-btn {
  background: var(--jcm-green);
  box-shadow: 0 12px 26px rgba(109, 156, 120, .34);
}
.jcm-hero-actions .jcm-btn:hover { background: var(--jcm-green-d); }
.jcm-hero-actions .jcm-btn-ghost {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, .6);
  box-shadow: none;
}
.jcm-hero-actions .jcm-btn-ghost:hover {
  background: #ffffff;
  color: var(--jcm-navy);
  border-color: #ffffff;
}

/* ---------- HERO 右：auショップ風モック（CSS描画） ---------- */
/* 店舗モックの外側（上下の余白帯）にチップとカードを置き、本文を覆わないようにする */
.jcm-hero-art {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  padding: 54px 20px 96px;
}
.jcm-store {
  width: 100%;
  border-radius: 18px;
  background: linear-gradient(170deg, #fdfaf3, #f6f1e5);
  border: 1px solid var(--jcm-line);
  box-shadow: 0 26px 56px rgba(21, 54, 92, .14);
  overflow: hidden;
}
.jcm-store-top {
  display: flex; align-items: baseline; gap: 7px;
  padding: 16px 20px 8px;
}
.jcm-store-au {
  font-size: 27px; font-weight: 900; letter-spacing: -.02em;
  color: var(--jcm-au);
  font-style: italic;
}
.jcm-store-by { font-size: 9px; font-weight: 900; letter-spacing: .12em; color: var(--jcm-au); }
.jcm-store-screen {
  margin: 0 20px;
  padding: 18px 20px;
  border-radius: 10px;
  background: linear-gradient(140deg, #eef3f7, #dfe8f0);
  border: 1px solid #cfdae5;
  display: flex; flex-direction: column; gap: 9px;
}
.jcm-store-logo {
  font-size: 17px; font-weight: 900; letter-spacing: .06em;
  color: var(--jcm-navy);
}
.jcm-store-line { display: block; height: 6px; border-radius: 3px; background: #ffffff; width: 72%; }
.jcm-store-line-2 { width: 48%; }
.jcm-store-shelf {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px;
  padding: 16px 20px 4px;
}
.jcm-store-shelf span {
  height: 42px; border-radius: 5px;
  background: #ffffff;
  border: 1px solid var(--jcm-line-soft);
  box-shadow: 0 2px 5px rgba(21, 54, 92, .06);
}
.jcm-store-shelf span:nth-child(2n) { background: #fdf3e6; border-color: #f0dcc4; }
.jcm-store-counter {
  display: flex; flex-direction: column; gap: 6px;
  padding: 14px 20px 20px;
}
.jcm-store-tag {
  padding: 8px 12px;
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid var(--jcm-line-soft);
  font-size: 9.5px; font-weight: 700; line-height: 1.5;
  color: var(--jcm-ink-soft);
}
.jcm-store-tag-2 { color: var(--jcm-au); font-weight: 900; letter-spacing: .02em; }

.jcm-card-staff {
  position: absolute;
  left: 0; bottom: 6px;
  display: flex; align-items: center; gap: 11px;
  padding: 12px 18px 12px 12px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid var(--jcm-line);
  box-shadow: 0 14px 30px rgba(21, 54, 92, .16);
}
.jcm-card-staff-ava {
  width: 34px; height: 34px; border-radius: 50%;
  background: linear-gradient(150deg, var(--jcm-green-l), var(--jcm-green));
  box-shadow: inset 0 -6px 12px rgba(0, 0, 0, .08);
}
.jcm-card-staff-meta { display: flex; flex-direction: column; gap: 1px; }
.jcm-card-staff-name { font-size: 11.5px; font-weight: 900; color: var(--jcm-navy); }
.jcm-card-staff-sub { font-size: 9.5px; font-weight: 700; color: var(--jcm-ink-mute); }

.jcm-chip {
  position: absolute;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 10px 16px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid var(--jcm-line);
  font-size: 11.5px; font-weight: 900; color: var(--jcm-navy);
  white-space: nowrap;
  box-shadow: 0 12px 26px rgba(21, 54, 92, .14);
}
.jcm-chip i { font-size: 10px; color: var(--jcm-green-d); }
.jcm-chip-1 { top: 6px; right: 4px; }
.jcm-chip-2 { bottom: 14px; right: 0; background: var(--jcm-navy); color: #ffffff; border-color: var(--jcm-navy); }
.jcm-chip-2 i { color: #9fc3a7; }

/* ===================== どんなお仕事？ ===================== */
.jcm-work { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 0; }
.jcm-work-row {
  display: flex; align-items: flex-start; gap: 22px;
  padding: 26px 0;
  border-bottom: 1px dashed var(--jcm-line);
}
.jcm-work-row:first-child { padding-top: 0; }
.jcm-work-row:last-child { border-bottom: 0; padding-bottom: 0; }
.jcm-work-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 52px; height: 52px; border-radius: 50%;
  background: var(--jcm-green-xl);
  color: var(--jcm-green-d);
  font-size: 20px;
}
.jcm-work-body { display: flex; flex-direction: column; gap: 7px; padding-top: 4px; min-width: 0; }
.jcm-work-label {
  font-size: 16px; font-weight: 900; letter-spacing: .03em;
  color: var(--jcm-navy);
}
.jcm-work-text {
  font-size: 15.5px; font-weight: 700; line-height: 1.85;
  color: var(--jcm-navy);
  white-space: pre-line;
  text-wrap: pretty;
}
.jcm-areas { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.jcm-area {
  padding: 5px 14px;
  border-radius: 6px;
  background: var(--jcm-green-pill);
  color: var(--jcm-navy);
  font-size: 13px; font-weight: 900; letter-spacing: .04em;
}
.jcm-areas-foot {
  margin-top: 4px;
  font-size: 14.5px; font-weight: 700; color: var(--jcm-navy);
}
.jcm-work-row-strong .jcm-work-text { color: var(--jcm-green-d); font-weight: 900; }
.jcm-work-row-strong .jcm-work-ico { background: var(--jcm-green); color: #ffffff; }

/* ===================== 報酬システム ===================== */
.jcm-reward-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, .78fr);
  gap: 16px;
  align-items: end;
}
.jcm-reward-card {
  position: relative;
  display: flex; flex-direction: column; align-items: center;
  padding: 26px 20px 24px;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid var(--jcm-line);
  box-shadow: 0 10px 26px rgba(21, 54, 92, .07);
  text-align: center;
}
.jcm-reward-avg {
  border-color: var(--jcm-green-l);
  box-shadow: 0 14px 32px rgba(109, 156, 120, .18);
}
.jcm-reward-top {
  padding-top: 0;
  border: 0;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(21, 54, 92, .16);
  overflow: hidden;
}
/* スライド同様、帯はカード幅いっぱいに敷く（カード側の左右パディングを打ち消す） */
.jcm-reward-crown {
  display: block;
  align-self: stretch;
  width: auto; height: 52px;
  margin: 0 -20px 18px;
  background: linear-gradient(160deg, #a8c9ae, var(--jcm-green));
}
.jcm-reward-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 52px; height: 52px; border-radius: 50%;
  border: 1.5px solid var(--jcm-green-l);
  background: #ffffff;
  color: var(--jcm-navy);
  font-size: 20px;
  margin: 0 0 16px;
}
.jcm-reward-top .jcm-reward-ico {
  margin-top: 0;
  width: 46px; height: 46px;
  border-color: var(--jcm-green);
  color: var(--jcm-green-d);
}
.jcm-reward-head {
  margin: 0 0 6px;
  font-size: 14px; font-weight: 900; letter-spacing: .06em;
  color: var(--jcm-navy);
}
.jcm-reward-num { margin: 0; display: flex; align-items: baseline; justify-content: center; gap: 3px; }
.jcm-reward-val {
  font-size: clamp(34px, 4.4vw, 50px);
  font-weight: 900; line-height: 1.1; letter-spacing: -.02em;
  color: var(--jcm-navy);
}
.jcm-reward-top .jcm-reward-val { color: var(--jcm-navy); }
.jcm-reward-unit { font-size: 15px; font-weight: 900; color: var(--jcm-navy); }
.jcm-reward-dash {
  display: block;
  width: 72%; height: 1px;
  margin: 16px 0 12px;
  border-top: 1px dotted var(--jcm-line);
}
.jcm-reward-foot {
  margin: 0;
  font-size: 13.5px; font-weight: 900; letter-spacing: .03em;
  color: var(--jcm-navy);
}

.jcm-unlimited {
  display: flex; flex-direction: column; align-items: center;
  padding: 26px 18px;
  border-radius: 14px;
  background: #ffffff;
  border: 1px solid var(--jcm-line);
  box-shadow: 0 10px 26px rgba(21, 54, 92, .06);
  text-align: center;
}
.jcm-unlimited-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 52px; height: 52px; border-radius: 50%;
  border: 1.5px solid var(--jcm-green);
  color: var(--jcm-green);
  font-size: 22px;
  margin: 0 0 14px;
}
.jcm-unlimited-title {
  margin: 0 0 12px;
  font-size: 15px; font-weight: 900; line-height: 1.6;
  color: var(--jcm-green-d);
}
.jcm-unlimited-body {
  margin: 0;
  font-size: 13px; font-weight: 700; line-height: 1.9;
  color: var(--jcm-ink-soft);
  white-space: pre-line;
  text-wrap: pretty;
}
.jcm-note {
  margin: 26px 0 0;
  font-size: 11.5px; line-height: 1.7;
  color: var(--jcm-ink-mute);
}

/* ===================== 研修制度 ===================== */
.jcm-train { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.jcm-train-row {
  display: flex; align-items: flex-start; gap: 24px;
  padding: 28px 0;
  border-bottom: 1px dashed var(--jcm-line);
}
.jcm-train-row:first-child { padding-top: 0; }
.jcm-train-row:last-child { border-bottom: 0; padding-bottom: 0; }
.jcm-train-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 58px; height: 58px; border-radius: 50%;
  background: var(--jcm-green-xl);
  color: var(--jcm-green-d);
  font-size: 22px;
}
.jcm-train-body { display: flex; flex-direction: column; gap: 7px; padding-top: 6px; min-width: 0; }
.jcm-train-title {
  font-size: 17px; font-weight: 900; letter-spacing: .03em;
  color: var(--jcm-navy);
}
.jcm-train-text {
  font-size: 15.5px; font-weight: 700; line-height: 1.9;
  color: var(--jcm-navy);
  white-space: pre-line;
  text-wrap: pretty;
}
.jcm-train-badge {
  display: inline-block;
  margin: 0 4px;
  padding: 3px 13px;
  border-radius: 999px;
  background: var(--jcm-green);
  color: #ffffff;
  font-size: 15px; font-weight: 900;
  white-space: nowrap;
}

/* ===================== 募集要項・参加条件 ===================== */
.jcm-req { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.jcm-req-row {
  display: flex; align-items: center; gap: 22px;
  padding: 22px 28px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid var(--jcm-line);
  border-left: 4px solid var(--jcm-green);
  box-shadow: 0 6px 18px rgba(21, 54, 92, .05);
}
.jcm-req-row-alert {
  border-left-color: var(--jcm-alert);
  background: var(--jcm-alert-bg);
}
.jcm-req-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; border-radius: 50%;
  background: var(--jcm-green);
  color: #ffffff;
  font-size: 15px;
}
.jcm-req-row-alert .jcm-req-ico { background: var(--jcm-alert); }
.jcm-req-text { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; min-width: 0; }
.jcm-req-label {
  font-size: 15px; font-weight: 900; letter-spacing: .04em;
  color: var(--jcm-navy);
}
.jcm-req-value {
  font-size: 16.5px; font-weight: 900; line-height: 1.6;
  color: var(--jcm-navy);
}
.jcm-req-note {
  font-size: 13.5px; font-weight: 700;
  color: var(--jcm-ink-soft);
}
.jcm-req-note-alert { color: var(--jcm-alert); font-weight: 900; }

.jcm-caution {
  display: flex; align-items: flex-start; gap: 10px;
  margin: 24px 0 0;
  padding: 16px 22px;
  border-radius: 8px;
  background: var(--jcm-alert-bg);
  border: 1px solid #f3cfc9;
  font-size: 13.5px; font-weight: 900; line-height: 1.8;
  color: #a5301f;
}
.jcm-caution i { margin-top: 3px; font-size: 14px; }
/* ===================== Q&A ===================== */
/* 見出しピルに帯の継ぎ目が重ならないよう、::before は使わず padding で余白を取る */
.jcm-faq {
  position: relative;
  padding: 96px 0 88px;
  background: var(--jcm-cream);
}
.jcm-faq-title {
  position: relative;
  margin: 0 auto 52px;
  padding: 26px 44px;
  border-radius: 999px;
  background: linear-gradient(120deg, var(--jcm-navy) 0%, var(--jcm-navy-l) 100%);
  color: #ffffff;
  font-size: clamp(21px, 2.7vw, 32px);
  font-weight: 900; text-align: center; letter-spacing: .02em;
  box-shadow: 0 18px 40px rgba(21, 54, 92, .22);
}

.jcm-faq-grid {
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.jcm-faq-card {
  position: relative;
  display: flex; flex-direction: column;
  padding: 26px 22px 24px 28px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid var(--jcm-line);
  box-shadow: 0 12px 30px rgba(21, 54, 92, .07);
}
.jcm-faq-bar {
  position: absolute;
  left: 0; top: 22px; bottom: 22px;
  width: 4px;
  border-radius: 0 3px 3px 0;
  background: var(--jcm-green);
}
.jcm-faq-q {
  display: flex; align-items: flex-start; gap: 8px;
  margin: 0;
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--jcm-green-pill);
  font-size: 14px; font-weight: 900; line-height: 1.6;
  color: var(--jcm-navy);
}
.jcm-faq-q-mark { flex: 0 0 auto; font-weight: 900; color: var(--jcm-green-d); }
.jcm-faq-arrow {
  display: block;
  margin: 8px 0 8px 6px;
  font-size: 16px;
  color: var(--jcm-green);
  line-height: 1;
}
.jcm-faq-a {
  display: flex; align-items: flex-start; gap: 8px;
  margin: 0 0 18px;
  font-size: 14.5px; font-weight: 900; line-height: 1.72;
  color: var(--jcm-navy);
  text-wrap: pretty;
}
.jcm-faq-a-mark {
  flex: 0 0 auto;
  font-family: 'Shippori Mincho', serif;
  font-size: 21px; font-weight: 700; line-height: 1.1;
  color: var(--jcm-green);
}

/* スライドの写真位置：CSS描画のプレースホルダ（人物写真の代わりに店舗モチーフ） */
.jcm-faq-figure {
  position: relative;
  margin: 0 0 18px;
  border-radius: 10px;
  overflow: hidden;
}
.jcm-faq-shot {
  display: block;
  height: 138px;
  background:
    radial-gradient(circle at 78% 34%, rgba(225, 127, 68, .2), transparent 46%),
    linear-gradient(160deg, #eef3f7 0%, #dfe8ef 52%, #cbd9e5 100%);
}
.jcm-faq-shot::before {
  content: 'au';
  position: absolute;
  top: 14px; left: 16px;
  font-size: 22px; font-weight: 900; font-style: italic;
  color: var(--jcm-au);
  opacity: .82;
}
.jcm-faq-shot::after {
  content: '';
  position: absolute;
  left: 16px; right: 16px; bottom: 0;
  height: 34px;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), #f3ece0);
}
.jcm-faq-badge {
  position: absolute;
  left: 18px; bottom: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid var(--jcm-line);
  color: var(--jcm-green-d);
  font-size: 17px;
  box-shadow: 0 8px 18px rgba(21, 54, 92, .14);
}
.jcm-faq-body {
  margin: 0;
  font-size: 12.5px; font-weight: 500; line-height: 1.95;
  color: var(--jcm-ink-soft);
  text-wrap: pretty;
}
.jcm-faq-foot {
  display: flex; align-items: center; justify-content: center; gap: 9px;
  margin: 44px 0 0;
  font-size: 14.5px; font-weight: 900; letter-spacing: .02em;
  color: var(--jcm-green-d);
  text-align: center;
  text-wrap: balance;
}
.jcm-faq-foot i { font-size: 14px; }

/* ===================== お問い合わせ ===================== */
.jcm-contact {
  position: relative;
  overflow: hidden;
  padding: 88px 0 78px;
  background: linear-gradient(170deg, #fefbf4 0%, #fbf6ec 100%);
}
.jcm-contact-bubble {
  position: absolute;
  top: -16%; right: -10%;
  width: 620px; height: 620px;
  border-radius: 50%;
  background: linear-gradient(150deg, var(--jcm-navy) 0%, var(--jcm-navy-d) 100%);
  pointer-events: none;
}
.jcm-contact-inner { position: relative; }

.jcm-contact-side {
  position: absolute;
  top: -50px; right: 34px;
  margin: 0;
  max-width: 210px;
  font-size: 13px; font-weight: 700; line-height: 1.9;
  color: #ffffff;
  white-space: pre-line;
  text-align: right;
  letter-spacing: .02em;
}

.jcm-contact-title {
  margin: 0;
  font-size: clamp(24px, 3.4vw, 40px);
  font-weight: 900; line-height: 1.44; letter-spacing: .01em;
  color: var(--jcm-navy);
  text-align: center;
  white-space: pre-line;
  text-wrap: balance;
}
.jcm-contact-sub {
  display: flex; align-items: center; justify-content: center; gap: 16px;
  margin: 18px 0 46px;
  font-size: clamp(15px, 1.9vw, 20px);
  font-weight: 900; letter-spacing: .02em;
  color: var(--jcm-navy);
  text-align: center;
  text-wrap: balance;
}
.jcm-contact-slash {
  display: inline-block;
  width: 42px; height: 1px;
  background: var(--jcm-green);
  flex: 0 0 auto;
}

.jcm-contact-cards {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  max-width: 940px;
  margin: 0 auto;
}
.jcm-contact-card {
  display: flex; flex-direction: column; align-items: center;
  gap: 12px;
  padding: 34px 28px 30px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid var(--jcm-line);
  border-top: 5px solid var(--jcm-green);
  box-shadow: 0 16px 38px rgba(21, 54, 92, .09);
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}
a.jcm-contact-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 46px rgba(21, 54, 92, .15);
}
.jcm-qr {
  display: inline-flex; align-items: center; justify-content: center;
  width: 132px; height: 132px;
  border-radius: 10px;
  border: 2px solid var(--jcm-navy);
  background:
    repeating-linear-gradient(0deg, transparent 0 9px, rgba(21, 54, 92, .1) 9px 10px),
    repeating-linear-gradient(90deg, transparent 0 9px, rgba(21, 54, 92, .1) 9px 10px),
    #ffffff;
  color: var(--jcm-navy);
  font-size: 34px;
}
.jcm-contact-card-title {
  font-size: 21px; font-weight: 900; letter-spacing: .04em;
  color: var(--jcm-navy);
}
.jcm-contact-card-body {
  font-size: 13px; font-weight: 700; line-height: 1.8;
  color: var(--jcm-navy);
  text-align: center;
}

.jcm-contact-card-person {
  border-top-color: var(--jcm-green-l);
}
.jcm-contact-person-ava {
  width: 118px; height: 118px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 34%, #f6ddd0 0 26%, transparent 27%),
    radial-gradient(circle at 50% 108%, #1d4675 0 42%, transparent 43%),
    linear-gradient(160deg, #f3ece0, #e2d7c6);
  border: 3px solid #ffffff;
  box-shadow: 0 10px 24px rgba(21, 54, 92, .16);
}
.jcm-contact-person-meta {
  display: flex; flex-direction: column; align-items: center; gap: 7px;
}
.jcm-contact-person-name {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 26px; font-weight: 900; letter-spacing: .04em;
  color: var(--jcm-navy);
}
.jcm-contact-person-name i { font-size: 22px; color: var(--jcm-green-d); }

.jcm-contact-foot {
  display: flex; align-items: center; justify-content: center; gap: 9px;
  margin: 40px 0 0;
  font-size: 14px; font-weight: 900;
  color: var(--jcm-green-d);
  text-align: center;
  text-wrap: balance;
}
.jcm-contact-foot i { font-size: 13px; }

/* ===================== レスポンシブ ===================== */
@media (max-width: 1024px) {
  .jcm-reward-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jcm-unlimited { grid-column: 1 / -1; flex-direction: row; text-align: left; gap: 18px; align-items: center; }
  .jcm-unlimited-ico { margin: 0; flex: 0 0 auto; }
  .jcm-unlimited-body { white-space: pre-line; }
  .jcm-faq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .jcm-section { padding: 68px 0; }
  .jcm-hero { padding: 48px 0 62px; }
  .jcm-hero-inner { grid-template-columns: 1fr; gap: 40px; }
  .jcm-hero-copy {
    margin-left: 0;
    border-radius: 0 64px 64px 0;
    padding: 36px 28px 38px;
  }
  .jcm-hero-art { order: -1; padding: 44px 8px 40px; max-width: 460px; margin: 0 auto; }
  .jcm-chip-1 { top: 0; right: 0; }
  .jcm-chip-2 { bottom: 0; right: 0; }
  .jcm-card-staff { position: static; margin: 12px 0 0; align-self: flex-start; }
  .jcm-contact-side { position: static; max-width: none; text-align: center; color: var(--jcm-navy); margin: 0 0 22px; }
  .jcm-contact-bubble { display: none; }
  .jcm-faq-title { padding: 20px 26px; }
}

@media (max-width: 760px) {
  .jcm-wrap { padding: 0 20px; }
  .jcm-reward-grid { grid-template-columns: 1fr; }
  .jcm-unlimited { flex-direction: column; text-align: center; }
  .jcm-faq-grid { grid-template-columns: 1fr; }
  .jcm-contact-cards { grid-template-columns: 1fr; }
  .jcm-work-row, .jcm-train-row { gap: 16px; }
  .jcm-work-ico { width: 44px; height: 44px; font-size: 17px; }
  .jcm-train-ico { width: 48px; height: 48px; font-size: 18px; }
  .jcm-req-row { padding: 18px 20px; gap: 16px; align-items: flex-start; }
  .jcm-req-ico { width: 36px; height: 36px; font-size: 13px; }
}

@media (max-width: 640px) {
  .jcm-section { padding: 54px 0; }
  .jcm-hero { padding: 38px 0 48px; }
  .jcm-hero-copy { padding: 28px 20px 30px; border-radius: 0 48px 48px 0; }
  .jcm-h1-main { font-size: clamp(25px, 7.6vw, 34px); }
  .jcm-h1-lead { font-size: 15px; }
  .jcm-hero-sub { font-size: 13px; }
  .jcm-hero-actions { gap: 10px; }
  .jcm-hero-actions .jcm-btn { flex: 1 1 100%; justify-content: center; }
  .jcm-head-en { display: none; }
  .jcm-title { font-size: 22px; }
  .jcm-title-sub { font-size: 15.5px; }
  .jcm-work-label, .jcm-train-title { font-size: 14.5px; }
  .jcm-work-text, .jcm-train-text { font-size: 13.5px; }
  .jcm-area { font-size: 11.5px; padding: 4px 10px; }
  .jcm-areas-foot { font-size: 13px; }
  .jcm-reward-val { font-size: 36px; }
  .jcm-req-row { flex-direction: column; gap: 12px; }
  .jcm-req-label, .jcm-req-value { font-size: 14.5px; }
  .jcm-faq { padding-bottom: 60px; }
  .jcm-faq-title { font-size: 19px; padding: 16px 18px; border-radius: 14px; }
  .jcm-faq-q { font-size: 13px; }
  .jcm-faq-a { font-size: 13.5px; }
  .jcm-faq-body { font-size: 12px; }
  .jcm-contact { padding: 60px 0 56px; }
  .jcm-contact-title { font-size: 22px; }
  .jcm-contact-sub { font-size: 14px; gap: 10px; margin-bottom: 32px; }
  .jcm-contact-slash { width: 22px; }
  .jcm-qr { width: 108px; height: 108px; font-size: 28px; }
  .jcm-contact-card-title { font-size: 18px; }
  .jcm-contact-person-name { font-size: 22px; }
  .jcm-caution { font-size: 12.5px; padding: 14px 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .jcm-btn, .jcm-contact-card { transition: none; }
  .jcm-btn:hover, a.jcm-contact-card:hover { transform: none; }
}

/* ============================================================
   火災保険申請サポート案件 LP（fir）
   スライド11枚から実測した配色：
   深ネイビー #03103e / ネイビー #0b2a56 / ゴールド #c9a24d
   明ゴールド #deb14a / ペールゴールド #f7e5bb / 生成り #fdfcf8
   ============================================================ */
.fir {
  --fir-navy-d: #03103e;
  --fir-navy: #0b2a56;
  --fir-navy-l: #16406f;
  --fir-gold: #c9a24d;
  --fir-gold-l: #deb14a;
  --fir-gold-pale: #f7e5bb;
  --fir-gold-soft: #f4ead5;
  --fir-cream: #fdfcf8;
  --fir-cream-2: #faf7ef;
  --fir-line: #e5dcc8;
  --fir-ink: #1b2436;
  --fir-ink-soft: #55627a;
  --fir-ink-mute: #8d97a8;
  --fir-white: #ffffff;

  background: var(--fir-cream);
  color: var(--fir-ink);
  overflow-x: hidden;
}
.fir-wrap { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 30px; }

/* ---------- 見出し ---------- */
.fir-head { position: relative; margin: 0 0 44px; padding-left: 62px; }
.fir-head-center { padding-left: 0; text-align: center; }
.fir-head-no {
  position: absolute;
  left: 0; top: 6px;
  font-family: 'Shippori Mincho', serif;
  font-size: 26px; font-weight: 700; letter-spacing: .04em;
  color: var(--fir-gold);
}
.fir-head-no::after {
  content: '';
  display: block;
  width: 34px; height: 2px;
  margin: 10px 0 0;
  background: var(--fir-gold);
  opacity: .55;
}
.fir-head-center .fir-head-no {
  position: static;
  display: block;
  margin: 0 0 6px;
  font-size: 20px;
}
.fir-head-center .fir-head-no::after { display: none; }

.fir-title {
  margin: 0;
  font-size: clamp(24px, 3.2vw, 37px);
  font-weight: 900; line-height: 1.5; letter-spacing: .02em;
  color: var(--fir-navy-d);
  white-space: pre-line;
  text-wrap: balance;
  word-break: auto-phrase;
}
.fir-sub {
  margin: 16px 0 0;
  font-size: clamp(14px, 1.5vw, 17px);
  font-weight: 700; line-height: 1.9;
  color: var(--fir-ink-soft);
  white-space: pre-line;
  text-wrap: pretty;
}

/* ---------- ボタン ---------- */
.fir-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 14px;
  padding: 18px 40px;
  border-radius: 4px;
  background: linear-gradient(135deg, var(--fir-gold-pale) 0%, #ecd9a9 52%, var(--fir-gold-l) 100%);
  color: var(--fir-navy-d);
  font-size: 16px; font-weight: 900; letter-spacing: .03em;
  text-decoration: none;
  border: 1px solid rgba(160, 124, 45, .32);
  box-shadow: 0 12px 26px rgba(150, 116, 42, .2);
  transition: transform .22s ease, box-shadow .22s ease;
}
.fir-btn:hover { transform: translateY(-2px); box-shadow: 0 18px 34px rgba(150, 116, 42, .28); }
.fir-btn-arrow { font-size: 13px; color: var(--fir-navy); }
.fir-btn-ghost {
  background: #ffffff;
  color: var(--fir-navy-d);
  border: 1px solid var(--fir-gold);
  box-shadow: 0 10px 22px rgba(3, 16, 62, .07);
}
.fir-btn-ghost:hover { box-shadow: 0 16px 30px rgba(3, 16, 62, .12); }
.fir-btn-block { display: flex; width: 100%; }

/* ===================== 01 ヒーロー ===================== */
.fir-hero {
  position: relative;
  padding: 74px 0 0;
  background:
    radial-gradient(900px 520px at 88% -6%, rgba(201, 162, 77, .13), transparent 62%),
    linear-gradient(168deg, #ffffff 0%, #fbf9f3 48%, #f6f2e6 100%);
  overflow: hidden;
}
.fir-hero-arc {
  position: absolute;
  top: -190px; left: 44%;
  width: 760px; height: 760px;
  border: 1px solid rgba(201, 162, 77, .28);
  border-radius: 50%;
  pointer-events: none;
}
.fir-hero-tick {
  position: absolute;
  top: 92px; left: 30px;
  width: 0; height: 0;
  border-left: 13px solid var(--fir-gold);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  pointer-events: none;
}
.fir-hero-inner {
  position: relative;
  display: grid; grid-template-columns: minmax(0, 1fr) 430px;
  gap: 48px; align-items: center;
}
.fir-hero-copy { min-width: 0; }
.fir-hero-rule {
  width: 118px; height: 0;
  margin: 0 0 26px;
  border-top: 1px solid var(--fir-gold);
}
.fir-kicker {
  margin: 0 0 12px;
  font-size: clamp(19px, 2.2vw, 26px);
  font-weight: 900; letter-spacing: .02em;
  color: var(--fir-navy-d);
}
.fir-h1 {
  margin: 0;
  /* 最長行「「火災保険申請サポート」」（全角12字）がコピー列に収まるサイズに調整。
     50pxだと約606pxとなり602pxの列幅を超えて「サポー／ト」と不自然に折り返すため46pxとする。 */
  font-size: clamp(26px, 3.9vw, 46px);
  font-weight: 900; line-height: 1.42; letter-spacing: .01em;
  color: var(--fir-navy-d);
  white-space: pre-line;
  word-break: auto-phrase;
  line-break: strict;
}
.fir-hero-hr {
  width: 100%; height: 0;
  margin: 28px 0 22px;
  border-top: 1px solid var(--fir-gold);
  opacity: .8;
}
.fir-hero-lead {
  margin: 0;
  font-size: clamp(15px, 1.6vw, 18px);
  font-weight: 700; line-height: 1.95;
  color: var(--fir-gold);
  white-space: pre-line;
  text-wrap: pretty;
}
.fir-hero-actions {
  display: flex; flex-wrap: wrap; gap: 14px;
  margin: 34px 0 0;
}

/* 右側：CSS描画の家 */
.fir-hero-art { position: relative; padding: 46px 10px 54px; }
.fir-house {
  position: relative;
  width: 100%; height: 340px;
  border-radius: 6px;
  background:
    radial-gradient(420px 300px at 62% 78%, rgba(247, 229, 187, .5), transparent 68%),
    linear-gradient(168deg, #eaf0f7 0%, #dfe8f2 46%, #cfdae7 100%);
  overflow: hidden;
}
.fir-house-roof {
  position: absolute; left: 8%; top: 40%;
  width: 84%; height: 62px;
  background: linear-gradient(180deg, #ffffff, #eef2f7);
  border-radius: 4px 4px 0 0;
  box-shadow: 0 8px 18px rgba(3, 16, 62, .08);
}
.fir-house-body {
  position: absolute; left: 12%; top: 52%;
  width: 76%; height: 40%;
  background: linear-gradient(180deg, #f7f9fc, #e8eef5);
  border-radius: 0 0 4px 4px;
}
.fir-house-win {
  position: absolute;
  top: 58%;
  width: 17%; height: 16%;
  background: linear-gradient(150deg, #fff6dd, #f3d9a0);
  border: 1px solid rgba(201, 162, 77, .38);
  border-radius: 2px;
}
.fir-house-win-1 { left: 17%; }
.fir-house-win-2 { left: 41%; background: linear-gradient(150deg, #fffdf5, #f6e6c4); }
.fir-house-win-3 { left: 66%; }
.fir-house-door {
  position: absolute;
  left: 46%; top: 74%;
  width: 11%; height: 18%;
  background: linear-gradient(160deg, #d8b878, #b98f45);
  border-radius: 2px 2px 0 0;
}
.fir-house-tree {
  position: absolute;
  right: 6%; top: 30%;
  width: 62px; height: 62px;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 34%, #b9cda8, #8ba978);
  opacity: .85;
}
.fir-house-ground {
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 14%;
  background: linear-gradient(180deg, rgba(255, 255, 255, .7), rgba(226, 233, 240, .95));
}
.fir-tag {
  position: absolute;
  display: inline-flex; align-items: center; gap: 9px;
  margin: 0;
  padding: 11px 20px;
  border-radius: 999px;
  background: #ffffff;
  font-size: 13.5px; font-weight: 900; letter-spacing: .02em;
  color: var(--fir-navy-d);
  border: 1px solid var(--fir-line);
  box-shadow: 0 12px 26px rgba(3, 16, 62, .12);
  white-space: nowrap;
}
.fir-tag i { font-size: 12px; color: var(--fir-gold); }
.fir-tag-1 { top: 0; left: 0; }
.fir-tag-2 { bottom: 0; right: 0; }
.fir-tag-2 i { color: var(--fir-navy); }

/* ヒーロー下部のカード */
.fir-hero-cardwrap { position: relative; margin-top: 30px; }
.fir-hero-card {
  display: flex; align-items: center; gap: 18px;
  padding: 20px 26px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid var(--fir-line);
  border-top: 3px solid var(--fir-gold);
  box-shadow: 0 16px 36px rgba(3, 16, 62, .09);
}
.fir-hero-card-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px;
  border-radius: 50%;
  background: var(--fir-gold-soft);
  color: var(--fir-gold);
  font-size: 19px;
  margin: 0;
}
.fir-hero-card-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.fir-hero-card-title {
  font-size: 16.5px; font-weight: 900; letter-spacing: .03em;
  color: var(--fir-navy-d);
}
.fir-hero-card-sub { font-size: 13.5px; font-weight: 700; color: var(--fir-ink-soft); }
.fir-hero-card-badge {
  margin: 0 0 0 auto;
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 18px;
  border-radius: 999px;
  background: var(--fir-navy-d);
  color: #ffffff;
  font-size: 13px; font-weight: 900; letter-spacing: .06em;
  white-space: nowrap;
}
.fir-hero-card-badge i { font-size: 12px; color: var(--fir-gold-l); }

/* ===================== セクション ===================== */
.fir-section { position: relative; padding: 88px 0; background: var(--fir-cream); }
.fir-section-tint { background: linear-gradient(180deg, #fbf9f4, #f7f3e9); }

/* ---------- 02 メリット ---------- */
.fir-merit {
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.fir-merit-card {
  display: flex; flex-direction: column; align-items: center;
  padding: 40px 26px 34px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #dfe4ec;
  text-align: center;
}
.fir-merit-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 96px; height: 96px;
  border-radius: 50%;
  color: var(--fir-gold);
  font-size: 40px;
  margin: 0 0 24px;
}
/* スライド2枚目の「三方良し」＝3円が重なるモチーフをCSSで描画 */
.fir-venn {
  position: relative;
  display: block;
  width: 84px; height: 78px;
}
.fir-venn i {
  position: absolute;
  width: 50px; height: 50px;
  border: 2.5px solid var(--fir-gold);
  border-radius: 50%;
  opacity: .95;
}
.fir-venn i:nth-child(1) { top: 0; left: 17px; }
.fir-venn i:nth-child(2) { bottom: 0; left: 0; }
.fir-venn i:nth-child(3) { bottom: 0; right: 0; }
.fir-merit-title {
  margin: 0;
  font-size: clamp(19px, 2.1vw, 25px);
  font-weight: 900; letter-spacing: .02em;
  color: var(--fir-navy-d);
  text-wrap: balance;
  word-break: auto-phrase;
}
.fir-merit-div {
  position: relative;
  display: block;
  width: 74%; height: 1px;
  margin: 20px 0 18px;
  background: var(--fir-line);
}
.fir-merit-div i {
  position: absolute; left: 50%; top: 50%;
  width: 7px; height: 7px;
  background: var(--fir-gold-l);
  transform: translate(-50%, -50%) rotate(45deg);
}
.fir-merit-body {
  margin: 0;
  font-size: 14px; font-weight: 700; line-height: 1.95;
  color: var(--fir-ink-soft);
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
  line-break: strict;
}

/* ---------- 03 作業内容 ---------- */
.fir-flow {
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  counter-reset: none;
}
.fir-flow-step { position: relative; display: flex; flex-direction: column; align-items: center; }
.fir-flow-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 62px; height: 62px;
  border-radius: 50%;
  background: linear-gradient(150deg, #d9b563, var(--fir-gold));
  color: #ffffff;
  font-family: 'Shippori Mincho', serif;
  font-size: 21px; font-weight: 700; letter-spacing: .04em;
  box-shadow: 0 10px 22px rgba(160, 124, 45, .26);
  z-index: 2;
}
.fir-flow-card {
  width: 100%;
  margin: 20px 0 0;
  padding: 32px 24px 30px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid var(--fir-line);
  box-shadow: 0 10px 26px rgba(3, 16, 62, .06);
  text-align: center;
}
.fir-flow-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 74px; height: 74px;
  color: var(--fir-gold);
  font-size: 44px;
  margin: 0 0 20px;
}
.fir-flow-title {
  margin: 0 0 12px;
  font-size: clamp(18px, 2vw, 23px);
  font-weight: 900; letter-spacing: .03em;
  color: var(--fir-navy-d);
}
.fir-flow-body {
  margin: 0;
  font-size: 14px; font-weight: 700; line-height: 1.95;
  color: var(--fir-ink-soft);
  white-space: pre-line;
  text-wrap: pretty;
}
.fir-flow-line {
  position: absolute;
  top: 31px;
  left: calc(50% + 40px);
  width: calc(100% - 80px + 24px);
  height: 1px;
  background: var(--fir-gold);
  opacity: .55;
  z-index: 1;
}

/* ---------- 04 対象者チェックリスト ---------- */
.fir-check {
  margin: 0; padding: 0; list-style: none;
  display: flex; flex-direction: column; gap: 16px;
}
.fir-check-row {
  display: flex; align-items: center; gap: 26px;
  padding: 26px 32px;
  border-radius: 10px;
  background: #ffffff;
  border: 1.5px solid #d8dde6;
}
.fir-check-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 74px; height: 74px;
  border-radius: 50%;
  background: linear-gradient(150deg, #e3c783, var(--fir-gold));
  color: #ffffff;
  font-size: 30px;
}
.fir-check-text { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.fir-check-title {
  font-size: clamp(19px, 2.1vw, 26px);
  font-weight: 900; letter-spacing: .02em;
  color: var(--fir-navy-d);
  word-break: auto-phrase;
}
.fir-check-body { font-size: 14.5px; font-weight: 700; color: var(--fir-ink-soft); }

/* ---------- 05 報酬 ---------- */
.fir-reward { position: relative; background: var(--fir-cream); }
.fir-reward-band {
  padding: 22px 0 24px;
  background: linear-gradient(96deg, var(--fir-navy-d) 0%, var(--fir-navy) 58%, #0a2347 100%);
}
.fir-reward-band .fir-head { margin: 0; padding-left: 76px; }
.fir-reward-band .fir-head-no { top: 0; color: var(--fir-gold-l); }
.fir-reward-band .fir-head-no::after { display: none; }
.fir-reward-band .fir-title { color: var(--fir-gold-l); font-size: clamp(22px, 2.9vw, 33px); }
.fir-reward-body { padding-top: 56px; padding-bottom: 76px; text-align: center; }
.fir-reward-label {
  display: inline-flex; align-items: center; gap: 18px;
  margin: 0 0 6px;
  font-size: clamp(16px, 1.9vw, 22px);
  font-weight: 900; letter-spacing: .06em;
  color: var(--fir-gold);
}
.fir-reward-slash {
  display: block;
  width: 46px; height: 1px;
  background: var(--fir-gold);
  opacity: .7;
  transform: rotate(-24deg);
}
.fir-reward-amount { margin: 0; }
.fir-reward-num {
  display: inline-block;
  font-size: clamp(44px, 8vw, 96px);
  font-weight: 900; line-height: 1.1; letter-spacing: -.01em;
  color: var(--fir-gold-l);
  -webkit-text-stroke: 2px var(--fir-navy-d);
  paint-order: stroke fill;
  text-shadow: 0 4px 0 rgba(3, 16, 62, .1);
}
.fir-reward-unit {
  margin: 10px 0 40px;
  font-size: clamp(15px, 1.7vw, 19px);
  font-weight: 900; letter-spacing: .03em;
  color: var(--fir-navy-d);
}
.fir-reward-cards {
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  text-align: left;
}
.fir-reward-card {
  display: flex; align-items: center; gap: 22px;
  padding: 24px 28px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid var(--fir-line);
  box-shadow: 0 10px 24px rgba(3, 16, 62, .06);
}
.fir-reward-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 64px; height: 64px;
  border-radius: 50%;
  border: 1.5px solid var(--fir-gold);
  color: var(--fir-gold);
  font-size: 25px;
}
.fir-reward-card-text { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.fir-reward-card-title {
  font-size: clamp(16px, 1.9vw, 21px);
  font-weight: 900; letter-spacing: .02em;
  color: var(--fir-navy-d);
  word-break: auto-phrase;
}
.fir-reward-card-body { font-size: 13.5px; font-weight: 700; color: var(--fir-ink-soft); }

/* ---------- 06 損害例 ---------- */
.fir-damage {
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.fir-damage-card {
  display: flex; align-items: center; gap: 24px;
  padding: 26px 30px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid #d8dde6;
}
.fir-damage-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 92px; height: 92px;
  color: var(--fir-gold);
  font-size: 52px;
}
.fir-damage-text { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.fir-damage-title {
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 900; letter-spacing: .02em;
  color: var(--fir-navy-d);
  word-break: auto-phrase;
}
.fir-damage-body {
  font-size: 13.5px; font-weight: 700; line-height: 1.9;
  color: var(--fir-ink-soft);
  white-space: pre-line;
  text-wrap: pretty;
}
.fir-damage-caution {
  background: linear-gradient(140deg, #fdf8ec, #faf1dd);
  border: 1px solid var(--fir-gold);
}
.fir-damage-caution .fir-damage-ico {
  border: 2px solid var(--fir-gold);
  border-radius: 50%;
  font-size: 30px;
}

/* ---------- 07 違法性 ---------- */
.fir-legal { display: flex; flex-direction: column; gap: 22px; }
.fir-legal-q {
  display: flex; align-items: center; gap: 22px;
  margin: 0;
  padding: 32px 38px;
  border-radius: 10px;
  background: linear-gradient(120deg, var(--fir-navy-d), var(--fir-navy) 68%, #0a2347);
}
.fir-legal-mark {
  flex: 0 0 auto;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 700; line-height: 1;
  color: var(--fir-gold-l);
}
.fir-legal-q-text {
  padding-left: 22px;
  border-left: 1px solid rgba(247, 229, 187, .42);
  font-size: clamp(19px, 2.4vw, 29px);
  font-weight: 900; letter-spacing: .02em;
  color: #ffffff;
  text-wrap: balance;
  word-break: auto-phrase;
}
.fir-legal-a {
  padding: 32px 38px 30px;
  border-radius: 10px;
  background: #ffffff;
  border: 1.5px solid #d8dde6;
}
.fir-legal-a-head { display: flex; align-items: center; gap: 22px; margin: 0 0 14px; }
.fir-legal-mark-a { color: var(--fir-navy-d); }
.fir-legal-a-text {
  padding-left: 22px;
  border-left: 1px solid var(--fir-line);
  font-size: clamp(18px, 2.2vw, 27px);
  font-weight: 900; letter-spacing: .02em;
  color: var(--fir-navy-d);
  text-wrap: balance;
  word-break: auto-phrase;
}
.fir-legal-a-sub {
  margin: 0 0 24px;
  font-size: 14.5px; font-weight: 700; line-height: 1.9;
  color: var(--fir-ink-soft);
  text-wrap: pretty;
}
.fir-legal-ng {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  margin: 0;
  padding: 18px 24px;
  border-radius: 6px;
  background: #fdfcf8;
  border: 1px solid var(--fir-line);
}
.fir-legal-ng-label {
  flex: 0 0 auto;
  padding: 6px 14px;
  border-radius: 2px;
  background: var(--fir-navy-d);
  color: #ffffff;
  font-size: 12.5px; font-weight: 900; letter-spacing: .08em;
}
.fir-legal-ng-x { color: var(--fir-gold); font-size: 15px; }
.fir-legal-ng-body {
  flex: 1 1 240px;
  font-size: 13.5px; font-weight: 700; line-height: 1.85;
  color: var(--fir-navy-d);
  text-wrap: pretty;
}

/* ---------- 08 よくある質問 ---------- */
.fir-faq {
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
.fir-faq-card {
  display: flex; flex-direction: column;
  padding: 32px 34px 30px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #d8dde6;
}
.fir-faq-no,
.fir-faq-ano {
  margin: 0 0 12px;
  font-family: 'Shippori Mincho', serif;
  font-size: 20px; font-weight: 700; letter-spacing: .06em;
  color: var(--fir-gold);
}
.fir-faq-q {
  margin: 0;
  font-size: clamp(17px, 2vw, 22px);
  font-weight: 900; line-height: 1.7; letter-spacing: .02em;
  color: var(--fir-navy-d);
  text-wrap: pretty;
  word-break: auto-phrase;
}
.fir-faq-div {
  display: block;
  width: 100%; height: 1px;
  margin: 22px 0;
  background: var(--fir-gold);
  opacity: .5;
}
.fir-faq-a {
  margin: 0 0 10px;
  font-size: clamp(16px, 1.8vw, 20px);
  font-weight: 900; letter-spacing: .02em;
  color: var(--fir-navy-d);
  text-wrap: pretty;
  word-break: auto-phrase;
}
.fir-faq-body {
  margin: 0;
  font-size: 13.5px; font-weight: 700; line-height: 1.95;
  color: var(--fir-ink-soft);
  text-wrap: pretty;
  word-break: auto-phrase;
  line-break: strict;
}

/* ---------- 09 トーク例 ---------- */
.fir-talk {
  margin: 0; padding: 0; list-style: none;
  display: flex; flex-direction: column; gap: 20px;
}
.fir-talk-card {
  display: flex; align-items: center; gap: 26px;
  padding: 26px 32px;
  border-radius: 10px;
  background: #ffffff;
  border: 1.5px solid var(--fir-gold);
}
.fir-talk-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 62px; height: 62px;
  border: 1.5px solid var(--fir-gold);
  border-radius: 50%;
  color: var(--fir-gold);
  font-size: 24px;
}
.fir-talk-text {
  display: flex; flex-direction: column; gap: 8px;
  min-width: 0; padding-left: 22px;
  border-left: 1px solid var(--fir-line);
}
.fir-talk-label { font-size: 13.5px; font-weight: 900; letter-spacing: .06em; color: var(--fir-gold); }
.fir-talk-body {
  font-size: clamp(16px, 2vw, 23px);
  font-weight: 900; line-height: 1.72; letter-spacing: .02em;
  color: var(--fir-navy-d);
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
}
.fir-talk-point {
  display: flex; align-items: center; gap: 22px; flex-wrap: wrap;
  margin: 26px 0 0;
  padding: 22px 26px;
  border-radius: 6px;
  background: #fdfcf8;
  border: 1px solid var(--fir-line);
}
.fir-talk-point-label {
  flex: 0 0 auto;
  padding: 10px 20px;
  background: var(--fir-navy-d);
  color: #ffffff;
  font-size: 13.5px; font-weight: 900; letter-spacing: .06em;
  clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%);
  padding-right: 30px;
}
.fir-talk-point-body {
  flex: 1 1 260px;
  font-size: 13.5px; font-weight: 700; line-height: 1.9;
  color: var(--fir-navy-d);
  white-space: pre-line;
  text-wrap: pretty;
}

/* ---------- 10 スタートまでの3ステップ ---------- */
.fir-start {
  position: relative;
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding-top: 54px;
}
.fir-start::before {
  content: '';
  position: absolute;
  left: 4%; right: 4%; top: 26px;
  height: 1px;
  background: var(--fir-gold);
  opacity: .55;
}
.fir-start-step { position: relative; display: flex; flex-direction: column; align-items: center; }
.fir-start-no {
  position: absolute;
  top: -54px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 56px; height: 56px;
  border-radius: 50%;
  background: linear-gradient(150deg, #d9b563, var(--fir-gold));
  color: #ffffff;
  font-family: 'Shippori Mincho', serif;
  font-size: 19px; font-weight: 700;
  box-shadow: 0 10px 22px rgba(160, 124, 45, .26);
  z-index: 2;
}
.fir-start-card {
  width: 100%;
  padding: 34px 26px 30px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #d8dde6;
  box-shadow: 0 10px 26px rgba(3, 16, 62, .06);
}
.fir-start-card-head {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
}
.fir-start-title {
  margin: 0;
  font-size: clamp(16px, 1.9vw, 20px);
  font-weight: 900; letter-spacing: .02em;
  color: var(--fir-navy-d);
  word-break: auto-phrase;
}
.fir-start-ico {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px;
  color: var(--fir-gold);
  font-size: 24px;
}
.fir-start-div {
  display: block;
  width: 100%; height: 1px;
  margin: 18px 0 16px;
  background: var(--fir-gold);
  opacity: .45;
}
.fir-start-body {
  margin: 0;
  font-size: 13.5px; font-weight: 700; line-height: 1.9;
  color: var(--fir-ink-soft);
  white-space: pre-line;
  text-wrap: pretty;
}

/* ---------- 11 CTA ---------- */
.fir-cta {
  position: relative;
  padding: 82px 0 96px;
  background:
    radial-gradient(760px 420px at 76% 92%, rgba(201, 162, 77, .16), transparent 66%),
    linear-gradient(170deg, #ffffff 0%, #fbf8ef 58%, #f6f1e2 100%);
  overflow: hidden;
}
.fir-cta-wave {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 96px;
  background:
    linear-gradient(178deg, transparent 0 62%, rgba(3, 16, 62, .05) 62% 100%);
  pointer-events: none;
}
.fir-cta-inner { position: relative; text-align: center; }
.fir-cta-title {
  margin: 0;
  font-size: clamp(23px, 3vw, 36px);
  font-weight: 900; line-height: 1.5; letter-spacing: .02em;
  color: var(--fir-navy-d);
  text-wrap: balance;
  word-break: auto-phrase;
}
.fir-cta-sub {
  margin: 18px 0 36px;
  font-size: clamp(14px, 1.5vw, 16.5px);
  font-weight: 700; line-height: 1.9;
  color: var(--fir-ink-soft);
  text-wrap: pretty;
}
.fir-cta-actions {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  max-width: 860px; margin: 0 auto;
}
.fir-cta-foot {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  margin: 46px 0 0;
  font-size: 14px; font-weight: 900; letter-spacing: .03em;
  color: var(--fir-navy-d);
  text-wrap: balance;
}
.fir-cta-foot i { font-size: 15px; color: var(--fir-gold); }

/* ===================== レスポンシブ ===================== */
@media (max-width: 1024px) {
  .fir-hero-inner { grid-template-columns: minmax(0, 1fr) 360px; gap: 34px; }
  .fir-merit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fir-merit-card:last-child { grid-column: 1 / -1; }
  .fir-flow, .fir-start { grid-template-columns: 1fr; }
  .fir-flow-line { display: none; }
  .fir-start::before { display: none; }
  .fir-start { padding-top: 0; gap: 46px; }
  .fir-start-step { align-items: flex-start; }
  .fir-start-no { position: static; margin: 0 0 -8px; }
  .fir-damage-ico { width: 74px; height: 74px; font-size: 40px; }
}

@media (max-width: 900px) {
  .fir-section { padding: 68px 0; }
  .fir-hero { padding: 52px 0 0; }
  .fir-hero-inner { grid-template-columns: 1fr; gap: 40px; }
  .fir-hero-art { max-width: 460px; margin: 0 auto; width: 100%; padding: 40px 6px 46px; }
  .fir-house { height: 290px; }
  .fir-tag-1 { left: 0; }
  .fir-tag-2 { right: 0; }
  .fir-head { padding-left: 52px; }
  .fir-reward-band .fir-head { padding-left: 62px; }
  .fir-reward-cards, .fir-damage, .fir-faq, .fir-cta-actions { grid-template-columns: 1fr; }
  .fir-legal-q, .fir-legal-a { padding: 26px 26px 24px; }
  .fir-legal-q-text { padding-left: 16px; }
  .fir-legal-a-text { padding-left: 16px; }
}

@media (max-width: 640px) {
  .fir-wrap { padding: 0 20px; }
  .fir-section { padding: 54px 0; }
  .fir-hero { padding: 40px 0 0; }
  .fir-hero-arc { display: none; }
  .fir-hero-tick { top: 22px; left: 18px; }
  .fir-hero-actions { gap: 10px; }
  .fir-hero-actions .fir-btn { flex: 1 1 100%; padding: 16px 22px; font-size: 15px; }
  .fir-head { padding-left: 0; }
  .fir-head-no { position: static; display: block; margin: 0 0 8px; font-size: 19px; }
  .fir-head-no::after { display: none; }
  .fir-reward-band .fir-head { padding-left: 0; }
  .fir-title { font-size: 21px; }
  .fir-sub { font-size: 13.5px; }
  .fir-hero-card { flex-wrap: wrap; gap: 12px; padding: 16px 18px; }
  .fir-hero-card-badge { margin: 0; }
  .fir-hero-card-title { font-size: 15px; }
  .fir-merit { grid-template-columns: 1fr; }
  .fir-merit-card:last-child { grid-column: auto; }
  .fir-merit-ico { width: 76px; height: 76px; font-size: 32px; margin-bottom: 18px; }
  .fir-merit-card { padding: 30px 20px 26px; }
  .fir-flow-no { width: 52px; height: 52px; font-size: 18px; }
  .fir-flow-ico { width: 60px; height: 60px; font-size: 34px; }
  .fir-check-row { flex-direction: column; align-items: flex-start; gap: 14px; padding: 20px 22px; }
  .fir-check-ico { width: 54px; height: 54px; font-size: 22px; }
  .fir-check-title { font-size: 18px; }
  .fir-check-body { font-size: 13px; }
  .fir-reward-body { padding-top: 40px; padding-bottom: 56px; }
  .fir-reward-num { -webkit-text-stroke-width: 1.4px; }
  .fir-reward-unit { margin-bottom: 30px; }
  .fir-reward-card { padding: 20px 20px; gap: 16px; }
  .fir-reward-ico { width: 52px; height: 52px; font-size: 20px; }
  .fir-damage-card { gap: 16px; padding: 20px 20px; }
  .fir-damage-ico { width: 56px; height: 56px; font-size: 32px; }
  .fir-damage-caution .fir-damage-ico { font-size: 22px; }
  .fir-damage-title { font-size: 17px; }
  .fir-legal-q { flex-direction: column; align-items: flex-start; gap: 10px; padding: 22px 20px; }
  .fir-legal-q-text { padding-left: 0; border-left: 0; font-size: 17px; }
  .fir-legal-a { padding: 22px 20px; }
  .fir-legal-a-head { flex-direction: column; align-items: flex-start; gap: 8px; }
  .fir-legal-a-text { padding-left: 0; border-left: 0; font-size: 16.5px; }
  .fir-legal-ng { padding: 14px 16px; gap: 10px; }
  .fir-faq-card { padding: 24px 22px; }
  .fir-faq-no, .fir-faq-ano { font-size: 17px; }
  .fir-talk-card { flex-direction: column; align-items: flex-start; gap: 14px; padding: 22px 20px; }
  .fir-talk-ico { width: 48px; height: 48px; font-size: 18px; }
  .fir-talk-text { padding-left: 0; border-left: 0; }
  .fir-talk-body { font-size: 15.5px; }
  .fir-talk-point { padding: 18px 18px; gap: 14px; }
  .fir-talk-point-label { padding: 8px 26px 8px 14px; font-size: 12.5px; }
  .fir-start-card { padding: 26px 20px 24px; }
  .fir-cta { padding: 58px 0 66px; }
  .fir-cta-title { font-size: 20px; }
  .fir-cta-sub { margin-bottom: 28px; }
  .fir-cta-actions .fir-btn { padding: 15px 20px; font-size: 14.5px; }
  .fir-cta-foot { margin-top: 34px; font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .fir-btn { transition: none; }
  .fir-btn:hover { transform: none; }
}


/* ==========================================================================
   MNP 3案件（法人MNP代走／個人MNP代走／法人光回線契約）
   出典スライド：法人MNP、光回線代走案件_個人MNP案件完全募集ガイド（全15ページ）
   ========================================================================== */
/* ==========================================================================
   法人MNP代走 / 個人MNP代走 / 法人光回線契約（共通LP）
   配色は提案スライド（全15ページ）から実測：
   ディープネイビー #011226 / #0a1b30 / #112432、クリーム #fbfaf6 / #f9f8f3、
   グリーン #0a7153 / #0e7b54 / #138b6a
   ========================================================================== */
.mnp {
  --mnp-navy-d: #011226;
  --mnp-navy: #0a1b30;
  --mnp-navy-l: #112432;
  --mnp-green: #0a7153;
  --mnp-green-l: #138b6a;
  --mnp-green-m: #0e7b54;
  --mnp-green-soft: #e6f2ec;
  --mnp-cream: #fbfaf6;
  --mnp-cream-2: #f9f8f3;
  --mnp-cream-3: #f6f5f0;
  --mnp-line: #e3e0d6;
  --mnp-line-dark: #c9d2d8;
  --mnp-ink: #1b2436;
  --mnp-ink-soft: #55627a;
  --mnp-ink-mute: #8d97a8;
  background: var(--mnp-cream);
  overflow-x: hidden;
}

.mnp-wrap { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 30px; }

/* ---------- 見出し ---------- */
.mnp-head { position: relative; margin: 0 0 44px; padding-left: 62px; }
.mnp-head-center { padding-left: 0; text-align: center; }
.mnp-head-no {
  position: absolute; left: 0; top: 4px;
  font-family: 'Shippori Mincho', serif;
  font-size: 22px; font-weight: 700; letter-spacing: .06em;
  color: var(--mnp-green);
}
.mnp-head-center .mnp-head-no {
  position: static; display: block; margin: 0 0 10px;
}
.mnp-title {
  margin: 0;
  font-size: clamp(21px, 2.6vw, 32px);
  font-weight: 900; line-height: 1.5; letter-spacing: .01em;
  color: var(--mnp-navy-d);
  text-wrap: balance;
  word-break: auto-phrase;
  white-space: pre-line;
}
/* スライド共通の、見出し直下の緑の短い罫線 */
.mnp-head-center .mnp-title::after {
  content: '';
  display: block;
  width: 92px; height: 3px;
  margin: 18px auto 0;
  background: var(--mnp-green);
  border-radius: 2px;
}
.mnp-sub {
  margin: 14px 0 0;
  font-size: 15px; font-weight: 700; line-height: 1.8;
  color: var(--mnp-ink-soft);
  text-wrap: pretty;
}
.mnp-head-light .mnp-title { color: #ffffff; }
.mnp-head-light .mnp-head-no { color: #4fd1a5; }
.mnp-head-light .mnp-sub { color: rgba(255, 255, 255, .72); }

/* ---------- ボタン ---------- */
.mnp-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  padding: 17px 34px;
  border-radius: 6px;
  background: linear-gradient(135deg, var(--mnp-green-m) 0%, var(--mnp-green) 100%);
  color: #ffffff;
  font-size: 16px; font-weight: 900; letter-spacing: .02em;
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, .06);
  box-shadow: 0 14px 30px rgba(10, 113, 83, .28);
  transition: transform .22s ease, box-shadow .22s ease;
}
.mnp-btn:hover { transform: translateY(-2px); box-shadow: 0 20px 38px rgba(10, 113, 83, .34); }
.mnp-btn-ico { font-size: 20px; }
.mnp-btn-arrow { font-size: 13px; opacity: .92; }
.mnp-btn-ghost {
  background: transparent;
  color: var(--mnp-navy-d);
  border: 1px solid var(--mnp-line-dark);
  box-shadow: none;
}
.mnp-btn-ghost:hover { box-shadow: 0 12px 24px rgba(1, 18, 38, .1); }
.mnp-btn-block { display: flex; width: 100%; }

/* ==========================================================================
   01 HERO
   ========================================================================== */
.mnp-hero {
  position: relative;
  padding: 70px 0 0;
  background:
    radial-gradient(760px 460px at 82% 8%, rgba(19, 139, 106, .26), transparent 62%),
    radial-gradient(600px 420px at 12% 92%, rgba(19, 139, 106, .12), transparent 66%),
    linear-gradient(168deg, #011226 0%, #05182b 52%, #0a1b30 100%);
  overflow: hidden;
}
.mnp-hero-glow {
  position: absolute;
  left: 50%; bottom: -220px; transform: translateX(-50%);
  width: 900px; height: 300px;
  background: radial-gradient(closest-side, rgba(19, 139, 106, .3), transparent 72%);
  pointer-events: none;
}
.mnp-hero-inner {
  position: relative;
  display: grid; grid-template-columns: minmax(0, 1fr) 392px;
  gap: 54px; align-items: center;
}
.mnp-hero-copy { min-width: 0; }
.mnp-hero-kicker {
  display: inline-flex; align-items: center; gap: 10px;
  margin: 0 0 22px;
  padding: 9px 22px;
  border: 1px solid rgba(79, 209, 165, .55);
  border-radius: 999px;
  font-size: 13.5px; font-weight: 900; letter-spacing: .05em;
  color: #d9f2e8;
}
.mnp-hero-kicker i { font-size: 12px; color: #4fd1a5; }
.mnp-h1 {
  margin: 0;
  display: flex; flex-direction: column; gap: 2px;
  color: #ffffff;
}
.mnp-h1-lead {
  font-size: clamp(16px, 1.9vw, 22px);
  font-weight: 800; line-height: 1.6; letter-spacing: .01em;
  color: #a9c3cf;
  word-break: auto-phrase;
}
.mnp-h1-main {
  font-size: clamp(34px, 5.2vw, 60px);
  font-weight: 900; line-height: 1.18; letter-spacing: .01em;
  color: #ffffff;
  word-break: keep-all;
}
.mnp-h1-tail {
  font-size: clamp(22px, 2.6vw, 32px);
  font-weight: 900; line-height: 1.4; letter-spacing: .02em;
  color: #4fd1a5;
}
.mnp-hero-lead {
  margin: 28px 0 0;
  font-size: clamp(14px, 1.5vw, 16px);
  font-weight: 700; line-height: 2;
  color: rgba(255, 255, 255, .82);
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
}
.mnp-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 32px 0 0; }
.mnp-hero-actions .mnp-btn-ghost { color: #e9f2f6; border-color: rgba(255, 255, 255, .3); }
.mnp-hero-tags {
  display: flex; flex-wrap: wrap; gap: 10px 22px;
  margin: 26px 0 0; padding: 0; list-style: none;
}
.mnp-hero-tags li {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 800; letter-spacing: .02em;
  color: #9fe3c8;
}
.mnp-hero-tags li i { font-size: 12px; color: #4fd1a5; }

/* ヒーロー右：報酬カード */
.mnp-hero-art { position: relative; }
.mnp-reward-card {
  position: relative;
  padding: 34px 30px 30px;
  border-radius: 10px;
  background: linear-gradient(170deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .03));
  border: 1px solid rgba(79, 209, 165, .34);
  box-shadow: 0 26px 60px rgba(0, 0, 0, .34);
  text-align: center;
}
.mnp-reward-label {
  margin: 0;
  font-size: 13px; font-weight: 900; letter-spacing: .1em;
  color: #9fe3c8;
}
.mnp-reward-amount {
  display: flex; align-items: baseline; justify-content: center; gap: 4px;
  margin: 8px 0 4px;
}
.mnp-reward-yen {
  font-size: clamp(22px, 2.6vw, 30px); font-weight: 900;
  color: #ffffff;
}
.mnp-reward-num {
  font-size: clamp(46px, 5.6vw, 62px);
  font-weight: 900; line-height: 1; letter-spacing: -.01em;
  color: #ffffff;
  font-variant-numeric: tabular-nums;
}
.mnp-reward-note {
  margin: 0;
  font-size: 12.5px; font-weight: 700;
  color: rgba(255, 255, 255, .62);
}
.mnp-reward-rule {
  display: block; width: 100%; height: 1px;
  margin: 22px 0 20px;
  background: rgba(255, 255, 255, .14);
}
.mnp-reward-list {
  margin: 0; padding: 0; list-style: none;
  display: flex; flex-direction: column; gap: 11px;
  text-align: left;
}
.mnp-reward-list li {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 13.5px; font-weight: 800; line-height: 1.6;
  color: rgba(255, 255, 255, .9);
}
.mnp-reward-list i {
  flex: 0 0 auto;
  margin-top: 3px;
  font-size: 11px; color: #4fd1a5;
}

/* ヒーロー下部の帯 */
.mnp-hero-bar {
  position: relative;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 10px 26px;
  margin-top: 52px;
  padding-top: 22px; padding-bottom: 22px;
  border-top: 1px solid rgba(255, 255, 255, .14);
}
.mnp-hero-bar-item {
  display: inline-flex; align-items: center; gap: 10px;
  margin: 0;
  font-size: 14px; font-weight: 900; letter-spacing: .04em;
  color: #ffffff;
}
.mnp-hero-bar-item i { font-size: 13px; color: #4fd1a5; }
.mnp-hero-bar-tags { font-weight: 700; color: rgba(255, 255, 255, .66); }

/* ==========================================================================
   共通セクション
   ========================================================================== */
.mnp-section { position: relative; padding: 86px 0; background: var(--mnp-cream); }
.mnp-section-tint { background: linear-gradient(180deg, var(--mnp-cream-2), var(--mnp-cream-3)); }
.mnp-section-dark {
  background:
    radial-gradient(700px 400px at 88% -10%, rgba(19, 139, 106, .18), transparent 64%),
    linear-gradient(170deg, #011226 0%, #071a2c 100%);
}

/* カード左上の折り返し（スライド全般の意匠） */
.mnp-corner {
  position: absolute; left: 0; top: 0;
  width: 34px; height: 34px;
  background: var(--mnp-green);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  border-top-left-radius: 4px;
  pointer-events: none;
}

/* ==========================================================================
   02 強み
   ========================================================================== */
.mnp-strength {
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.mnp-strength-card {
  position: relative;
  display: flex; flex-direction: column; align-items: center;
  padding: 42px 26px 34px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid var(--mnp-line);
  box-shadow: 0 10px 26px rgba(1, 18, 38, .06);
  overflow: hidden;
  text-align: center;
}
.mnp-strength-title {
  margin: 0;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 900; letter-spacing: .01em;
  color: var(--mnp-navy-d);
  text-wrap: balance;
  word-break: auto-phrase;
}
.mnp-strength-div {
  position: relative;
  display: block;
  width: 78%; height: 1px;
  margin: 18px 0 16px;
  background: repeating-linear-gradient(90deg, var(--mnp-line) 0 4px, transparent 4px 8px);
}
.mnp-strength-div i {
  position: absolute; left: 50%; top: 50%;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--mnp-green);
  transform: translate(-50%, -50%);
}
.mnp-strength-body {
  margin: 0;
  font-size: 14px; font-weight: 700; line-height: 1.95;
  color: var(--mnp-ink-soft);
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
  line-break: strict;
}
.mnp-strength-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 116px; height: 116px;
  margin: 26px 0 0;
  color: var(--mnp-navy-d);
  font-size: 52px;
}

/* ==========================================================================
   03 なぜ成り立つのか
   ========================================================================== */
.mnp-why {
  margin: 0; padding: 0; list-style: none;
  display: flex; flex-direction: column; gap: 22px;
  max-width: 940px; margin: 0 auto;
}
.mnp-why-item {
  display: flex; align-items: center; gap: 26px;
  padding: 26px 30px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(255, 255, 255, .12);
}
.mnp-why-no {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 66px; height: 66px;
  border: 2px solid #2f9f7d;
  border-radius: 50%;
  font-family: 'Shippori Mincho', serif;
  font-size: 32px; font-weight: 700;
  color: #4fd1a5;
}
.mnp-why-body {
  margin: 0;
  font-size: clamp(14px, 1.55vw, 16.5px);
  font-weight: 700; line-height: 2;
  color: #e8eef2;
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
}
.mnp-why-foot {
  margin: 40px 0 0;
  text-align: center;
  font-size: clamp(15px, 1.8vw, 19px);
  font-weight: 900; letter-spacing: .04em;
  color: #9fe3c8;
  text-wrap: balance;
}

/* ==========================================================================
   04 3つの案件
   ========================================================================== */
.mnp-cases {
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.mnp-case {
  position: relative;
  display: flex; flex-direction: column; align-items: center;
  padding: 40px 24px 30px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid var(--mnp-line);
  box-shadow: 0 10px 26px rgba(1, 18, 38, .06);
  overflow: hidden;
  text-align: center;
  transition: transform .22s ease, box-shadow .22s ease;
}
.mnp-case-active {
  border-color: var(--mnp-green);
  box-shadow: 0 16px 40px rgba(10, 113, 83, .2);
}
.mnp-case-flag {
  position: absolute; right: 0; top: 0;
  padding: 7px 14px;
  background: var(--mnp-green);
  color: #ffffff;
  font-size: 11.5px; font-weight: 900; letter-spacing: .06em;
  border-bottom-left-radius: 6px;
}
.mnp-case-name {
  margin: 0;
  font-size: clamp(18px, 2vw, 23px);
  font-weight: 900; letter-spacing: .02em;
  color: var(--mnp-navy-d);
  text-wrap: balance;
  word-break: auto-phrase;
}
.mnp-case-div {
  display: block; width: 100%; height: 1px;
  margin: 16px 0 14px;
  background: var(--mnp-line);
}
.mnp-case-amount {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 3px;
  margin: 0;
}
.mnp-case-unit { font-size: 13.5px; font-weight: 800; color: var(--mnp-ink-soft); }
.mnp-case-num {
  font-size: clamp(30px, 3.6vw, 42px);
  font-weight: 900; line-height: 1.1; letter-spacing: -.01em;
  color: var(--mnp-green);
  font-variant-numeric: tabular-nums;
}
.mnp-case-note { font-size: 14px; font-weight: 900; color: var(--mnp-green); }
.mnp-case-tail {
  margin: 6px 0 0;
  font-size: 12px; font-weight: 700;
  color: var(--mnp-ink-soft);
  text-wrap: pretty;
}
.mnp-case-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 108px; height: 92px;
  margin: 20px 0 4px;
  color: var(--mnp-navy-l);
  font-size: 44px;
}
.mnp-case-area {
  margin: 6px 0 0;
  font-size: 13.5px; font-weight: 800; line-height: 1.85;
  color: var(--mnp-ink-soft);
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
}
.mnp-case-link {
  display: inline-flex; align-items: center; gap: 7px;
  margin-top: 18px;
  font-size: 13px; font-weight: 900; letter-spacing: .03em;
  color: var(--mnp-green);
  text-decoration: none;
  border-bottom: 1px solid rgba(10, 113, 83, .4);
  padding-bottom: 3px;
}
.mnp-case-link i { font-size: 11px; }
.mnp-cases-foot {
  margin: 38px 0 0;
  text-align: center;
  font-size: clamp(13.5px, 1.5vw, 16px);
  font-weight: 800; letter-spacing: .02em;
  color: var(--mnp-ink-soft);
  text-wrap: balance;
}

/* ==========================================================================
   05 比較表
   ========================================================================== */
.mnp-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mnp-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  table-layout: fixed;
}
.mnp-table th, .mnp-table td {
  padding: 19px 18px;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  font-size: 14px; font-weight: 800; line-height: 1.65;
  color: #ffffff;
  word-break: auto-phrase;
}
.mnp-table thead th {
  padding: 14px 18px 16px;
  font-size: clamp(16px, 1.8vw, 20px);
  font-weight: 900;
  color: #7fd8b8;
  border-bottom: 2px solid rgba(79, 209, 165, .6);
}
.mnp-table thead .mnp-table-corner { border-bottom: 2px solid transparent; }
.mnp-table tbody th {
  width: 20%;
  text-align: left;
  font-size: 13.5px;
  font-weight: 800;
  color: rgba(255, 255, 255, .6);
  letter-spacing: .04em;
}
.mnp-table tbody tr:last-child th,
.mnp-table tbody tr:last-child td { border-bottom: 0; }
.mnp-compare-foot {
  margin: 34px 0 0;
  text-align: right;
  font-size: 14px; font-weight: 800; letter-spacing: .03em;
  color: #9fe3c8;
}
.mnp-compare-foot::before {
  content: '';
  display: inline-block;
  width: 46px; height: 2px;
  margin-right: 12px;
  vertical-align: middle;
  background: rgba(79, 209, 165, .55);
}

/* ==========================================================================
   06 法人MNP代走作業とは
   ========================================================================== */
.mnp-work-grid {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 48px; align-items: center;
}
/* CSS描画のドコモショップ */
.mnp-shop {
  position: relative;
  padding: 0 0 52px;
}
.mnp-shop-sign {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 2px;
  width: 62%; height: 88px;
  margin: 0 0 0 4%;
  border-radius: 4px;
  background: linear-gradient(160deg, #ffffff, #eef1f4);
  border: 1px solid #dde2e8;
  box-shadow: 0 10px 22px rgba(1, 18, 38, .08);
}
.mnp-shop-brand {
  font-size: 26px; font-weight: 900; letter-spacing: .02em;
  color: #303b4d;
  line-height: 1.1;
}
.mnp-shop-brand-sub { font-size: 11px; font-weight: 800; color: #7b8698; }
.mnp-shop-body {
  position: relative;
  height: 226px;
  margin: -14px 0 0;
  border-radius: 4px;
  background: linear-gradient(170deg, #f4f6f8, #e7ebef);
  border: 1px solid #dde2e8;
  overflow: hidden;
}
.mnp-shop-desk {
  position: absolute; left: 6%; right: 6%; bottom: 26%;
  height: 64px;
  background: linear-gradient(180deg, #ffffff, #e3e8ed);
  border-radius: 3px;
  box-shadow: 0 -4px 12px rgba(1, 18, 38, .06);
}
.mnp-shop-staff {
  position: absolute; bottom: 38%;
  width: 42px; height: 92px;
  border-radius: 22px 22px 4px 4px;
  background: linear-gradient(180deg, #4c5868, #39434f);
}
.mnp-shop-staff-1 { left: 22%; }
.mnp-shop-staff-2 { left: 44%; }
.mnp-shop-chair {
  position: absolute; bottom: 4%;
  width: 54px; height: 60px;
  border-radius: 26px 26px 4px 4px;
  background: linear-gradient(180deg, #c6cdd6, #aab3bf);
}
.mnp-shop-chair-1 { left: 20%; }
.mnp-shop-chair-2 { left: 46%; }
.mnp-shop-plant {
  position: absolute; left: 3%; bottom: 30%;
  width: 34px; height: 74px;
  background:
    radial-gradient(14px 30px at 50% 18%, #b9cda8, transparent 70%),
    radial-gradient(12px 26px at 22% 44%, #a9c098, transparent 70%),
    radial-gradient(12px 26px at 78% 44%, #a9c098, transparent 70%);
}
.mnp-shop-tag {
  position: absolute; left: 50%; bottom: 0;
  transform: translateX(-50%);
  margin: 0;
  padding: 13px 32px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid var(--mnp-line);
  box-shadow: 0 12px 26px rgba(1, 18, 38, .1);
  font-size: 15px; font-weight: 900; letter-spacing: .04em;
  color: var(--mnp-navy-d);
  white-space: nowrap;
}
.mnp-work-list {
  margin: 0; padding: 0; list-style: none;
  display: flex; flex-direction: column; gap: 26px;
}
.mnp-work-item {
  display: flex; align-items: flex-start; gap: 18px;
  padding-bottom: 26px;
  border-bottom: 1px dashed var(--mnp-line);
}
.mnp-work-item:last-child { border-bottom: 0; padding-bottom: 0; }
.mnp-work-no {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 42px; height: 42px;
  border-radius: 50%;
  background: var(--mnp-green);
  color: #ffffff;
  font-size: 16px; font-weight: 900;
}
.mnp-work-body {
  margin: 0;
  padding-left: 16px;
  border-left: 2px solid var(--mnp-green);
  font-size: clamp(14px, 1.55vw, 16px);
  font-weight: 800; line-height: 1.95;
  color: var(--mnp-ink);
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
}
.mnp-work-foot {
  margin: 46px 0 0;
  text-align: center;
  font-family: 'Shippori Mincho', serif;
  font-size: clamp(17px, 2vw, 22px);
  font-weight: 700; letter-spacing: .06em;
  color: var(--mnp-navy-d);
}

/* ==========================================================================
   07 報酬・費用精算
   ========================================================================== */
.mnp-settle {
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}
.mnp-settle-item {
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
}
.mnp-settle-amount {
  display: flex; align-items: baseline; justify-content: center; gap: 2px;
  margin: 0;
  color: #ffffff;
}
.mnp-settle-prefix {
  font-size: clamp(15px, 1.8vw, 20px); font-weight: 900;
  color: rgba(255, 255, 255, .8);
}
.mnp-settle-big {
  font-size: clamp(40px, 5.4vw, 62px);
  font-weight: 900; line-height: 1; letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
.mnp-settle-suffix {
  font-size: clamp(18px, 2.2vw, 26px); font-weight: 900;
}
.mnp-settle-div {
  position: relative;
  display: block; width: 74%; height: 1px;
  margin: 18px 0 16px;
  background: rgba(255, 255, 255, .28);
}
.mnp-settle-div i {
  position: absolute; left: 50%; top: 50%;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #4fd1a5;
  transform: translate(-50%, -50%);
}
.mnp-settle-label {
  margin: 0;
  font-size: clamp(17px, 1.9vw, 22px);
  font-weight: 900; letter-spacing: .03em;
  color: #ffffff;
}
.mnp-settle-sub {
  margin: 10px 0 0;
  font-size: 13.5px; font-weight: 700; line-height: 1.85;
  color: rgba(255, 255, 255, .66);
  text-wrap: pretty;
}
.mnp-settle-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 84px; height: 84px;
  margin: 22px 0 0;
  color: #4fd1a5;
  font-size: 42px;
}
.mnp-settle-note {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  margin: 46px auto 0;
  padding: 15px 26px;
  width: fit-content; max-width: 100%;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .16);
  font-size: 13.5px; font-weight: 800;
  color: rgba(255, 255, 255, .88);
  text-wrap: balance;
}
.mnp-settle-note i { font-size: 13px; color: #4fd1a5; }

/* ==========================================================================
   08 収入シミュレーション
   ========================================================================== */
.mnp-sim {
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
}
.mnp-sim-card { position: relative; padding: 8px 0 0; }
.mnp-sim-dot {
  position: absolute; left: 0; top: 0;
  width: 13px; height: 13px;
  border-radius: 50%;
  background: var(--mnp-green);
}
.mnp-sim-amount {
  display: flex; align-items: baseline; gap: 4px;
  margin: 26px 0 6px;
  font-size: clamp(42px, 6vw, 74px);
  font-weight: 900; line-height: 1; letter-spacing: -.02em;
  color: var(--mnp-navy-d);
  font-variant-numeric: tabular-nums;
}
.mnp-sim-yen { font-size: .58em; font-weight: 900; }
.mnp-sim-label {
  margin: 0;
  font-size: clamp(15px, 1.8vw, 19px);
  font-weight: 900; letter-spacing: .02em;
  color: var(--mnp-ink);
}
.mnp-sim-label span {
  display: block;
  margin-top: 6px;
  font-size: 13.5px; font-weight: 700;
  color: var(--mnp-ink-soft);
}
.mnp-sim-calc {
  margin: 34px 0 0;
  padding: 16px 24px;
  border-radius: 6px;
  background: var(--mnp-green-soft);
  border-left: 3px solid var(--mnp-green);
  font-size: 13.5px; font-weight: 800; line-height: 1.8;
  color: #14503e;
  text-wrap: pretty;
  word-break: auto-phrase;
}
.mnp-sim-notes {
  margin: 26px 0 0; padding: 0; list-style: none;
  display: flex; flex-direction: column; gap: 7px;
}
.mnp-sim-notes li {
  position: relative;
  padding-left: 18px;
  font-size: 12.5px; font-weight: 700; line-height: 1.85;
  color: var(--mnp-ink-mute);
  text-wrap: pretty;
}
.mnp-sim-notes li::before {
  content: '※';
  position: absolute; left: 0;
}

/* ==========================================================================
   09 対象地域・必要準備
   ========================================================================== */
.mnp-req-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
.mnp-req-card {
  padding: 34px 32px 32px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid var(--mnp-line);
  box-shadow: 0 10px 26px rgba(1, 18, 38, .05);
}
.mnp-req-title {
  display: flex; align-items: center; gap: 12px;
  margin: 0 0 24px;
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 900; letter-spacing: .02em;
  color: var(--mnp-navy-d);
}
.mnp-req-title i { font-size: 20px; color: var(--mnp-green); }
.mnp-area { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 11px; }
.mnp-area-item {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 14px;
  border-radius: 4px;
  border: 1px solid var(--mnp-line);
  background: var(--mnp-cream);
}
.mnp-area-no {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 26px;
  border-radius: 3px;
  background: var(--mnp-green);
  color: #ffffff;
  font-size: 11.5px; font-weight: 900; letter-spacing: .04em;
}
.mnp-area-body {
  font-size: 13.5px; font-weight: 800; line-height: 1.6;
  color: var(--mnp-ink);
  word-break: auto-phrase;
}
/* CSS描画の簡易地図 */
.mnp-map {
  position: relative;
  height: 168px;
  margin: 22px 0 0;
  border-radius: 4px;
  background: linear-gradient(180deg, #fafbfc, #f2f4f7);
  border: 1px solid var(--mnp-line);
  overflow: hidden;
}
.mnp-map-plot {
  position: absolute; inset: 12% 8% 12% 6%;
  background:
    radial-gradient(60% 42% at 24% 62%, #e2e7ee, transparent 70%),
    radial-gradient(52% 38% at 52% 52%, #e2e7ee, transparent 70%),
    radial-gradient(46% 32% at 76% 42%, #e2e7ee, transparent 70%);
  opacity: .9;
}
.mnp-map-dot {
  position: absolute;
  width: 9px; height: 9px;
  border-radius: 50%;
  background: var(--mnp-green);
}
.mnp-map-dot-1 { left: 15%; top: 62%; }
.mnp-map-dot-2 { left: 32%; top: 46%; }
.mnp-map-dot-3 { left: 47%; top: 38%; }
.mnp-map-dot-4 { left: 68%; top: 50%; }
.mnp-map-label {
  position: absolute;
  font-size: 10.5px; font-weight: 800;
  color: var(--mnp-ink-soft);
  white-space: nowrap;
}
.mnp-map-label-1 { left: 8%; top: 70%; }
.mnp-map-label-2 { left: 26%; top: 34%; }
.mnp-map-label-3 { left: 42%; top: 26%; }
.mnp-map-label-4 { left: 62%; top: 60%; }
.mnp-map-circle {
  position: absolute; right: 6%; bottom: 12%;
  display: inline-flex; align-items: center; justify-content: center;
  width: 84px; height: 84px;
  border: 1px dashed var(--mnp-green);
  border-radius: 50%;
  font-size: 11.5px; font-weight: 900; letter-spacing: .04em;
  color: var(--mnp-green);
}
.mnp-req-group + .mnp-req-group { margin-top: 24px; }
.mnp-req-group-title {
  display: flex; align-items: center; gap: 12px;
  margin: 0 0 14px;
  font-size: clamp(16px, 1.8vw, 19px);
  font-weight: 900;
  color: var(--mnp-green);
}
.mnp-req-group-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px;
  border-radius: 50%;
  background: var(--mnp-green-soft);
  color: var(--mnp-green);
  font-size: 18px;
}
.mnp-req-list {
  margin: 0; padding: 0 0 0 4px; list-style: none;
  display: flex; flex-direction: column; gap: 10px;
}
.mnp-req-list li {
  position: relative;
  padding-left: 20px;
  font-size: 13.5px; font-weight: 700; line-height: 1.85;
  color: var(--mnp-ink);
  text-wrap: pretty;
  word-break: auto-phrase;
}
.mnp-req-list li::before {
  content: '';
  position: absolute; left: 0; top: 9px;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--mnp-green);
}

/* ==========================================================================
   10/11 MNPの作業手順（4〜5ステップ）
   ========================================================================== */
.mnp-flow {
  margin: 0; padding: 0; list-style: none;
  display: grid;
  gap: 18px;
  position: relative;
}
.mnp-flow-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mnp-flow-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.mnp-flow-step {
  position: relative;
  display: flex; flex-direction: column;
  align-items: center;
  padding: 0 4px;
  text-align: center;
}
.mnp-flow-head {
  display: flex; align-items: center; justify-content: center;
  min-height: 54px;
  margin: 0 0 8px;
}
.mnp-flow-title {
  font-size: clamp(14.5px, 1.6vw, 17px);
  font-weight: 900; line-height: 1.5; letter-spacing: .02em;
  color: var(--mnp-navy-d);
  word-break: auto-phrase;
}
.mnp-flow-body {
  margin: 0;
  min-height: 84px;
  font-size: 12.5px; font-weight: 700; line-height: 1.9;
  color: var(--mnp-ink-soft);
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
}
/* 円と連絡線 */
.mnp-flow-rail {
  display: block;
  width: 100%; height: 2px;
  margin: 18px 0 0;
  background: linear-gradient(90deg, rgba(10, 113, 83, .18), var(--mnp-green), rgba(10, 113, 83, .18));
}
.mnp-flow-step:first-child .mnp-flow-rail {
  background: linear-gradient(90deg, transparent, var(--mnp-green));
}
.mnp-flow-step:last-child .mnp-flow-rail {
  background: linear-gradient(90deg, var(--mnp-green), transparent);
}
.mnp-flow-circle {
  position: relative;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 104px; height: 104px;
  margin-top: -1px;
  border: 2px solid var(--mnp-navy-d);
  border-radius: 50%;
  background: var(--mnp-cream);
}
.mnp-flow-5 .mnp-flow-circle { width: 92px; height: 92px; }
.mnp-flow-no {
  font-size: 26px; font-weight: 900; line-height: 1;
  color: var(--mnp-green);
  font-variant-numeric: tabular-nums;
}
.mnp-flow-5 .mnp-flow-no { font-size: 23px; }
.mnp-flow-ico {
  margin-top: 6px;
  font-size: 19px;
  color: var(--mnp-navy-l);
}
.mnp-flow-5 .mnp-flow-ico { font-size: 17px; }
.mnp-step-note {
  margin: 40px 0 0;
  font-size: 12.5px; font-weight: 700; line-height: 1.9;
  color: var(--mnp-ink-mute);
  text-wrap: pretty;
}

/* ==========================================================================
   12 光回線5ステップ（ダーク）
   ========================================================================== */
.mnp-kousen {
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
.mnp-kousen-step {
  position: relative;
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
}
.mnp-kousen-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 96px; height: 96px;
  border: 2px solid rgba(255, 255, 255, .28);
  border-radius: 50%;
  font-size: 30px; font-weight: 900;
  color: #ffffff;
  font-variant-numeric: tabular-nums;
}
.mnp-kousen-joint {
  position: absolute;
  top: 88px; left: 50%;
  width: 9px; height: 9px;
  border-radius: 50%;
  background: #4fd1a5;
  transform: translateX(-50%);
}
.mnp-kousen-step:not(:last-child)::after {
  content: '';
  position: absolute; top: 48px; left: calc(50% + 52px); right: calc(-50% + 52px);
  height: 1px;
  background: rgba(255, 255, 255, .24);
}
.mnp-kousen-ico {
  margin: 26px 0 0;
  font-size: 34px;
  color: #ffffff;
}
.mnp-kousen-title {
  margin: 18px 0 0;
  font-size: clamp(14px, 1.55vw, 16.5px);
  font-weight: 900; letter-spacing: .02em;
  color: #ffffff;
  word-break: auto-phrase;
}
.mnp-kousen-body {
  margin: 10px 0 0;
  font-size: 12.5px; font-weight: 700; line-height: 1.9;
  color: rgba(255, 255, 255, .68);
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
}
.mnp-kousen-foot {
  margin: 52px 0 0;
  font-size: 14px; font-weight: 800; letter-spacing: .02em;
  color: #9fe3c8;
}
.mnp-kousen-foot::before {
  content: '';
  display: inline-block;
  width: 46px; height: 2px;
  margin-right: 12px;
  vertical-align: middle;
  background: rgba(79, 209, 165, .55);
}

/* ==========================================================================
   13 LINEサポート
   ========================================================================== */
.mnp-support-grid {
  display: grid; grid-template-columns: 300px minmax(0, 1fr);
  gap: 52px; align-items: center;
}
.mnp-support-art {
  display: flex; align-items: center; justify-content: center;
}
.mnp-bubble {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  width: 216px; height: 216px;
  border: 2px solid rgba(79, 209, 165, .75);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, rgba(19, 139, 106, .3), transparent 72%);
  box-shadow: 0 0 60px rgba(19, 139, 106, .4), inset 0 0 40px rgba(19, 139, 106, .2);
  color: #4fd1a5;
  font-size: 28px;
}
.mnp-bubble::after {
  content: '';
  position: absolute; left: 26px; bottom: -18px;
  width: 0; height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 26px solid rgba(79, 209, 165, .75);
}
.mnp-support-list {
  margin: 0; padding: 0; list-style: none;
  display: flex; flex-direction: column; gap: 16px;
}
.mnp-support-item {
  display: flex; align-items: center; gap: 18px;
  padding: 22px 26px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(255, 255, 255, .12);
}
.mnp-support-check {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 52px; height: 52px;
  border: 2px solid #2f9f7d;
  border-radius: 50%;
  color: #4fd1a5;
  font-size: 20px;
}
.mnp-support-alert .mnp-support-check {
  border-color: #e0b04a;
  color: #f0c463;
}
.mnp-support-body {
  margin: 0;
  font-size: clamp(14px, 1.55vw, 16px);
  font-weight: 800; line-height: 1.9;
  color: #e8eef2;
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
}
.mnp-support-foot {
  margin: 46px 0 0;
  font-size: 14px; font-weight: 800; letter-spacing: .02em;
  color: rgba(255, 255, 255, .62);
}
.mnp-support-foot::before {
  content: '';
  display: inline-block;
  width: 46px; height: 2px;
  margin-right: 12px;
  vertical-align: middle;
  background: rgba(79, 209, 165, .55);
}

/* ==========================================================================
   14 FAQ
   ========================================================================== */
.mnp-faq {
  margin: 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}
.mnp-faq-card {
  position: relative;
  padding: 36px 28px 32px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid var(--mnp-line);
  box-shadow: 0 10px 26px rgba(1, 18, 38, .06);
  overflow: hidden;
}
.mnp-faq-no {
  margin: 0;
  font-size: 30px; font-weight: 900; line-height: 1;
  color: var(--mnp-green);
  letter-spacing: .02em;
}
.mnp-faq-q {
  margin: 14px 0 0;
  font-size: clamp(14.5px, 1.6vw, 16.5px);
  font-weight: 900; line-height: 1.8;
  color: var(--mnp-navy-d);
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
  line-break: strict;
}
.mnp-faq-div {
  display: block; width: 100%; height: 1px;
  margin: 22px 0 20px;
  background: var(--mnp-line);
}
.mnp-faq-a {
  margin: 0;
  font-size: 13.5px; font-weight: 700; line-height: 1.95;
  color: var(--mnp-ink-soft);
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
  line-break: strict;
}
.mnp-faq-ano {
  display: inline-block;
  margin-right: 10px;
  font-size: 22px; font-weight: 900;
  color: var(--mnp-navy-d);
  vertical-align: -2px;
}

/* ==========================================================================
   15 CTA
   ========================================================================== */
.mnp-cta {
  position: relative;
  padding: 88px 0 96px;
  background:
    radial-gradient(760px 420px at 50% 0%, rgba(19, 139, 106, .28), transparent 66%),
    linear-gradient(170deg, #011226 0%, #071a2c 100%);
  overflow: hidden;
}
.mnp-cta-title {
  margin: 0;
  text-align: center;
  font-size: clamp(21px, 2.8vw, 34px);
  font-weight: 900; line-height: 1.55; letter-spacing: .01em;
  color: #ffffff;
  white-space: pre-line;
  text-wrap: balance;
  word-break: auto-phrase;
}
.mnp-cta-title::after {
  content: '';
  display: block;
  width: 92px; height: 3px;
  margin: 20px auto 0;
  background: var(--mnp-green-l);
  border-radius: 2px;
}
.mnp-cta-sub {
  margin: 26px 0 0;
  text-align: center;
  font-size: clamp(13.5px, 1.5vw, 15.5px);
  font-weight: 700; line-height: 1.95;
  color: rgba(255, 255, 255, .8);
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
}
.mnp-cta-chips-label {
  display: flex; align-items: center; justify-content: center; gap: 16px;
  margin: 40px 0 0;
  font-size: 13px; font-weight: 800; letter-spacing: .04em;
  color: rgba(255, 255, 255, .6);
}
.mnp-cta-chips-label span {
  width: 60px; height: 1px;
  background: rgba(255, 255, 255, .24);
}
.mnp-cta-chips {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 14px;
  margin: 18px 0 0; padding: 0; list-style: none;
}
.mnp-cta-chips li {
  padding: 13px 34px;
  border: 1px solid rgba(79, 209, 165, .5);
  border-radius: 999px;
  font-size: 15px; font-weight: 900; letter-spacing: .03em;
  color: #ffffff;
}
.mnp-cta .mnp-btn-block {
  max-width: 720px;
  margin: 34px auto 0;
  justify-content: center;
}
.mnp-cta-steps {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  max-width: 760px;
  margin: 44px auto 0; padding: 0; list-style: none;
}
.mnp-cta-step {
  display: flex; align-items: flex-start; gap: 10px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .16);
}
.mnp-cta-step-no {
  flex: 0 0 auto;
  font-size: 13px; font-weight: 900;
  color: #4fd1a5;
}
.mnp-cta-step p {
  margin: 0;
  font-size: 12.5px; font-weight: 700; line-height: 1.8;
  color: rgba(255, 255, 255, .78);
  white-space: pre-line;
  text-wrap: pretty;
  word-break: auto-phrase;
}

/* ==========================================================================
   レスポンシブ
   ========================================================================== */
@media (max-width: 1080px) {
  .mnp-hero-inner { grid-template-columns: minmax(0, 1fr) 340px; gap: 38px; }
  .mnp-flow-body { min-height: 0; }
  .mnp-kousen-no { width: 84px; height: 84px; font-size: 26px; }
  .mnp-kousen-joint { top: 77px; }
  .mnp-kousen-step:not(:last-child)::after { top: 42px; left: calc(50% + 46px); right: calc(-50% + 46px); }
}

@media (max-width: 980px) {
  .mnp-strength { grid-template-columns: 1fr; gap: 18px; }
  .mnp-strength-card {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 26px;
    align-items: center;
    text-align: left;
    padding: 30px 28px;
  }
  .mnp-strength-card .mnp-strength-title { grid-column: 1; }
  .mnp-strength-card .mnp-strength-div { grid-column: 1; width: 100%; margin: 14px 0 12px; }
  .mnp-strength-card .mnp-strength-body { grid-column: 1; }
  .mnp-strength-card .mnp-strength-ico {
    grid-column: 2; grid-row: 1 / span 3;
    margin: 0; width: 82px; height: 82px; font-size: 38px;
  }

  .mnp-cases { grid-template-columns: 1fr; }
  .mnp-case {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 24px;
    align-items: center;
    text-align: left;
    padding: 28px 26px;
  }
  .mnp-case .mnp-case-name { grid-column: 1; }
  .mnp-case .mnp-case-div { grid-column: 1; width: 100%; }
  .mnp-case .mnp-case-amount { grid-column: 1; justify-content: flex-start; }
  .mnp-case .mnp-case-tail { grid-column: 1; }
  .mnp-case .mnp-case-area { grid-column: 1; }
  .mnp-case .mnp-case-link { grid-column: 1; margin-top: 12px; }
  .mnp-case .mnp-case-ico {
    grid-column: 2; grid-row: 1 / span 4;
    width: 72px; height: 72px; margin: 0; font-size: 32px;
  }

  .mnp-work-grid { grid-template-columns: 1fr; gap: 38px; }
  .mnp-shop { max-width: 460px; margin: 0 auto; }
  .mnp-settle { grid-template-columns: 1fr; gap: 40px; }
  .mnp-settle-item { padding-bottom: 30px; border-bottom: 1px dashed rgba(255, 255, 255, .16); }
  .mnp-settle-item:last-child { border-bottom: 0; padding-bottom: 0; }
  .mnp-kousen { grid-template-columns: 1fr; gap: 0; }
  .mnp-kousen-step {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 4px 22px;
    text-align: left;
    padding: 22px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
  }
  .mnp-kousen-step:last-child { border-bottom: 0; }
  .mnp-kousen-no { grid-column: 1; grid-row: 1 / span 3; align-self: start; }
  .mnp-kousen-joint { display: none; }
  .mnp-kousen-step:not(:last-child)::after { display: none; }
  .mnp-kousen-ico { display: none; }
  .mnp-kousen-title { grid-column: 2; margin: 0; }
  .mnp-kousen-body { grid-column: 2; margin: 6px 0 0; }
  .mnp-support-grid { grid-template-columns: 1fr; gap: 34px; }
  .mnp-bubble { width: 168px; height: 168px; font-size: 22px; }
  .mnp-faq { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  .mnp-section { padding: 66px 0; }
  .mnp-hero { padding: 52px 0 0; }
  .mnp-hero-inner { grid-template-columns: 1fr; gap: 40px; }
  .mnp-hero-art { max-width: 420px; }
  .mnp-req-grid { grid-template-columns: 1fr; }
  .mnp-flow-4, .mnp-flow-5 { grid-template-columns: 1fr; gap: 0; }
  .mnp-flow-step {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 22px;
    text-align: left;
    padding: 20px 0;
    border-bottom: 1px solid var(--mnp-line);
    align-items: center;
  }
  .mnp-flow-step:last-child { border-bottom: 0; }
  .mnp-flow-head { grid-column: 1; min-height: 0; margin: 0; justify-content: flex-start; }
  .mnp-flow-body { grid-column: 1; }
  .mnp-flow-rail { display: none; }
  .mnp-flow-circle {
    grid-column: 2; grid-row: 1 / span 2;
    margin: 0;
    width: 74px; height: 74px;
  }
  .mnp-flow-5 .mnp-flow-circle { width: 74px; height: 74px; }
  .mnp-flow-no { font-size: 20px; }
  .mnp-flow-5 .mnp-flow-no { font-size: 20px; }
  .mnp-flow-ico { display: none; }
  .mnp-sim { grid-template-columns: 1fr; gap: 30px; }
  .mnp-table { min-width: 640px; }
  .mnp-cta-steps { grid-template-columns: 1fr; gap: 14px; max-width: 420px; }
}

@media (max-width: 640px) {
  .mnp-wrap { padding: 0 20px; }
  .mnp-section { padding: 52px 0; }
  .mnp-head { padding-left: 0; }
  .mnp-head-no { position: static; display: block; margin: 0 0 8px; font-size: 18px; }
  .mnp-hero-actions { gap: 10px; }
  .mnp-hero-actions .mnp-btn { flex: 1 1 100%; padding: 16px 20px; font-size: 15px; }
  .mnp-hero-tags { gap: 8px 16px; }
  .mnp-reward-card { padding: 26px 22px 24px; }
  .mnp-hero-bar { margin-top: 38px; }
  .mnp-why-item { flex-direction: column; gap: 14px; padding: 22px; text-align: left; }
  .mnp-why-no { width: 54px; height: 54px; font-size: 26px; }
  .mnp-strength-card { grid-template-columns: 1fr; }
  .mnp-strength-card .mnp-strength-ico {
    grid-column: 1; grid-row: auto;
    width: 68px; height: 68px; font-size: 30px;
    margin: 16px 0 0;
  }
  .mnp-case { grid-template-columns: 1fr; }
  .mnp-case .mnp-case-ico { grid-column: 1; grid-row: auto; margin: 14px 0 0; }
  .mnp-case-flag { position: static; display: inline-block; margin: 0 0 12px; border-radius: 3px; }
  .mnp-req-card { padding: 26px 20px; }
  .mnp-map { height: 150px; }
  .mnp-map-circle { width: 68px; height: 68px; font-size: 10.5px; }
  .mnp-settle-note { font-size: 12.5px; padding: 13px 18px; border-radius: 8px; }
  .mnp-cta { padding: 62px 0 70px; }
  .mnp-cta-chips li { padding: 11px 24px; font-size: 14px; }
  .mnp-faq-card { padding: 28px 22px 26px; }
}

@media (prefers-reduced-motion: reduce) {
  .mnp-btn, .mnp-case { transition: none; }
  .mnp-btn:hover { transform: none; }
}