@charset "utf-8";

/* 車ローンLP（ページ2〜7）カンプ再現 */

:root{
  --blue:#0048c7;
  --blue-bright:#0b58df;
  --navy:#002e68;
  --ink:#0d1220;
  --ink-2:#333;
  --accent:#ff5001;
  --accent-mid:#fd5c01;
  --free:#ff2a00;
  --marker:#ffe14a;
  --yellow:#f5d34a;
  --pale:#f7f8fd;
  --pale-2:#eef2fb;
  --line:#d7deea;
  --gray:#6b6f78;
  --pink:#e85a8a;
  --orange-ic:#f07a28;
  --green-ic:#3a9a4a;
  --blue-ic:#3a8fd4;
  --purple-ic:#7a5bb5;
}

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

html{
  font-size:min(4.267vw, 20.4px);
  -webkit-text-size-adjust:100%;
}
body{
  font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",
              "Yu Gothic Medium","Yu Gothic",Meiryo,sans-serif;
  color:var(--ink);
  background:#dcdcdc;
  line-height:1.65;
  font-feature-settings:"palt";
}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
a{text-decoration:none;color:inherit}
em,strong,b{font-style:normal}

.wrap{
  max-width:480px;margin:0 auto;background:#fff;
  position:relative;overflow:hidden;
}

.marker{
  background:linear-gradient(transparent 62%, var(--marker) 62%,
                             var(--marker) 96%, transparent 96%);
  font-weight:800;
}

.rule-head{
  display:flex;align-items:center;gap:.55em;white-space:nowrap;
  font-weight:800;color:var(--blue);margin:1.4rem .9rem 1rem;
  font-size:.95rem;
}
.rule-head::before,.rule-head::after{content:"";flex:1;height:1px;background:currentColor}
.rule-head--dot::before,.rule-head--dot::after{
  height:1px;
}
.rule-head--dot::before{border-radius:0}
.rule-head--dot::after{position:relative}
.rule-head--dot::before,
.rule-head--dot::after{
  background:linear-gradient(90deg,transparent,var(--blue));
}
.rule-head--dot::before{background:linear-gradient(90deg,var(--blue),transparent)}

.notes{
  font-size:.52rem;color:var(--gray);line-height:1.55;
  width:fit-content;max-width:calc(100% - 2rem);
  margin:.1rem auto .9rem;padding:0;
  text-align:left;
}
.notes--center{text-align:left;padding:.4rem 0 1rem}

/* ---------- CTA ---------- */
.cta{
  position:relative;display:flex;align-items:center;justify-content:center;
  margin:.55rem 1rem 0.7rem;padding:.78rem 2.4rem .78rem 3.4rem;
  border:none;
  border-radius:999px;
  background:linear-gradient(180deg,#ff6a1a 0%,var(--accent) 55%,#f14e00 100%);
  box-shadow:0 2px 0 rgba(150,60,0,.18), 0 3px 8px rgba(0,0,0,.08);
  color:#fff;
}
.cta__free{
  position:absolute;left:.55rem;top:50%;transform:translateY(-50%);
  width:2.55rem;height:2.55rem;border-radius:50%;
  background:#ffe600;color:var(--free);
  display:grid;place-items:center;
  font-size:.72rem;font-weight:900;line-height:1.05;text-align:center;
  box-shadow:none;
}
.cta__text{font-size:1.1rem;font-weight:900;letter-spacing:.02em}
.cta__arrow{position:absolute;right:.95rem;font-size:1.55rem;font-weight:700;line-height:1}
.cta--blue{
  flex-direction:column;gap:.15rem;border:none;border-radius:.45rem;
  background:linear-gradient(180deg,#1a5fd4 0%,var(--navy) 100%);
  box-shadow:0 2px 0 rgba(0,30,80,.18), 0 3px 8px rgba(0,0,0,.08);
  padding:0.55rem 2.6rem .7rem .9rem;
}
.cta--blue .cta__sub{font-size:.72rem;font-weight:700}
.cta--blue .cta__text{font-size:.95rem}
.cta--blue .cta__circle{
  position:absolute;right:.7rem;top:50%;transform:translateY(-50%);
  width:1.55rem;height:1.55rem;border-radius:50%;background:#fff;color:var(--blue);
  display:grid;place-items:center;font-size:1.1rem;font-weight:900;
}

.cta-bar{
  display:flex;justify-content:center;gap:.35rem;flex-wrap:wrap;
  background:var(--pale);margin:0 1rem;padding:.45rem .5rem;
  border-radius:.35rem;font-size:.62rem;font-weight:700;color:var(--navy);
}
.cta-bar li+li::before{content:"｜";margin-right:.35rem;color:#9aa6bc;font-weight:400}

.feat-bar{
  display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem;
  margin:.45rem 1rem .55rem;padding:.45rem .3rem;
  background:#fff;border:1px solid var(--line);border-radius:.35rem;
  font-size:.48rem;font-weight:700;color:var(--navy);text-align:center;
  letter-spacing:-.03em;
}
.feat-bar li{display:flex;flex-direction:column;align-items:center;gap:.15rem}
.feat-bar img{width:1.15rem;height:1.15rem;object-fit:contain}

/* ========== HERO ========== */
.hero{position:relative;background:linear-gradient(180deg,#eef4ff 0%,#fff 28%)}
.hero__body{position:relative;padding:1.1rem 1rem .4rem;min-height:13.2rem;overflow:hidden}
.hero__illust{
  position:absolute;right:0;top:.1rem;width:30%;max-height:11rem;
  object-fit:contain;object-position:right top;z-index:0;pointer-events:none;
}
.hero__eyebrow{position:relative;z-index:1;font-size:.66rem;font-weight:700;margin-bottom:.4rem;max-width:92%}
.hero__title{
  position:relative;z-index:1;font-size:1.3rem;font-weight:900;line-height:1.32;
  letter-spacing:-.045em;margin-bottom:.6rem;max-width:92%;
}
.hero__title em{color:var(--blue)}
.hero__box{
  position:relative;z-index:1;display:inline-block;max-width:92%;
  border:1.5px solid var(--blue);border-radius:.5rem;
  padding:.38rem .5rem;font-size:.6rem;font-weight:700;line-height:1.4;
  letter-spacing:-.02em;
  background:rgba(255,255,255,.92);margin-bottom:.5rem;
}
.hero__box em{color:var(--blue);font-size:1.1em}
.hero__lead{position:relative;z-index:1;font-size:.7rem;line-height:1.65;max-width:100%}
.hero__lead em{color:var(--blue);font-weight:800}
.hero__lead-line{white-space:nowrap}

/* compare */
.compare{
  display:grid;grid-template-columns:.86fr .5fr 1.5fr;gap:.1rem;
  align-items:stretch;margin:1.5rem .5rem 0;
}
.compare__col{
  position:relative;background:#fff;border-radius:.55rem;padding:.85rem .35rem .5rem;
  box-shadow:0 2px 10px rgba(20,40,80,.09);min-height:100%;
}
.compare__badge{
  position:absolute;left:50%;top:-.55rem;transform:translateX(-50%);
  white-space:nowrap;background:var(--navy);color:#fff;
  font-size:.5rem;font-weight:800;padding:.3em .7em;border-radius:999px;
}
.compare__badge--blue{background:var(--blue)}
.compare__card{
  background:#fff;border:1px solid #e8ecf4;border-radius:.35rem;padding:.3rem .3rem .35rem;
  box-shadow:0 1px 4px rgba(20,40,80,.07);text-align:center;
}
.compare__label{font-size:.46rem;color:var(--gray);line-height:1.3}
.compare__amount{font-size:.5rem;font-weight:700;white-space:nowrap}
.compare__amount strong{font-size:1.28em;font-weight:900}
.compare__amount--zero{font-size:.56rem}
.compare__amount--zero em{color:var(--blue);font-size:1.5rem;font-weight:900;vertical-align:-.06em}
.compare__car{width:100%;margin:.3rem auto 0}
.compare__mid{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  padding-top:.5rem;gap:.15rem;min-width:0;
}
.compare__bubble{
  position:relative;display:grid;place-items:center;text-align:center;
  width:2.55rem;height:2.55rem;border-radius:50%;background:var(--blue);
  color:#fff;font-size:.44rem;font-weight:800;line-height:1.3;
}
.compare__bubble::after{
  content:"";position:absolute;left:50%;bottom:-.32rem;transform:translateX(-50%);
  border:.3rem solid transparent;border-top-color:var(--blue);border-bottom:0;
}
.compare__mid img{width:100%;max-width:2.1rem;margin-top:.35rem}
.compare__grid{
  display:grid;grid-template-columns:auto .5rem 1fr;
  align-items:center;column-gap:.05rem;row-gap:.2rem;
}
.compare__grid .compare__card{grid-column:1;grid-row:1}
.compare__plus{
  grid-column:2;grid-row:1;text-align:center;
  color:var(--blue);font-size:1rem;font-weight:900;line-height:1;
}
.compare__result{grid-column:3;grid-row:1;width:100%}
.compare__ok{
  grid-column:1;grid-row:2;display:flex;align-items:center;gap:.15rem;
  font-size:.5rem;font-weight:900;color:var(--blue);white-space:nowrap;
}
.compare__check{
  display:inline-grid;place-items:center;width:.8rem;height:.8rem;border-radius:50%;
  background:var(--blue);color:#fff;font-size:.5rem;flex:none;
}
.compare__hold{
  grid-column:3;grid-row:2;font-size:.5rem;font-weight:800;color:var(--blue);
  line-height:1.35;text-align:center;
}
.compare__note{
  text-align:center;font-size:.66rem;line-height:1.7;margin:1rem .7rem 1.1rem;
}
.compare__note em{color:var(--blue);font-weight:800}

.cta-block{position:relative;padding-bottom:1.2rem}
.cta-block__head{
  display:flex;align-items:center;gap:.45rem;justify-content:center;
  margin:0 1rem .35rem;font-size:.95rem;font-weight:800;line-height:1.4;
}
.cta-block__head img{width:3.2rem;flex:none}
.cta-block__head em{color:var(--blue);font-size:1.25em}
.cta-block__sky{
  position:absolute;left:0;right:0;bottom:0;width:100%;opacity:.35;
  pointer-events:none;z-index:0;
}
.cta-block .cta,.cta-block .cta-bar,.cta-block .notes{position:relative;z-index:1}

/* ========== WHY ========== */
.sec--why{padding-top:.6rem}
.why__head{position:relative;padding:0 1rem;min-height:16rem}
.why__illust{
  position:absolute;right:0;top:-.6rem;width:31%;z-index:0;pointer-events:none;
}
.why__title{
  position:relative;z-index:1;font-size:1.28rem;font-weight:900;line-height:1.3;
  letter-spacing:-.035em;max-width:66%;
}
.why__title em{
  color:var(--blue);font-size:1.2em;
  background:linear-gradient(transparent 62%, var(--marker) 62%, var(--marker) 96%, transparent 96%);
}
.why__body{position:relative;z-index:1;font-size:.72rem;line-height:1.75;max-width:94%;margin-top:.65rem}
.why__body--narrow{max-width:66%}
.why__body--mid{max-width:100%}
.why__body p{margin-bottom:.5rem}
.why__body em{color:var(--blue);font-weight:800}
.why__keep{white-space:nowrap}
.why__body > p:last-child{max-width:100%}

.before,.after{
  margin:.4rem .85rem;border:1.5px solid #d8dde8;border-radius:.7rem;
  padding:.7rem .65rem .55rem;position:relative;background:#fff;overflow:hidden;
}
.after{border-color:#7eb0f0;margin-top:.2rem}
.before__badge,.after__badge{
  display:inline-block;color:#fff;font-size:.68rem;font-weight:800;
  padding:.22em .85em;border-radius:999px;margin-bottom:.45rem;
}
.before__badge{background:#5a5f6b}
.after__badge{background:var(--blue)}
.before__inner{display:grid;grid-template-columns:.72fr 1.9fr;gap:.1rem;align-items:center}
.before__title{font-size:.95rem;font-weight:900;line-height:1.3;color:#3a3f4a}
.before__sub{font-size:.54rem;color:var(--gray);margin-top:.35rem;line-height:1.45}
.before__scene{width:100%;display:block;margin-bottom:-.15rem}

.flow-arrow{
  width:0;height:0;margin:.15rem auto;
  border-left:.7rem solid transparent;border-right:.7rem solid transparent;
  border-top:1rem solid var(--navy);
}

.after__inner{display:grid;grid-template-columns:1.05fr auto 1.55fr;gap:.1rem;align-items:center}
.after__title{font-size:.85rem;font-weight:900;color:var(--blue);letter-spacing:-.03em;white-space:nowrap}
.after__title em{font-size:1.05em}
.after__sub{font-size:.6rem;font-weight:700;margin:.15rem 0 .35rem;line-height:1.4}
.after__sub em{color:var(--blue)}
.after__zero{
  display:flex;align-items:center;gap:.2rem;
  background:#eef5ff;border-radius:50%;width:5rem;height:5rem;
  justify-content:center;flex-direction:column;text-align:center;
  font-size:.62rem;font-weight:800;line-height:1.25;position:relative;
}
.after__zero em{color:var(--blue);font-size:1.45rem}
.after__zero img{width:2.1rem;margin-top:.1rem}
.after__plus{color:var(--blue);font-size:1.5rem;font-weight:900;padding:0 .05rem}
.after__right{min-width:0}
.after__scene{width:100%;display:block;margin-bottom:-.1rem}
.after__foot{
  margin-top:.35rem;display:grid;grid-template-columns:1.1fr 1.1fr;
  gap:.3rem;align-items:center;
}
.after__ok{
  display:flex;align-items:center;gap:.25rem;
  font-size:.5rem;font-weight:900;color:var(--blue);line-height:1.35;
  letter-spacing:-.03em;white-space:nowrap;
}
.after__ok span{
  display:inline-grid;place-items:center;width:1rem;height:1rem;border-radius:50%;
  background:var(--blue);color:#fff;font-size:.62rem;flex:none;
}
.after__hold{font-size:.56rem;line-height:1.45;color:var(--ink-2)}
.after__hold strong{display:block;font-size:.78rem;font-weight:900;color:var(--blue)}

/* ========== BUDGET ========== */
.sec--budget{background:var(--pale);padding:1.2rem 0 .4rem}
.budget__top{
  display:grid;grid-template-columns:1.32fr 1fr;gap:.2rem;
  padding:0 .8rem;align-items:start;
}
.budget__title{font-size:1rem;font-weight:900;line-height:1.32;letter-spacing:-.035em;white-space:nowrap}
.budget__title em{color:var(--blue);font-size:1.15em}
.budget__lead{font-size:.52rem;margin:.5rem 0 .4rem;letter-spacing:-.02em;white-space:nowrap}
.budget__nums{
  display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);
  border-radius:.45rem;background:#fff;overflow:hidden;margin-bottom:.35rem;
}
.budget__nums > div{
  padding:.45rem .4rem;text-align:center;
}
.budget__nums > div+div{border-left:1px solid var(--line)}
.budget__nums span{display:block;font-size:.54rem}
.budget__nums strong{display:block;color:var(--blue);font-size:1.2rem;font-weight:900;line-height:1.2;white-space:nowrap}
.budget__nums strong span{display:inline;font-size:.62rem}
.budget__tail{font-size:.62rem}
.budget__figs{position:relative;height:11rem}
.budget__figs img,.budget__figs span{position:absolute}
.budget__car{left:-4%;top:2%;width:66%}
.budget__cal{right:0;top:0;width:38%}
.budget__man{right:-6%;top:24%;width:52%}
.budget__arrow{
  left:20%;top:52%;width:0;height:0;
  border-left:.42rem solid transparent;border-right:.42rem solid transparent;
  border-top:.62rem solid var(--blue);
}
.budget__pig{left:2%;top:57%;width:44%}

.budget__bridge{
  text-align:center;font-size:.88rem;font-weight:700;line-height:1.55;
  margin:1.1rem .9rem .7rem;
}
.budget__bridge em{color:var(--blue);font-size:1.15em;font-weight:900}

.use-cards{
  display:grid;grid-template-columns:repeat(5,1fr);gap:.28rem;
  padding:0 .55rem;margin-bottom:.9rem;
}
.use-cards__item{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  background:#fff;border-radius:.45rem;overflow:hidden;
  box-shadow:0 1px 4px rgba(20,40,80,.08);
}
.use-cards__ic{width:1.7rem;height:1.7rem;object-fit:contain;margin:.4rem 0 .15rem}
.use-cards__item p{
  font-size:.52rem;font-weight:800;line-height:1.3;min-height:2.6rem;
  padding:0 .15rem;display:flex;align-items:center;
}
.use-cards__item--pink p{color:var(--pink)}
.use-cards__item--orange p{color:var(--orange-ic)}
.use-cards__item--green p{color:var(--green-ic)}
.use-cards__item--blue p{color:var(--blue-ic)}
.use-cards__item--purple p{color:var(--purple-ic)}
.use-cards__photo{width:100%;aspect-ratio:1/1.22;object-fit:cover;margin-top:auto}

.budget__emphasis{
  text-align:center;font-size:.78rem;font-weight:700;line-height:1.65;
  margin:.4rem 1.2rem 1rem;position:relative;
}
.budget__emphasis em{color:var(--blue);font-weight:900}
.budget__emphasis strong{font-size:1.22em;font-weight:900;margin-left:.1em}
.budget__emphasis::before,.budget__emphasis::after{
  content:"";position:absolute;top:-.2rem;width:1.4rem;height:1.4rem;
  border:2px dotted var(--blue);border-radius:50%;
}
.budget__emphasis::before{left:0;border-right:none;border-bottom:none}
.budget__emphasis::after{right:0;border-left:none;border-bottom:none}

.mansion-flow{
  margin:0 .85rem 1rem;padding:.7rem .55rem .8rem;
  background:#eef1f7;border-radius:.55rem;
}
.mansion-flow__title{
  text-align:center;color:var(--blue);font-size:.95rem;font-weight:900;margin-bottom:.55rem;
}
.mansion-flow__steps{
  display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:.35rem;align-items:end;
}
.mansion-flow__steps li{text-align:center;position:relative}
.mansion-flow__steps li:not(:last-child)::after{
  content:"";position:absolute;right:-.3rem;top:32%;
  border:.32rem solid transparent;border-left:.4rem solid var(--blue);
  border-right:0;
}
.mansion-flow__steps li{background:#fff;border-radius:.4rem;padding:.35rem .2rem .4rem}
.mansion-flow__steps img{width:70%;height:3.1rem;object-fit:contain;margin:0 auto .25rem}
.mansion-flow__steps p{font-size:.54rem;font-weight:700;line-height:1.35}

.sim-box{
  display:grid;grid-template-columns:auto 1fr auto;gap:.2rem;align-items:center;
  margin:0 .85rem .7rem;padding:.5rem .35rem;
  background:#eef1f7;border-radius:.55rem;
}
.sim-box__woman{width:3.6rem}
.sim-box__dev{width:3.6rem}
.sim-box__copy{font-size:.68rem;font-weight:800;line-height:1.4}
.sim-box__copy em{color:var(--blue)}
.sim-box__pill{
  display:inline-block;margin-top:.3rem;padding:.3em .5em;
  border:1.5px solid var(--blue);border-radius:999px;
  background:#fff;font-size:.54rem;font-weight:700;color:var(--navy);
  letter-spacing:-.02em;white-space:nowrap;
}

/* ========== CASES ========== */
.sec--cases{background:var(--pale);padding:1.2rem 0 .6rem}
.cases__title{
  display:flex;align-items:center;gap:.5rem;margin:0 1rem .9rem;
  color:var(--blue);font-size:1.28rem;font-weight:900;letter-spacing:.04em;
}
.cases__title::before,.cases__title::after{content:"";flex:1;height:1px;background:#9fbdea}
.cases__title span{position:relative;white-space:nowrap}
.cases__title span::before,.cases__title span::after{
  content:"✦";position:absolute;top:50%;transform:translateY(-50%);
  font-size:.62rem;color:#7ba7e8;
}
.cases__title span::before{left:-.85rem}
.cases__title span::after{right:-.85rem}

.case{
  background:#fff;border:1px solid #cfd9ee;border-radius:.65rem;
  margin:0 .75rem .85rem;padding:.65rem .55rem .7rem;
}
.case__head{
  display:flex;align-items:center;gap:.4rem;margin-bottom:.55rem;font-size:.85rem;font-weight:800;
}
.case__head img{width:2rem}
.case__head em{color:var(--blue);font-size:1.15em}
.case__num{
  display:grid;place-content:center;width:2.5rem;height:2.5rem;border-radius:50%;
  background:var(--blue);color:#fff;font-size:.46rem;font-weight:800;line-height:1.05;
  text-align:center;flex:none;
}
.case__num b{display:block;font-size:1.05rem;font-weight:900;line-height:1.05}
.case__cols{display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:.32rem;align-items:start}
.case__col{
  background:var(--pale);border-radius:.45rem;padding:.4rem .25rem .45rem;
  text-align:center;font-size:.52rem;font-weight:700;line-height:1.35;position:relative;
}
.case__col img{width:82%;margin:0 auto .25rem}
.case__col em{color:var(--blue);font-size:1.15rem;font-weight:900}
.case__col small{font-size:.6rem;color:var(--ink)}
.case__col .nw{white-space:nowrap}
.case__col hr{border:none;border-top:1px solid #c5d2ea;margin:.3rem .3rem}
.case__col--mid{background:transparent;padding:0;overflow:visible}
.case__benefit{
  border:1.5px solid var(--blue);border-radius:.3rem;background:#eef5ff;
  padding:.3rem .15rem .35rem;font-size:.5rem;font-weight:800;line-height:1.3;
}
.case__benefit em{font-size:1.05rem;color:var(--blue)}
.case__down{
  display:block;width:0;height:0;margin:.25rem auto;
  border-left:.45rem solid transparent;border-right:.45rem solid transparent;
  border-top:.6rem solid var(--blue);
}
.case__zero{
  position:relative;border:1.5px solid #333;border-radius:.3rem;
  background:#fff;padding:.35rem .15rem .45rem;font-size:.5rem;
  overflow:visible;
}
.case__zero strong{font-size:1.35rem}
.case__stamp{
  position:absolute;right:-.35rem;bottom:-.25rem;
  width:2.35rem !important;height:auto;z-index:2;
  pointer-events:none;
}
.case__cap{font-size:.5rem;margin-top:.3rem;line-height:1.35}
.case__bubble{
  display:inline-block;border:1.5px solid var(--blue);border-radius:.35rem;
  background:#fff;padding:.25em .35em;font-size:.5rem;margin-bottom:.25rem;
  white-space:nowrap;letter-spacing:-.02em;
}
.case__bubble em{font-size:1.3em}
.case__result{font-size:.5rem;margin-top:.2rem;line-height:1.45}
.case__result em{font-size:.92rem}
.case__result .nw{white-space:nowrap}

.case__cols > .case__col:first-child::after,
.case__col--mid::after{
  content:"";position:absolute;right:-.3rem;top:44%;z-index:2;
  border:.32rem solid transparent;border-left:.4rem solid var(--blue);border-right:0;
}
.case__col--mid::after{top:40%}

/* ========== OPTIONS ========== */
.sec--options{background:#f4f5f8;padding:1.4rem 0 1rem}
.options__title{text-align:center;font-size:1.2rem;font-weight:900;margin-bottom:.35rem}
.options__lead{text-align:center;font-size:.78rem;margin-bottom:.9rem}
.options{padding:0 .9rem}
.options > li{
  background:#fff;border:1px solid #d5dced;border-radius:.55rem;
  padding:.7rem .75rem .75rem;margin-bottom:.55rem;
}
.options h3{
  display:flex;align-items:center;gap:.45rem;
  color:var(--blue);font-size:1rem;font-weight:900;margin-bottom:.4rem;
}
.options h3 span{
  display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;
  border:1.5px solid var(--blue);border-radius:.2rem;
  font-size:.85rem;flex:none;
}
.options ul li{
  position:relative;padding-left:.9rem;font-size:.72rem;line-height:1.55;
  margin-bottom:.3rem;
}
.options ul li::before{
  content:"";position:absolute;left:0;top:.45em;
  width:.35rem;height:.35rem;border-radius:50%;background:var(--blue);
}

/* ========== FINAL ========== */
.sec--final{padding:1.1rem 0 1.4rem;background:#fff}
.panel{
  margin:0 .85rem 0.85rem;padding:.85rem .75rem .9rem;
  border:1px solid #d5dced;border-radius:.65rem;background:#fff;
}
.panel__title{
  display:flex;align-items:center;justify-content:center;gap:.35rem;
  color:var(--ink);font-size:1.15rem;font-weight:900;margin-bottom:.7rem;
}
.panel__title img{width:1.7rem;height:1.7rem;object-fit:contain}
.panel__lead{text-align:center;font-size:.78rem;margin:-.3rem 0 .7rem}
.panel__lead em{color:var(--blue);font-weight:800}

.cond{
  display:grid;grid-template-columns:1fr 1fr;gap:.4rem .55rem;
  font-size:.68rem;font-weight:700;line-height:1.4;margin-bottom:.7rem;
}
.cond li{position:relative;padding-left:.75rem}
.cond li:last-child{grid-column:2}
.cond li::before{
  content:"";position:absolute;left:0;top:.4em;
  width:.35rem;height:.35rem;border-radius:50%;background:var(--blue);
}

.warn{
  display:flex;gap:.45rem;align-items:flex-start;
  background:var(--pale-2);border-radius:.45rem;padding:.55rem .55rem;
  font-size:.62rem;line-height:1.5;
}
.warn__mark{
  flex:none;width:1.25rem;height:1.25rem;border-radius:.15rem;
  background:var(--blue);color:#fff;display:grid;place-items:center;
  font-weight:900;font-size:.8rem;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  border-radius:0;width:1.35rem;height:1.15rem;padding-top:.15rem;
}
.warn__title{color:var(--blue);font-weight:900;font-size:.72rem;margin-bottom:.15rem}

.consult{display:grid;grid-template-columns:auto 1fr;gap:.4rem;align-items:center}
.consult__woman{width:5.8rem}
.consult__list{
  display:grid;grid-template-columns:1fr 1fr;gap:.35rem .3rem;
  font-size:.62rem;font-weight:700;line-height:1.35;
}
.consult__list li{display:flex;align-items:flex-start;gap:.2rem}
.consult__list img{width:.95rem;height:.95rem;flex:none;margin-top:.05rem}

.info-bar{
  display:flex;align-items:flex-start;gap:.35rem;
  background:var(--pale-2);border-radius:.4rem;padding:.45rem .55rem;
  font-size:.58rem;line-height:1.45;margin-top:.65rem;
}
.info-bar span{
  flex:none;width:1.1rem;height:1.1rem;border-radius:50%;
  background:var(--blue);color:#fff;display:grid;place-items:center;
  font-weight:900;font-size:.7rem;
}

.flow-steps{
  display:grid;grid-template-columns:1fr auto 1fr;gap:.35rem;align-items:stretch;
  margin-bottom:.7rem;
}
.flow-steps > li{
  position:relative;border:1px solid var(--line);border-radius:.45rem;
  padding:.7rem .45rem .55rem;display:flex;align-items:center;gap:.3rem;
  font-size:.62rem;font-weight:700;line-height:1.35;
}
.flow-steps > li:first-child{grid-column:1}
.flow-steps > li:last-child{grid-column:3}
.flow-steps{position:relative}
.flow-steps::before{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  border:.36rem solid transparent;border-left:.46rem solid var(--blue);border-right:0;
  z-index:1;
}
.flow-steps__num{
  position:absolute;left:.35rem;top:.3rem;
  width:1.05rem;height:1.05rem;border-radius:50%;
  background:var(--blue);color:#fff;display:grid;place-items:center;
  font-size:.62rem;font-weight:900;
}
.flow-steps img{width:2.2rem;flex:none;margin-top:.2rem}
.flow-steps__note{text-align:center;font-size:.68rem;line-height:1.55;color:var(--ink-2)}