/* ばんどうあい LP（下書き）
   色：メイン濃紺 #1F3A5F／アクセント橙 #F58203／生成り #F6F1E7／文字 #243746 */
:root{
  --navy:#1F3A5F; --navy-d:#152A46; --ink:#243746; --cream:#F6F1E7; --cream-d:#EDE4D3;
  --orange:#F58203; --gold:#C9962B; --line:#06C755; --line-d:#049a42; --chat:#8EA9CF;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans JP",sans-serif;color:var(--ink);background:#fff;line-height:1.85;letter-spacing:.03em;font-size:16px;padding-bottom:76px}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.num{font-family:"Barlow","Noto Sans JP",sans-serif;font-weight:700;letter-spacing:.01em}
h1,h2,h3,.h-main,.h-tab{font-family:"Zen Kaku Gothic New",sans-serif}
.sp{display:inline}
@media(min-width:768px){.sp{display:none}}
.col{max-width:680px;margin:0 auto;padding:0 20px}
.col-w{max-width:1040px;margin:0 auto;padding:0 20px}

/* header */
.hd{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:3px solid var(--navy)}
.hd-in{max-width:1040px;margin:0 auto;padding:8px 16px;display:flex;justify-content:space-between;align-items:center}
.logo{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:22px;color:var(--navy);text-decoration:none;line-height:1.1}
.logo small{display:block;font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.2em}
.hd-tel{text-decoration:none;text-align:right;line-height:1.1;color:var(--navy)}
.hd-tel small{display:block;font-size:10px;font-weight:700}
.hd-tel .num{font-size:19px}

/* FV */
.fv{background:var(--cream);background-image:radial-gradient(circle at 85% 20%,#fff 0,rgba(255,255,255,0) 45%),repeating-linear-gradient(0deg,rgba(31,58,95,.035) 0 1px,transparent 1px 28px);padding:28px 0 32px;overflow:hidden}
.fv-in{max-width:1040px;margin:0 auto;padding:0 20px}
.fv-pre{display:inline-block;background:var(--navy);color:#fff;font-weight:700;font-size:13px;padding:2px 12px;border-radius:3px;transform:rotate(-1.5deg)}
.fv h1{font-weight:900;font-size:36px;line-height:1.35;color:var(--navy);margin:14px 0 12px;letter-spacing:.02em}
.fv h1 em{font-style:normal;color:var(--orange);background:linear-gradient(transparent 68%,rgba(245,130,3,.18) 68%)}
.fv-sub{font-size:16px;font-weight:500}
.fv-sub b{font-family:"Zen Kaku Gothic New";font-weight:900;color:var(--navy);font-size:18px}
.fv-visual{position:relative;margin-top:18px;min-height:420px}
.fv-ai{position:absolute;left:-14px;bottom:0;width:46%;max-width:260px;z-index:1}
.phone-fv{margin-left:auto;width:66%;max-width:330px;position:relative;z-index:2}
.fv-cta{max-width:1040px;margin:18px auto 0;padding:0 20px}
.fv-tel{text-align:center;margin-top:12px}
.fv-tel a{font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:3px;font-size:14px}
.fv-tel .num{display:block;font-size:22px;text-decoration:none}
.fv-trial{margin:12px auto 0;text-align:center;font-weight:700;font-size:14px;color:var(--navy);background:#fff;border:2px solid var(--gold);box-shadow:0 0 15px -5px var(--gold);border-radius:6px;padding:8px 10px;max-width:520px}
.fv-trial b{color:var(--orange)}
@media(min-width:900px){
  .fv{padding:48px 0 48px}
  .fv-in{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:center}
  .fv h1{font-size:54px}
  .fv-sub{font-size:19px}
  .fv-visual{min-height:520px;margin-top:0}
  .fv-ai{width:52%;max-width:300px;left:0}
  .phone-fv{width:62%}
  .fv-cta{margin-top:-10px}
  .fv-cta .cta2{max-width:760px}
}

/* phone mock（LINE図解） */
.phone{background:#fff;border:6px solid #1c2633;border-radius:26px;overflow:hidden;box-shadow:0 14px 30px -12px rgba(21,42,70,.45)}
.ph-top{background:#243446;color:#fff;font-weight:700;font-size:13px;padding:9px 12px;display:flex;align-items:center;gap:8px}
.ph-av{width:24px;height:24px;border-radius:50%;background:#F6F1E7 url(images/ai_main.jpg) 50% 22%/220% auto no-repeat;border:1px solid #fff}
.ph-body{background:var(--chat);padding:12px 10px 14px;display:flex;flex-direction:column;gap:9px}
.b{max-width:86%;font-size:13px;line-height:1.6;padding:8px 11px;border-radius:15px;position:relative;letter-spacing:.01em}
.b.me{align-self:flex-end;background:#9BE274;color:#1b2a12}
.b.ai{align-self:flex-start;background:#fff;color:var(--ink);margin-left:6px}
.b.ai b{color:var(--navy);font-family:"Barlow","Noto Sans JP";font-size:14px}
.b.photo{padding:5px;background:#9BE274}
.rcpt{display:block;background:#fffdf7;width:128px;padding:8px 9px;font-size:10.5px;line-height:1.5;border-radius:3px;box-shadow:inset 0 -6px 0 -4px #eee;transform:rotate(-2deg);font-family:"Noto Sans JP"}
.rcpt b{display:block;font-size:11.5px;border-bottom:1px dashed #bbb;margin-bottom:3px}
.rcpt i{display:block;font-style:normal}
.rcpt i:last-child{font-weight:700}
.pdf{display:inline-block;margin-top:6px;background:#FCEBEA;color:#B4382D;font-weight:700;font-size:12px;padding:4px 9px 4px 26px;border-radius:5px;position:relative}
.pdf:before{content:"PDF";position:absolute;left:5px;top:5px;font-size:8px;background:#B4382D;color:#fff;padding:0 2px;border-radius:2px;line-height:1.5}
.b.month .mrow{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e6e6e6;padding:2px 0}
.b.month .mrow:first-of-type{margin-top:4px}
.b.month .mrow.tot{border-bottom:2px solid var(--navy);margin-bottom:6px}
.b.month .mrow i{font-style:normal}
.b.month .mrow.tot b{color:var(--orange)}

/* CTA */
.btn{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-decoration:none;color:#fff;font-weight:700;font-family:"Zen Kaku Gothic New";font-size:20px;line-height:1.3;border-radius:9999px;padding:12px 44px 13px 24px;border:0;cursor:pointer;width:100%;text-align:center}
.btn small{font-family:"Noto Sans JP";font-size:11.5px;font-weight:700;opacity:.95;margin-bottom:2px}
.btn .arw{position:absolute;right:20px;top:50%;transform:translateY(-52%);font-size:26px}
.btn:after{content:"";position:absolute;left:12%;right:12%;top:3px;height:38%;border-radius:9999px;background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,0));pointer-events:none}
.btn-line{background:linear-gradient(#2fdc73,var(--line));box-shadow:0 4px 0 0 var(--line-d),0 6px 6px rgba(0,0,0,.25)}
.btn-go{background:linear-gradient(#FFD034,var(--orange));box-shadow:0 4px 0 0 #c06400,0 6px 6px rgba(0,0,0,.25);text-shadow:0 1px 1px rgba(150,70,0,.4)}
.btn-tel{background:#fff;color:var(--navy);border:2px solid var(--orange);box-shadow:0 4px 0 0 #e7b37a,0 6px 6px rgba(0,0,0,.15)}
.btn-tel small{color:var(--orange)}
.btn-tel:after{display:none}
.btn:active{transform:translateY(3px)}
.cta2{display:grid;gap:14px;margin:0 auto}
.cta3{max-width:680px;margin:36px auto 0;padding:0 20px;display:grid;gap:14px}
@media(min-width:768px){
  .cta2{grid-template-columns:1fr 1fr}
  .cta3{max-width:1000px;grid-template-columns:1fr 1fr 1fr}
  .cta3 .btn{font-size:18px;padding:12px 38px 13px 18px}
}

/* section */
.sec{padding:56px 0}
.h-main{font-weight:900;font-size:28px;line-height:1.45;color:var(--navy);text-align:center;margin-bottom:24px;position:relative;padding-bottom:16px}
.h-main:after{content:"";position:absolute;left:50%;bottom:0;width:56px;height:4px;margin-left:-28px;background:linear-gradient(90deg,var(--navy) 50%,var(--orange) 50%)}
.h-tab{display:block;background:var(--navy);color:#fff;font-weight:900;font-size:21px;line-height:1.5;padding:12px 18px 12px 22px;margin:0 -20px 24px;position:relative}
.h-tab:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--orange)}
@media(min-width:768px){.h-main{font-size:36px}.h-tab{font-size:25px;margin:0 0 28px;border-radius:4px 4px 0 0}}
.lead{margin-bottom:16px;font-size:16px}
.lead.center{text-align:center}
.note,.sample-note{font-size:13px;color:#5a6b78;margin-top:12px}
.sample-note{text-align:center}

/* WHY */
.why{background:#fff}
.enemy{margin-top:26px;background:var(--cream);border-left:6px solid var(--navy);padding:20px 20px 22px}
.enemy-h{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:20px;color:var(--navy);line-height:1.5;margin-bottom:10px}
.enemy p+p{margin-top:10px}
.enemy-ans{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:19px;color:var(--orange);line-height:1.6}

/* about */
.about{background:var(--cream)}
.flow3{list-style:none;counter-reset:f;display:grid;gap:0}
.flow3 li{position:relative;padding:14px 0 18px 64px;border-bottom:1px dashed #c7b99c}
.flow3 li:last-child{border-bottom:0}
.flow3 .n{position:absolute;left:0;top:12px;width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff;font-family:"Barlow";font-weight:700;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--navy)}
.flow3 b{display:block;font-family:"Zen Kaku Gothic New";font-weight:900;font-size:19px;color:var(--navy)}
.about-note{margin-top:14px;font-weight:500}

/* scenes */
.can{background:#fff}
.scene{display:grid;gap:18px;padding:30px 0;border-top:1px solid var(--cream-d)}
.scene:first-of-type{border-top:0}
.scene-no{display:inline-block;font-family:"Zen Kaku Gothic New";font-weight:900;color:#fff;background:var(--orange);font-size:13px;padding:0 12px;border-radius:3px;transform:rotate(-2deg)}
.scene h3{font-weight:900;font-size:25px;color:var(--navy);line-height:1.45;margin:6px 0 10px}
.scene-vis{display:flex;gap:14px;align-items:flex-start;justify-content:center;flex-wrap:wrap;background:var(--cream);border-radius:8px;padding:22px 14px}
.scene-vis .phone{width:100%;max-width:320px}
@media(min-width:900px){
  .scene{grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
  .scene.rev .scene-txt{order:2}
  .scene-vis{flex-wrap:nowrap}
  .scene-vis .phone{flex:0 0 300px}
}
.sheet{background:#fff;border-top:5px solid #1e8e3e;width:100%;max-width:340px;font-size:12px;box-shadow:0 8px 18px -10px rgba(0,0,0,.35)}
.sheet-ttl{font-weight:700;padding:6px 10px;color:#1e5e2e;background:#e8f3ea}
.sheet table,.paper table{width:100%;border-collapse:collapse}
.sheet th,.sheet td{border:1px solid #dfe3e6;padding:4px 6px;text-align:left;white-space:nowrap}
.sheet th{background:#f3f5f6;font-weight:700}
.sheet tr.new td{background:#fff6d6;font-weight:700}
.r{text-align:right!important;font-family:"Barlow","Noto Sans JP"}
.paper{background:#fff;width:100%;max-width:330px;padding:16px 16px 14px;font-size:11.5px;box-shadow:0 10px 22px -10px rgba(0,0,0,.4);transform:rotate(1.2deg);position:relative}
.paper-ttl{text-align:center;font-family:"Zen Kaku Gothic New";font-weight:900;font-size:17px;letter-spacing:.4em;border-bottom:2px double var(--ink);padding-bottom:4px;margin-bottom:8px}
.paper-to{font-weight:700;font-size:13px;border-bottom:1px solid var(--ink);display:inline-block;padding-right:30px;margin-bottom:8px}
.paper th,.paper td{border:1px solid #c9c9c9;padding:3px 5px}
.paper th{background:#eef1f5}
.paper .sum td{border-color:#e2e2e2}
.paper .tot td{font-weight:700;font-size:13px;background:#eef1f5}
.paper-stamp{position:absolute;right:-6px;top:-12px;background:var(--navy);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:3px;transform:rotate(4deg)}

.more{margin-top:20px;background:var(--cream);padding:24px 20px 10px;border-radius:8px}
.more-h{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:22px;color:var(--navy);margin-bottom:8px}
.more-list>div{padding:14px 0;border-bottom:1px dashed #c7b99c}
.more-list>div:last-child{border-bottom:0}
.more-list dt{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:18px;color:var(--navy)}
.more-list q{display:inline-block;margin-top:6px;background:#9BE274;color:#1b2a12;font-size:13px;padding:3px 12px;border-radius:12px;quotes:none}
@media(min-width:900px){.more-list{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}.more-list>div:nth-last-child(2){border-bottom:0}}

/* trial */
.trial{background:var(--navy);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 12px,transparent 12px 24px)}
.trial-band{position:relative;background:#fff;border-radius:10px;padding:28px 22px 26px;border:3px solid var(--gold);box-shadow:0 0 22px -4px rgba(201,150,43,.7);overflow:hidden}
.trial-pre{font-weight:700;color:var(--gold);font-size:14px}
.trial-band h2{font-weight:900;font-size:34px;color:var(--navy);line-height:1.35;margin:4px 0 12px}
.trial-band h2 em{font-style:normal;color:var(--orange);font-size:1.15em}
.trial-what{font-weight:500;position:relative;z-index:1;max-width:420px}
.trial-pt{list-style:none;margin-top:14px;position:relative;z-index:1;max-width:400px}
.trial-pt li{font-family:"Zen Kaku Gothic New";font-weight:900;color:var(--navy);font-size:18px;padding:7px 0 7px 30px;border-bottom:1px dashed #d8cba9;position:relative}
.trial-pt li:before{content:"";position:absolute;left:4px;top:15px;width:14px;height:8px;border-left:4px solid var(--orange);border-bottom:4px solid var(--orange);transform:rotate(-45deg)}
.trial-ai{position:absolute;right:-30px;bottom:-20px;width:150px;opacity:.95}
@media(min-width:768px){.trial-band{padding:40px 44px}.trial-band h2{font-size:46px}.trial-ai{width:230px;right:0}}
.trial .cta3 .btn-tel{border-color:#fff}

/* monthly */
.monthly{background:var(--cream)}
.benefit{list-style:none;counter-reset:bn}
.benefit li{counter-increment:bn;position:relative;padding:14px 0 16px 56px;border-bottom:1px solid #dccfb2}
.benefit li:before{content:counter(bn,decimal-leading-zero);position:absolute;left:0;top:10px;font-family:"Barlow";font-weight:700;font-size:32px;color:var(--orange);line-height:1}
.benefit b{display:block;font-family:"Zen Kaku Gothic New";font-weight:900;font-size:19px;color:var(--navy);line-height:1.5}
.benefit span{font-size:15px}
.perday{margin-top:26px;text-align:center;background:var(--navy);color:#fff;padding:20px 16px;border-radius:6px;position:relative}
.perday:before{content:"";position:absolute;top:-12px;left:50%;margin-left:-12px;border:12px solid transparent;border-top:0;border-bottom-color:var(--navy)}
.perday p{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:20px}
.perday strong{color:#FFD034;font-size:1.35em}
.perday-s{font-family:"Noto Sans JP"!important;font-weight:500!important;font-size:14px!important;margin-top:4px;opacity:.9}

/* trust */
.trust{background:#fff}
.trust-rows .tr{padding:16px 0 16px 18px;border-left:5px solid var(--navy);margin-top:16px;background:linear-gradient(90deg,var(--cream),rgba(246,241,231,0) 85%)}
.tr-h{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:19px;color:var(--navy)}

/* cmp */
.cmp{background:var(--cream)}
.cmp-wrap{overflow-x:auto}
.cmp-t{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff;min-width:440px}
.cmp-t th,.cmp-t td{border:1px solid #d9cfba;padding:9px 6px;text-align:center}
.cmp-t thead th{background:#5c6b78;color:#fff;font-weight:700}
.cmp-t tbody th{text-align:left;background:#faf7f0;font-weight:700;white-space:nowrap}
.cmp-t .me{background:#fff4e2;color:var(--navy);font-weight:700;border-left:3px solid var(--orange);border-right:3px solid var(--orange)}
.cmp-t thead .me{background:var(--orange);color:#fff}

/* price */
.price{background:#fff}
.price-band{border:2px solid var(--navy);box-shadow:0 0 15px -5px var(--navy);border-radius:8px;overflow:hidden}
.pb-trial{background:var(--orange);color:#fff;text-align:center;font-family:"Zen Kaku Gothic New";font-weight:900;font-size:19px;padding:8px}
.pb-month{text-align:center;padding:22px 16px 18px}
.pb-name{font-weight:700;color:var(--navy)}
.pp-yen{color:var(--navy);line-height:1.1}
.pp-yen.big .num{font-size:60px}
.pp-yen .u{font-weight:900;font-size:22px;font-family:"Zen Kaku Gothic New"}
.pp-inc{font-size:14px;margin-top:6px}
.pb-setup{background:var(--cream);padding:14px 18px;font-size:14px}
.pb-setup p+p{margin-top:4px}
.pb-setup .num{font-size:16px;margin-left:6px}
.pb-s-h{font-weight:700;color:var(--navy)}
.pb-tax{font-size:12px;text-align:right;padding:6px 14px;color:#5a6b78}

/* steps */
.step{background:var(--cream)}
.steps{list-style:none;counter-reset:st;position:relative}
.steps li{counter-increment:st;position:relative;padding:4px 0 24px 58px}
.steps li:before{content:counter(st);position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;background:var(--orange);color:#fff;font-family:"Barlow";font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center}
.steps li:after{content:"";position:absolute;left:20px;top:46px;bottom:4px;width:2px;background:repeating-linear-gradient(var(--orange) 0 5px,transparent 5px 10px)}
.steps li:last-child:after{display:none}
.steps b{display:block;font-family:"Zen Kaku Gothic New";font-weight:900;font-size:19px;color:var(--navy)}
.steps span{font-size:15px}

/* form */
.form-sec{background:#fff}
.form{background:var(--cream);border-top:6px solid var(--orange);padding:22px 18px;border-radius:0 0 8px 8px;display:grid;gap:16px}
.f-row{display:grid;gap:6px;font-weight:700;color:var(--navy);border:0}
.f-row legend{margin-bottom:6px}
.form input[type=text],.form select{font:inherit;font-weight:400;padding:12px;border:2px solid #d4c6a6;border-radius:6px;background:#fff;color:var(--ink);width:100%}
.form input:focus,.form select:focus{outline:none;border-color:var(--orange)}
.chk{display:flex;flex-wrap:wrap;gap:8px}
.chk label{display:flex;align-items:center;gap:6px;background:#fff;border:2px solid #d4c6a6;border-radius:9999px;padding:6px 14px;font-weight:500;color:var(--ink);font-size:15px}
.chk input{width:18px;height:18px;accent-color:var(--orange)}
.form-done{text-align:center;font-size:13px}

/* faq */
.faq{background:var(--cream)}
.faq details{border-bottom:1px solid #d4c6a6;padding:4px 0}
.faq summary{list-style:none;cursor:pointer;font-weight:700;color:var(--navy);padding:12px 30px 12px 34px;position:relative;font-size:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:before{content:"Q";position:absolute;left:0;top:10px;font-family:"Barlow";font-weight:700;color:var(--orange);font-size:22px}
.faq summary:after{content:"+";position:absolute;right:6px;top:8px;font-size:22px;color:var(--navy)}
.faq details[open] summary:after{content:"−"}
.faq details p{padding:0 0 14px 34px}

/* last */
.last{background:#fff;text-align:center}
.last-copy{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:32px;color:var(--navy);line-height:1.4}
.last-sub{margin-top:12px;font-weight:500}
@media(min-width:768px){.last-copy{font-size:42px}}

/* footer */
.ft{background:var(--navy-d);color:#dfe6ee;padding:36px 0 30px;font-size:14px}
.ft-logo{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:22px;color:#fff;line-height:1.2;margin-bottom:14px}
.ft-logo small{display:block;font-size:11px;color:#E3BE6A;letter-spacing:.2em}
.ft-co>div{display:flex;gap:12px;padding:2px 0}
.ft-co dt{width:4em;flex:none;color:#9fb0c3}
.ft a{color:#fff}
.ft-links{margin-top:14px}
.ft-c{margin-top:10px;font-size:12px;color:#9fb0c3}

/* fixed CTA (SP) */
.fix-cta{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;background:rgba(255,255,255,.95);box-shadow:0 -3px 10px rgba(0,0,0,.12)}
.fix-cta .btn{font-size:15px;padding:12px 8px}
.fix-cta .btn:after{display:none}
@media(min-width:900px){.fix-cta{display:none}body{padding-bottom:0}}

/* tokushoho */
.tk{padding:40px 0 60px}
.tk h1{font-size:24px;color:var(--navy);margin-bottom:20px}
.tk table{width:100%;border-collapse:collapse;font-size:14px}
.tk th,.tk td{border-bottom:1px solid #ddd;padding:12px 8px;text-align:left;vertical-align:top}
.tk th{width:32%;color:var(--navy);background:#faf7f0}
.tk .back{display:inline-block;margin-top:24px}

/* ===== v2 気づき型 ===== */
/* CTA: ①を主役に、②③は下に小さめ */
.cta3{max-width:760px;margin:36px auto 0;padding:0 20px;display:grid;gap:14px;grid-template-columns:1fr!important}
.btn-main{font-size:21px;padding:16px 44px 17px 22px}
.btn-main small{font-size:12px}
.cta-sub{display:grid;gap:12px}
.cta-sub .btn{font-size:17px;padding:10px 40px 11px 18px}
@media(min-width:768px){.cta-sub{grid-template-columns:1fr 1fr}.btn-main{font-size:26px}.cta3 .cta-sub .btn{font-size:17px}}
.fv-cta .cta3{margin-top:0;padding:0}

/* テーマ（立ち戻り） */
.theme{margin:34px 0 0;text-align:center}
.theme span{display:inline-block;font-family:"Zen Kaku Gothic New";font-weight:900;color:var(--navy);font-size:17px;line-height:1.6;padding:10px 4px;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);position:relative}
.theme span:before{content:"";position:absolute;left:50%;top:-7px;width:12px;height:12px;margin-left:-6px;background:var(--gold);transform:rotate(45deg)}
@media(min-width:768px){.theme span{font-size:21px;padding:12px 24px}}
.mottainai .theme span,.try .theme span{color:#fff}

/* 未来 */
.future{background:#fff}
.story .st{position:relative;padding:16px 0 18px 26px;border-left:3px solid var(--cream-d)}
.story .st:before{content:"";position:absolute;left:-9px;top:22px;width:15px;height:15px;border-radius:50%;background:#fff;border:4px solid var(--orange)}
.story .st:last-child .st-h{color:var(--orange)}
.st-h{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:21px;color:var(--navy);line-height:1.5;margin-bottom:4px}

/* 問題 */
.problem{background:var(--cream)}
.hidden-loss{list-style:none;margin-top:6px}
.hidden-loss li{padding:16px 0 16px 0;border-bottom:1px dashed #c7b99c}
.hidden-loss li:last-child{border-bottom:0}
.hidden-loss b{display:block;font-family:"Zen Kaku Gothic New";font-weight:900;font-size:19px;color:#9a3412;line-height:1.5;margin-bottom:4px;padding-left:22px;position:relative}
.hidden-loss b:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;background:#9a3412;transform:rotate(45deg)}

/* 原因 */
.cause{background:#fff}
.cause-pt{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:22px;color:var(--orange);text-align:center;line-height:1.5;margin-top:22px}

/* 解決 */
.solve{background:var(--cream)}
.solve-in{display:grid;gap:22px}
.solve-txt b{color:var(--navy);font-family:"Zen Kaku Gothic New";font-weight:900;font-size:1.1em}
.ai-note{font-size:14px;color:#5a6b78;border-left:3px solid var(--gold);padding-left:10px}
.solve-vis .phone{max-width:330px;margin:0 auto}
@media(min-width:900px){.solve-in{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;max-width:960px;margin:0 auto}}

/* もったいない */
.mottainai{background:var(--navy);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 12px,transparent 12px 24px);color:#fff}
.mt-band{border:2px solid var(--gold);box-shadow:0 0 18px -4px rgba(201,150,43,.7);border-radius:8px;padding:26px 22px}
.mt-pre{color:#E3BE6A;font-weight:700;font-size:14px}
.mt-band h2{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:26px;line-height:1.45;margin:6px 0 14px}
.mt-band h2 em{font-style:normal;color:#FFD034}
.mt-band p+p{margin-top:10px}
.mt-band .num{color:#FFD034;font-size:1.25em}
@media(min-width:768px){.mt-band{padding:36px 40px}.mt-band h2{font-size:34px}}

/* 先回り */
.alt{background:#fff}
.ar{padding:18px 0;border-bottom:1px solid var(--cream-d)}
.ar-q{display:inline-block;font-family:"Zen Kaku Gothic New";font-weight:900;font-size:19px;color:var(--navy);background:var(--cream);padding:2px 14px;border-radius:3px;margin-bottom:8px}
.ar-q:before{content:"「";}.ar-q:after{content:"」なら？";font-size:.8em;color:#5a6b78}
.ar-a{margin-top:8px;font-weight:700;color:var(--navy);padding-left:24px;position:relative}
.ar-a:before{content:"";position:absolute;left:2px;top:.45em;width:13px;height:7px;border-left:3px solid var(--orange);border-bottom:3px solid var(--orange);transform:rotate(-45deg)}

/* 体験 */
.try{background:linear-gradient(#e9f9ef,#fff)}
.try-band{text-align:center;border:3px solid var(--line);box-shadow:0 0 18px -5px var(--line);border-radius:10px;background:#fff;padding:26px 20px}
.try-pre{color:var(--line-d);font-weight:700;font-size:14px}
.try-band h2{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:27px;color:var(--navy);line-height:1.45;margin:6px 0 12px}
.try-steps{list-style:none;display:flex;justify-content:center;gap:6px;margin-top:16px;counter-reset:ts;flex-wrap:wrap}
.try-steps li{counter-increment:ts;font-weight:700;font-size:13px;background:#e9f9ef;color:#13612f;padding:6px 12px 6px 10px;border-radius:4px}
.try-steps li:before{content:counter(ts);font-family:"Barlow";margin-right:6px;color:var(--line-d)}
@media(min-width:768px){.try-band h2{font-size:36px}}
.trial{padding-top:56px}

/* 後半（小さく） */
.spec{background:var(--cream)}
.h-small{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:20px;color:var(--navy);border-bottom:3px solid var(--navy);padding-bottom:6px;margin:34px 0 14px}
.spec .h-small:first-child{margin-top:0}
.func>div{display:grid;grid-template-columns:7.5em 1fr;gap:10px;padding:8px 0;border-bottom:1px dashed #c7b99c;font-size:14px}
.func dt{font-weight:700;color:var(--navy)}
.price-mini{background:#fff;border:2px solid var(--navy);border-radius:6px;overflow:hidden}
.pm-trial{background:var(--orange);color:#fff;font-weight:700;text-align:center;padding:6px}
.price-mini table{width:100%;border-collapse:collapse;font-size:14px}
.price-mini th,.price-mini td{padding:10px 12px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}
.price-mini th{width:38%;color:var(--navy);background:#faf7f0;font-size:13px}
.price-mini td .num{font-size:22px;color:var(--navy)}
.price-mini td small{display:block;font-size:12px;color:#5a6b78}
.pm-tax{font-size:12px;text-align:right;padding:4px 10px;color:#5a6b78}
.spec .steps b{font-size:17px}

/* 棚卸し */
.tana{background:#fff}
.tana-band{border:2px solid var(--orange);box-shadow:0 0 15px -5px var(--orange);border-radius:8px;padding:24px 20px;background:#fffaf2}
.tana-pre{font-weight:700;color:var(--orange);font-size:14px}
.tana-band h2{font-family:"Zen Kaku Gothic New";font-weight:900;font-size:25px;color:var(--navy);line-height:1.45;margin:4px 0 10px}
.tana-band h2 span{display:inline-block;background:var(--navy);color:#fff;font-size:15px;padding:0 10px;border-radius:3px;margin-left:8px;vertical-align:middle}
.tana-band .btn{margin-top:16px}

/* PC FV 調整 */
@media(min-width:900px){
  .fv h1{font-size:52px}
  .fv-visual{min-height:500px}
  .fv-ai{width:46%;max-width:250px;left:10px;bottom:10px}
  .phone-fv{width:64%;max-width:340px;margin-right:10px}
  .fv-cta{margin-top:28px}
  .h-main{font-size:34px}
}
/* v2 fixes */
@media(max-width:767px){
  .btn-main{font-size:18px;padding:14px 38px 15px 16px;letter-spacing:0}
  .btn-main small{font-size:11px}
  .trial-ai{display:none}
}
.trial-pt{max-width:none}
@media(min-width:768px){.trial-pt,.trial-what{max-width:calc(100% - 220px)}}
.func>div{grid-template-columns:8.5em 1fr}
.tana-band h2 span{margin-left:0}
@media(min-width:768px){.cta3 .btn-main{font-size:24px;padding:15px 44px 16px 22px}.cta3 .btn-main small{font-size:12.5px}}
@media(max-width:767px){.mt-band h2{font-size:24px}}

/* イラストは地色を透過したPNG（images/ai_main.png）なので背景処理は不要 */
