@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@500;700;900&family=Inter:wght@500;700;900&display=swap");
/* 写真キャッチ型(見本 クロスエモーション合同会社 マーケコモン https://xn--rcke1ksa9f4b.com/ )。読みやすい版。直したら style.css を作り直す(.mc → .mc.mc.mc と all:revert) */
.mc.mc.mc *{all:revert}

.mc.mc.mc{--bl:#1095d8;--bl2:#1f74d5;--nv:#2260a6;--pale:#e5eff4;--gy:#f8f8f8;--ye:#fff301;--ink:#000;
  max-width:480px;margin:0 auto;background:#fff;color:var(--ink);font-family:"Noto Sans JP",sans-serif;font-size:15px;line-height:1.8;letter-spacing:.05em;overflow:clip;position:relative;padding-bottom:120px}
.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 p,.mc.mc.mc li,.mc.mc.mc h3,.mc.mc.mc summary{text-wrap:pretty}
.mc.mc.mc h1,.mc.mc.mc h2,.mc.mc.mc h3{margin:0;font-weight: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{font-style:normal;color:var(--bl)}
.mc.mc.mc b{font-weight:700}
.mc.mc.mc .h{font-family:"Zen Kaku Gothic Antique","Noto Sans JP",sans-serif;font-weight:900;letter-spacing:.02em}

/* 共通: 大きな英字・黒い札・かぎかっこの枠・青い下向き矢印・黄色の丸い矢印 */
.mc.mc.mc .en{font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase;white-space:pre-line}
.mc.mc.mc .tab{display:inline-block;padding:4px 18px 5px 10px;background:#000;color:#fff;font-size:17px;font-weight:700;letter-spacing:.1em;line-height:1.3}
.mc.mc.mc .tab:before{content:"";display:inline-block;width:9px;height:12px;margin-right:6px;vertical-align:-1px;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12" fill="none" stroke="%23fff" stroke-width="1.8"%3E%3Cpath d="M4.5 0v10.5M1 7l3.5 3.5L8 7"/%3E%3C/svg%3E') center/contain no-repeat}
.mc.mc.mc .brk{position:relative;padding:26px 22px}
.mc.mc.mc .brk:before,.mc.mc.mc .brk:after{content:"";position:absolute;top:0;bottom:0;width:22px;border:2px solid #000}
.mc.mc.mc .brk:before{left:0;border-right:0}
.mc.mc.mc .brk:after{right:0;border-left:0}
.mc.mc.mc .arrow{position:relative;width:240px;margin:0 auto;padding:14px 0 52px;background:var(--bl);color:#fff;text-align:center;font-size:18px;font-weight:900;line-height:1.4;letter-spacing:.05em;clip-path:polygon(8% 0,92% 0,92% 58%,100% 58%,50% 100%,0 58%,8% 58%)}
.mc.mc.mc .arw{display:block;width:34px;height:57px;margin:0 auto;border-radius:99px;background:var(--ye) url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 18" fill="none" stroke="%23000" stroke-width="2"%3E%3Cpath d="M7 1v15M2 11l5 5 5-5"/%3E%3C/svg%3E') center/14px no-repeat}

/* いちばん上: 白い四角のロゴと右の小さなボタン(画面に固定) */
.mc.mc.mc .hd{position:sticky;top:0;z-index:40;height:0}
.mc.mc.mc .hd .logo{position:absolute;left:0;top:0;display:flex;flex-direction:column;padding:9px 16px 8px 14px;background:#fff;border-radius:0 0 10px 0;line-height:1}
.mc.mc.mc .hd .logo b{font-family:Inter,sans-serif;font-size:21px;font-weight:900;letter-spacing:-.01em}
.mc.mc.mc .hd .logo small{margin-top:4px;font-size:10px;font-weight:700;letter-spacing:.08em}
.mc.mc.mc .hd .hb{position:absolute;right:12px;top:12px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:10px;background:#fff;color:var(--bl);font-size:12px;font-weight:900;line-height:1.25;text-align:center;letter-spacing:.04em;box-shadow:0 2px 8px rgba(0,0,0,.08)}

/* 最初の画面: 人物の写真を画面いっぱい(青く染める)+大きな白文字のキャッチ */
.mc.mc.mc .fv{position:relative;min-height:690px;padding:200px 16px 0;background:var(--bl);color:#fff;isolation:isolate;overflow:hidden}
.mc.mc.mc .fv .ph{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:22% 40%;filter:grayscale(1) contrast(1.15) brightness(.9)}
.mc.mc.mc .fv:before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bl);mix-blend-mode:multiply}
.mc.mc.mc .fv:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(16,40,90,.25) 0%,rgba(16,40,90,0) 30%,rgba(16,40,90,0) 60%,rgba(16,40,90,.35) 100%)}
.mc.mc.mc .fv .wd{position:absolute;inset:0;z-index:-1;pointer-events:none;font-weight:900;line-height:1.05;letter-spacing:.02em}
.mc.mc.mc .fv .wd span{position:absolute;white-space:nowrap;color:rgba(8,38,92,.42)}
.mc.mc.mc .fv .wd .w0{left:-6px;top:72px;font-size:46px}
.mc.mc.mc .fv .wd .w1{left:6px;top:150px;font-size:44px;writing-mode:vertical-rl}
.mc.mc.mc .fv .wd .w2{right:-10px;top:120px;font-size:40px;color:rgba(255,255,255,.16)}
.mc.mc.mc .fv .wd .w3{right:2px;top:330px;font-size:50px;writing-mode:vertical-rl}
.mc.mc.mc .fv .wd .w4{left:64px;top:455px;font-size:34px;color:rgba(255,255,255,.14)}
.mc.mc.mc .fv .wd .w5{left:-4px;top:520px;font-size:40px}
.mc.mc.mc .fv .wd .w6{right:40px;top:560px;font-size:30px;color:rgba(255,255,255,.14)}
.mc.mc.mc .fv .wd .w7{left:70px;top:610px;font-size:36px}
.mc.mc.mc .fv .in{position:relative;text-align:center}
.mc.mc.mc .fv .c1{font-size:min(43px,10.6vw);font-weight:900;line-height:1.36;letter-spacing:.03em;text-shadow:0 2px 14px rgba(8,30,70,.35)}
.mc.mc.mc .fv .c2{display:inline-block;margin-top:22px;text-align:left;font-size:min(31px,7.8vw);font-weight:900;line-height:1.3;letter-spacing:.1em;text-shadow:0 2px 12px rgba(8,30,70,.35)}
.mc.mc.mc .fv .c2 small{display:inline-block;margin-left:10px;padding:3px 7px 2px;border:1px solid rgba(255,255,255,.85);font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.2;vertical-align:6px;text-shadow:none}
.mc.mc.mc .fv .c3{margin-top:22px;font-size:15px;font-weight:700;letter-spacing:.12em;text-shadow:0 1px 8px rgba(8,30,70,.4)}
.mc.mc.mc .fv .arw{position:absolute;left:50%;bottom:62px;margin-left:-17px;z-index:2}
.mc.mc.mc .fv .brush{position:absolute;left:0;right:0;bottom:-1px;height:56px;z-index:1;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 56" preserveAspectRatio="none"%3E%3Cpath fill="%23fff" d="M0 56V30l14-4 9 5 17-12 15 8 22-13 11 9 24-11 14 8 21-14 17 12 13-6 22 10 19-15 15 9 23-12 12 10 20-14 18 13 15-7 20 9 18-12 21 10L400 22V56z"/%3E%3Cpath fill="none" stroke="%23fff" stroke-width="2" stroke-opacity=".5" d="M0 22l60-9M90 14l70-10M200 12l80-9M300 8l70-6"/%3E%3C/svg%3E') bottom/100% 100% no-repeat}

/* 物語: 太字の短い行を広い間で読ませる */
.mc.mc.mc .st{padding:110px 28px 90px}
.mc.mc.mc .st .t{font-size:23px;font-weight:900;line-height:1.6;letter-spacing:.05em}
.mc.mc.mc .st .t+.l{margin-top:34px}
.mc.mc.mc .st .l{margin-top:26px;font-size:17px;font-weight:700;line-height:1.6;letter-spacing:.05em}
.mc.mc.mc .st .cut{margin-top:34px;padding:14px 16px;border-left:4px solid var(--ye);background:var(--gy);font-size:15px;font-weight:700;line-height:1.7}
.mc.mc.mc .st .ph{margin:64px -28px 64px}
.mc.mc.mc .st .ph img{width:100%;aspect-ratio:3/2;object-fit:cover}
.mc.mc.mc .st .end{margin:80px 0 34px;text-align:center;font-size:21px;font-weight:900;line-height:1.7;letter-spacing:.14em}

/* 青い帯: 白い光の帯に青い文字+広い字間の白い文字+実績の数字 */
.mc.mc.mc .bd{padding:70px 20px 150px;background:linear-gradient(180deg,var(--bl2),var(--bl) 66.75%);color:#fff;text-align:center}
.mc.mc.mc .bd .rb span{display:inline-block;padding:2px 34px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 15%,#fff 85%,rgba(255,255,255,0));color:var(--nv);font-size:17px;font-weight:900;letter-spacing:.05em;line-height:1.4}
.mc.mc.mc .bd .sv{margin-top:14px;font-size:15px;font-weight:900;letter-spacing:.17em}
.mc.mc.mc .bd .tr{margin-top:36px}
.mc.mc.mc .bd .tr small{display:block;font-size:13px;font-weight:700;letter-spacing:.08em}
.mc.mc.mc .bd .tr p{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-top:2px}
.mc.mc.mc .bd .tr b{font-family:Inter,sans-serif;font-size:76px;font-weight:900;line-height:1.05;letter-spacing:.02em}
.mc.mc.mc .bd .tr span{font-size:20px;font-weight:900;letter-spacing:.06em}
.mc.mc.mc .bd .tr em{display:block;margin-top:6px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em}
.mc.mc.mc .bd .lgt{margin-top:30px;font-size:14px;font-weight:900;letter-spacing:.07em}
.mc.mc.mc .bd .lgs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.mc.mc.mc .bd .lgs img{width:100%;aspect-ratio:2/1;object-fit:contain;background:#fff;padding:6px}

/* 強み: 薄い水色の箱(白い大きな英字)→黒い札+青い枠の中に 01〜03 →青い矢印→かぎかっこの枠 */
.mc.mc.mc .sg{margin-top:-110px;padding:0 9px 70px}
.mc.mc.mc .sg .box{position:relative;padding:0 20px 46px;background:var(--pale)}
.mc.mc.mc .sg .box .en{padding-top:4px;color:#fff;font-size:min(50px,12.6vw);line-height:1;letter-spacing:.04em;white-space:nowrap;overflow:hidden;-webkit-text-stroke:1px rgba(16,149,216,.15)}
.mc.mc.mc .sg .box .h{margin-top:40px;font-size:min(36px,9.2vw);font-weight:700;line-height:1.12}
.mc.mc.mc .sg .box .h small{display:block;margin-bottom:6px;font-family:"Noto Sans JP",sans-serif;font-size:18px;font-weight:700}
.mc.mc.mc .sg .box .tx{margin-top:20px;font-size:16px;line-height:1.85}
.mc.mc.mc .sg .items{position:relative;margin-top:-1px;padding:56px 20px 34px;border:3px solid var(--bl);border-top:0}
.mc.mc.mc .sg .items .tab{position:absolute;left:0;top:-15px}
.mc.mc.mc .sg .items .ph{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:8px}
.mc.mc.mc .sg .it{margin-top:26px}
.mc.mc.mc .sg .it h3{font-family:"Zen Kaku Gothic Antique",sans-serif;font-size:25px;font-weight:900;line-height:1.4}
.mc.mc.mc .sg .it .no{margin-right:10px;font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:var(--bl);letter-spacing:.05em}
.mc.mc.mc .sg .it p{margin-top:6px;font-size:15px;line-height:1.65}
.mc.mc.mc .sg .it p b{color:var(--bl)}
.mc.mc.mc .sg .arrow{margin-top:-3px}
.mc.mc.mc .sum{margin:44px 18px 0;text-align:center}
.mc.mc.mc .sum .s{font-size:14px;font-weight:700;letter-spacing:.07em;line-height:1.6}
.mc.mc.mc .sum .b{margin:4px 0;font-family:"Zen Kaku Gothic Antique",sans-serif;font-size:min(29px,7.4vw);font-weight:900;line-height:1.2;letter-spacing:.04em}
.mc.mc.mc .sum .e{font-size:17px;font-weight:700;letter-spacing:.07em;line-height:1.6}

/* ボタンの場所(何度もくり返す): 灰色の一言→黄色の大きなボタン→黒いボタン */
.mc.mc.mc .ba .ld{padding:30px 10px 22px;background:var(--gy);text-align:center;font-size:18px;font-weight:900;letter-spacing:.05em;line-height:1.6}
.mc.mc.mc .ba a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:122px;padding:14px 16px;border:2px solid #000;text-align:center;line-height:1.4}
.mc.mc.mc .ba .by{background:var(--ye);color:#000}
.mc.mc.mc .ba .bb{margin-top:-2px;background:#000;color:#fff}
.mc.mc.mc .ba a small{font-size:16px;font-weight:700;letter-spacing:.07em}
.mc.mc.mc .ba a b{margin-top:2px;font-size:min(26px,6.6vw);font-weight:700;letter-spacing:.07em}
.mc.mc.mc .ba a i{position:absolute;right:10px;bottom:10px;width:16px;height:16px;border-right:2px solid currentColor;border-bottom:2px solid currentColor}
.mc.mc.mc .ba a i:after{content:"";position:absolute;right:-1px;bottom:6px;width:20px;height:2px;background:currentColor;transform:rotate(45deg);transform-origin:right center}

/* 英字の見出し帯(薄い水色・白い大きな英字・黒い札) */
.mc.mc.mc .enw{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:250px;background:var(--pale)}
.mc.mc.mc .enw .en{padding:0 0 4px 0;color:#fff;font-size:min(52px,13.3vw);line-height:.92;letter-spacing:.05em;-webkit-text-stroke:1px rgba(16,149,216,.15)}
.mc.mc.mc .enw .tab{align-self:flex-start;margin-bottom:-14px;position:relative;z-index:1}
.mc.mc.mc .enw .blk{position:absolute;right:0;bottom:-60px;width:34%;height:60px;background:var(--bl)}

/* 考える段 */
.mc.mc.mc .tk .in,.mc.mc.mc .sv .in,.mc.mc.mc .vc .in{padding:70px 28px 0}
.mc.mc.mc .tk .in .h,.mc.mc.mc .sv .in .h,.mc.mc.mc .vc .in .h{font-size:min(34px,8.7vw);line-height:1.25}
.mc.mc.mc .tk .in .tx,.mc.mc.mc .sv .in .tx,.mc.mc.mc .vc .in .tx{margin-top:22px;font-size:16px;font-weight:500;line-height:1.85}
.mc.mc.mc .tx b{font-weight:700}
.mc.mc.mc .tk .df{margin:40px 0 0}
.mc.mc.mc .tk .df h3{font-family:Inter,sans-serif;font-size:18px;font-weight:900;letter-spacing:.2em}
.mc.mc.mc .tk .df p{margin-top:10px;font-size:14px;line-height:1.8}
.mc.mc.mc .g{padding:60px 28px 70px}
.mc.mc.mc .g.gy{background:var(--gy)}
.mc.mc.mc .tk>.in+.g{margin-top:70px}
.mc.mc.mc .num{display:flex;align-items:flex-end;justify-content:flex-end;gap:16px}
.mc.mc.mc .num small{font-family:Inter,sans-serif;font-size:7px;font-weight:500;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;white-space:pre-line;padding-bottom:30px}
.mc.mc.mc .num b{position:relative;font-family:Inter,sans-serif;font-size:58px;font-weight:900;line-height:.9;letter-spacing:.02em}
.mc.mc.mc .num b:before{content:"";position:absolute;left:-26px;bottom:-6px;width:2px;height:82px;background:#000;transform:rotate(42deg);transform-origin:bottom}
.mc.mc.mc .g .h{margin-top:34px;font-size:min(29px,7.4vw);font-weight:700;line-height:1.45}
.mc.mc.mc .lab{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:15px;font-weight:700}
.mc.mc.mc .lab:after{content:"";width:70px;height:1px;background:#000}
.mc.mc.mc .g .tx{margin-top:26px;font-size:15px;line-height:1.8}
.mc.mc.mc .chk{margin-top:34px;padding:24px 18px}
.mc.mc.mc .chk li,.mc.mc.mc .chk2 li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.55;margin-top:9px}
.mc.mc.mc .chk li:first-child{margin-top:0}
.mc.mc.mc .chk li:before,.mc.mc.mc .chk2 li:before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:#d6e8f1 url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="%232260a6" stroke-width="1.8"%3E%3Cpath d="M4.5 8.2l2.3 2.3 4.7-4.9"/%3E%3C/svg%3E') center/contain no-repeat}
.mc.mc.mc .who{margin-top:34px;font-size:21px;font-weight:900;line-height:1.55;letter-spacing:.05em}
.mc.mc.mc .aft{margin-top:12px;font-size:16px;font-weight:500;line-height:1.7}

/* やることのカード(横にめくる青いカード) */
.mc.mc.mc .cards{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 28px 28px;background:linear-gradient(180deg,#fff 0,#fff 50%,var(--gy) 50%);-webkit-overflow-scrolling:touch;scrollbar-width:none}
.mc.mc.mc .cards::-webkit-scrollbar{display:none}
.mc.mc.mc .cd{flex:0 0 84%;scroll-snap-align:center;padding-bottom:26px;background:var(--bl);color:#fff;text-align:center}
.mc.mc.mc .cd .ci{position:relative;overflow:hidden}
.mc.mc.mc .cd .ci img{width:100%;aspect-ratio:4/3;object-fit:cover}
.mc.mc.mc .cd .ci:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(16,149,216,.55) 100%)}
.mc.mc.mc .cd .ce{position:absolute;left:0;right:0;top:4px;z-index:1;font-family:Inter,sans-serif;font-size:min(54px,13.6vw);font-weight:600;line-height:1;letter-spacing:.01em;color:rgba(255,255,255,.72);text-transform:uppercase;white-space:nowrap;overflow:hidden}
.mc.mc.mc .cd h3{margin-top:16px;padding:0 14px;font-size:20px;font-weight:700;letter-spacing:.08em;line-height:1.45}
.mc.mc.mc .cd p{margin-top:8px;padding:0 20px;font-size:14px;font-weight:400;line-height:1.75;text-align:left}

/* 進み方(左に縦線と矢印・点線で区切る) */
.mc.mc.mc .tl{position:relative;margin-top:30px;padding:8px 0 30px 28px}
.mc.mc.mc .tl:before{content:"";position:absolute;left:5px;top:0;bottom:8px;width:1.5px;background:#000}
.mc.mc.mc .tl:after{content:"";position:absolute;left:1px;bottom:6px;width:8px;height:8px;border-right:1.5px solid #000;border-bottom:1.5px solid #000;transform:rotate(45deg)}
.mc.mc.mc .tl li{position:relative;padding:22px 0}
.mc.mc.mc .tl li:first-child:before{content:"";position:absolute;left:-28px;top:-8px;width:12px;height:12px;border-radius:50%;background:#000}
.mc.mc.mc .tl li+li{background:repeating-linear-gradient(90deg,rgba(0,0,0,.45) 0 5px,transparent 5px 10px) top/100% 1px no-repeat}
.mc.mc.mc .tl h3{font-size:18px;font-weight:700;color:var(--bl);letter-spacing:.06em;line-height:1.5}
.mc.mc.mc .tl p{margin-top:6px;font-size:14.5px;line-height:1.8}
.mc.mc.mc .nt{margin-top:10px;font-size:12px;line-height:1.7;color:#555}

/* サービス内容 */
.mc.mc.mc .sv .ph{width:100%;aspect-ratio:16/9;object-fit:cover;margin-top:30px}
.mc.mc.mc .chk2{margin-top:40px;padding:26px 20px}
.mc.mc.mc .chk2 h3{text-align:center;font-size:21px;font-weight:700;letter-spacing:.08em;margin-bottom:14px}
.mc.mc.mc .chk2 li{font-size:14.5px;margin-top:7px}
.mc.mc.mc .sv .en2{margin-top:80px;padding-left:4px;font-family:Inter,sans-serif;font-size:min(52px,13.3vw);font-weight:900;line-height:.92;letter-spacing:.06em;color:var(--pale);text-transform:uppercase;white-space:pre-line}
.mc.mc.mc .sv .en2+.in{padding-top:30px}
.mc.mc.mc .sv .in .s{font-family:"Zen Kaku Gothic Antique",sans-serif;font-size:16px;font-weight:700;letter-spacing:.05em}
.mc.mc.mc .sv .en2+.in .h{margin-top:4px;font-weight:700;font-size:min(29px,7.4vw);line-height:1.4}
.mc.mc.mc .nbx{margin-top:50px;padding:40px 28px;background:var(--pale)}
.mc.mc.mc .nbx .c{position:relative;margin-top:22px;padding:30px 18px 24px;background:#fff;border:1px solid var(--bl)}
.mc.mc.mc .nbx .c:first-child{margin-top:0}
.mc.mc.mc .nbx .no{position:absolute;right:-1px;top:-1px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bl);color:#fff;font-family:"Zen Kaku Gothic Antique",sans-serif;font-size:20px;font-weight:900}
.mc.mc.mc .nbx h3{padding-right:44px;font-family:"Zen Kaku Gothic Antique",sans-serif;font-size:21px;font-weight:900;line-height:1.4}
.mc.mc.mc .nbx p{margin-top:12px;font-size:14px;line-height:1.8}
.mc.mc.mc .nbx img{width:100%;aspect-ratio:3/2;object-fit:cover;margin-top:16px}
.mc.mc.mc .nbx table{width:100%;margin-top:16px;border-collapse:collapse;font-size:12px;line-height:1.5;letter-spacing:0;text-align:center}
.mc.mc.mc .nbx th,.mc.mc.mc .nbx td{padding:9px 4px;border:1px solid #999;font-weight:500}
.mc.mc.mc .nbx thead th{background:var(--gy);font-weight:700}
.mc.mc.mc .nbx thead th.us{background:var(--bl);color:#fff}
.mc.mc.mc .nbx tbody th{width:26%;background:var(--gy)}
.mc.mc.mc .nbx td.us{background:rgba(255,243,1,.2);font-weight:700}

/* 青い段: 白い文字+白い箱2つ+図 */
.mc.mc.mc .bl{padding:66px 28px 60px;background:var(--bl);color:#fff}
.mc.mc.mc .bl .h{font-size:min(26px,6.7vw);line-height:1.4;text-align:center}
.mc.mc.mc .bl .tx{margin-top:22px;font-size:15px;line-height:1.8}
.mc.mc.mc .bl .wb{margin-top:26px;padding:24px 20px;background:#fff;color:#000}
.mc.mc.mc .bl .wb h3{text-align:center;font-size:17px;font-weight:700;letter-spacing:.06em;margin-bottom:10px}
.mc.mc.mc .bl .wb li{position:relative;padding-left:14px;font-size:14px;line-height:1.7;margin-top:4px}
.mc.mc.mc .bl .wb li:before{content:"・";position:absolute;left:0}
.mc.mc.mc .bl .wb.fig{padding:0;overflow:hidden}
.mc.mc.mc .bl .wb.fig img{width:100%;aspect-ratio:16/9;object-fit:cover}
.mc.mc.mc .bl .stm{margin-top:34px;font-family:"Zen Kaku Gothic Antique",sans-serif;font-size:min(21px,5.4vw);font-weight:900;line-height:1.6;letter-spacing:.06em}
.mc.mc.mc .bl+.arrow{margin-top:-1px}
.mc.mc.mc .sum.lg{margin:44px 28px 70px}
.mc.mc.mc .sum.lg .s{text-align:left;font-size:14.5px;line-height:1.8}
.mc.mc.mc .sum.lg .b{margin-top:16px;font-size:min(27px,6.9vw);line-height:1.3}

/* 実績(数字のカード)とお客様の声(あるときだけ) */
.mc.mc.mc .vb{margin-top:46px;padding:30px 28px 34px;background:var(--bl);color:#fff}
.mc.mc.mc .vb .vn{font-family:Inter,sans-serif;font-size:16px;font-weight:700;letter-spacing:.36em}
.mc.mc.mc .vb h3{margin-top:12px;font-family:"Zen Kaku Gothic Antique",sans-serif;font-size:22px;font-weight:900;line-height:1.5}
.mc.mc.mc .vb p+h3+p,.mc.mc.mc .vb h3+p{margin-top:10px;font-size:14px;line-height:1.8}
.mc.mc.mc .vp{margin:0;position:relative}
.mc.mc.mc .vp img{width:100%;aspect-ratio:3/2;object-fit:cover}
.mc.mc.mc .vp figcaption{position:absolute;right:8px;bottom:6px;padding:1px 6px;background:rgba(0,0,0,.45);color:#fff;font-size:10px;letter-spacing:.06em}
.mc.mc.mc .stats{padding:30px 28px 0}
.mc.mc.mc .sc{margin-top:18px;padding:26px 18px 22px;border:5px solid var(--pale);text-align:center}
.mc.mc.mc .sc:first-child{margin-top:0}
.mc.mc.mc .sc .lb{font-family:"Zen Kaku Gothic Antique",sans-serif;font-size:18px;font-weight:500;letter-spacing:.05em}
.mc.mc.mc .sc .n{margin-top:6px;color:var(--bl);font-family:Inter,sans-serif;font-weight:900;line-height:1}
.mc.mc.mc .sc .n b{font-size:60px;font-weight:900;letter-spacing:.04em}
.mc.mc.mc .sc .n span{margin-left:2px;font-family:"Noto Sans JP",sans-serif;font-size:24px;font-weight:900}
.mc.mc.mc .sc .tx{margin-top:14px;font-size:13.5px;line-height:1.75;text-align:left}
.mc.mc.mc .vc>.nt{padding:14px 28px 60px}
.mc.mc.mc .vo{margin:26px 28px 0;padding-bottom:26px;border-bottom:1px solid #ddd}
.mc.mc.mc .vo img{width:100%;aspect-ratio:3/2;object-fit:cover}
.mc.mc.mc .vo .co{margin-top:12px;font-size:13px;color:#555}
.mc.mc.mc .vo h3{margin-top:6px;font-size:18px;font-weight:900;color:var(--bl);line-height:1.5}
.mc.mc.mc .vo p+h3+p{margin-top:8px;font-size:14px;line-height:1.85}

/* 価格(あるときだけ)と申し込みの流れ */
.mc.mc.mc .pw{padding:70px 28px 60px;text-align:center}
.mc.mc.mc .pw .h{font-size:34px;font-weight:700;letter-spacing:.1em}
.mc.mc.mc .pb{position:relative;margin-top:28px;padding:34px 18px 30px;border-top:4px solid #000;border-bottom:4px solid #000}
.mc.mc.mc .pb:before,.mc.mc.mc .pb:after{content:"";position:absolute;left:0;right:0;height:20px;border-left:4px solid #000;border-right:4px solid #000}
.mc.mc.mc .pb:before{top:0}
.mc.mc.mc .pb:after{bottom:0}
.mc.mc.mc .pb .tg{display:inline-block;padding:2px 10px;background:#000;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em}
.mc.mc.mc .pb .nm{margin-top:10px;font-family:Inter,sans-serif;font-size:36px;font-weight:900;line-height:1.1}
.mc.mc.mc .pb .was{margin-top:14px;font-size:14px;color:#555}
.mc.mc.mc .pb .was s{margin-left:8px;font-size:18px}
.mc.mc.mc .pb .pr{margin-top:8px;color:var(--bl);font-weight:700}
.mc.mc.mc .pb .pr small{font-size:14px}
.mc.mc.mc .pb .pr b{font-family:Inter,sans-serif;font-size:56px;font-weight:900;letter-spacing:.08em;line-height:1}
.mc.mc.mc .pb .pr span{font-size:14px}
.mc.mc.mc .pb .tx{margin-top:14px;font-size:15px;font-weight:700;text-align:left}
.mc.mc.mc .pills{display:flex;justify-content:center;gap:10px;margin-top:16px}
.mc.mc.mc .pills li{padding:10px 18px;border-radius:99px;background:var(--ye);font-size:13px;font-weight:700}
.mc.mc.mc .fl{padding:66px 28px 60px;background:var(--pale);counter-reset:mcf}
.mc.mc.mc .fl .h{text-align:center;font-size:min(27px,6.9vw);font-weight:700;letter-spacing:.06em}
.mc.mc.mc .fl .f{position:relative;margin-top:28px;padding:24px 22px 26px;background:#fff;counter-increment:mcf;text-align:center}
.mc.mc.mc .fl .f+.f{margin-top:50px}
.mc.mc.mc .fl .f+.f:before{content:"";position:absolute;left:50%;top:-36px;margin-left:-16px;border:16px solid transparent;border-top:14px solid var(--bl);border-bottom:0}
.mc.mc.mc .fl .no{position:absolute;left:0;top:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:500}
.mc.mc.mc .fl .no:before{content:counter(mcf)}
.mc.mc.mc .fl .f img{width:74%;margin:4px auto 0;aspect-ratio:4/3;object-fit:cover}
.mc.mc.mc .fl .f h3{margin-top:16px;font-size:19px;font-weight:700;letter-spacing:.06em}
.mc.mc.mc .fl .f p{margin-top:8px;font-size:14px;line-height:1.8;text-align:left}

/* よくある質問(灰色の段に白い箱・青い+) */
.mc.mc.mc .fq{padding:60px 28px 66px;background:var(--gy)}
.mc.mc.mc .fq .h{font-size:28px;font-weight:700;letter-spacing:.1em;margin-bottom:22px}
.mc.mc.mc .fq details{margin-top:12px;background:#fff;border:3px solid #fff}
.mc.mc.mc .fq summary{list-style:none;cursor:pointer;position:relative;padding:20px 46px 20px 16px;font-size:16px;font-weight:700;letter-spacing:.06em;line-height:1.5}
.mc.mc.mc .fq summary::-webkit-details-marker{display:none}
.mc.mc.mc .fq summary:after{content:"+";position:absolute;right:16px;top:50%;margin-top:-17px;font-size:30px;font-weight:300;color:var(--bl);line-height:1}
.mc.mc.mc .fq details[open] summary:after{content:"−"}
.mc.mc.mc .fq details p{padding:0 16px 20px;font-size:14px;line-height:1.85}

/* さいごの物語 */
.mc.mc.mc .ms{padding:84px 28px 80px}
.mc.mc.mc .ms .h{font-family:"Noto Sans JP",sans-serif;font-size:min(28px,7.2vw);line-height:1.7;letter-spacing:.05em}
.mc.mc.mc .ms .tx{margin-top:30px;font-size:15px;font-weight:500;line-height:2.1}
.mc.mc.mc .ms .ph{width:100%;aspect-ratio:4/3;object-fit:cover;margin-top:36px}
.mc.mc.mc .ms .end{margin-top:60px;text-align:center;font-size:21px;font-weight:700;line-height:1.5;letter-spacing:.05em}
.mc.mc.mc .ms .end span{display:block}
.mc.mc.mc .ms .end b{display:block;margin:10px 0 6px;font-family:Inter,sans-serif;font-size:min(52px,13vw);font-weight:900;line-height:1.05;letter-spacing:-.01em}

/* いちばん下 */
.mc.mc.mc .ft{padding:46px 20px 20px;text-align:center}
.mc.mc.mc .ft .lg b{display:block;font-family:Inter,sans-serif;font-size:30px;font-weight:900;line-height:1.1}
.mc.mc.mc .ft .lg small{font-size:11px;font-weight:700;letter-spacing:.1em}
.mc.mc.mc .ft .co{margin-top:18px;font-size:12px;line-height:1.8}
.mc.mc.mc .ft .cp{margin-top:14px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.04em}

/* 画面の下に固定: 白い角丸の枠+黄色の丸い × */
.mc.mc.mc .fx{position:fixed;left:0;right:0;bottom:16px;z-index:50;display:flex;justify-content:center;padding:0 19px;pointer-events:none}
.mc.mc.mc .fx:has(input:checked){display:none}
.mc.mc.mc .fx input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.mc.mc.mc .fx label{position:absolute;z-index:2;left:max(9px,calc(50% - 186px));top:-10px;width:30px;height:30px;border-radius:50%;background:var(--ye) url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" stroke="%23000" stroke-width="1.8"%3E%3Cpath d="M2 2l8 8M10 2l-8 8"/%3E%3C/svg%3E') center/12px no-repeat;cursor:pointer;pointer-events:auto}
.mc.mc.mc .fx a{pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:352px;min-height:96px;padding:10px 12px;background:#fff;border:1px solid #000;border-radius:9px;text-align:center;line-height:1.45}
.mc.mc.mc .fx a small{color:var(--bl);font-size:14px;font-weight:700;letter-spacing:.06em}
.mc.mc.mc .fx a b{margin-top:4px;font-size:min(22px,5.7vw);font-weight:700;letter-spacing:.06em}