@charset "UTF-8";

/* ===== リード（p-business-model） ===== */
.p-business-model {
  margin-top: 12.5rem;
}

.p-business-model__inner {
  position: relative;
}

.p-business-model__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 49.1304347826%;
  height: 48.75rem;
  border-radius: 20px;
  overflow: hidden;
}

.p-business-model__image img {
  width: 100%;
  height: 100%;
  max-width: initial;
  object-fit: cover;
}

.p-business-model__content {
  width: 40.564516129%;
  height: 48.75rem;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-business-model__text {
  font-size: 1rem;
}

/* ===== それぞれの工事（p-top-works.is-detail） ===== */
/* カードを固定の高さにせず、いちばん長い本文に合わせる。
   PC ではカードを右列の通常の流れに置き、セクションの高さを中身に合わせる（余白を作らない） */
.p-top-works.is-detail {
  margin-top: 10rem;
  padding-bottom: 7.5rem;
}

.p-top-works.is-detail .p-top-works__content {
  padding: 4rem 0 3rem;
}

.p-top-works.is-detail .p-top-works__slider-main {
  height: auto;
  padding: 4rem 0 3rem;
  justify-content: flex-start;
}

.p-top-works.is-detail .p-top-works__navigation {
  margin-top: 2.5rem;
}

.p-top-works__slider-main-body {
  margin-bottom: 1.5rem;
  line-height: 1.8;
}

@media screen and (width >= 46.875em) {
  .p-top-works.is-detail {
    display: grid;
    grid-template-columns:
      minmax(0, 1fr)
      43.2608695652%;
    grid-template-rows:
      auto
      1fr;
  }

  /* グリッドの中でも、ほかのセクションの l-container と左端をそろえる */
  .p-top-works.is-detail > .l-container {
    grid-column: 1 / -1;
    grid-row: 1;
    max-width: none;
    margin-inline: 0;
    padding-inline: max(3.75rem, (100% - 88.5714285714vw) / 2);
  }

  .p-top-works.is-detail .p-top-works__slider {
    display: contents;
  }

  .p-top-works.is-detail .p-top-works__slider-main {
    position: relative;
    grid-column: 2;
    grid-row: 1 / 3;
    width: auto;
    align-self: start;
  }

  .p-top-works.is-detail .p-top-works__slider-thumbnail {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    width: 100%;
  }
}

/* ===== レスポンシブ（width < 59.375em） ===== */
@media screen and (width < 59.375em) {
  .p-business-model__image {
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 320 / 180;
    border-radius: 10px;
  }

  .p-business-model__content {
    width: 100%;
    height: auto;
    margin: 3.5rem 0;
  }
}

/* ===== レスポンシブ（width < 46.875em） ===== */
@media screen and (width < 46.875em) {
  .p-business-model {
    margin-top: 8.75rem;
  }

  .p-top-works.is-detail {
    margin-top: 5rem;
    padding-bottom: 5.4375rem;
  }

  .p-top-works.is-detail .p-top-works__content {
    padding: 0;
  }

  .p-top-works.is-detail .p-top-works__slider-main {
    padding: 1.625rem 0;
  }

  .p-top-works.is-detail .p-top-works__navigation {
    margin-top: 1.5rem;
  }
}