/* 子ページ共通（トップ以外）の末尾相談ブロック＝緑枠。GPT の v60 試作（reports/lp/2026-10-30-maker-designer/style.css の .consult 系）を
   クラス名 cg- に付け替えて移植したもの。2026-10-30 渡邊さん「CTAボタンブロックもこっち使って。トップ以外はこっちを使って行く」。
   cg- にした理由: 商品詳細の土台 detail.css に旧区画の .consult があり名前がぶつかるため。
   正本はこのファイル。コラム・メーカー一覧は sitelib が site/assets/column-consult.css に、商品詳細は build.mjs が consult-block.css にそのまま書き出す。
   HTML は隣の consult-green.html。文字の最小は スマホ 11px（試作の 10px は 11px に）。
   下の余白 PC 64px／スマホ 40px は 2026-10-30 渡邊さん「CTAボタンブロックの下に余白を空けて」（試作はフッターまで 62px） */
.cg{position:relative;box-sizing:border-box;width:min(1050px,calc(100% - 80px));margin:55px auto 64px;padding:35px 36px;background:#f1f9f5;border:1px solid #c0dfce;border-radius:2px;font-family:"M PLUS 1","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#4d3a2d;line-height:1.5;letter-spacing:0}
.cg::before{content:"";position:absolute;inset:9px;border:1px dashed #afd2be;border-radius:6px;pointer-events:none}
.cg-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:22px 20px;align-items:center;width:100%;max-width:870px;margin-inline:auto;min-width:0}
.cg-copy{grid-column:1;grid-row:1;min-width:0}
.cg h2{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0;padding:0;font-size:26px;line-height:1.4;letter-spacing:0;color:#713b16;font-weight:600;font-family:inherit}
.cg-assurance{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:64px;height:57px;padding-bottom:8px;color:#fff;font-size:20px;font-weight:600;font-style:normal;line-height:1}
.cg-assurance img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.cg-assurance span{position:relative}
.cg-copy>p{margin:14px 0 0;padding-top:14px;border-top:1px solid #a2cbb7;font-size:16px;font-weight:500;line-height:1.8;color:#4d3a2d}
.cg-mascot{grid-column:2;grid-row:1;display:flex;align-items:flex-end;justify-content:flex-end;gap:12px}
.cg-bear{width:112px;height:145px;object-fit:contain}
.cg-pocket{width:76px;height:107px;object-fit:contain}
.cg-actions{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin:0}
.cg-actions>a{position:relative;display:flex;justify-content:center;align-items:center;gap:14px;box-sizing:border-box;min-width:0;min-height:70px;padding:12px 36px;border:0;border-radius:6px;text-decoration:none;font-size:21px;font-weight:600;line-height:1.3;color:#fff}
.cg-actions>a>span{white-space:nowrap}
.cg-actions>a>svg{width:27px;height:27px;flex-shrink:0}
.cg-primary{background:#1460bd;box-shadow:0 4px 0 #104b94}
.cg-line{background:#06c755;box-shadow:0 4px 0 #049d43}
.cg-line img{width:33px;height:33px;object-fit:contain;flex-shrink:0}
.cg-phone{grid-column:1/-1;min-height:82px;gap:17px;background:#f56b14;box-shadow:0 4px 0 #c95108}
.cg-phone>span{display:flex;flex-direction:column;align-items:center;line-height:1.3}
.cg-phone strong{font-size:34px;font-weight:800;letter-spacing:.01em}
.cg-phone small{font-size:13px;font-weight:500;margin-top:2px}
.cg-primary:hover{background:#104f9f}
.cg-line:hover{background:#05b84e}
.cg-phone:hover{background:#e65b0c}
.cg-chevron{position:absolute;right:17px;top:50%;transform:translateY(-50%);margin:0;font-family:system-ui,sans-serif;font-size:29px;font-weight:400;font-style:normal;line-height:1}
@media(max-width:1000px){.cg{width:calc(100% - 48px)}}
@media(min-width:761px) and (max-width:1000px){.cg h2{font-size:22px}.cg-inner{grid-template-columns:minmax(0,1fr) 175px}.cg-bear{width:96px;height:130px}.cg-pocket{width:64px;height:90px}.cg-actions>a{font-size:18px}}
@media(max-width:760px){
.cg{width:calc(100% - 32px);margin-top:32px;margin-bottom:40px;padding:24px 20px;border-radius:8px}
.cg::before{inset:7px}
.cg-inner{grid-template-columns:minmax(0,1fr) 100px;gap:16px 10px}
.cg-copy{display:contents}
.cg h2{grid-column:1/-1;grid-row:1;flex-wrap:nowrap;justify-content:center;gap:4px;font-size:clamp(13px,4.3vw,20px);line-height:1.4;padding-bottom:12px;border-bottom:1px solid #a2cbb7;white-space:nowrap}
.cg h2>span{white-space:nowrap}
.cg-assurance{width:clamp(30px,8.6vw,40px);height:clamp(29px,8.2vw,36px);font-size:clamp(11px,3.1vw,13px);padding-bottom:4px}
.cg-copy>p{grid-column:1;grid-row:2;margin:0;padding-top:0;border-top:0;align-self:center;font-size:13px;line-height:1.8}
.cg-mascot{grid-column:2;grid-row:2;align-self:center;gap:5px}
.cg-bear{width:59px;height:84px}
.cg-pocket{width:36px;height:55px}
.cg-actions{grid-row:3;grid-template-columns:1.15fr 1fr;gap:12px 9px}
.cg-actions>a{min-height:58px;font-size:12px;gap:5px;padding:10px 17px 10px 8px}
.cg-actions>a>svg{width:18px;height:18px}
.cg-chevron{right:5px;font-size:23px}
.cg-line{padding-left:6px;padding-right:16px;gap:4px}
.cg-line img{width:22px;height:22px}
.cg-phone{min-height:67px;gap:10px;padding:9px 20px}
.cg-phone strong{font-size:26px}
.cg-phone small{font-size:11px}
}
@media(min-width:375px) and (max-width:760px){.cg-inner{grid-template-columns:minmax(0,1fr) 52px;column-gap:8px}.cg-mascot{gap:3px}.cg-bear{width:31px;height:45px}.cg-pocket{width:18px;height:29px}}
@media(max-width:374px){.cg{width:calc(100% - 24px);padding-inline:16px}.cg-inner{grid-template-columns:minmax(0,1fr)}.cg-mascot{display:none}.cg-copy>p{grid-column:1/-1}.cg-actions>a{font-size:11px;gap:4px}.cg-actions>a>svg{width:15px;height:15px}.cg-primary>svg{display:none}.cg-line img{width:19px;height:19px}.cg-phone strong{font-size:24px}}