/* <div class="wp-block-group layout-001 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-media-text is-stacked-on-mobile c-media-text-001"><figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" width="1024" height="682" src="https://luce111.com/wp-content/uploads/2025/09/luce-003-1024x682.jpg" alt="" class="wp-image-160 size-full" srcset="https://luce111.com/wp-content/uploads/2025/09/luce-003-1024x682.jpg 1024w, https://luce111.com/wp-content/uploads/2025/09/luce-003-300x200.jpg 300w, https://luce111.com/wp-content/uploads/2025/09/luce-003-768x512.jpg 768w, https://luce111.com/wp-content/uploads/2025/09/luce-003-1536x1024.jpg 1536w, https://luce111.com/wp-content/uploads/2025/09/luce-003.jpg 2000w" sizes="auto, (max-width: 1024px) 100vw, 1024px"></figure><div class="wp-block-media-text__content">
<p class="c-media-text-001__cat">What’s Conditioning</p>



<h2 class="wp-block-heading c-heading-002">コンディショニングとは</h2>



<p>コンディショニングとは？テキストテキストテキストテキストテキストテキスト</p>



<p>テキストテキストテキストテキストテキスト</p>



<p>テキストテキストテキストテキストテキスト</p>



<p>テキストテキストテキストテキストテキストテキスト。</p>
</div></div>



<div class="wp-block-media-text is-stacked-on-mobile c-media-text-001 c-media-text--reverse"><figure class="wp-block-media-text__media"><img loading="lazy" decoding="async" width="1024" height="683" src="https://luce111.com/wp-content/uploads/2025/09/pc-0005-1024x683.webp" alt="" class="wp-image-162 size-full" srcset="https://luce111.com/wp-content/uploads/2025/09/pc-0005-1024x683.webp 1024w, https://luce111.com/wp-content/uploads/2025/09/pc-0005-300x200.webp 300w, https://luce111.com/wp-content/uploads/2025/09/pc-0005-768x512.webp 768w, https://luce111.com/wp-content/uploads/2025/09/pc-0005-1536x1024.webp 1536w, https://luce111.com/wp-content/uploads/2025/09/pc-0005.webp 1800w" sizes="auto, (max-width: 1024px) 100vw, 1024px"></figure><div class="wp-block-media-text__content">
<p class="c-media-text-001__cat">With Dogs</p>



<h2 class="wp-block-heading c-heading-002">犬と人のコンディショニング</h2>



<p>コンディショニングとは？テキストテキストテキストテキストテキストテキスト</p>



<p>テキストテキストテキストテキストテキスト</p>



<p>テキストテキストテキストテキストテキスト</p>



<p>テキストテキストテキストテキストテキストテキスト。</p>
</div></div>
</div> */

:where(.c-media-text-001) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--wp--preset--spacing--xl);
  align-items: center;
  margin-bottom: var(--wp--preset--spacing--xxl);
  @media (max-width: 1024px) {
    grid-template-columns: 1fr;
  }
  &.c-media-text--reverse {
    .wp-block-media-text__media {
      order: 2;
    }
  }
  .wp-block-media-text__media {
    width: 100%;
    height: auto;
    img {
      width: 100%;
      height: auto;
      border-radius: var(--wp--custom--border--radius--md);
      object-fit: cover;
      object-position: center;
    }
  }
  .wp-block-media-text__content {
    .c-media-text-001__cat {
      display: inline-block;
      background: var(--wp--preset--color--info);
      color: var(--wp--preset--color--white);
      padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--xl);
      line-height: 1;
      border-radius: var(--wp--custom--border--radius--full);
      font-size: var(--wp--preset--font-size--sm);
      font-weight: var(--wp--custom--font-weight--bold);
      margin-bottom: var(--wp--preset--spacing--md);
    }
    h2 {
      margin-top: 0;
      margin-bottom: var(--wp--preset--spacing--md);
    }
    p {
      margin-top: 0;
      margin-bottom: var(--wp--preset--spacing--md);
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}