@import url("https://fonts.googleapis.com/css2?family=Readex+Pro:wght@700&display=swap");
/* 生活シーン型(見本 askpro.co.jp/lp/meo 週イチMEO)。読みやすい版。直したら style.css を作り直す(.mq.mq.mq → .mq.mq.mq.mq.mq.mq.mq.mq.mq と all:revert) */
.mq.mq.mq *{all:revert}

.mq.mq.mq{--bl:#0085d4;--nv:#004990;--ye:#ffe647;--rd:#f7323c;--lb:#e5f1ff;--pk:#ffeaea;--sk:#daf1ff;--gy:#f9f9f9;--or:#f7902e;--ink:#222;
  --wo:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,1.5px 1.5px #fff,-1.5px 1.5px #fff,1.5px -1.5px #fff,-1.5px -1.5px #fff;
  max-width:480px;margin:0 auto;background:var(--lb);color:var(--ink);font-family:"Noto Sans JP",system-ui,sans-serif;font-size:15px;font-weight:500;line-height:1.8;letter-spacing:0;overflow:hidden;position:relative;-webkit-font-smoothing:antialiased}
.mq.mq.mq *{box-sizing:border-box}
.mq.mq.mq img{display:block;max-width:100%}
.mq.mq.mq p{margin:0}
.mq.mq.mq p,.mq.mq.mq li,.mq.mq.mq h3{text-wrap:pretty}
.mq.mq.mq h1,.mq.mq.mq h2,.mq.mq.mq h3,.mq.mq.mq h4{margin:0;font-weight:900}
.mq.mq.mq ul,.mq.mq.mq ol{margin:0;padding:0;list-style:none}
.mq.mq.mq a{color:inherit;text-decoration:none}
.mq.mq.mq em{font-style:normal}
.mq.mq.mq .rd{font-family:"Readex Pro","Noto Sans JP",sans-serif;font-weight:700}
.mq.mq.mq section{position:relative}
/* 英字の小見出し(PLAN・CASE・FLOW・FAQ) */
.mq.mq.mq .en{color:var(--bl);font-size:16px;line-height:1.2;letter-spacing:.06em;text-align:center}
.mq.mq.mq .en + h2{margin-top:6px;font-size:24px;font-weight:700;line-height:1.4;text-align:center}
.mq.mq.mq .ld{margin-top:10px;font-size:15px;text-align:center}

/* 丸いボタン(黄色=申し込み・オレンジ=2つ目)。右に白い丸の三角 */
.mq.mq.mq .btns{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:22px}
.mq.mq.mq .bt{position:relative;display:flex;align-items:center;justify-content:center;width:309px;max-width:100%;height:74px;padding:0 50px 0 18px;border-radius:999px;color:var(--ink);font-size:18px;font-weight:900;line-height:1.3;text-align:center;text-shadow:var(--wo);filter:drop-shadow(0 8px 4px rgba(0,76,120,.5))}
.mq.mq.mq .bt.ye{background:linear-gradient(180deg,rgba(255,255,255,.5) 0,rgba(255,255,255,.12) 34%,rgba(255,255,255,0) 36%),linear-gradient(180deg,#ffd328 0,#ffe21e 55%,#fbec1c 100%);box-shadow:inset 0 0 0 4px #f8b52b}
.mq.mq.mq .bt.or{background:linear-gradient(180deg,rgba(255,255,255,.4) 0,rgba(255,255,255,.1) 34%,rgba(255,255,255,0) 36%),linear-gradient(180deg,#f06a1e 0,#f3801f 55%,#f6981f 100%);box-shadow:inset 0 0 0 4px #ec5f1d}
.mq.mq.mq .bt::after{content:"";position:absolute;top:50%;right:14px;width:40px;height:40px;margin-top:-20px;border-radius:50%;background:#fff url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"%3E%3Cpath d="M3 1.5v9l7.5-4.5z" fill="%23f08a1c"/%3E%3C/svg%3E') 55% 50%/14px 14px no-repeat}
.mq.mq.mq .obb{position:absolute;top:-15px;left:50%;transform:translateX(-50%);padding:3px 10px;border-radius:4px;background:#fff;color:var(--rd);font-size:13px;font-weight:900;line-height:1.4;white-space:nowrap;text-shadow:none}
.mq.mq.mq .obb::after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#fff;border-bottom:0}

/* 最初の画面: 白地にふち取りの太い青文字・赤の特大の一言・写真と黄色い丸・青い帯にチップとボタン */
.mq.mq.mq .fv{padding:22px 16px 0;background:radial-gradient(120% 60% at 50% 0,#dff0ff 0,#fff 70%);text-align:center}
.mq.mq.mq .cp{color:var(--bl);font-weight:900;line-height:1.25;letter-spacing:.01em;text-shadow:var(--wo),0 6px 10px rgba(0,76,120,.18)}
.mq.mq.mq .cp>span{display:block}
.mq.mq.mq .cp .l1{font-size:26px}
.mq.mq.mq .cp .chip{display:inline-block;margin-right:4px;padding:2px 10px 3px;border-radius:8px;background:var(--bl);color:#fff;font-weight:900;text-shadow:none;box-shadow:0 4px 0 var(--nv)}
.mq.mq.mq .cp .l2{margin-top:2px;font-size:32px}
.mq.mq.mq .cp .big{color:var(--rd);font-size:76px;line-height:1.1;letter-spacing:.02em;text-shadow:3px 0 #fff,-3px 0 #fff,0 3px #fff,0 -3px #fff,2px 2px #fff,-2px 2px #fff,2px -2px #fff,-2px -2px #fff,0 6px 10px rgba(0,76,120,.2)}
.mq.mq.mq .cp .l3{font-size:30px}
.mq.mq.mq .fv .ph{position:relative;height:300px;margin-top:16px}
.mq.mq.mq .fv .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;border-radius:16px;box-shadow:0 8px 16px rgba(0,76,120,.15)}
.mq.mq.mq .fv .circ{position:absolute;left:-6px;bottom:-26px;display:flex;align-items:center;justify-content:center;width:156px;height:156px;border-radius:50%;background:#fff6c9;color:var(--ink);font-size:15px;font-weight:900;line-height:1.55;box-shadow:0 6px 12px rgba(0,76,120,.18)}
.mq.mq.mq .fv .circ em{color:var(--rd);font-size:17px}
.mq.mq.mq .logo{margin:30px 0 0;line-height:1}
.mq.mq.mq .logo .rd{display:inline-block;color:var(--bl);font-size:46px;letter-spacing:.01em;transform:skewX(-9deg);text-shadow:3px 0 #fff,-3px 0 #fff,0 3px #fff,0 -3px #fff,0 5px 0 var(--nv)}
.mq.mq.mq .logo small{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;color:var(--nv);font-size:15px;font-weight:700}
.mq.mq.mq .logo small::before,.mq.mq.mq .logo small::after{content:"";width:24px;height:1px;background:var(--nv)}
.mq.mq.mq .fv .band{position:relative;margin:18px -16px 0;padding:40px 16px 40px;background:var(--bl)}
.mq.mq.mq .fv .band::before{content:"";position:absolute;top:-1px;left:-15%;width:130%;height:34px;border-radius:0 0 50% 50%;background:#fff}
.mq.mq.mq .chips{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mq.mq.mq .chips li{position:relative;padding:20px 4px 10px;border-radius:4px;background:#fff;line-height:1.35}
.mq.mq.mq .chips i{position:absolute;top:-13px;left:50%;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:#e8b923;box-shadow:0 0 0 3px #fff3}
.mq.mq.mq .chips i::after{content:"";position:absolute;top:6px;left:9px;width:6px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.mq.mq.mq .chips small{display:block;color:var(--nv);font-size:13px;font-weight:700}
.mq.mq.mq .chips b{display:inline;color:var(--rd);font-size:16px;font-weight:900;background:linear-gradient(transparent 62%,var(--ye) 62%)}
.mq.mq.mq .ofs{margin-top:24px;color:#fff;font-size:18px;font-weight:900}
.mq.mq.mq .of{color:var(--ye);font-size:26px;font-weight:900;line-height:1.4}

/* 生活の場面: 吹き出しの見出し → 青い札+写真+左右の吹き出しのカード */
.mq.mq.mq .sc{padding:32px 24px 44px}
.mq.mq.mq .bal{position:relative;padding:16px 12px 18px;border-radius:8px;background:#fff;box-shadow:0 8px 16px rgba(0,76,120,.1);text-align:center}
.mq.mq.mq .bal::after{content:"";position:absolute;bottom:-15px;left:50%;margin-left:-12px;border:12px solid transparent;border-top:16px solid #fff;border-bottom:0}
.mq.mq.mq .bal h2{line-height:1.5}
.mq.mq.mq .bal span{display:block;font-size:18px}
.mq.mq.mq .bal strong{display:block;color:var(--nv);font-size:24px}
.mq.mq.mq .sc .lead{margin-top:26px;font-size:16px;text-align:center}
.mq.mq.mq .sc .lead em{padding:0 3px;background:var(--ye);color:var(--rd);font-weight:900}
.mq.mq.mq .cards{display:flex;flex-direction:column;gap:24px;margin-top:22px}
.mq.mq.mq .card{overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 8px 8px rgba(0,76,120,.1)}
.mq.mq.mq .card h3{display:flex;align-items:center;justify-content:center;height:43px;background:var(--bl);color:#fff;font-size:18px;line-height:1.5}
.mq.mq.mq .card .pic{position:relative;height:200px}
.mq.mq.mq .card .pic img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.mq.mq.mq .card .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.28))}
.mq.mq.mq .vo{position:absolute;z-index:1;padding:7px 10px;border-radius:4px;font-size:14px;line-height:1.5;white-space:nowrap;box-shadow:0 3px 6px rgba(0,0,0,.12)}
.mq.mq.mq .vo::after{content:"";position:absolute;bottom:-7px;border:7px solid transparent;border-bottom:0}
.mq.mq.mq .vo.l{left:14px;bottom:62px;background:var(--pk)}
.mq.mq.mq .vo.l::after{left:16px;border-top-color:var(--pk)}
.mq.mq.mq .vo.r{right:14px;bottom:16px;background:var(--sk)}
.mq.mq.mq .vo.r::after{right:16px;border-top-color:var(--sk)}

/* 「見て」判断している: 青い丸い帯に白い吹き出し → 赤い印の番号+丸い写真の4項目 */
.mq.mq.mq .jd{background:#fff}
.mq.mq.mq .jbg{padding:34px 16px 62px;background:var(--bl);border-radius:0 0 50% 50%/0 0 56px 56px;text-align:center}
.mq.mq.mq .jbal{display:inline-block;padding:16px 24px 18px;border-radius:8px;background:#fff;box-shadow:0 8px 16px rgba(0,76,120,.5)}
.mq.mq.mq .jbal h2{line-height:1.4}
.mq.mq.mq .jbal span{display:block;font-size:16px}
.mq.mq.mq .jbal>h2>em{display:block;font-size:24px}
.mq.mq.mq .jbal em em{color:var(--rd);background:linear-gradient(transparent 62%,var(--ye) 62%)}
.mq.mq.mq .jl{margin-top:16px;color:#fff;font-size:15px;line-height:1.8}
.mq.mq.mq .pts{display:flex;flex-direction:column;gap:22px;padding:24px 20px 8px}
.mq.mq.mq .pts li{display:grid;grid-template-columns:124px 1fr;gap:14px;align-items:center}
.mq.mq.mq .pts .md{position:relative;width:124px;height:138px}
.mq.mq.mq .pts .md img{position:absolute;top:14px;left:0;width:124px;height:124px;border-radius:50%;object-fit:cover;box-shadow:0 8px 8px rgba(0,76,120,.12)}
.mq.mq.mq .pin{position:absolute;top:0;left:0;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:50% 50% 50% 0;background:var(--rd);transform:rotate(-45deg);box-shadow:0 3px 6px rgba(0,0,0,.15)}
.mq.mq.mq .pin b{color:#fff;font-family:"Readex Pro",sans-serif;font-size:16px;font-weight:700;line-height:1;transform:rotate(45deg)}
.mq.mq.mq .pts h3{margin-bottom:6px;color:var(--bl);font-size:18px;line-height:1.5}
.mq.mq.mq .pts p{font-size:15px}
.mq.mq.mq .pnt{margin:6px 20px 0;padding:0 0 34px}
.mq.mq.mq .pnt .pl{color:var(--bl);font-family:"Readex Pro",sans-serif;font-size:22px;font-weight:700;line-height:1.4}
.mq.mq.mq .pnt .pl::before{content:"";display:inline-block;width:6px;height:20px;margin-right:8px;border-radius:3px;background:var(--ye);vertical-align:-2px}
.mq.mq.mq .pnt p+p{margin-top:4px;font-size:15px}

/* 黄色い数字カード(出典のある数字か自社の事実だけ) */
.mq.mq.mq .st{padding:0 24px 40px;background:#fff}
.mq.mq.mq .st .box{padding:24px;border-radius:16px;background:var(--gy);text-align:center}
.mq.mq.mq .st h2 span{display:block;font-size:20px;font-weight:700;line-height:1.6}
.mq.mq.mq .st h2 strong{display:block;color:var(--bl);font-size:24px;line-height:1.6}
.mq.mq.mq .cds{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.mq.mq.mq .cd{padding:16px 0 14px;border-radius:8px;background:var(--ye)}
.mq.mq.mq .cd .lb{font-size:16px;font-weight:700;line-height:1.5}
.mq.mq.mq .cd .lb small{margin-left:4px;font-size:10px;font-weight:400}
.mq.mq.mq .cd .nm,.mq.mq.mq .calc .nm{margin-top:4px;color:var(--rd);font-family:"Readex Pro","Noto Sans JP",sans-serif;font-weight:700;line-height:1;letter-spacing:.04em;white-space:nowrap}
.mq.mq.mq .cd .nm span{font-size:48px}
.mq.mq.mq .cd .nm em,.mq.mq.mq .calc .nm em{margin-left:2px;font-size:24px;font-family:"Noto Sans JP",sans-serif;font-weight:900}
.mq.mq.mq .st .nt{margin-top:16px;color:#717171;font-size:10px;line-height:1.5;text-align:left}

/* 問いかけ(ポータル代など)。数字は黄色いカードで */
.mq.mq.mq .ak{padding:4px 24px 44px;background:#fff;text-align:center}
.mq.mq.mq .ak h2{font-size:22px;line-height:1.55}
.mq.mq.mq .ak h2 em{color:var(--rd);background:linear-gradient(transparent 62%,var(--ye) 62%)}
.mq.mq.mq .amt{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.mq.mq.mq .amt li{padding:4px 16px;border:2px solid var(--bl);border-radius:999px;color:var(--bl);font-size:22px;font-weight:900;line-height:1.4}
.mq.mq.mq .calc{margin-top:20px;padding:16px 0 18px;border-radius:8px;background:var(--ye)}
.mq.mq.mq .calc .lb{font-size:16px;font-weight:700;line-height:1.5}
.mq.mq.mq .calc .nm span{font-size:56px}
.mq.mq.mq .ak .q{margin-top:18px;font-size:20px;font-weight:900;line-height:1.5}
.mq.mq.mq .flt{margin-top:20px;padding:14px 16px;border:2px dashed var(--bl);border-radius:8px;background:#f3f9ff;color:var(--nv);font-size:15px;font-weight:700;text-align:left}

/* セルフチェック: お店の印・青い札・方眼の白いカードに黄色い四角 */
.mq.mq.mq .ck{padding:28px 24px 64px;text-align:center}
.mq.mq.mq .ck .shop{display:block;width:52px;height:52px;margin:0 auto;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" fill="none" stroke="%23004990" stroke-width="2.2" stroke-linejoin="round"%3E%3Cpath d="M8 22v26h36V22" fill="%23fff"/%3E%3Cpath d="M5 10h42l3 12H2z" fill="%230085d4"/%3E%3Cpath d="M13 10l-2 12M21 10l-1 12M31 10l1 12M39 10l2 12" stroke="%23fff"/%3E%3Cpath d="M5 10h42l3 12H2z"/%3E%3Crect x="20" y="30" width="12" height="18" fill="%23ffe647"/%3E%3C/svg%3E') center/contain no-repeat}
.mq.mq.mq .ck .pill{position:relative;display:inline-block;margin-top:6px;padding:6px 24px;border-radius:999px;background:var(--bl);color:#fff;font-size:16px;font-weight:900;line-height:1.4}
.mq.mq.mq .ck .pill::after{content:"";position:absolute;bottom:-9px;left:50%;margin-left:-9px;border:9px solid transparent;border-top:10px solid var(--bl);border-bottom:0}
.mq.mq.mq .ck h2{margin-top:16px;font-size:29px;line-height:1.5}
.mq.mq.mq .ck .grid{margin-top:14px;padding:22px 22px 24px;background-color:#fff;background-image:repeating-linear-gradient(0deg,transparent 0 9px,rgba(0,76,120,.06) 9px 10px),repeating-linear-gradient(90deg,transparent 0 9px,rgba(0,76,120,.06) 9px 10px);box-shadow:0 8px 8px rgba(0,76,120,.1);text-align:left}
.mq.mq.mq .ck ul{display:flex;flex-direction:column;gap:18px}
.mq.mq.mq .ck li{font-size:15px;font-weight:900;line-height:1.8}
.mq.mq.mq .ck label{position:relative;display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;cursor:pointer}
.mq.mq.mq .ck input{position:absolute;width:28px;height:28px;margin:0;opacity:0}
.mq.mq.mq .ck .bx{position:relative;display:block;width:28px;height:28px;margin-top:1px;border:1px solid var(--ink);border-radius:4px;background:var(--ye);box-shadow:2px 2px 4px rgba(0,76,120,.15)}
.mq.mq.mq .ck input:checked+.bx::after{content:"";position:absolute;top:-4px;left:8px;width:10px;height:20px;border:solid var(--rd);border-width:0 4px 4px 0;transform:rotate(45deg)}

/* 「1つでも当てはまれば」: V字の青い段に紺の丸い吹き出し */
.mq.mq.mq .hit{padding:0 16px 44px;text-align:center}
.mq.mq.mq .hit::before{content:"";position:absolute;inset:0;background:var(--bl);clip-path:polygon(0 0,50% 39px,100% 0,100% 100%,0 100%)}
.mq.mq.mq .hit>*{position:relative}
.mq.mq.mq .bub{top:-22px;display:flex;align-items:center;justify-content:center;width:104px;height:104px;margin:0 auto -4px;border-radius:50%;background:var(--nv);color:#fff;font-size:15px;font-weight:900;line-height:1.5}
.mq.mq.mq .bub::after{content:"";position:absolute;bottom:-11px;left:50%;margin-left:-8px;border:8px solid transparent;border-top:12px solid var(--nv);border-bottom:0}
.mq.mq.mq .hl{color:#fff;font-size:24px;font-weight:900;line-height:1.45}
.mq.mq.mq .hl em{color:var(--ye)}

/* 〇〇とは: 斜めの青い札+白い枠の見出し・図・2〜3つの比べ */
.mq.mq.mq .ab{padding:44px 16px 44px;background:#fff}
.mq.mq.mq .ab .hd{position:relative;padding:38px 12px 18px;background:#fff;box-shadow:0 4px 14px rgba(0,76,120,.14);text-align:center}
.mq.mq.mq .ab .tab{position:absolute;top:-22px;left:50%;transform:translateX(-50%);padding:2px 34px 4px;background:var(--bl);color:#fff;font-size:18px;font-weight:900;line-height:1.3;white-space:nowrap;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.mq.mq.mq .ab .tab b{margin-right:2px;color:var(--ye);font-size:34px}
.mq.mq.mq .ab .hd h2{font-size:24px;line-height:1.5}
.mq.mq.mq .ab .tx{margin-top:22px;font-size:15px}
.mq.mq.mq .ab .tx b{color:var(--rd);font-weight:900}
.mq.mq.mq .ab .fig{margin-top:22px}
.mq.mq.mq .ab .fig img{width:100%;border-radius:12px;background:#fff}
.mq.mq.mq .ab .ct{margin-top:34px;font-size:22px;font-weight:700;text-align:center}
.mq.mq.mq .cmp{display:flex;flex-direction:column;gap:20px;margin:16px 8px 0}
.mq.mq.mq .cc{overflow:hidden;border:2px solid #a8d4f5;border-radius:8px;background:#f3f9ff;text-align:center}
.mq.mq.mq .cc h4{display:grid;place-items:center;height:42px;background:#a8d4f5;color:#fff;font-size:18px}
.mq.mq.mq .cc.hot{border-color:#f5dc3c;background:#fffde6}
.mq.mq.mq .cc.hot h4{background:var(--ye);color:var(--ink)}
.mq.mq.mq .cc img{width:calc(100% - 32px);height:160px;margin:16px 16px 0;border-radius:4px;object-fit:cover}
.mq.mq.mq .cc .cs{margin:14px 12px 12px;font-size:15px}
.mq.mq.mq .cc ul{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;padding:0 16px 16px}
.mq.mq.mq .cc li{padding:8px 2px 6px;border-radius:4px;background:#fff;line-height:1.3}
.mq.mq.mq .cc li small{display:block;font-size:13px;font-weight:500}
.mq.mq.mq .cc li b{display:block;margin-top:2px;color:#9a9a9a;font-size:30px;font-weight:700;line-height:1.2}
.mq.mq.mq .cc.hot li b{color:var(--rd)}
.mq.mq.mq .cn{margin:12px 8px 0;color:#666;font-size:12px;line-height:1.6}

/* 解決する課題: 上が丸い青い段・特大の黄色い数字・白いカード(番号・黒い札・点の矢印・赤い見出し) */
.mq.mq.mq .is{padding:58px 24px 44px;background:var(--bl);border-radius:50% 50% 0 0/46px 46px 0 0;text-align:center}
.mq.mq.mq .is .sm{color:#fff;font-size:18px;font-weight:900}
.mq.mq.mq .is h2,.mq.mq.mq .sg h2{color:#fff;font-size:30px;line-height:1.3}
.mq.mq.mq .is h2 .rd,.mq.mq.mq .sg h2 .rd{display:inline-block;margin-right:4px;color:var(--ye);font-size:84px;line-height:1;transform:skewX(-8deg);vertical-align:-8px;text-shadow:0 4px 0 rgba(0,73,144,.35)}
.mq.mq.mq .ic{margin-top:22px;padding:24px 24px 26px;border-radius:8px;background:#fff;box-shadow:0 8px 8px rgba(0,76,120,.5)}
.mq.mq.mq .ic .no{color:var(--bl);font-size:22px;line-height:1.2}
.mq.mq.mq .ic .ip{display:inline-block;min-width:76%;margin-top:8px;padding:6px 24px;border-radius:999px;background:var(--ink);color:#fff;font-size:18px;font-weight:500;line-height:1.5}
.mq.mq.mq .dots{display:block;width:32px;height:16px;margin:8px auto 4px;background:radial-gradient(circle,#79bff0 1.6px,transparent 2px) 0 0/6.4px 5.3px;clip-path:polygon(0 0,100% 0,50% 100%)}
.mq.mq.mq .ic h3{color:var(--rd);font-size:20px;line-height:1.5}
.mq.mq.mq .ic img{width:100%;height:180px;margin-top:14px;border-radius:4px;object-fit:cover}
.mq.mq.mq .ic p:last-child{margin-top:14px;font-size:15px;text-align:left}

/* 業種別: 黄色い札・青の大見出し・カードにオレンジ/青のバーとチェック */
.mq.mq.mq .id{padding:44px 24px 44px}
.mq.mq.mq .ih{text-align:center}
.mq.mq.mq .badge{display:inline-block;padding:2px 16px;border-radius:999px;background:var(--ye);font-size:18px;font-weight:900;letter-spacing:.3em;text-indent:.3em}
.mq.mq.mq .is2{margin-top:8px;font-size:18px;font-weight:900;line-height:1.4}
.mq.mq.mq .id h2{color:var(--bl);font-size:36px;line-height:1.3;text-shadow:var(--wo)}
.mq.mq.mq .il{margin:14px 0 4px;font-size:15px;text-align:center}
.mq.mq.mq .icard{margin-top:16px;padding:22px 24px 24px;border-radius:8px;background:#fff}
.mq.mq.mq .icard h3{font-size:20px;font-weight:700;text-align:center}
.mq.mq.mq .icard img{width:100%;height:160px;margin:12px 0 16px;border-radius:2px;object-fit:cover}
.mq.mq.mq .icard details+details{margin-top:12px}
.mq.mq.mq .icard summary{position:relative;display:block;padding:8px 32px;border-radius:2px;color:#fff;font-size:15px;font-weight:700;text-align:center;cursor:pointer;list-style:none}
.mq.mq.mq .icard summary::-webkit-details-marker{display:none}
.mq.mq.mq .icard summary::after{content:"";position:absolute;top:50%;right:18px;width:8px;height:8px;margin-top:-2px;border:solid #fff;border-width:2px 0 0 2px;transform:rotate(45deg)}
.mq.mq.mq .icard details:not([open]) summary::after{margin-top:-6px;transform:rotate(225deg)}
.mq.mq.mq .icard summary.o{background:var(--or)}
.mq.mq.mq .icard summary.b{background:var(--bl)}
.mq.mq.mq .icard ul{display:flex;flex-direction:column;gap:6px;padding:12px 0 2px}
.mq.mq.mq .icard li{position:relative;padding-left:30px;font-size:15px;line-height:1.6}
.mq.mq.mq .icard li::before{content:"";position:absolute;top:1px;left:0;width:20px;height:20px;border-radius:50%;background:var(--or)}
.mq.mq.mq .icard li::after{content:"";position:absolute;top:5px;left:7px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.mq.mq.mq .icard ul.b li::before{background:var(--bl)}

/* 強み: 青い段・薄い英字の大文字・紺の札・特大の黄色い数字・白いカードに丸い写真 */
.mq.mq.mq .sg{padding:44px 24px 44px;background:var(--bl);text-align:center}
.mq.mq.mq .sg .en{color:rgba(255,255,255,.2);font-size:58px;line-height:1;letter-spacing:.02em;white-space:nowrap}
.mq.mq.mq .sg .pill{position:relative;display:inline-block;margin-top:-14px;padding:5px 26px;border-radius:999px;background:var(--nv);color:#fff;font-size:16px;font-weight:900;line-height:1.5}
.mq.mq.mq .sg h2{margin-top:10px}
.mq.mq.mq .sg .dl{display:block;width:200px;height:3px;margin:12px auto 0;background:radial-gradient(circle,rgba(255,255,255,.75) 1.3px,transparent 1.6px) 0 0/7px 3px}
.mq.mq.mq .sc2{margin-top:24px;padding:24px 25px;border-radius:8px;background:#fff;box-shadow:0 8px 8px rgba(0,76,120,.5)}
.mq.mq.mq .sc2 .no{color:var(--bl);font-size:18px;line-height:1.2}
.mq.mq.mq .sc2 h3{margin-top:4px;font-size:22px;font-weight:700;line-height:1.5}
.mq.mq.mq .sc2 .rnd{overflow:hidden;width:120px;height:120px;margin:16px auto;border:6px solid var(--lb);border-radius:50%;background:var(--lb)}
.mq.mq.mq .sc2 .rnd img{width:100%;height:100%;object-fit:cover}
.mq.mq.mq .sc2 p:last-child{font-size:15px;text-align:center}

/* 料金(あるときだけ) */
.mq.mq.mq .pn{padding:44px 24px 40px;background:#fff}
.mq.mq.mq .pc{position:relative;margin-top:22px;padding:24px;border:2px solid #a8d4f5;border-radius:8px;background:#f3f9ff;text-align:center}
.mq.mq.mq .pc.rec{border-color:#c9b037;background:#fffdf0}
.mq.mq.mq .rb{position:absolute;top:-16px;left:50%;transform:translateX(-50%);padding:2px 28px;border-radius:999px;background:#c9b037;color:#fff;font-size:15px;font-weight:700}
.mq.mq.mq .pc h3{font-size:18px;font-weight:700}
.mq.mq.mq .pr{margin-top:4px;color:var(--bl);font-size:20px;font-weight:700;line-height:1.3}
.mq.mq.mq .pr b{font-size:40px;font-weight:700}
.mq.mq.mq .pc.rec .pr{color:var(--rd)}
.mq.mq.mq .pt{margin-top:10px;font-size:15px;text-align:left}
.mq.mq.mq .pb{position:relative;display:block;margin-top:16px;padding:14px 40px;border-radius:4px;background:var(--ye);font-size:16px;font-weight:700}
.mq.mq.mq .pb::after{content:"";position:absolute;top:50%;right:14px;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:#fff url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"%3E%3Cpath d="M3 1.5v9l7.5-4.5z" fill="%23f08a1c"/%3E%3C/svg%3E') 55% 50%/10px 10px no-repeat}
.mq.mq.mq .pnn{margin-top:12px;color:#666;font-size:12px}

/* 事例 */
.mq.mq.mq .cs2{padding:44px 24px 44px}
.mq.mq.mq .cse{margin-top:20px;padding:16px;border-radius:8px;background:#fff}
.mq.mq.mq .cse img{width:100%;height:180px;margin-bottom:16px;border-radius:4px;object-fit:cover}
.mq.mq.mq .cse h3{font-size:18px;font-weight:700;text-align:center}
.mq.mq.mq .cse p{margin-top:8px;font-size:14px}
.mq.mq.mq .cs2 .nt{margin-top:12px;color:#555;font-size:12px;line-height:1.6}

/* 流れ: 点線でつないだ丸い印と STEP の札 */
.mq.mq.mq .fl{padding:44px 24px 40px;background:#fff}
.mq.mq.mq .fl ol{position:relative;display:flex;flex-direction:column;gap:24px;margin-top:24px}
.mq.mq.mq .fl ol::before{content:"";position:absolute;top:40px;bottom:40px;left:38px;border-left:2px dotted #b9dcf3}
.mq.mq.mq .fl li{position:relative;display:flex;align-items:flex-start;gap:20px}
.mq.mq.mq .fl .ico{display:grid;flex:none;place-items:center;width:78px;height:78px;border-radius:50%;background:var(--lb);color:var(--bl);font-size:26px}
.mq.mq.mq .fl .sl{display:inline-block;padding:1px 10px;border-radius:999px;background:#8ccaf2;color:#fff;font-family:"Readex Pro",sans-serif;font-size:13px;font-weight:700}
.mq.mq.mq .fl h3{margin-top:8px;color:var(--nv);font-size:16px;font-weight:700;line-height:1.5}
.mq.mq.mq .fl li p{margin-top:6px;font-size:14px}

/* よくある質問: 青い丸のQ・オレンジの丸のA */
.mq.mq.mq .fq{padding:44px 24px 44px;background:var(--gy)}
.mq.mq.mq .qa{margin-top:16px}
.mq.mq.mq .fq .en+h2{margin-bottom:8px}
.mq.mq.mq .qa p{display:flex;gap:12px;padding:8px 12px;border-radius:8px;font-size:14px}
.mq.mq.mq .qa .q{align-items:center;background:#fff}
.mq.mq.mq .qa .a{align-items:flex-start;margin-top:8px}
.mq.mq.mq .qa i{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--bl);color:#fff;font-family:"Readex Pro",sans-serif;font-size:18px;font-style:normal;font-weight:700}
.mq.mq.mq .qa .a i{background:var(--or)}
.mq.mq.mq .qa .a span{padding-top:6px}

/* 最後の段 */
.mq.mq.mq .ls{padding:48px 24px 48px;background:var(--bl);color:#fff;text-align:center}
.mq.mq.mq .ls h2{font-size:28px;line-height:1.5}
.mq.mq.mq .ls h2 em{color:var(--ye)}
.mq.mq.mq .ls .lp{margin:22px auto 0}
.mq.mq.mq .ls .lp img{width:100%;height:220px;border:4px solid #fff;border-radius:12px;object-fit:cover;object-position:50% 25%}
.mq.mq.mq .ls .lt{margin-top:18px;font-size:15px;text-align:left}
.mq.mq.mq .ft{padding:22px 16px 30px;background:var(--nv);color:#fff;text-align:center}
.mq.mq.mq .ft .co{font-size:13px;line-height:1.8}
.mq.mq.mq .ft .cr{margin-top:6px;font-size:11px;opacity:.8}