/* ==================================================
   SECTION IMAGE + TEXT
   - SP: 縦積み
   - PC: 2カラム（左右切替）
================================================== */

/* =========================
   BASE
========================= */

.section-image-text .image-text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* =========================
   IMAGE
========================= */

.section-image-text .image-text__image {
  width: 100%;
}

.section-image-text .image-text__image img {
  display: block;
  width: 100%;
  max-width: 520px;
  height: auto;
}

/* =========================
   CONTENT
========================= */

.section-image-text .image-text__content {
  width: 100%;
}

/* =========================
   DESKTOP LAYOUT
========================= */

@media (min-width: 769px) {
  .section-image-text .image-text {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
  }

  /* image left */
  .section-image-text.is-left .image-text {
    grid-template-areas: "image content";
  }

  /* image right */
  .section-image-text.is-right .image-text {
    grid-template-areas: "content image";
  }

  .section-image-text .image-text__image {
    grid-area: image;
  }

  .section-image-text .image-text__content {
    grid-area: content;
  }
}

/* =========================
   SUB LINK
========================= */

.section-image-text .image-text__link {
  display: inline-block;
  margin-top: 16px;
  font-size: 14px;
  color: #777;
  text-decoration: none;
  transition: color 0.2s ease;
}

.section-image-text .image-text__link:hover {
  color: #000;
  text-decoration: underline;
}