/* c-media-text: 左テキスト・右画像の2カラムレイアウト */

.c-media-text {
  display: flex;
  gap: var(--space-2xl); /* 6.4rem = 64px */
  align-items: flex-start;
  justify-content: space-between;
  @media (max-width: 768px) {
    flex-direction: column !important;
    gap: var(--space-lg); /* 3.2rem = 32px */
  }
  .c-media-text__body {
    flex: 1;
  }
  .c-media-text__media {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-media-text__img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-lg, 1rem);
    object-fit: cover;
  }

  &.c-media-text--reverse {
    flex-direction: row-reverse;
  }
  &.c-media-text-6-4 {
    > *:first-child {
      flex: 6;
    }
    > *:last-child {
      flex: 4;
    }
  }
  &.c-media-text-01 {
    background-color: var(--color-white);
    border-radius: var(--radius-lg, 1rem);
    border: var(--color-secondary) 1px solid;
    padding: var(--space-md);
  }
}