/* ==========================================================================
   Kanri(不動産管理)
   ページ上部・リード文は common.css(.c-page-head-photo / .c-page-lead)
   ========================================================================== */

/* --------------------------------------------------------------------------
   管理業務のご紹介(SP〜)
   -------------------------------------------------------------------------- */
.p-kanri-work {
  margin-top: 70px;
  padding: 0 20px 90px;
}

.p-kanri-work__heading {
  font-family: var(--font-ttl);
  font-size: 2.4rem;
  font-weight: var(--fw-ttl);
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  color: var(--color-brown);
}

.p-kanri-work__list {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}

.p-kanri-work__item {
  padding: 30px 20px;
  background-color: var(--color-white);
  border-radius: var(--radius-15);
}

.p-kanri-work__icon img {
  width: auto;
  height: 90px;
  margin-inline: auto;
}

.p-kanri-work__ttl {
  margin-top: 20px;
  font-family: var(--font-ttl);
  font-size: 2rem;
  font-weight: var(--fw-ttl);
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
}

.p-kanri-work__text {
  margin-top: 15px;
}

/* --------------------------------------------------------------------------
   PC(768px〜): アイコンと文章の横並び
   -------------------------------------------------------------------------- */
@media (min-width: 768px) {
  .p-kanri-work {
    margin-top: 80px;
    padding-bottom: 150px;
  }

  .p-kanri-work__heading {
    font-size: 3rem;
  }

  .p-kanri-work__list {
    max-width: 780px;
    margin: 44px auto 0;
  }

  .p-kanri-work__item {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    padding: 35px;
  }

  .p-kanri-work__icon {
    flex-shrink: 0;
    width: 121px;
  }

  .p-kanri-work__icon img {
    width: 90px;
    height: auto;
  }

  .p-kanri-work__icon--wide img {
    width: 121px;
  }

  .p-kanri-work__ttl {
    margin-top: 0;
    font-size: 2.5rem;
    text-align: left;
  }

  .p-kanri-work__text {
    margin-top: 10.5px;
  }
}
