@charset 'utf-8';
/* ======================================================
CSS information

 File Name  : service.css
 Style Info : 「事業紹介」のCSS
====================================================== */

.service-list.grid {
  display: grid;
  gap: 2rem;
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media (min-width: 768px) {

  .service-list.grid {
    grid-template-columns: 1fr 1.6fr;
    gap: 3rem;
  }

}

/* 960px～（パソコン）
------------------------------------------------------ */
@media (min-width: 960px) {

  .service-list.grid {
    gap: 6rem;
  }

}

.service-list.grid .img-box img {
  border-radius: 30px;
}

.service-list.grid .text-box p {
  letter-spacing: .1rem;
  line-height: 2;
}