.p-organization {
  padding-block: 6rem;
  background:linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .8) 70%, rgba(255, 255, 255, 0.3) 90%),
    url(../../../images/about-ryokan-building.webp) right -300px center / cover no-repeat;
}

@media (min-width: 1024px) {
  .p-organization {
    padding-block: 8rem;
	   background:linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .8) 60%, rgba(255, 255, 255, 0) 75%),
    url(../../../images/about-ryokan-building.webp) center / cover no-repeat;
}
  }


.p-organization__inner {
  display: flex;
  flex-direction: column-reverse;
  gap: 3.2rem;
}

@media (min-width: 1024px) {
  .p-organization__inner {
    flex-direction: row;
    align-items: center;
    gap: 4rem;
  }
}

.p-organization__text {
  flex: 1;
}

.p-organization__eyebrow {
  font-family: var(--font-serif-en);
  font-size: var(--font-size-eyebrow-pc);
  letter-spacing: 0.1em;
}

.p-organization__title {
  margin-top: 0.8rem;
  font-size: var(--font-size-h2-sp);
}

@media (min-width: 1024px) {
  .p-organization__title {
    font-size: var(--font-size-h2-pc);
  }
}

.p-organization__body {
  margin-top: 1.6rem;
  font-size: var(--font-size-base-sp);
  line-height: 1.9;
}

@media (min-width: 1024px) {
  .p-organization__body {
    font-size: var(--font-size-base-pc);
  }
}

.p-organization__link {
  margin-top: 2.4rem;
}

.p-organization__media {
  flex: 1;
}

.p-organization__image {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}