/*-----------
sub-ttl
------------*/
.sub-ttl {
  background: url("../img/pc-hero.jpg") no-repeat center/cover;
}

@media screen and (max-width: 767px) {
  .sub-ttl {
    background: url("../img/sp-hero.jpg") no-repeat center/cover;
  }
}

/*-----------
summary
------------*/
.summary {
  padding-bottom: 188px;
}

.summary dt {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 0.02em;
}

.summary dd {
  padding: 20px 0 60px;
}

.main section [class$="-ttl"] {
  padding: 90px 0 110px;
  font-size: 33px;
  line-height: 1.07895;
  letter-spacing: 0.02em;
}

.main section [class$="-inn"] {
  max-width: 1020px;
}

@media screen and (max-width: 767px) {
  .main section [class$="-inn"] {
    max-width: var(--content-sp-width);
  }
  .summary {
    padding-bottom: 0;
  }
  .summary dl {
    padding: 0 18px;
    font-size: clamp(12.8px, 4vw, 30px);
  }
  .summary dt {
    font-size: clamp(12.8px, 4vw, 30px);
  }
  .summary dd {
    padding: 12px 0 45px;
    line-height: 1.66667;
  }
  .main section [class$="-ttl"] {
    padding: 45px 0;
    font-size: clamp(12.8px, 4vw, 30px);
    line-height: 1.36667;
  }
  .main [class$="-text"] {
    font-size: clamp(12.8px, 4vw, 30px);
  }
}
/*# sourceMappingURL=style.css.map */