@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@800&family=Outfit:wght@500;600;700;800&display=swap");
.mc.mc.mc *{all:revert}
/* 業者大募集型(見本 クラッソーネ crassone.jp/special/lp_biz_top・解体工事の会社向けにお客様を紹介する集客サービス)。読みやすい版。
   直したら style.css を作り直す(.mc → .mc.mc.mc と先頭に .mc.mc.mc *{all:revert}) */

.mc.mc.mc{--main:#c23d34;--fv1:#ea4a3f;--fv2:#c13c33;--en:#bf5447;--red2:#c8433a;--flow:#cc4b45;--pink:#fff2f2;--pink2:#fff1f1;--btn:#f75610;--btnsh:#d84a00;--btn2:#e00e00;--btn2sh:#a3271f;--navy:#161d3c;--yel:#ffe600;--kwred:#e60012;--case:#f8cd24;--ft:#202d3b;--text:#333;--slash:#f2e33c;--gold:#c9a54c;
  max-width:480px;margin:0 auto;background:#fff;color:var(--text);font-family:"Noto Sans JP",sans-serif;font-size:15px;font-weight:400;line-height:1.6;letter-spacing:.05em;position:relative;overflow-x:clip}
.mc.mc.mc *{box-sizing:border-box}
.mc.mc.mc img{display:block;max-width:100%}
.mc.mc.mc p{margin:0}
.mc.mc.mc h1,.mc.mc.mc h2,.mc.mc.mc h3{margin:0;font-weight:inherit;font-size:inherit}
.mc.mc.mc ul,.mc.mc.mc ol{margin:0;padding:0;list-style:none}
.mc.mc.mc a{color:inherit;text-decoration:none}
.mc.mc.mc em,.mc.mc.mc i{font-style:normal}
.mc.mc.mc .en{font-family:"Outfit","Noto Sans JP",sans-serif}

/* ---- ロゴ(サービス名) ---- */
.mc.mc.mc .lg{display:inline-flex;flex-direction:column;align-items:center;line-height:1.1}
.mc.mc.mc .lg b{position:relative;padding-left:20px;font-family:"Outfit","Noto Sans JP",sans-serif;font-weight:600;font-size:24px;letter-spacing:.06em;color:#3a3a3a}
.mc.mc.mc .lg b:before{content:"";position:absolute;left:0;top:50%;width:12px;height:22px;margin-top:-11px;background:var(--main);clip-path:polygon(70% 0,100% 0,30% 50%,100% 100%,70% 100%,0 50%)}
.mc.mc.mc .lg small{display:block;margin-top:4px;padding-left:20px;font-size:10px;font-weight:700;letter-spacing:.1em;color:#444}

/* ---- いちばん上(ロゴと電話) ---- */
.mc.mc.mc .hd{display:flex;align-items:center;gap:8px;padding:12px 10px 10px 16px;background:#fff}
.mc.mc.mc .hd .lg{margin-right:auto;align-items:flex-start}
.mc.mc.mc .hd .lg b{font-size:clamp(19px,5.6vw,23px)}
.mc.mc.mc .tl{display:flex;align-items:center;gap:5px}
.mc.mc.mc .fd{flex:none;width:36px;height:21px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 30'><rect width='52' height='30' rx='3' fill='%2300973b'/><rect x='7' y='4' width='38' height='3' fill='white'/><circle cx='16' cy='17' r='7.5' fill='none' stroke='white' stroke-width='4'/><circle cx='36' cy='17' r='7.5' fill='none' stroke='white' stroke-width='4'/></svg>") center/contain no-repeat}
.mc.mc.mc .tl span{display:flex;flex-direction:column;line-height:1.1}
.mc.mc.mc .tl b{font-family:"Outfit","Noto Sans JP",sans-serif;font-weight:700;font-size:clamp(14px,4.3vw,17px);letter-spacing:.01em;color:#111;white-space:nowrap}
.mc.mc.mc .tl small{font-size:9.5px;font-weight:700;letter-spacing:0;color:#111}
.mc.mc.mc .hb{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:38px;height:36px;border-radius:3px;background:#2f6fdc;color:#fff;font-size:8.5px;font-weight:700;letter-spacing:0;line-height:1.1;text-align:center}
.mc.mc.mc .hb i{display:block;width:12px;height:10px;margin-bottom:3px;background:#fff;clip-path:polygon(0 35%,50% 35%,50% 0,100% 50%,50% 100%,50% 65%,0 65%)}

/* ---- 最初の画面(赤い地・特大の募集・四角の文字・丸い札) ---- */
.mc.mc.mc .fv{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--fv1),var(--fv2));color:#fff;padding:18px 0 22px}
.mc.mc.mc .fv .lw{position:relative}
.mc.mc.mc .fv .ph{position:absolute;right:0;top:-74px;width:56%;aspect-ratio:2/3;z-index:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%),linear-gradient(180deg,transparent 0,#000 16%,#000 70%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 30%),linear-gradient(180deg,transparent 0,#000 16%,#000 70%,transparent 100%);mask-composite:intersect}
.mc.mc.mc .fv .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.mc.mc.mc .fv .cp{position:relative;z-index:2;display:block;padding:0 12px 0 14px;font-family:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;font-weight:800;line-height:1.3;letter-spacing:.02em}
.mc.mc.mc .fv .cp span{display:block}
.mc.mc.mc .fv .c1{font-size:clamp(17px,5.5vw,23px)}
.mc.mc.mc .fv .c2{font-size:clamp(19px,6.1vw,25px)}
.mc.mc.mc .fv .c2 em{font-size:1.75em;letter-spacing:0;line-height:1.1;margin-left:.06em}
.mc.mc.mc .kw{position:relative;z-index:2;display:flex;justify-content:flex-start;padding:12px 10px 0 12px;font-family:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;font-weight:800}
.mc.mc.mc .kw.k2{justify-content:center;padding:10px 20% 0 6%}
.mc.mc.mc .kw b{display:flex;align-items:center;justify-content:center;min-width:clamp(30px,9.2vw,38px);height:clamp(34px,10.3vw,42px);padding:0 2px;margin-left:-2px;border:2px solid #222;background:#fff;color:#151515;font-weight:800;font-size:clamp(20px,6.6vw,27px);line-height:1;letter-spacing:-.08em}
.mc.mc.mc .kw b:first-child{margin-left:0}
.mc.mc.mc .kw b.hot{background:var(--yel);color:var(--kwred)}
.mc.mc.mc .fv .bd{position:relative;z-index:2;margin-top:14px;background:var(--navy);padding:9px 14px 10px}
.mc.mc.mc .fv .bd span{display:block;font-family:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;font-weight:800;font-size:clamp(15px,4.8vw,20px);line-height:1.35;letter-spacing:.02em}
.mc.mc.mc .fv .tx{position:relative;z-index:2;width:62%;padding:14px 0 0 14px;font-weight:700;font-size:clamp(12.5px,3.8vw,15px);line-height:2;letter-spacing:.04em;text-shadow:0 1px 2px rgba(120,20,15,.35)}
.mc.mc.mc .cir{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:center;gap:2.6%;padding:30px 8px 0}
.mc.mc.mc .cir li{position:relative;flex:0 0 31%;aspect-ratio:1;border-radius:50%;background:#fff;color:var(--text);box-shadow:0 4px 0 rgba(110,20,15,.28),inset 0 0 0 4px #fff,inset 0 0 0 6px var(--main);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:clamp(16px,5vw,22px);text-align:center}
.mc.mc.mc .cir .po{display:block;position:absolute;left:-1%;top:-4%;transform:rotate(-24deg);font-family:"Outfit",sans-serif;font-weight:600;font-size:12px;letter-spacing:.04em;color:rgba(255,255,255,.8)}
.mc.mc.mc .cir .lb{display:inline-block;max-width:84%;padding:2px 7px 3px;border-radius:4px;background:var(--main);color:#fff;font-weight:700;font-size:clamp(9.5px,2.9vw,12px);letter-spacing:.02em;line-height:1.3;white-space:nowrap}
.mc.mc.mc .cir .nm{display:flex;align-items:flex-end;justify-content:center;margin-top:2px;color:var(--main);line-height:1}
.mc.mc.mc .cir .nm b{font-family:"Outfit",sans-serif;font-weight:800;font-size:clamp(46px,16vw,70px);line-height:.95;letter-spacing:-.02em}
.mc.mc.mc .cir .nm i{margin:0 0 6px 2px;writing-mode:vertical-rl;color:#222;font-weight:900;font-size:clamp(13px,4.4vw,19px);line-height:1;letter-spacing:0}
.mc.mc.mc .cir li.s .nm{margin-top:clamp(10px,3vw,14px)}
.mc.mc.mc .cir li.s .nm b{font-size:clamp(26px,8.6vw,38px)}
.mc.mc.mc .cir li.s .nm i{font-size:clamp(11px,3.4vw,14px);margin-bottom:2px}
.mc.mc.mc .cir .sx{margin-top:clamp(10px,3vw,14px);font-weight:900;font-size:clamp(12px,3.75vw,16px);line-height:1.4;letter-spacing:0;color:var(--main)}
.mc.mc.mc .fv .pn{position:relative;z-index:2;padding:12px 12px 0;text-align:right;font-size:10px;letter-spacing:.02em;color:rgba(255,255,255,.85)}

/* ---- 申し込みのかたまり(見出し・料金の箱3つ・2つのボタン・電話) ---- */
.mc.mc.mc .cb{background:#fafafa;padding:20px 0}
.mc.mc.mc .box{margin:0 10px;background:#fff;border:1px solid #f0f0f0;border-radius:5px;box-shadow:0 0 11px rgba(0,0,0,.1);padding:20px 10px 16px}
.mc.mc.mc .ttl{display:block;text-align:center;font-weight:700;font-size:clamp(22px,7.2vw,31px);line-height:1.6;letter-spacing:.07em;color:var(--text)}
.mc.mc.mc .ttl em{color:var(--main);font-size:1.5em;letter-spacing:.04em;line-height:1;margin:0 .04em}
.mc.mc.mc .pr{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.mc.mc.mc .pr li{border:1px solid var(--main);border-radius:4px;padding:6px 5px 10px;min-height:clamp(118px,36vw,146px)}
.mc.mc.mc .pr .lb{display:block;border-radius:50px;background:var(--main);color:#fff;font-weight:700;font-size:clamp(11px,3.4vw,14px);line-height:1.3;padding:6px 0;text-align:center;letter-spacing:.06em;white-space:nowrap}
.mc.mc.mc .pr .nm{margin-top:6px;text-align:center;color:#222;font-weight:700;font-size:clamp(15px,4.6vw,19px);line-height:1}
.mc.mc.mc .pr .nm b{font-family:"Outfit",sans-serif;font-weight:700;font-size:clamp(44px,14vw,60px);color:var(--main);letter-spacing:0;line-height:1.25}
.mc.mc.mc .pr .sx{margin-top:16px;padding:0 3px;font-weight:700;font-size:clamp(11.5px,3.5vw,13.5px);line-height:1.6;letter-spacing:.06em;color:#333}
.mc.mc.mc .bt{margin-top:30px}
.mc.mc.mc .b1,.mc.mc.mc .b2{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;color:#fff;font-weight:700;font-size:clamp(17px,5.4vw,22px);line-height:1.35;letter-spacing:.06em;padding:16px 12px;text-align:center}
.mc.mc.mc .b1{background:linear-gradient(135deg,rgba(255,255,255,.42) 0,rgba(255,255,255,.42) 34px,rgba(255,255,255,0) 34px),var(--btn);box-shadow:0 3px 0 var(--btnsh)}
.mc.mc.mc .b2{margin-top:12px;background:var(--btn2);box-shadow:0 3px 0 var(--btn2sh)}
.mc.mc.mc .tg{position:absolute;left:50%;top:-13px;transform:translateX(-50%);background:#fff;border:1px solid var(--fv1);color:#333;font-size:13px;font-weight:700;line-height:1.5;padding:0 12px;white-space:nowrap;letter-spacing:.06em}
.mc.mc.mc .tg em{color:var(--btn)}
.mc.mc.mc .ci{flex:none;width:22px;height:22px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3C6.5 3 2 6.6 2 11c0 2.6 1.6 4.9 4 6.3V21l3.7-2.4c.7.2 1.5.3 2.3.3 5.5 0 10-3.6 10-8s-4.5-7.9-10-7.9z' fill='white'/></svg>") center/contain no-repeat}
.mc.mc.mc .tb{display:flex;flex-direction:column;align-items:center;margin-top:18px;color:#111}
.mc.mc.mc .tb small{font-size:13px;font-weight:700;letter-spacing:.04em}
.mc.mc.mc .tb span{display:flex;align-items:center;gap:6px;margin-top:2px}
.mc.mc.mc .tp{flex:none;width:clamp(30px,9.5vw,40px);height:clamp(30px,9.5vw,40px);background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19.6 15.6c-1.2 0-2.4-.2-3.5-.6a1 1 0 0 0-1 .25l-1.55 1.95c-2.8-1.35-5.45-3.9-6.85-6.8l1.95-1.65c.27-.28.35-.67.24-1.02-.37-1.1-.56-2.3-.56-3.5 0-.55-.45-1-1-1H4.2C3.6 3.23 3 3.5 3 4.2 3 13.4 10.6 21 19.8 21c.7 0 .98-.62.98-1.17v-3.25c0-.55-.45-1-1-1z' fill='none' stroke='%2325a244' stroke-width='1.7' stroke-linejoin='round'/><path d='M14 3.3a7.3 7.3 0 0 1 6.7 6.7M14 6.6a4 4 0 0 1 3.4 3.4' fill='none' stroke='%2325a244' stroke-width='1.7' stroke-linecap='round'/></svg>") center/contain no-repeat}
.mc.mc.mc .tb b{font-family:"Outfit",sans-serif;font-weight:600;font-size:clamp(30px,10vw,42px);line-height:1.1;letter-spacing:.01em;white-space:nowrap}

/* ---- 集客の力(英字の大見出し・リード・説明・札・写真) ---- */
.mc.mc.mc .mk{padding:34px 20px 30px;text-align:center}
.mc.mc.mc .mk .en,.mc.mc.mc .nw .en{display:block;font-weight:700;font-size:clamp(40px,12.4vw,50px);line-height:1.2;letter-spacing:.02em;color:var(--en)}
.mc.mc.mc .mk h2{display:block;margin-top:22px;font-weight:700;font-size:clamp(18px,5.8vw,23px);line-height:1.8;letter-spacing:.08em}
.mc.mc.mc .mk .tx{margin-top:26px;text-align:left;font-size:clamp(14px,4.1vw,16px);line-height:2;letter-spacing:.06em}
.mc.mc.mc .aw{display:inline-flex;flex-direction:column;align-items:center;margin-top:30px;padding:8px 22px 12px;background:var(--gold);color:#2b2414;font-weight:700;line-height:1.35;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%)}
.mc.mc.mc .aw small{display:block;padding:1px 10px;background:#4b3e1e;color:#fff;font-size:10px;letter-spacing:.06em}
.mc.mc.mc .aw span{display:block;margin-top:5px;font-size:13px;white-space:pre-line}
.mc.mc.mc .mk .im{margin-top:30px}
.mc.mc.mc .mk .im img{width:100%}

/* ---- 仲間・つながり(ロゴがならぶ所 → 名前の札) ---- */
.mc.mc.mc .nw{padding:26px 20px 44px;text-align:center}
.mc.mc.mc .nw .en{font-size:clamp(26px,8vw,32px);font-weight:600}
.mc.mc.mc .nw h2{display:block;margin-top:18px;font-weight:700;font-size:clamp(18px,5.8vw,23px);line-height:1.75;letter-spacing:.06em}
.mc.mc.mc .nw ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px;margin-top:26px}
.mc.mc.mc .nw li{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 3px;border:1px solid #e3e3e3;border-top:3px solid var(--main);border-radius:3px;font-weight:700;font-size:clamp(11px,3.2vw,13px);line-height:1.35;letter-spacing:0;text-align:center}

/* ---- お悩み(ピンク・白いカード2列) ---- */
.mc.mc.mc .wr{background:var(--pink);padding:42px 10px 34px}
.mc.mc.mc .wr h2{display:block;text-align:center;font-weight:700;font-size:clamp(20px,6.5vw,26px);line-height:1.75;letter-spacing:.06em}
.mc.mc.mc .wr h2 .nb{display:inline-block;white-space:nowrap}
.mc.mc.mc .wr h2 em{color:var(--main);font-size:1.4em;letter-spacing:.03em}
.mc.mc.mc .wr ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.mc.mc.mc .wr li{background:#fff;border-radius:5px;padding:12px 10px 12px}
.mc.mc.mc .wr li p{text-align:center;font-weight:700;font-size:clamp(12.5px,3.7vw,14.5px);line-height:1.65;letter-spacing:.04em;min-height:3.3em}
.mc.mc.mc .wr .im{margin-top:10px;aspect-ratio:4/3;border-radius:3px;overflow:hidden}
.mc.mc.mc .wr .im img{width:100%;height:100%;object-fit:cover}
.mc.mc.mc .arw{height:90px;background:#fff;position:relative}
.mc.mc.mc .arw:before{content:"";position:absolute;left:50%;top:0;margin-left:-100px;border-left:100px solid transparent;border-right:100px solid transparent;border-top:90px solid var(--pink)}

/* ---- 〜なら解決できます・ポイント(横にめくるカード) ---- */
.mc.mc.mc .pt{padding:6px 0 44px;text-align:center}
.mc.mc.mc .lg.nr{flex-direction:row;align-items:flex-end;gap:6px}
.mc.mc.mc .lg .na{font-weight:700;font-size:13px;letter-spacing:.04em;color:#333;padding-bottom:1px}
.mc.mc.mc .sol{display:block;margin-top:26px;padding:0 16px;font-weight:700;font-size:clamp(22px,7vw,28px);line-height:1.5;letter-spacing:.05em;color:#333}
.mc.mc.mc .sol em{color:var(--en);font-size:1.4em;letter-spacing:.04em}
.mc.mc.mc .pt .en{display:block;margin-top:38px;font-weight:600;font-size:clamp(19px,5.6vw,22px);letter-spacing:.04em;color:var(--en)}
.mc.mc.mc .ptt{display:block;margin-top:4px;padding:0 24px;font-weight:700;font-size:clamp(23px,7.4vw,30px);line-height:1.6;letter-spacing:.06em}
.mc.mc.mc .pt .cards{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:34px 12vw 6px;scrollbar-width:none}
.mc.mc.mc .pt .cards::-webkit-scrollbar{display:none}
.mc.mc.mc .pt .cd{flex:0 0 min(76vw,360px);scroll-snap-align:center}
.mc.mc.mc .pt .im{border-radius:10px;background:#f0f1f4;aspect-ratio:4/3;overflow:hidden}
.mc.mc.mc .pt .im img{width:100%;height:100%;object-fit:cover}
.mc.mc.mc .pt .no{margin-top:20px;font-family:"Outfit",sans-serif;font-weight:700;font-size:18px;color:var(--en)}
.mc.mc.mc .pt .tx{margin-top:12px;font-weight:700;font-size:clamp(12.5px,3.7vw,15px);line-height:1.75;letter-spacing:.06em}

/* ---- 利用料(ピンク・黄色の斜線・料金の箱) ---- */
.mc.mc.mc .fee{background:var(--pink2);padding:34px 10px 40px;text-align:center}
.mc.mc.mc .fee h2{display:block;font-weight:700;font-size:clamp(28px,9vw,36px);line-height:1.4;letter-spacing:.1em}
.mc.mc.mc .fee h2:after{content:"";display:block;width:140px;height:3px;margin:14px auto 0;background:var(--main)}
.mc.mc.mc .fee .sub{position:relative;margin-top:30px;padding:0 54px;font-weight:700;font-size:clamp(16px,4.9vw,20px);line-height:1.7;letter-spacing:.04em}
.mc.mc.mc .fee .sub em{color:var(--main)}
.mc.mc.mc .fee .sub:before,.mc.mc.mc .fee .sub:after{content:"";position:absolute;top:50%;width:46px;height:4px;margin-top:-2px;background:var(--slash)}
.mc.mc.mc .fee .sub:before{left:6px;transform:rotate(40deg)}
.mc.mc.mc .fee .sub:after{right:6px;transform:rotate(-40deg)}
.mc.mc.mc .fee .pr{margin-top:28px;text-align:left}
.mc.mc.mc .fee .pr li{background:transparent}
.mc.mc.mc .fee .nt{margin-top:14px;font-size:12px;line-height:1.6;color:#555}

/* ---- 流れ(赤い地・横に並ぶ白い箱と線) ---- */
.mc.mc.mc .fl{background:var(--flow);padding:36px 0 34px}
.mc.mc.mc .fl h2{display:block;text-align:center;color:#fff;font-weight:700;font-size:clamp(26px,8.6vw,35px);line-height:1.4;letter-spacing:.08em}
.mc.mc.mc .fl .sc{overflow-x:auto;padding:36px 0 4px;scrollbar-width:none}
.mc.mc.mc .fl .sc::-webkit-scrollbar{display:none}
.mc.mc.mc .fl ol{position:relative;display:flex;width:max-content;padding:0 30px 0 32px}
.mc.mc.mc .fl ol:before{content:"";position:absolute;left:0;right:8px;top:52px;height:2px;background:#fff}
.mc.mc.mc .fl ol:after{content:"";position:absolute;right:9px;top:46px;width:12px;height:12px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}
.mc.mc.mc .fl li{position:relative;z-index:1;flex:0 0 166px;margin-right:10px}
.mc.mc.mc .fl .bx{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:104px;padding:14px 6px;background:#fff;border-radius:4px;text-align:center}
.mc.mc.mc .fl .sn{font-family:"Outfit",sans-serif;font-weight:600;font-size:12px;letter-spacing:.06em;color:var(--main)}
.mc.mc.mc .fl h3{display:block;margin-top:6px;font-weight:700;font-size:clamp(14px,4.2vw,16px);line-height:1.4;letter-spacing:.04em;color:#222}
.mc.mc.mc .fl .tm{margin-top:2px;font-size:12px;color:#888}
.mc.mc.mc .fl .tx{margin-top:10px;padding:0 2px;color:#fff;font-size:11.5px;font-weight:500;line-height:1.75;letter-spacing:.03em}

/* ---- 利用者事例(黄色・横にめくるカード) ---- */
.mc.mc.mc .cs{background:var(--case);padding:0 0 34px}
.mc.mc.mc .hd2{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 6px}
.mc.mc.mc .hd2 .lg{align-items:flex-start}
.mc.mc.mc .hd2 h2{display:block;color:#fff;font-weight:900;font-size:clamp(24px,7.8vw,31px);letter-spacing:.02em;text-shadow:1.5px 0 #222,-1.5px 0 #222,0 1.5px #222,0 -1.5px #222,1px 1px #222,-1px -1px #222,1px -1px #222,-1px 1px #222}
.mc.mc.mc .cs .cards{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 10px 10px;scrollbar-width:none}
.mc.mc.mc .cs .cards::-webkit-scrollbar{display:none}
.mc.mc.mc .cs .cd{flex:0 0 83%;scroll-snap-align:start;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:20px}
.mc.mc.mc .cs .cat{border:1px solid var(--main);border-radius:50px;color:var(--main);text-align:center;font-weight:700;font-size:14px;line-height:1.5;padding:2px 20px;letter-spacing:.1em}
.mc.mc.mc .cs .cd img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;margin-top:14px}
.mc.mc.mc .cs .tx{margin-top:14px;font-size:14px;line-height:1.75;letter-spacing:.04em}
.mc.mc.mc .cs .co{margin-top:14px;text-align:right;font-weight:700;font-size:14px}

/* ---- メディア掲載(赤い数字・枠の中の一覧) ---- */
.mc.mc.mc .md{padding:34px 10px 30px}
.mc.mc.mc .md h2{display:block;text-align:center;font-weight:700;font-size:clamp(18px,5.9vw,24px);line-height:1.75;letter-spacing:.04em}
.mc.mc.mc .md h2 em{font-family:"Outfit",sans-serif;color:var(--main);font-size:1.7em;line-height:1;letter-spacing:0}
.mc.mc.mc .md .box{margin:18px 0 0;padding:24px 22px 26px;box-shadow:none;border:1px solid #ddd}
.mc.mc.mc .md .tag{display:inline-block;background:#e0262a;color:#fff;font-weight:700;font-size:13px;line-height:1.5;padding:1px 8px}
.mc.mc.mc .md li{margin-top:18px}
.mc.mc.mc .md li b{display:block;font-weight:700;font-size:15px}
.mc.mc.mc .md li b:before{content:"・"}
.mc.mc.mc .md li p{margin-top:6px;padding-left:1em;font-size:14px;line-height:1.7;color:#444}
.mc.mc.mc .md hr{margin:24px 0;border:0;border-top:1px dashed #aaa}
.mc.mc.mc .md .ot{margin-top:12px;font-size:13px;line-height:1.75;color:#444}
.mc.mc.mc .ob{display:block;margin-top:20px;border:1px solid #e0262a;border-radius:50px;color:#e0262a;text-align:center;font-weight:700;font-size:15px;padding:14px 10px;box-shadow:0 2px 4px rgba(0,0,0,.15)}

/* ---- 想い(ロゴ・大きな写真・見出し・本文・署名) ---- */
.mc.mc.mc .ms{background:#f9f9f9;padding:32px 10px 40px;text-align:center}
.mc.mc.mc .ms .im{margin-top:26px;border-radius:6px;overflow:hidden;aspect-ratio:4/3}
.mc.mc.mc .ms .im img{width:100%;height:100%;object-fit:cover}
.mc.mc.mc .ms h2{display:block;margin-top:26px;font-weight:700;font-size:clamp(20px,6.3vw,25px);line-height:1.6;letter-spacing:.06em}
.mc.mc.mc .ms .tx{margin-top:22px;text-align:left;font-size:clamp(14px,4vw,15.5px);line-height:2;letter-spacing:.06em}
.mc.mc.mc .ms .sg{margin-top:22px;text-align:right;font-weight:700;font-size:clamp(13px,3.9vw,15px)}

/* ---- サポート(赤い地・白い札・黒い絵文字の代わりの図) ---- */
.mc.mc.mc .sp{background:var(--red2);padding:36px 0 30px}
.mc.mc.mc .sp>h2{display:block;padding:0 14px;text-align:center;color:#fff;font-weight:900;font-size:clamp(23px,7.4vw,31px);line-height:1.55;letter-spacing:.06em}
.mc.mc.mc .sp>h2 em{color:var(--yel)}
.mc.mc.mc .sp>ul{margin:34px 10px 0}
.mc.mc.mc .sp>ul>li{display:flex;align-items:center;gap:14px;margin-top:14px;background:#fff;border-radius:4px;padding:18px 14px}
.mc.mc.mc .sp>ul>li:first-child{margin-top:0}
.mc.mc.mc .sp h3{display:block;font-weight:700;font-size:clamp(15px,4.6vw,18px);line-height:1.4;letter-spacing:.06em}
.mc.mc.mc .sp>ul>li p{margin-top:4px;font-weight:700;font-size:clamp(12px,3.6vw,13.5px);line-height:1.6;letter-spacing:.04em;color:#333}
.mc.mc.mc .ic{flex:none;width:56px;height:56px;background:center/contain no-repeat}
.mc.mc.mc .ic-chat{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path d='M8 7h32a4 4 0 0 1 4 4v19a4 4 0 0 1-4 4H22l-10 8v-8H8a4 4 0 0 1-4-4V11a4 4 0 0 1 4-4z' fill='%23222'/><circle cx='15' cy='20.5' r='2.8' fill='white'/><circle cx='24' cy='20.5' r='2.8' fill='white'/><circle cx='33' cy='20.5' r='2.8' fill='white'/></svg>")}
.mc.mc.mc .ic-headset{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><circle cx='24' cy='19' r='9' fill='%23222'/><path d='M8 46c0-9 7-14 16-14s16 5 16 14z' fill='%23222'/><path d='M12 21a12 12 0 0 1 24 0' fill='none' stroke='%23222' stroke-width='3'/><rect x='9' y='18' width='6' height='10' rx='2' fill='%23222'/><rect x='33' y='18' width='6' height='10' rx='2' fill='%23222'/><path d='M36 27c0 4-3 6-8 6' fill='none' stroke='%23222' stroke-width='2.4'/></svg>")}
.mc.mc.mc .ic-board{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><rect x='3' y='7' width='30' height='21' fill='none' stroke='%23222' stroke-width='3'/><path d='M18 28v6M11 41l7-7 7 7M9 22l7-6 5 4 7-7' fill='none' stroke='%23222' stroke-width='2.6'/><circle cx='40' cy='12' r='4' fill='%23222'/><path d='M35 19h10v14h-3v13h-4V33h-3z' fill='%23222'/><path d='M36 20l-6 3' stroke='%23222' stroke-width='2.6'/></svg>")}
.mc.mc.mc .ic-people{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><circle cx='16' cy='15' r='7' fill='%23222'/><circle cx='33' cy='17' r='6' fill='%23222'/><path d='M3 42c0-9 6-14 13-14s13 5 13 14z' fill='%23222'/><path d='M26 30c2-2 4.500-3 7-3 6 0 12 4 12 13H31c0-4-2-8-5-10z' fill='%23222'/></svg>")}
.mc.mc.mc .ic-book{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path d='M24 12c-5-4-12-5-20-4v30c8-1 15 0 20 4 5-4 12-5 20-4V8c-8-1-15 0-20 4z' fill='%23222'/><path d='M24 13v28' stroke='white' stroke-width='2'/></svg>")}
.mc.mc.mc .sp .box{margin-top:30px}

/* ---- いちばん下 ---- */
.mc.mc.mc .ft{background:var(--ft);color:#fff;padding:20px 12px;text-align:center;font-size:12px;line-height:1.7;letter-spacing:.04em}