@charset "UTF-8";
/* CSS Document */
/*---------------------------------

  当社だからこそできること

---------------------------------*/
.solutionBlock {}
.solutionBlock .wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem 7rem;
}
.solutionBlock .wrap .ttlBox {}
.solutionBlock .wrap .ttlBox h2 span {
  display: block;
  margin-bottom: 1rem;
}
.solutionBlock .wrap .itemBox {}
.solutionBlock .wrap .itemBox a {
  color: var(--col-main);
  display: block;
}
.solutionBlock .wrap .itemBox figure {
  aspect-ratio: 4/3;
  overflow: hidden;
}
.solutionBlock .wrap .itemBox figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
  transition: all .3s;
}
.solutionBlock .wrap .itemBox dl {
  margin-top: 1rem;
}
.solutionBlock .wrap .itemBox dl dt {
  font-size: 1.3em;
  font-weight: 800;
  min-height: 3.2em;
}
.solutionBlock .wrap .itemBox dl dd {
  font-size: .95em;
}
.solutionBlock .wrap .itemBox a:hover figure img {
  transform: scale(1.1);
}
@media screen and (max-width: 1440px) {
  .solutionBlock .wrap .itemBox:nth-child(5) dl dt br , .solutionBlock .wrap .itemBox:nth-child(6) dl dt br {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .solutionBlock .l-inner {
    max-width: 75rem;
  }
  .solutionBlock .wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 5rem;
  }
  .solutionBlock .wrap .itemBox dl dt {
    min-height: auto;
  }
}
@media screen and (max-width: 896px) {
  .solutionBlock .wrap {
    gap: 3rem 3rem;
  }
}
@media screen and (max-width: 480px) {
  .solutionBlock .wrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
  .solutionBlock .wrap .ttlBox .title {
    margin-bottom: 1rem;
  }
  .solutionBlock .wrap .ttlBox h2 span {
    display: inline-block;
  }
  .solutionBlock .wrap .itemBox a {
    display: flex;
    gap: 2rem;
  }
  .solutionBlock .wrap .itemBox figure {
    aspect-ratio: 1;
    flex: 0 0 13rem;
  }
  .solutionBlock .wrap .itemBox dl {
    margin: 0;
  }
  .solutionBlock .wrap .itemBox dl dt {
    font-size: 1.1em;
  }
  .solutionBlock .wrap .itemBox:nth-of-type(5) dl dt br {
    display: none;
  }
  .solutionBlock .wrap .itemBox dl dd {
    font-size: .9em;
  }
}