/* コミュニティLP：成果事例直下の導線バナーにのみ適用 */
.advisory-banner-section { background: var(--color-gray-bg); padding: 0 0 64px; }
.advisory-banner-link { position: relative; isolation: isolate; display: block; overflow: hidden; background: #292626; color: #fff; border-left: 5px solid var(--color-red); border-radius: 4px; }
.advisory-banner-link::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#292626 50%,rgba(41,38,38,.8)),url('../images/demolition_wide.jpg') right center/cover; }
.advisory-banner-copy { position: relative; z-index: 1; width: 72%; padding: 34px 36px; }
.advisory-banner-label { color: #ff999b; font-family: var(--font-en); font-size: 12px; font-weight: 700; letter-spacing: .16em; margin-bottom: 12px; }
.advisory-banner-copy h2 { font-size: 27px; line-height: 1.65; letter-spacing: .02em; }
.advisory-banner-copy h2 > span { display: inline-block; }
.advisory-banner-description { font-size: 13px; color: #e0dada; line-height: 1.9; margin-top: 12px; }
.advisory-banner-cta { display: inline-flex; align-items: center; gap: 22px; font-size: 14px; font-weight: 700; background: var(--color-red); border-radius: 3px; padding: 13px 20px; margin-top: 22px; transition: background .2s; }
.advisory-banner-link:hover .advisory-banner-cta { background: var(--color-red-dark); }
.advisory-banner-link:focus-visible { outline: 3px solid var(--color-red); outline-offset: 5px; }
.advisory-banner-portrait { position: absolute; right: 0; top: 0; width: 29%; height: 100%; object-fit: cover; object-position: 60% center; -webkit-mask-image: linear-gradient(90deg, transparent, #000 20%); mask-image: linear-gradient(90deg, transparent, #000 20%); }
@media (max-width: 768px) {
  .advisory-banner-section { padding-bottom: 40px; }
  .advisory-banner-copy { width: 100%; padding: 26px 22px 30px; }
  .advisory-banner-copy h2 { font-size: 21px; }
  .advisory-banner-description { font-size: 12px; max-width: calc(100% - 100px); }
  .advisory-banner-description br { display: none; }
  .advisory-banner-portrait { width: 86px; height: 120px; top: auto; bottom: 102px; right: 14px; border-radius: 4px; object-position: 60% top; -webkit-mask-image: none; mask-image: none; }
  .advisory-banner-cta { display: flex; justify-content: space-between; font-size: 12px; gap: 10px; padding: 13px 14px; margin-top: 25px; }
}