/* 解決ネイビー型(見本 stock-sun.com/makitori/lp)。読みやすい版。直したら style.css を作り直す(.mt → .mt.mt.mt と all:revert) */
/* 白・紺・青の太い見出し/上に固定の帯/数字の箱/吹き出しの悩み/紺の「解決」段と番号カード/「そもそも〜とは?」/「ココが違う」の番号つき比較 */
.mt.mt.mt *{all:revert}

.mt.mt.mt{--nv:#253290;--nv2:#233295;--mid:#555fa8;--lav:#9ea5dc;--or:#ff5004;--or2:#ff8a1f;--yl:#ffff00;--sky:#f2f9ff;--sky2:#e9f4ff;--ink:#111;--gray:#f4f4f4;
  max-width:480px;margin:0 auto;background:#fff;color:var(--ink);font-family:"Noto Sans JP",-apple-system,sans-serif;font-size:15px;line-height:1.7;overflow-x:clip;position:relative}
.mt.mt.mt *{box-sizing:border-box}
.mt.mt.mt img{display:block;max-width:100%}
.mt.mt.mt p{margin:0}
.mt.mt.mt ul,.mt.mt.mt ol{margin:0;padding:0;list-style:none}
.mt.mt.mt h1,.mt.mt.mt h2,.mt.mt.mt h3{margin:0;font-weight:700}
.mt.mt.mt a{text-decoration:none}
.mt.mt.mt .num,.mt.mt.mt .nb b,.mt.mt.mt .nbx b,.mt.mt.mt .rm b,.mt.mt.mt .rm2 b{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}

/* 上の帯とロゴ(上に固定) */
.mt.mt.mt .hd{position:sticky;top:0;z-index:30}
.mt.mt.mt .band{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 14px;background:var(--nv2)}
.mt.mt.mt .rm{flex:none;display:flex;align-items:baseline;gap:3px;padding:3px 10px;border-radius:4px;background:var(--or);color:#fff;font-size:14px;font-weight:700;line-height:1.4}
.mt.mt.mt .rm b{font-size:20px;line-height:1;margin:0 2px}
.mt.mt.mt .bt{flex:1;text-align:center;color:#fff;font-size:14px;font-weight:900;line-height:1.25;letter-spacing:.04em}
.mt.mt.mt .bt em{font-style:normal;color:var(--yl)}
.mt.mt.mt .lg{display:flex;align-items:center;gap:10px;padding:8px 14px;background:rgba(255,255,255,.97);border-bottom:1px solid #e3e8f5}
.mt.mt.mt .logo{display:flex;flex-direction:column;line-height:1.1;color:var(--nv)}
.mt.mt.mt .logo small{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;font-style:italic;letter-spacing:-.01em}
.mt.mt.mt .logo small i{font-style:italic;padding:0 4px;border-radius:2px;background:var(--nv);color:#fff;font-size:9.5px;line-height:1.5}
.mt.mt.mt .logo b{font-size:23px;font-weight:900;font-style:italic;letter-spacing:-.01em;margin-top:2px}
.mt.mt.mt .co{font-size:12px;font-weight:700;color:#7a7f8c;letter-spacing:.02em;line-height:1.3}
.mt.mt.mt .mn{margin-left:auto;display:flex;flex-direction:column;gap:5px;padding:6px 2px}
.mt.mt.mt .mn i{display:block;width:30px;height:3px;border-radius:2px;background:var(--nv)}

/* 最初の画面 */
.mt.mt.mt .fv{position:relative;padding:18px 16px 26px;background:radial-gradient(circle at 92% 46%,#e3eefb 0 120px,transparent 121px),var(--sky)}
.mt.mt.mt .cp{position:relative}
.mt.mt.mt .cp:has(.bb){padding-top:38px}
.mt.mt.mt .bb{position:absolute;right:4px;top:0;padding:5px 14px;border-radius:999px;background:var(--or);color:#fff;font-size:15px;font-weight:900;letter-spacing:.02em;line-height:1.4;white-space:nowrap}
.mt.mt.mt .bb:after{content:"";position:absolute;left:22px;bottom:-7px;border:7px solid transparent;border-top:8px solid var(--or);border-bottom:0}
.mt.mt.mt h1{font-weight:900;line-height:1.2;letter-spacing:-.01em}
.mt.mt.mt h1 span{display:block}
.mt.mt.mt h1 .c1{font-size:clamp(28px,8.2vw,34px);padding-top:8px}
.mt.mt.mt h1 .c2{font-size:clamp(46px,13.6vw,56px);line-height:1.15}
.mt.mt.mt h1 .c2 em{font-style:normal;color:var(--or)}
.mt.mt.mt h1 .c3{font-size:clamp(28px,8.4vw,34px);margin-top:2px}
.mt.mt.mt h1 .c3 em{font-style:normal;color:var(--nv)}
.mt.mt.mt .svc{display:flex;flex-wrap:wrap;justify-content:center;margin-top:14px;padding:8px 6px;background:#fff;color:var(--nv2);font-size:13.5px;font-weight:700;line-height:1.5;box-shadow:0 2px 8px rgba(37,50,144,.06)}
.mt.mt.mt .svc span{padding:0 6px;border-left:1.5px solid #c8cde6}
.mt.mt.mt .svc span:first-child{border-left:0}
.mt.mt.mt .nb{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}
.mt.mt.mt .nb div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:94px;padding:22px 4px 8px;border-radius:8px;background:var(--nv);color:#fff;text-align:center;line-height:1.2}
.mt.mt.mt .nb i{position:absolute;top:-19px;left:50%;width:38px;height:38px;margin-left:-19px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--nv)}
.mt.mt.mt .nb i:after{content:"";position:absolute;left:12px;top:9px;width:9px;height:15px;border:solid var(--nv);border-width:0 3.5px 3.5px 0;transform:rotate(45deg)}
.mt.mt.mt .nb small{display:block;font-size:11px;font-weight:700}
.mt.mt.mt .nb b{display:block;margin:2px 0;font-size:27px;font-weight:700;color:var(--yl);line-height:1.1;letter-spacing:.02em}
.mt.mt.mt .nb b span{font-family:"Noto Sans JP",sans-serif;font-size:14px;font-weight:900;margin-left:1px}
.mt.mt.mt .vis{position:relative;height:300px;margin-top:20px}
.mt.mt.mt .vis img{position:absolute;right:-16px;top:0;width:62%;height:300px;object-fit:cover;object-position:50% 25%;border-radius:150px 0 0 150px}
.mt.mt.mt .tm{position:absolute;left:0;bottom:4px;width:57%;padding:10px 10px 8px;border-radius:15px;background:var(--lav);color:#fff;box-shadow:0 6px 16px rgba(37,50,144,.18)}
.mt.mt.mt .tm .tt{padding:4px 4px 3px;border-radius:4px;background:#fff;color:var(--ink);text-align:center;font-size:13px;font-weight:700;line-height:1.25}
.mt.mt.mt .tm .tt small{display:block;font-size:10px;font-weight:600}
.mt.mt.mt .tm ul{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;margin-top:8px}
.mt.mt.mt .tm li{position:relative;padding-left:16px;font-size:11.5px;font-weight:700;line-height:1.6;white-space:nowrap}
.mt.mt.mt .tm li:before{content:"";position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background:#fff}
.mt.mt.mt .tm li:after{content:"";position:absolute;left:4px;top:6px;width:3px;height:6px;border:solid var(--lav);border-width:0 2px 2px 0;transform:rotate(45deg)}
.mt.mt.mt .tm .etc{text-align:right;font-size:11px;font-weight:700;line-height:1.3}
.mt.mt.mt .cbox{margin-top:16px;padding:16px 12px 18px;border:1px solid var(--or);background:#fff;text-align:center}
.mt.mt.mt .cbox .lead{font-size:14px;font-weight:700;line-height:1.5}
.mt.mt.mt .cbox .lead em,.mt.mt.mt .mc .t em{font-style:normal;color:var(--or)}
/* 小さな札とオレンジのボタン */
.mt.mt.mt .tag{position:relative;z-index:2;display:inline-flex;align-items:center;gap:4px;margin:14px auto -12px;padding:2px 10px 2px 3px;border-radius:40px;background:#ffffce;border:1.5px solid #ffe36a;font-size:11px;font-weight:900}
.mt.mt.mt .tag b{padding:0 6px;border-radius:30px;background:var(--nv);color:#ffffce;font-size:10px;line-height:1.7}
.mt.mt.mt .ob{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:16px;padding:17px 12px;border-radius:999px;background:linear-gradient(180deg,var(--or2),var(--or) 60%,#f04500);color:#fff;font-size:clamp(16px,4.6vw,18px);font-weight:700;letter-spacing:.04em;line-height:1.3;box-shadow:0 6px 14px rgba(255,80,4,.35);white-space:nowrap}
.mt.mt.mt .tag+.ob{margin-top:0;padding-top:20px}
.mt.mt.mt .ob i{width:9px;height:9px;flex:none;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-2px,-2px)}

/* 導入の数 */
.mt.mt.mt .ct{padding:44px 16px 10px;text-align:center}
.mt.mt.mt .ct .h{color:var(--nv);font-size:19px;font-weight:700;letter-spacing:.3em;line-height:1.5}
.mt.mt.mt .nbx{display:inline-flex;align-items:baseline;gap:6px;margin-top:8px;padding:6px 26px 8px;border-radius:4px;background:var(--nv);color:#fff;font-weight:700}
.mt.mt.mt .nbx b{font-size:52px;color:var(--yl);line-height:1}
.mt.mt.mt .nbx span{font-size:20px}
.mt.mt.mt .nbx em{font-style:normal;font-size:34px;letter-spacing:.12em}
.mt.mt.mt .ct .nt{margin-top:10px;font-size:13px;font-weight:700;color:#444;line-height:1.6}
.mt.mt.mt .lgs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;margin-top:22px;align-items:center}
.mt.mt.mt .lgs img{width:100%;height:34px;object-fit:contain}

/* お悩み(吹き出し) */
.mt.mt.mt .wr{padding:52px 16px 0;text-align:center}
.mt.mt.mt .wr h2{font-size:clamp(28px,8.2vw,32px);font-weight:700;line-height:1.55}
.mt.mt.mt .wr h2 .q{font-weight:300;font-size:1.25em}
.mt.mt.mt .wr h2 .q b{font-weight:700}
.mt.mt.mt .bbs{position:relative;margin-top:22px;padding-bottom:26px;min-height:420px}
.mt.mt.mt .bbs img{position:absolute;left:0;bottom:0;width:48%;height:330px;object-fit:cover;border-radius:999px 999px 18px 18px}
.mt.mt.mt .bbs:after{content:"";position:absolute;left:4%;bottom:-6px;width:40%;height:16px;border-radius:50%;background:#c8d0ef;z-index:-1}
.mt.mt.mt .bbs .w{position:relative;z-index:2;display:flex;width:62%;margin:0 0 16px auto}
.mt.mt.mt .bbs .w.r{margin-right:12%}
.mt.mt.mt .bbs .w span{position:relative;display:block;width:100%;padding:9px 10px;border-radius:8px;background:var(--lav);color:#fff;font-size:14px;font-weight:700;line-height:1.4;text-align:center}
.mt.mt.mt .bbs .w.r span{background:var(--mid)}
.mt.mt.mt .bbs .w span:before,.mt.mt.mt .bbs .w span:after{content:"";position:absolute;border-radius:50%;background:inherit}
.mt.mt.mt .bbs .w span:before{left:24px;bottom:-9px;width:10px;height:10px}
.mt.mt.mt .bbs .w span:after{left:16px;bottom:-16px;width:6px;height:6px}
.mt.mt.mt .bbs .w.r span:before{left:auto;right:24px}
.mt.mt.mt .bbs .w.r span:after{left:auto;right:16px}

/* 数字の問いかけ(事例カードの作り) */
.mt.mt.mt .ask,.mt.mt.mt .cs{padding:60px 16px 56px;background:var(--sky2)}
.mt.mt.mt .ttl{color:var(--nv);text-align:center;font-size:clamp(25px,7vw,28px);font-weight:700;line-height:1.45;letter-spacing:.03em}
.mt.mt.mt .card{margin-top:26px;padding:22px 18px 22px;border-radius:16px;background:#fff;text-align:center}
.mt.mt.mt .card .ind{color:var(--nv);font-size:15px;font-weight:700}
.mt.mt.mt .card .nm{margin-top:10px;padding:6px 8px;background:var(--nv);color:#fff;font-size:15px;font-weight:700;line-height:1.5}
.mt.mt.mt .gbox{margin:16px 0 0;padding:18px 10px;border-radius:16px;background:var(--gray)}
.mt.mt.mt .gbox .big{font-size:clamp(24px,7vw,28px);font-weight:700;line-height:1.45}
.mt.mt.mt .gbox em{font-style:normal;color:var(--or)}
.mt.mt.mt .gbox .sum{margin-top:10px;font-size:19px;font-weight:700;line-height:1.5}
.mt.mt.mt .card .end{margin-top:14px;color:var(--nv);font-size:18px;font-weight:700;line-height:1.5}
.mt.mt.mt .cut{margin-top:16px;padding:12px 14px;border:1.5px dashed #9aa3d6;border-radius:8px;background:#fff;font-size:13px;font-weight:700;line-height:1.6;text-align:center}
.mt.mt.mt .card .pl{display:flex;justify-content:center;margin-top:10px}
.mt.mt.mt .card .pl span{padding:4px 18px;background:var(--nv);color:#fff;font-size:15px;font-weight:700}
.mt.mt.mt .card .pl b{padding:4px 18px;background:#fff;color:var(--nv);font-size:15px;border:1px solid var(--nv)}
.mt.mt.mt .card .dv{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:12px;font-weight:700}
.mt.mt.mt .card .dv:before,.mt.mt.mt .card .dv:after{content:"";flex:1;height:1px;background:var(--nv)}
.mt.mt.mt .card .its{margin-top:6px;font-size:14px;text-align:left;display:inline-block}
.mt.mt.mt .cn{margin-top:14px;font-size:12px;color:#555;line-height:1.6}

/* 紺の段: ご安心ください → 解決 */
.mt.mt.mt .sl{padding:56px 16px 50px;background:var(--nv);color:#fff;text-align:center}
.mt.mt.mt .sl .an{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:.04em}
.mt.mt.mt .sl .an:before,.mt.mt.mt .sl .an:after{content:"";width:12px;height:18px;background:linear-gradient(115deg,transparent 42%,#fff 42% 52%,transparent 52%) 0 0/6px 18px repeat-x}
.mt.mt.mt .sl .an:after{transform:scaleX(-1)}
.mt.mt.mt .sl h2{margin-top:10px;line-height:1.35}
.mt.mt.mt .sl .l1{display:block;font-size:clamp(21px,6.2vw,24px);font-weight:700}
.mt.mt.mt .sl .l2{display:block;margin-top:4px;font-size:clamp(20px,6vw,24px);font-weight:700}
.mt.mt.mt .sl .l2 em{position:relative;font-style:normal;color:var(--yl);font-size:clamp(34px,10.2vw,40px);font-weight:900;z-index:1}
.mt.mt.mt .sl .l2 em:after{content:"";position:absolute;left:-6px;right:-4px;bottom:2px;height:12px;border-radius:6px;background:rgba(130,150,215,.55);transform:rotate(-3deg);z-index:-1}
.mt.mt.mt .sl ol{counter-reset:r;margin-top:30px}
.mt.mt.mt .sl li{counter-increment:r;position:relative;margin-top:20px;padding:20px 18px 24px;border-radius:22px;background:#fff;color:var(--ink)}
.mt.mt.mt .sl li:before{content:counter(r);position:absolute;left:16px;top:16px;z-index:2;width:48px;height:48px;border-radius:50%;background:var(--mid);color:#fff;font:700 24px/48px "Helvetica Neue",Helvetica,Arial,sans-serif}
.mt.mt.mt .sl li img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.mt.mt.mt .sl .t{margin-top:14px;font-size:17px;font-weight:700;line-height:1.4}
.mt.mt.mt .sl .t em{font-style:normal;color:var(--nv);font-size:1.25em}
.mt.mt.mt .sl .s{margin-top:8px;font-size:13.5px;line-height:1.7;text-align:left}

/* そもそも〜とは? */
.mt.mt.mt .ab{padding:64px 16px 56px;text-align:center;background:linear-gradient(180deg,#fff 0 62%,var(--sky2) 62%)}
.mt.mt.mt .pill{position:relative;display:inline-block;padding:4px 22px;border-radius:999px;background:var(--nv);color:#fff;font-size:18px;font-weight:700;letter-spacing:.04em;line-height:1.45}
.mt.mt.mt .pill:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-7px;border:7px solid transparent;border-top:9px solid var(--nv);border-bottom:0}
.mt.mt.mt .ab .pre{margin-top:22px;font-size:20px;font-weight:700;line-height:1.4}
.mt.mt.mt .ab h2{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;color:var(--nv);line-height:1.2}
.mt.mt.mt .ab h2 b{font-size:clamp(36px,10.6vw,44px);font-weight:900;font-style:italic;letter-spacing:-.02em}
.mt.mt.mt .ab h2 span{font-size:24px;font-weight:700;margin-left:4px}
.mt.mt.mt .ab .tx{margin-top:12px;font-size:14px;line-height:1.75}
.mt.mt.mt .dg{margin-top:26px;padding:24px 14px 24px;border:1px solid var(--nv);border-radius:16px;background:#fff}
.mt.mt.mt .dg .row{position:relative;display:grid;grid-template-columns:44% 1fr;gap:10px;align-items:stretch;padding-top:44px}
.mt.mt.mt .dg .you{position:relative;border-radius:12px;overflow:hidden;background:#eee;min-height:200px}
.mt.mt.mt .dg .you img{width:100%;height:100%;object-fit:cover;object-position:60% 15%;position:absolute;inset:0}
.mt.mt.mt .dg .you span{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:1px 16px;border-radius:999px;background:#9a9a9a;color:#fff;font-size:16px;font-weight:600;white-space:nowrap}
.mt.mt.mt .dg .us{border-radius:12px;background:var(--lav);color:#fff;padding:12px 10px}
.mt.mt.mt .dg .us .tt{padding:3px 4px;border-radius:999px;background:#fff;color:var(--nv);font-size:15px;font-weight:900;font-style:italic;line-height:1.4}
.mt.mt.mt .dg .us ul{margin-top:10px;text-align:left}
.mt.mt.mt .dg .us li{position:relative;padding-left:20px;font-size:13px;font-weight:700;line-height:1.85;white-space:nowrap}
.mt.mt.mt .dg .us li:before{content:"";position:absolute;left:0;top:6px;width:14px;height:14px;border-radius:50%;background:#fff}
.mt.mt.mt .dg .us li:after{content:"";position:absolute;left:5px;top:8px;width:3px;height:7px;border:solid var(--lav);border-width:0 2px 2px 0;transform:rotate(45deg)}
.mt.mt.mt .dg .a1,.mt.mt.mt .dg .a2{position:absolute;left:24%;right:22%;font-size:13px;font-weight:700;line-height:1;padding:5px 0 5px;text-align:center;white-space:nowrap}
.mt.mt.mt .dg .a1{top:0;color:var(--nv);border:1.5px dashed var(--nv);border-right:0;background:#fff}
.mt.mt.mt .dg .a1:before{content:"";position:absolute;left:-12px;top:50%;margin-top:-8px;border:8px solid transparent;border-right:11px solid var(--nv);border-left:0}
.mt.mt.mt .dg .a2{top:22px;z-index:2;background:var(--nv);color:#fff}
.mt.mt.mt .dg .a2:after{content:"";position:absolute;right:-12px;top:50%;margin-top:-12px;border:12px solid transparent;border-left:12px solid var(--nv);border-right:0}
.mt.mt.mt .dg .hl{margin-top:20px;font-size:15.5px;font-weight:700;line-height:1.7}
.mt.mt.mt .dg .hl em{font-style:normal;background:linear-gradient(transparent 55%,var(--yl) 55%)}

/* ココが違う */
.mt.mt.mt .df{padding:10px 16px 60px;background:var(--sky2);text-align:center}
.mt.mt.mt .df .pre{font-size:17px;font-weight:700;line-height:1.6}
.mt.mt.mt .df .pre b{color:var(--nv);font-size:24px;font-weight:900;font-style:italic;margin-right:4px}
.mt.mt.mt .df h2{margin-top:6px;color:var(--nv);font-size:clamp(36px,10.4vw,42px);font-weight:700;letter-spacing:.04em;line-height:1.4}
.mt.mt.mt .df ol{counter-reset:d}
.mt.mt.mt .df li{counter-increment:d;margin-top:22px;border-radius:16px;background:#fff;overflow:hidden;padding-bottom:22px}
.mt.mt.mt .df li:before{content:counter(d);display:block;padding:7px 0;border-radius:16px 16px 0 0;background:var(--nv);color:#fff;font:700 23px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif}
.mt.mt.mt .df .ld{margin:18px 16px 0;font-size:15.5px;font-weight:700;line-height:1.55}
.mt.mt.mt .df .bg{margin:10px 12px 0;color:var(--nv);font-size:clamp(17px,4.9vw,19px);font-weight:700;line-height:1.5}
.mt.mt.mt .df li img{width:calc(100% - 40px);margin:16px auto 0;aspect-ratio:16/10;object-fit:cover;border-radius:10px}

/* 担当者の紹介(本物があるときだけ) */
.mt.mt.mt .sf{padding:56px 16px 50px;background:var(--sky2)}
.mt.mt.mt .sf h2{color:var(--nv);text-align:center;font-size:clamp(26px,7.6vw,32px);font-weight:700;line-height:1.35;letter-spacing:.04em}
.mt.mt.mt .sc{display:flex;gap:14px;align-items:center;margin-top:16px;padding:16px;border-radius:16px;background:#fff;box-shadow:0 4px 12px rgba(37,50,144,.06)}
.mt.mt.mt .sc img{flex:none;width:72px;height:72px;border-radius:50%;object-fit:cover}
.mt.mt.mt .sc b{display:block;color:var(--nv);font-size:15px}
.mt.mt.mt .sc p{font-size:14px;font-weight:500;line-height:1.55}

/* 料金(本物があるときだけ) */
.mt.mt.mt .pr{padding:56px 16px 40px}
.mt.mt.mt .pc{position:relative;margin-top:22px;padding:22px 20px;border:1px solid #dde2ef;border-radius:20px;background:#fff;text-align:center}
.mt.mt.mt .pc.on{border-color:var(--nv);box-shadow:0 4px 10px rgba(37,50,144,.15)}
.mt.mt.mt .pc .bd{position:absolute;left:-1px;top:-14px;padding:3px 14px;border-radius:999px;background:#e2b85a;color:#fff;font-size:14px;font-weight:700}
.mt.mt.mt .pc .en{color:var(--nv);font-size:13px}
.mt.mt.mt .pc h3{color:var(--nv);font-size:21px}
.mt.mt.mt .pc .for{margin-top:6px;font-size:16px;font-weight:700;line-height:1.5}
.mt.mt.mt .pc ul{margin-top:10px;text-align:left}
.mt.mt.mt .pc li{padding:9px 0 9px 26px;border-bottom:1px solid #ddd;font-size:14.5px;font-weight:700;position:relative}
.mt.mt.mt .pc li:last-child{border-bottom:0}
.mt.mt.mt .pc li:before{content:"";position:absolute;left:2px;top:13px;width:14px;height:14px;border-radius:50%;border:2px solid var(--ink)}
.mt.mt.mt .pn{margin-top:18px;font-size:14px;text-align:center}

/* 真ん中の紺の箱 */
.mt.mt.mt .mc{padding:40px 16px}
.mt.mt.mt .mc .bx{padding:22px 16px 22px;border-radius:12px;background:linear-gradient(135deg,#2a3aa8,#1c2780);color:#fff;text-align:center}
.mt.mt.mt .mc .rm2{display:inline-block;padding:1px 14px;background:var(--yl);color:var(--nv);font-size:13px;font-weight:700}
.mt.mt.mt .mc .rm2 b{font-size:20px;margin:0 3px}
.mt.mt.mt .mc .t{margin-top:6px;font-size:16px;font-weight:700;line-height:1.5}
.mt.mt.mt .mc .t em{color:var(--yl)}

/* 流れ */
.mt.mt.mt .fl{padding:30px 16px 56px}
.mt.mt.mt .fl .ttl{font-size:clamp(32px,9.6vw,40px);line-height:1.3}
.mt.mt.mt .fl .bn{position:relative;margin-top:20px;padding:12px 10px 14px;border-radius:999px;background:var(--nv);color:#fff;text-align:center;font-size:clamp(17px,5vw,20px);font-weight:700;line-height:1.4}
.mt.mt.mt .fl .bn small{display:block;font-size:14px}
.mt.mt.mt .fl .bn em{font-style:normal;color:var(--yl)}
.mt.mt.mt .fl .bn:after{content:"";position:absolute;left:50%;bottom:-9px;margin-left:-8px;border:8px solid transparent;border-top:10px solid var(--nv);border-bottom:0}
.mt.mt.mt .fl ol{counter-reset:f;margin-top:24px}
.mt.mt.mt .fl li{counter-increment:f;position:relative;display:grid;grid-template-columns:34px 44px 1fr;align-items:center;column-gap:0}
.mt.mt.mt .fl .pd{align-self:stretch;display:flex;align-items:center;justify-content:center;padding:12px 0;background:var(--sky2);color:var(--nv);font-size:14px;font-weight:700;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.06em;line-height:1}
.mt.mt.mt .fl li:nth-child(2) .pd{background:#c9d3f0}
.mt.mt.mt .fl li:nth-child(3) .pd{background:var(--mid);color:#fff}
.mt.mt.mt .fl li:nth-child(n+4) .pd{background:var(--nv);color:#fff}
.mt.mt.mt .fl .no{justify-self:center;width:36px;height:36px;border-radius:50%;background:#b9cbe8}
.mt.mt.mt .fl .no:before{content:counter(f);display:block;color:#fff;text-align:center;font:700 19px/36px "Helvetica Neue",Helvetica,Arial,sans-serif}
.mt.mt.mt .fl li:nth-child(2) .no{background:#a3a9dd}
.mt.mt.mt .fl li:nth-child(3) .no{background:var(--mid)}
.mt.mt.mt .fl li:nth-child(n+4) .no{background:var(--nv)}
.mt.mt.mt .fl .cd{margin:6px 0;padding:12px 14px;border:1px solid var(--nv);border-radius:10px;background:#fff}
.mt.mt.mt .fl h3{font-size:17px;font-weight:700;line-height:1.4}
.mt.mt.mt .fl .cd p{margin-top:4px;font-size:13.5px;line-height:1.6}

/* お客様の声(本物があるときだけ) */
.mt.mt.mt .vc{padding:50px 16px}
.mt.mt.mt .vcd{position:relative;margin-top:60px;padding:56px 20px 22px;border:1px solid #e3e3e3;border-radius:20px;text-align:center}
.mt.mt.mt .vcd .av{position:absolute;left:50%;top:-48px;margin-left:-48px;width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid var(--nv)}
.mt.mt.mt .vcd .who{color:#999;font-size:15px;font-weight:700}
.mt.mt.mt .vcd .vt{margin-top:6px;color:var(--nv);font-size:18px;font-weight:700;line-height:1.4}
.mt.mt.mt .vcd .tx{margin-top:12px;text-align:left;font-size:14.5px;line-height:1.75}

/* よくある質問 */
.mt.mt.mt .fq{padding:56px 16px 40px}
.mt.mt.mt .fq .ttl{font-size:clamp(32px,9.6vw,40px)}
.mt.mt.mt .qa{padding:22px 0 20px;border-bottom:1px dashed #c8c8c8}
.mt.mt.mt .qa .q{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:999px;background:var(--sky2);color:var(--nv);font-size:15px;font-weight:700;line-height:1.45}
.mt.mt.mt .qa i{flex:none;font:italic 700 20px/1 "Helvetica Neue",Helvetica,Arial,sans-serif}
.mt.mt.mt .qa .q i{width:38px;height:38px;border-radius:50%;background:var(--nv);color:#fff;display:flex;align-items:center;justify-content:center}
.mt.mt.mt .qa .a{display:flex;gap:16px;margin-top:16px;padding:0 14px 0 22px;font-size:14.5px;line-height:1.75}
.mt.mt.mt .qa .a i{color:var(--nv);padding-top:3px}

/* 最後 */
.mt.mt.mt .ls{padding:0 16px 46px;background:var(--gray);text-align:center}
.mt.mt.mt .ls .ph{margin:0 -16px}
.mt.mt.mt .ls .ph img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:35% 50%}
.mt.mt.mt .ls h2{margin-top:26px;font-size:clamp(26px,7.6vw,32px);font-weight:900;line-height:1.4}
.mt.mt.mt .ls h2 em{font-style:normal;color:var(--or)}
.mt.mt.mt .how{margin-top:20px;text-align:left}
.mt.mt.mt .how li{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding:12px 14px;border-radius:10px;background:#fff;font-size:14.5px;font-weight:700;line-height:1.55}
.mt.mt.mt .how b{flex:none;width:30px;height:30px;border-radius:50%;background:var(--nv);color:#fff;text-align:center;font:700 14px/30px "Helvetica Neue",Helvetica,Arial,sans-serif}
.mt.mt.mt .ls .nt{margin-top:14px;font-size:14px;font-weight:700;color:var(--nv)}
.mt.mt.mt .ls .ob{margin-top:20px}
.mt.mt.mt .ft{padding:22px 16px 26px;background:var(--nv);color:#fff;text-align:center;font-size:12.5px;line-height:1.8}
.mt.mt.mt .ft small{display:block;margin-top:6px;font-size:11px;opacity:.8}