/* すべてctbでスコープ化。既存MVの直下にも組み込み可能です。 */
.ctb{--ctb-green:#0b6045;--ctb-ink:#123d30;--ctb-card:#f0f6eb;--ctb-yellow:#f5d45c;position:relative;isolation:isolate;color:#fff;background:linear-gradient(145deg,#126747,#197750 60%,#39966b);padding:48px 4.2% 27px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}.ctb *{box-sizing:border-box}.ctb:before{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#d5f1c82b 1.5px,transparent 1.8px);background-size:27px 27px;pointer-events:none}.ctb-inner{max-width:1400px;margin:auto}.ctb-heading{text-align:center}.ctb-logo{width:84px;height:84px;background:#f4f8ed;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;box-shadow:0 4px 12px #13493120;overflow:hidden}.ctb-logo img{width:112px;height:98px;object-fit:contain;mix-blend-mode:multiply}.ctb h2{font-size:clamp(26px,3.25vw,46px);font-weight:700;line-height:1.5;letter-spacing:.025em;margin:0}.ctb h2 span{white-space:nowrap}.ctb-english{font-size:18px;letter-spacing:.1em;font-weight:700;color:#bedcca;margin:7px 0 13px}.ctb-intro{font-size:18px;line-height:1.8;margin:0}.ctb-grid{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:repeat(3,minmax(180px,auto));gap:22px 24px;margin-top:41px}.ctb-card{position:relative;background:var(--ctb-card);border-radius:11px;color:var(--ctb-ink);padding:34px 30px 25px;min-width:0}.ctb-point{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--ctb-green);border:1px solid #619879;border-radius:50px;width:180px;text-align:center;color:#fff;font-size:14px;font-weight:700;line-height:28px;letter-spacing:.055em}.ctb-primary{grid-row:1 / 4;padding:47px 43px 0;display:flex;flex-direction:column;overflow:visible}.ctb-primary h3{font-size:clamp(25px,2.45vw,36px);line-height:1.5;letter-spacing:-.025em;font-weight:700;margin:0 0 17px}.ctb-primary h3 em{font-style:normal;color:var(--ctb-green);white-space:nowrap}.ctb-description{font-size:18px;line-height:1.8;margin:0}.ctb-secondary{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:15px;align-items:center;padding:30px 28px 22px}.ctb-secondary h3{font-size:clamp(18px,1.72vw,25px);font-weight:700;line-height:1.55;margin:0 0 10px;letter-spacing:-.03em}.ctb-secondary p{font-size:16px;line-height:1.8;margin:0}.ctb-illustration{width:100%;height:auto;max-height:142px}.ctb-primary-art{position:relative;min-height:315px;margin:28px -27px 0;flex:1;isolation:isolate}.ctb-primary-art:before{content:"";position:absolute;z-index:-1;width:70%;height:70%;left:20%;top:18%;background:#e1efdc;border-radius:50%}.ctb-advisor{position:absolute;left:0;bottom:0;width:30%;height:100%}.ctb-bubble{position:absolute;top:0;left:0;width:190px;border:2px solid var(--ctb-green);border-radius:50%;padding:19px 7px;background:white;text-align:center;font-size:15px;font-weight:700;line-height:1.65;z-index:4}.ctb-bubble:after{content:"";position:absolute;width:15px;height:18px;bottom:-9px;left:55%;transform:skew(-25deg) rotate(-12deg);background:#fff;border-right:2px solid var(--ctb-green);border-bottom:2px solid var(--ctb-green);border-radius:0 0 10px 0}.ctb-person{position:absolute;bottom:0;left:-4%;width:100%;height:auto}.ctb-site{position:absolute;left:31%;top:31%;width:30%;height:158px;background:#fff;border:2px solid var(--ctb-green);border-radius:5px;transform:rotate(-4deg);box-shadow:0 16px 0 -10px #cce0c6;overflow:hidden}.ctb-browser-bar{display:flex;gap:5px;background:#9fceb9;height:18px;padding:6px 7px}.ctb-browser-bar i{width:5px;height:5px;background:#155c47;border-radius:50%}.ctb-site b{display:block;text-align:center;font-size:15px;margin:8px 0}.ctb-site-body{display:flex;gap:9px;padding:4px 10px}.ctb-photo-placeholder{background:#c5ddcc;width:44%;border-radius:3px;overflow:hidden}.ctb-photo-placeholder svg{display:block;width:100%;height:100%}.ctb-lines{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px}.ctb-lines i{height:5px;border-radius:3px;background:#b5c9b9}.ctb-lines i:nth-child(2){width:70%}.ctb-site-footer{height:6px;background:#cddacd;margin:9px 10px;border-radius:3px}.ctb-flow-arrow{position:absolute;left:56%;top:40%;width:15%;z-index:3}.ctb-plan{position:absolute;right:0;top:15%;width:32%;padding:20px 11px 14px;background:white;border:2px solid var(--ctb-green);border-radius:5px;min-height:206px;box-shadow:0 17px 0 -10px #cce0c6}.ctb-plan:before{content:"";position:absolute;right:0;top:0;width:18px;height:18px;border-left:2px solid var(--ctb-green);border-bottom:2px solid var(--ctb-green);background:#d4e8cc;border-radius:0 0 0 6px}.ctb-plan b{font-size:13px;display:block;white-space:nowrap;margin:4px 0 17px}.ctb-plan ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.ctb-plan li{display:flex;gap:8px;align-items:center;font-size:11px;white-space:nowrap;font-weight:700}.ctb-plan li span{background:#3e9470;color:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:17px;flex-shrink:0}.ctb-cta{text-align:center;margin-top:27px}.ctb-button{display:inline-flex;align-items:center;justify-content:center;gap:35px;border-radius:99px;background:var(--ctb-yellow);color:var(--ctb-ink);font-size:18px;font-weight:700;text-decoration:none;min-height:66px;padding:17px 45px;transition:background .15s}.ctb-button:hover{background:#ffe282}.ctb-button:focus-visible{outline:3px solid white;outline-offset:5px}.ctb-button span{font-size:28px;line-height:1}.ctb-cta p{font-size:12px;letter-spacing:.04em;margin:8px 0 0;line-height:1.7}.ctb-demo-message{padding:8px}
@media(min-width:761px) and (max-width:1150px){.ctb{padding:38px 3% 25px}.ctb-logo{width:68px;height:68px}.ctb-logo img{width:91px;height:79px}.ctb-grid{gap:22px 18px}.ctb-primary{padding:37px 24px 0}.ctb-primary h3{font-size:26px}.ctb-description{font-size:15px}.ctb-secondary{grid-template-columns:1fr 105px;padding:28px 20px 20px;gap:10px}.ctb-secondary h3{font-size:19px}.ctb-secondary p{font-size:13px}.ctb-primary-art{margin:25px -16px 0;min-height:300px}.ctb-bubble{width:150px;font-size:12px}.ctb-site{height:145px}.ctb-site b{font-size:12px}.ctb-plan{padding:18px 7px;min-height:188px}.ctb-plan b{font-size:10px}.ctb-plan li{gap:4px;font-size:8px}.ctb-plan li span{width:20px;height:20px;font-size:14px}.ctb-pc-br{display:none}}
@media(max-width:760px){.ctb{padding:31px 17px 27px}.ctb-logo{width:64px;height:64px;margin-bottom:15px}.ctb-logo img{width:86px;height:74px}.ctb h2{font-size:25px;line-height:1.6;letter-spacing:0}.ctb h2 span{display:block}.ctb-english{font-size:12px;margin:7px 0 14px;letter-spacing:.11em}.ctb-intro{font-size:12px;line-height:1.95;margin:auto;max-width:350px}.ctb-intro br{display:none}.ctb-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:28px;margin-top:32px}.ctb-primary{grid-row:auto;padding:32px 20px 0}.ctb-point{width:139px;line-height:25px;top:-13px;font-size:12px}.ctb-primary h3{font-size:23px;line-height:1.6;letter-spacing:-.04em;margin-bottom:12px}.ctb-description{font-size:13px;line-height:1.9}.ctb-pc-br{display:none}.ctb-primary-art{min-height:252px;margin:20px -11px 0}.ctb-bubble{font-size:11px;width:136px;padding:13px 4px}.ctb-person{width:112%;left:-10%}.ctb-site{height:117px;top:38%;left:29%;width:32%}.ctb-browser-bar{height:14px;padding:4px 5px;gap:3px}.ctb-browser-bar i{width:4px;height:4px}.ctb-site b{font-size:11px;margin:6px 0}.ctb-site-body{gap:5px;padding:3px 6px}.ctb-site-footer{margin:6px}.ctb-lines{gap:4px}.ctb-lines i{height:4px}.ctb-flow-arrow{top:41%;left:57%;width:14%}.ctb-plan{width:33%;top:24%;padding:19px 6px 12px;min-height:166px}.ctb-plan b{font-size:9px;letter-spacing:-.055em;margin-bottom:14px}.ctb-plan ul{gap:12px}.ctb-plan li{font-size:8px;gap:4px;letter-spacing:-.04em}.ctb-plan li span{width:18px;height:18px;font-size:12px}.ctb-plan:before{width:13px;height:13px}.ctb-secondary{grid-template-columns:1fr 86px;gap:11px;padding:28px 18px 22px;min-height:174px}.ctb-secondary h3{font-size:18px;line-height:1.55;margin-bottom:9px;letter-spacing:-.025em}.ctb-secondary p{font-size:12px;line-height:1.85}.ctb-illustration{width:86px;max-height:none}.ctb-cta{margin-top:25px}.ctb-button{width:100%;min-height:59px;padding:14px 17px;font-size:13px;gap:11px;letter-spacing:-.025em}.ctb-button span{font-size:23px}.ctb-cta p{font-size:10px}}
@media(max-width:350px){.ctb{padding-inline:12px}.ctb-primary{padding-inline:15px}.ctb-primary h3{font-size:21px}.ctb-secondary{grid-template-columns:1fr 70px;gap:8px;padding-inline:14px}.ctb-illustration{width:70px}.ctb-secondary h3{font-size:16px}.ctb-button{font-size:12px;padding-inline:12px}.ctb-plan b{font-size:8px}.ctb-plan li{font-size:7px}.ctb-site b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ctb-button{transition:none}}
.ctb-logo{position:relative}.ctb-logo img{position:absolute;left:50%;top:50%;transform:translate(-58%,-54%);max-width:none}