@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&family=M+PLUS+Rounded+1c:wght@800&display=swap");
.rb.rb.rb *{all:revert}
/* 忙しい上司の代わり型(見本 amptalk.co.jp/product/ai-roleplay/meta amptalk coach)。読みやすい版。直したら style.css を作り直す(.rb.rb.rb → .rb.rb.rb.rb.rb.rb.rb.rb.rb と all:revert) */

.rb.rb.rb{--main:#0062a7;--top:#0f79b9;--deep:#00589b;--pale:#eff3f8;--pale2:#ebf2f7;--navy:#243c7a;--or:#ee9500;--or2:#cf8200;--ink:#333333;--gy:#878787;--line:#dfe5ec;
  max-width:480px;margin:0 auto;background:#ffffff;color:var(--ink);font-family:"Noto Sans JP",system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.8;letter-spacing:0;overflow-x:clip;position:relative;-webkit-font-smoothing:antialiased}
.rb.rb.rb *{box-sizing:border-box}
.rb.rb.rb img{display:block;max-width:100%}
.rb.rb.rb p{margin:0}
.rb.rb.rb p,.rb.rb.rb li,.rb.rb.rb h3{text-wrap:pretty}
.rb.rb.rb h1,.rb.rb.rb h2,.rb.rb.rb h3{margin:0;font-weight:700}
.rb.rb.rb ul,.rb.rb.rb ol{margin:0;padding:0;list-style:none}
.rb.rb.rb a{color:inherit;text-decoration:none}
.rb.rb.rb em{font-style:normal}
.rb.rb.rb section{position:relative}

/* ロゴの文字(丸ゴシックの太字) */
.rb.rb.rb .logo{position:relative;font-family:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;font-weight:800;font-size:clamp(36px,13vw,58px);line-height:1.15;letter-spacing:-.01em;text-align:center;color:#ffffff;white-space:nowrap}
.rb.rb.rb .logo.bl{color:var(--main);font-size:clamp(32px,11.5vw,52px)}
.rb.rb.rb .h2{font-size:28px;line-height:1.6;text-align:center;color:var(--ink)}
.rb.rb.rb .h2s{font-size:24px;line-height:1.6;text-align:center;color:var(--ink)}
.rb.rb.rb .h3{font-size:24px;line-height:1.6;text-align:center}

/* アイコン(線の絵・色は地に合わせる) */
.rb.rb.rb .ic{display:block;width:100%;height:100%;background:var(--main);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.rb.rb.rb .i-shop{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7' r='3.2'/%3E%3Cpath d='M5.5 16.5c.8-3.4 3.4-5.2 6.5-5.2s5.7 1.8 6.5 5.2'/%3E%3Cpath d='M3 17h18M5 17v4M19 17v4'/%3E%3C/svg%3E")}
.rb.rb.rb .i-meet{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4.5' width='16' height='11' rx='1.5'/%3E%3Ccircle cx='12' cy='9' r='2'/%3E%3Cpath d='M8.6 14c.6-1.5 1.9-2.3 3.4-2.3s2.8.8 3.4 2.3'/%3E%3Cpath d='M2 19h20'/%3E%3C/svg%3E")}
.rb.rb.rb .i-phone{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h3l1.5 4-2 1.3a11 11 0 0 0 6.2 6.2l1.3-2 4 1.5v3a2 2 0 0 1-2.2 2A16.5 16.5 0 0 1 4.5 5.7a2 2 0 0 1 2-2.2z'/%3E%3C/svg%3E")}
.rb.rb.rb .i-list{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 6H20M9.5 12H20M9.5 18H20'/%3E%3Cpath d='M4 6l1.2 1.2L7.5 5M4 12l1.2 1.2L7.5 11M4 18l1.2 1.2L7.5 17'/%3E%3C/svg%3E")}
.rb.rb.rb .i-mic{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21M8.5 21h7'/%3E%3C/svg%3E")}
.rb.rb.rb .i-chart{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V4M4 20h16'/%3E%3Cpath d='M8.5 16v-4M12.5 16V8M16.5 16v-6'/%3E%3C/svg%3E")}
.rb.rb.rb .i-person{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c.8-4 3.6-6 7-6s6.2 2 7 6'/%3E%3C/svg%3E")}
.rb.rb.rb .i-repeat{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 0 1 13.7-5.6L20 8.5M20 4v4.5h-4.5'/%3E%3Cpath d='M20 12a8 8 0 0 1-13.7 5.6L4 15.5M4 20v-4.5h4.5'/%3E%3C/svg%3E")}
.rb.rb.rb .i-chat{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v10H10l-4.5 4v-4H4z'/%3E%3Cpath d='M8.5 10h.01M12 10h.01M15.5 10h.01' stroke-width='2.4'/%3E%3C/svg%3E")}
.rb.rb.rb .i-tooth{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 3.5C4.8 3.5 3.3 5.4 3.7 8.2c.4 3 1.6 4.2 2.2 7.2.5 2.6 1 5 2.2 5s1.5-2.2 2-4.2c.4-1.4 1.1-1.7 1.9-1.7s1.5.3 1.9 1.7c.5 2 .8 4.2 2 4.2s1.7-2.4 2.2-5c.6-3 1.8-4.2 2.2-7.2.4-2.8-1.1-4.7-3.5-4.7-1.8 0-3 1-4.8 1s-3-1-4.8-1z'/%3E%3C/svg%3E")}
.rb.rb.rb .ci{display:inline-block;flex:none;width:22px;height:22px;margin-right:6px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v10H10l-4.5 4v-4H4z'/%3E%3Cpath d='M8.5 10h.01M12 10h.01M15.5 10h.01' stroke-width='2.4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v10H10l-4.5 4v-4H4z'/%3E%3Cpath d='M8.5 10h.01M12 10h.01M15.5 10h.01' stroke-width='2.4'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-4px}
.rb.rb.rb .mk{display:inline-block;flex:none;width:30px;height:30px;margin-right:6px;background:var(--main);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 4.5h12v8.5H8.5l-3.5 3v-3H3.5z'/%3E%3Cpath d='M18.5 8.5h2v8h-1.5v2.5l-3-2.5h-5.5v-1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 4.5h12v8.5H8.5l-3.5 3v-3H3.5z'/%3E%3Cpath d='M18.5 8.5h2v8h-1.5v2.5l-3-2.5h-5.5v-1.5'/%3E%3C/svg%3E") center/contain no-repeat}

/* チェックの並び(青い丸に白いチェック) */
.rb.rb.rb .ck li{position:relative;padding-left:26px;font-size:13px;line-height:1.6}
.rb.rb.rb .ck li+li{margin-top:6px}
.rb.rb.rb .ck li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--main) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.rb.rb.rb .ck.big li{font-size:16px;padding-left:26px}
.rb.rb.rb .ck.big li::before{top:4px}

/* いちばん上の白い帯(左にロゴ・右に三本線) */
.rb.rb.rb .hd{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px 0 18px;background:#ffffff;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.rb.rb.rb .hd .lg{display:flex;align-items:center;color:var(--main);font-family:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;font-weight:800;font-size:24px;line-height:1}
.rb.rb.rb .mn summary{display:block;width:34px;height:34px;cursor:pointer;list-style:none;position:relative}
.rb.rb.rb .mn summary::-webkit-details-marker{display:none}
.rb.rb.rb .mn summary span,.rb.rb.rb .mn summary::before,.rb.rb.rb .mn summary::after{content:"";position:absolute;left:2px;right:2px;height:3px;border-radius:2px;background:var(--main)}
.rb.rb.rb .mn summary::before{top:7px}
.rb.rb.rb .mn summary span{top:15.5px}
.rb.rb.rb .mn summary::after{top:24px}
.rb.rb.rb .mn ul{position:absolute;left:0;right:0;top:64px;padding:8px 16px 16px;background:#ffffff;box-shadow:0 10px 20px rgba(0,0,0,.08)}
.rb.rb.rb .mn li a{display:block;padding:12px 4px;border-bottom:1px solid var(--line);font-weight:700;color:var(--ink)}

/* 最初の画面: 青い地・白の大きなロゴ文字・白の太字のキャッチ・ノートPCと画面 */
.rb.rb.rb .fv{padding:30px 16px 34px;background:linear-gradient(180deg,var(--top) 0%,var(--main) 55%,var(--deep) 100%);color:#ffffff;overflow:hidden}
.rb.rb.rb .fv .bg,.rb.rb.rb .last .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.14;mix-blend-mode:luminosity;pointer-events:none}
.rb.rb.rb .fv .cp{position:relative;margin-top:12px;font-size:28px;line-height:1.6;text-align:center;letter-spacing:.02em}
.rb.rb.rb .fv .sub{position:relative;margin-top:12px;font-size:16px;line-height:1.8;text-align:center}
.rb.rb.rb .bdg{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}
.rb.rb.rb .bdg li{padding:2px 12px;border:1px solid rgba(255,255,255,.7);border-radius:99px;font-size:12px;font-weight:700}
.rb.rb.rb .vis{position:relative;height:212px;margin-top:22px}
.rb.rb.rb .lap{position:absolute;right:-6px;top:6px;width:272px;transform:perspective(900px) rotateY(-14deg) rotateX(3deg);transform-origin:right center}
.rb.rb.rb .scr{position:relative;aspect-ratio:16/10;border:7px solid #1c1f25;border-bottom-width:9px;border-radius:12px 12px 2px 2px;background:#dfe6ee;overflow:hidden}
.rb.rb.rb .scr img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.rb.rb.rb .scr .tg{position:absolute;left:8px;top:8px;padding:1px 8px;border-radius:99px;background:rgba(0,0,0,.55);color:#ffffff;font-size:10px;font-weight:700;line-height:1.7}
.rb.rb.rb .scr .vo{position:absolute;left:8px;right:52px;bottom:8px;padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.94);color:var(--ink);font-size:10.5px;font-weight:500;line-height:1.55}
.rb.rb.rb .base{height:10px;margin:0 -16px;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#e6e9ee,#9ea5b0)}
.rb.rb.rb .vis .ph{position:absolute;left:4px;top:0;width:112px;padding:5px;border-radius:16px;background:#ffffff;box-shadow:0 10px 24px rgba(0,30,70,.35)}
.rb.rb.rb .vis .ph img{width:100%;aspect-ratio:780/1300;object-fit:cover;object-position:top;border-radius:11px;border:1px solid var(--line)}
.rb.rb.rb .fv .nt{position:relative;margin-top:10px;font-size:11px;text-align:right;opacity:.85}

/* ロゴの帯(白い札が横に流れる) */
.rb.rb.rb .strip{padding:12px 0;background:#ffffff;overflow:hidden;border-bottom:1px solid #f1f3f6}
.rb.rb.rb .strip ul{display:flex;gap:8px;width:max-content;animation:rbm 28s linear infinite}
.rb.rb.rb .strip li{display:flex;align-items:center;justify-content:center;min-width:150px;height:52px;padding:0 16px;border-radius:8px;background:#ffffff;box-shadow:0 0 0 1px #e7ebf0,0 2px 6px rgba(0,0,0,.05);font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap}
@keyframes rbm{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.rb.rb.rb .strip ul{animation:none}}

/* ボタン: オレンジの丸ボタン(白い小札つき)と白に青のふちのボタン */
.rb.rb.rb .ctas{display:flex;flex-direction:column;align-items:center;gap:18px;padding:26px 30px 56px;background:#ffffff}
.rb.rb.rb .ob{display:flex;align-items:center;gap:10px;width:100%;max-width:340px;min-height:88px;padding:10px 22px 10px 30px;border-radius:99px;background:var(--or);color:#ffffff;box-shadow:0 4px 4px rgba(0,98,167,.3)}
.rb.rb.rb .ob img{flex:none;width:76px;height:52px;object-fit:cover;object-position:top;border-radius:4px}
.rb.rb.rb .ob .ot{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}
.rb.rb.rb .ob small{padding:0 12px;border-radius:99px;background:#ffffff;color:var(--or);font-size:13px;font-weight:700;line-height:1.6;white-space:nowrap}
.rb.rb.rb .ob b{display:flex;align-items:center;font-size:18px;line-height:1.5;white-space:nowrap}
.rb.rb.rb .gb{display:flex;align-items:center;justify-content:center;width:100%;max-width:340px;min-height:84px;padding:8px 20px;border:2px solid var(--main);border-radius:99px;background:#ffffff;color:var(--main);font-size:18px;font-weight:700;line-height:1.5;box-shadow:0 4px 4px rgba(0,98,167,.3)}
.rb.rb.rb .gb.sm{display:inline-flex;width:auto;min-width:254px;min-height:56px;margin:18px auto 0;padding:6px 26px;box-shadow:none}

/* 活用: 白い丸のアイコン+見出し+チェック */
.rb.rb.rb .use{padding:24px 16px 56px;background:var(--pale)}
.rb.rb.rb .uses{margin-top:28px}
.rb.rb.rb .uses>li{display:flex;align-items:center;gap:16px}
.rb.rb.rb .uses>li+li{margin-top:40px}
.rb.rb.rb .cir{flex:none;display:block;width:120px;height:120px;padding:28px;border-radius:50%;background:#ffffff}
.rb.rb.rb .uses h3{font-size:24px;line-height:1.6;margin-bottom:6px}
.rb.rb.rb .wcard{margin-top:64px;padding:32px 16px;border-radius:24px;background:#ffffff}
.rb.rb.rb .who{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.rb.rb.rb .who img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%;border-radius:12px}
.rb.rb.rb .who b{display:block;margin-top:8px;font-size:17px;line-height:1.4;text-align:center}
.rb.rb.rb .wt{margin-top:18px;font-size:14px;line-height:1.8;text-align:center}

/* 資料の札(うすい灰色の角丸・上に写真・こげたオレンジのボタン) */
.rb.rb.rb .dc{margin:56px 16px;border-radius:24px;background:var(--pale);overflow:hidden}
.rb.rb.rb .dc>img{width:100%;aspect-ratio:358/160;object-fit:cover}
.rb.rb.rb .db{padding:24px 24px 40px;text-align:center}
.rb.rb.rb .db h3{font-size:20px;line-height:1.6}
.rb.rb.rb .db p{font-size:18px;line-height:1.6}
.rb.rb.rb .sb{display:inline-flex;align-items:center;justify-content:center;min-width:254px;min-height:56px;margin-top:18px;padding:6px 26px;border-radius:99px;background:var(--or2);color:#ffffff;font-size:18px;font-weight:700;line-height:1.4}
.rb.rb.rb .sb.or{background:var(--or)}

/* できること: 上の見出しの箱+番号つきの白いカード */
.rb.rb.rb .feat{padding:0 16px 40px}
.rb.rb.rb .fh{padding:28px 16px 0;border-radius:24px 24px 0 0;background:linear-gradient(0deg,rgba(235,242,247,0) 0%,var(--pale2) 100%);text-align:center}
.rb.rb.rb .fh .h2{margin-top:2px}
.rb.rb.rb .fh img{width:100%;aspect-ratio:16/9;margin-top:14px;object-fit:cover;border-radius:16px}
.rb.rb.rb .fc{margin-top:24px;padding:28px 16px 32px;border-radius:24px;background:#ffffff;box-shadow:0 4px 28px rgba(0,98,167,.1)}
.rb.rb.rb .fc .no{font-family:"Poppins",sans-serif;font-weight:600;font-size:64px;line-height:1.5;color:var(--pale)}
.rb.rb.rb .fc h3{margin-top:8px;font-size:20px;line-height:1.6}
.rb.rb.rb .fc .tx{margin-top:12px;font-size:16px;line-height:1.8}
.rb.rb.rb .fc .pl{display:inline-block;margin-top:24px;padding:0 24px;border-radius:99px;background:var(--main);color:#ffffff;font-size:18px;font-weight:700;line-height:1.7}
.rb.rb.rb .fc .pl+.tx{margin-top:8px}
.rb.rb.rb .pn{position:relative;margin-top:22px;padding:16px;border-radius:24px;background:var(--pale)}
.rb.rb.rb .pn>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px}
.rb.rb.rb .chips{display:flex;flex-wrap:wrap;gap:8px}
.rb.rb.rb .chips li{flex:1 1 auto;padding:10px 12px;border:1px solid #cfd8e3;border-radius:10px;background:#ffffff;font-size:14px;font-weight:700;line-height:1.5;text-align:center}
/* 点数の表示の例(丸い輪と横の棒) */
.rb.rb.rb .sc{display:grid;grid-template-columns:116px 1fr;gap:12px;align-items:center;padding-top:34px}
.rb.rb.rb .sc .ex{position:absolute;left:16px;top:10px;padding:0 10px;border-radius:99px;background:#ffffff;color:var(--gy);font-size:11px;font-weight:700;line-height:1.8}
.rb.rb.rb .ring{display:flex;flex-direction:column;align-items:center;justify-content:center;width:116px;height:116px;border-radius:50%;background:radial-gradient(closest-side,#ffffff 78%,transparent 80%),conic-gradient(#3fa34d 0 72%,#dfe5ec 72% 100%)}
.rb.rb.rb .ring small{font-size:11px;color:var(--gy);line-height:1.4}
.rb.rb.rb .ring b{font-family:"Poppins",sans-serif;font-size:30px;font-weight:600;line-height:1.2}
.rb.rb.rb .ring b em{margin-left:2px;font-family:"Noto Sans JP",sans-serif;font-size:12px;font-weight:700}
.rb.rb.rb .bars{padding:10px 12px;border-radius:12px;background:#ffffff}
.rb.rb.rb .bars li{font-size:10.5px;line-height:1.4}
.rb.rb.rb .bars li+li{margin-top:6px}
.rb.rb.rb .bars i{display:block;height:5px;margin-top:3px;border-radius:3px;background:linear-gradient(90deg,#3fa34d var(--w),#e6eaef var(--w))}
.rb.rb.rb .bars .lv1{--w:20%;background:linear-gradient(90deg,#e0473a 20%,#e6eaef 20%)}
.rb.rb.rb .bars .lv2{--w:40%;background:linear-gradient(90deg,#e0473a 40%,#e6eaef 40%)}
.rb.rb.rb .bars .lv3{--w:60%}
.rb.rb.rb .bars .lv4{--w:80%}
.rb.rb.rb .bars .lv5{--w:100%}
.rb.rb.rb .tip{grid-column:1/-1;padding:10px 12px;border:1px solid #3fa34d;border-radius:10px;background:#ffffff}
.rb.rb.rb .tip small{display:block;color:#3fa34d;font-size:12px;font-weight:700;line-height:1.5}
.rb.rb.rb .tip p{font-size:13px;line-height:1.7}

/* 解決する課題: 小さい言葉+青いロゴ+見出し・写真の帯に右寄せの見出し */
.rb.rb.rb .iss{padding:40px 16px 8px;text-align:center}
.rb.rb.rb .iss .sm{font-size:20px;font-weight:700;line-height:1.6}
.rb.rb.rb .iss .h2{margin-top:2px}
.rb.rb.rb .ib{margin-top:40px;text-align:left}
.rb.rb.rb .ban{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:128px;border-radius:24px;background:var(--pale);overflow:hidden}
.rb.rb.rb .ban img{position:absolute;left:0;top:0;width:58%;height:100%;object-fit:cover;object-position:50% 22%;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent 100%);mask-image:linear-gradient(90deg,#000 55%,transparent 100%)}
.rb.rb.rb .ban h3{position:relative;max-width:56%;padding:12px 18px 12px 0;font-size:20px;line-height:1.6;text-align:right}
.rb.rb.rb .ib .ld{margin:16px 0 14px;font-size:18px;font-weight:700;line-height:1.6}
.rb.rb.rb .ib .ck{padding-left:2px}

/* 練習の流れ: うすい灰色の箱・白い札・青い丸のアイコンとSTEP */
.rb.rb.rb .flow{padding:48px 16px 24px}
.rb.rb.rb .fw{margin-top:22px;padding:16px 24px 26px;border-radius:24px;background:var(--pale);text-align:center}
.rb.rb.rb .fw .fp{padding:0 12px;border-radius:99px;background:#ffffff;font-size:14px;font-weight:700;line-height:1.7}
.rb.rb.rb .fw .ft{margin-top:10px;font-family:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;font-weight:800;font-size:34px;line-height:1.3;color:var(--main)}
.rb.rb.rb .fw .fs{margin-top:2px;padding-bottom:14px;border-bottom:1px solid #d5dde7;font-size:18px;line-height:1.6}
.rb.rb.rb .fw ol{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:16px}
.rb.rb.rb .fw ol li{display:flex;align-items:center;gap:8px;width:190px;text-align:left}
.rb.rb.rb .sc2{flex:none;display:block;width:64px;height:64px;padding:16px;border-radius:50%;background:var(--main)}
.rb.rb.rb .sc2 .ic{background:#ffffff}
.rb.rb.rb .fw ol small{display:block;font-family:"Poppins",sans-serif;font-weight:500;font-size:13px;letter-spacing:.03em;line-height:1.7;color:var(--main)}
.rb.rb.rb .fw ol b{display:block;font-size:14px;line-height:1.5}

/* 事例: 白いカード・写真の左に縦の英字 */
.rb.rb.rb .cas{padding:48px 16px 8px}
.rb.rb.rb .cc{margin-top:28px;border:1px solid #dcdcdc;border-radius:24px;overflow:hidden;background:#ffffff}
.rb.rb.rb .cph{position:relative;aspect-ratio:358/188;background:var(--pale)}
.rb.rb.rb .cph img{width:100%;height:100%;object-fit:cover}
.rb.rb.rb .vt{position:absolute;left:0;top:0;bottom:0;writing-mode:vertical-rl;font-family:"Poppins",sans-serif;font-weight:600;font-size:40px;line-height:1;padding:4px 2px;color:rgba(0,98,167,.55);white-space:nowrap;overflow:hidden}
.rb.rb.rb .cb{padding:18px 18px 26px}
.rb.rb.rb .cb small{display:block;font-size:14px;font-weight:500;line-height:1.75;color:#222222}
.rb.rb.rb .cb h3{margin-top:8px;font-size:20px;line-height:1.6;color:#222222}
.rb.rb.rb .cb p{margin-top:8px;font-size:14px;line-height:1.8}
.rb.rb.rb .cn{margin-top:14px;font-size:12px;line-height:1.7;color:var(--gy)}

/* 導入資料集の箱 */
.rb.rb.rb .ex2{margin:48px 16px 0;padding:0 0 40px;border-radius:24px;background:var(--pale);text-align:center;overflow:hidden}
.rb.rb.rb .ex2 img{width:100%;aspect-ratio:358/170;object-fit:cover;margin-bottom:6px}
.rb.rb.rb .ex2 h3{padding:24px 16px 0;font-size:20px;line-height:1.6}
.rb.rb.rb .ex2 img+h3{padding-top:14px}
.rb.rb.rb .ex2 p{padding:0 16px;font-size:18px;line-height:1.6}

/* 料金 */
.rb.rb.rb .pr{padding:56px 16px 8px}
.rb.rb.rb .pl2{margin-top:8px;font-size:15px;text-align:center}
.rb.rb.rb .pcs{display:grid;gap:14px;margin-top:22px}
.rb.rb.rb .pc{position:relative;padding:22px 20px;border-radius:24px;background:var(--pale);text-align:center}
.rb.rb.rb .pbg{position:absolute;right:16px;top:-10px;padding:0 12px;border-radius:99px;background:var(--or);color:#ffffff;font-size:12px;font-weight:700;line-height:1.9}
.rb.rb.rb .pc h3{font-size:18px;line-height:1.5}
.rb.rb.rb .was{margin-top:4px;font-size:14px;color:var(--gy)}
.rb.rb.rb .pp{margin-top:2px;color:var(--main);line-height:1.3}
.rb.rb.rb .pp b{font-family:"Poppins",sans-serif;font-size:40px;font-weight:600}
.rb.rb.rb .pp span{margin-left:4px;font-size:14px;font-weight:700}
.rb.rb.rb .px{margin-top:6px;font-size:15px;line-height:1.6}
.rb.rb.rb .pn2{margin-top:14px;font-size:13px;line-height:1.7;color:var(--gy);text-align:center}

/* よくある質問: 青い丸のQ・右に紺の矢印 */
.rb.rb.rb .faq{padding:56px 16px 40px}
.rb.rb.rb .faq .h2{margin-bottom:24px}
.rb.rb.rb .faq details{border-bottom:1px solid #f0f0f0}
.rb.rb.rb .faq summary{position:relative;display:flex;align-items:center;gap:20px;min-height:90px;padding:16px 36px 16px 4px;cursor:pointer;list-style:none;font-size:14px;font-weight:700;line-height:1.75;color:#222222}
.rb.rb.rb .faq summary::-webkit-details-marker{display:none}
.rb.rb.rb .faq summary i{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--main);color:#ffffff;font-style:normal;font-size:13px}
.rb.rb.rb .faq summary::after{content:"";position:absolute;right:6px;top:50%;width:22px;height:22px;margin-top:-11px;background:var(--navy);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.rb.rb.rb .faq details[open] summary::after{transform:rotate(180deg)}
.rb.rb.rb .faq details p{padding:0 16px 20px;font-size:16px;line-height:1.8;color:#222222}

/* 最後の青い箱: 白いロゴ文字+白いカード2枚 */
.rb.rb.rb .last{margin:16px 16px 56px;padding:40px 16px 24px;border-radius:24px;background:var(--main);overflow:hidden;text-align:center}
.rb.rb.rb .last .lt{position:relative;margin-top:4px;color:#ffffff;font-size:28px;line-height:1.6}
.rb.rb.rb .lc{position:relative;margin-top:24px;padding:24px 16px 28px;border-radius:24px;background:#ffffff}
.rb.rb.rb .lc+.lc{margin-top:16px}
.rb.rb.rb .cover{display:flex;align-items:center;justify-content:center;width:158px;height:90px;margin:0 auto 14px;border-radius:2px;background:linear-gradient(135deg,var(--main) 0%,var(--deep) 100%);box-shadow:0 2px 6px rgba(0,0,0,.18)}
.rb.rb.rb .cover span{font-family:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;font-weight:800;font-size:17px;color:#ffffff}
.rb.rb.rb .cover.lt2{background:#ffffff;box-shadow:0 0 0 1px #e1e6ec,0 2px 6px rgba(0,0,0,.12)}
.rb.rb.rb .cover.lt2 span{color:var(--main)}
.rb.rb.rb .lc h3{font-size:20px;line-height:1.6}
.rb.rb.rb .lc p{font-size:18px;line-height:1.6}
.rb.rb.rb .lc .gb.sm{margin-top:16px}

/* いちばん下 */
.rb.rb.rb .foot{padding:40px 16px 28px;background:var(--pale)}
.rb.rb.rb .foot .fl{display:flex;align-items:center;color:var(--main);font-family:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;font-weight:800;font-size:34px;line-height:1.2}
.rb.rb.rb .foot .fl .mk{width:40px;height:40px}
.rb.rb.rb .foot .co{margin-top:16px;font-size:14px;line-height:1.6}
.rb.rb.rb .fb{display:flex;gap:8px;margin-top:28px;padding-top:24px;border-top:1px solid #d5dbe2}
.rb.rb.rb .fo,.rb.rb.rb .fg{display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 12px;border-radius:99px;font-size:15px;font-weight:700;line-height:1.4;text-align:center}
.rb.rb.rb .fo{flex:1.3;background:var(--or);color:#ffffff}
.rb.rb.rb .fg{flex:1;border:2px solid var(--main);background:#ffffff;color:var(--main)}
.rb.rb.rb .fo .ci{width:18px;height:18px;margin-right:4px}
.rb.rb.rb .cr{margin-top:20px;font-size:13px;color:var(--gy)}