.c-service-content {
  display: grid;
  gap: 100px;
  grid-template-columns: 1fr 280px;
  align-items: center;

  .c-service-content__box {
    display: grid;
    gap: 30px;
  }

  .c-service-content__photo-sp {
    display: none;
  }

  .c-service-content__photo {
    .c-service-content__photo-image {
      width: 280px;
      height: 440px;
      aspect-ratio: 7/11;
      border-radius: 20px;
      object-fit: cover;
    }
  }
}

.c-service-contents {
  display: grid;
  gap: 70px;
}

@media screen and (max-width: 768px) {
  .c-service-content {
    gap: 30px;
    grid-template-columns: 1fr;
  
    .c-service-content__box {
      display: grid;
      gap: 30px;
    }

    .c-service-content__photo-sp {
      display: block;

      .c-service-content__photo-sp-image {
        width: 100%;
      }
    }
  
    
    .c-service-content__photo {
      display: none;
    }
  }
}