/* Marketo実践ガイドのヒーローと、直後の記事カテゴリーまでの間隔のみ。 */
.marketo-guide-hero { width:100%; background:#fff; color:#1a1a1a; }
.marketo-guide-hero .marketo-guide-hero__inner { box-sizing:border-box; width:100%; max-width:1360px; min-height:410px; margin:0 auto; padding:28px 40px; display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.2fr); gap:28px; align-items:center; }
.marketo-guide-hero .marketo-guide-hero__copy { min-width:0; }
.marketo-guide-hero h1 { margin:0 0 22px; padding:0; border:0; font-size:clamp(32px,3.4vw,48px); line-height:1.35; font-weight:700; letter-spacing:0; }
.marketo-guide-hero .marketo-guide-hero__subtitle { margin:0 0 20px; font-size:clamp(23px,2.2vw,30px); line-height:1.6; font-weight:700; }
.marketo-guide-hero .marketo-guide-hero__description { margin:0; max-width:32em; font-size:17px; line-height:1.9; }
.marketo-guide-hero .marketo-guide-hero__visual { min-width:0; margin:0; }
.marketo-guide-hero .marketo-guide-hero__visual img { display:block; width:100%; max-width:100%; height:auto; max-height:430px; object-fit:contain; margin:0; }
@media (max-width:767px) {
 .marketo-guide-hero .marketo-guide-hero__inner { min-height:0; grid-template-columns:minmax(0,1fr); gap:16px; padding:32px 22px 16px; }
 .marketo-guide-hero h1 { font-size:30px; margin-bottom:16px; }
 .marketo-guide-hero .marketo-guide-hero__subtitle { font-size:23px; margin-bottom:14px; }
 .marketo-guide-hero .marketo-guide-hero__description { font-size:16px; line-height:1.8; }
 .marketo-guide-hero .marketo-guide-hero__visual img { max-height:none; }
}