/*-----------
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
------------*/
.main section [class$="-ttl"] {
  font-size: 16px;
  line-height: 1.875;
  padding: 90px 0 0;
  font-family: var(--gothic);
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .main section [class$="-ttl"] {
    font-size: clamp(10.24px, 3.2vw, 24px);
    line-height: 1.5;
    padding: 30px 0 0;
    text-align: initial;
    max-width: var(--content-sp-width);
    margin: 0 auto;
  }
}

.summarylist {
  padding-top: 60px;
}

.summarylist li:nth-child(n+2) {
  padding-top: 78px;
}

.summarylist li:nth-child(even) {
  background-color: #f2f2f2;
}

.summarylist .flex {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 78px;
}

.summarylist-img {
  width: 29.33333%;
}

.summarylist-text {
  width: 64.88889%;
}

.summarylist h3 {
  font-family: var(--mincyo);
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 6px;
  border-bottom: 1px solid #000;
}

.summarylist p {
  margin-top: 10px;
  line-height: 1.384;
}

.summary-text {
  text-align: center;
  padding-bottom: 200px;
  max-width: var(--content-max-width);
  margin: 100px auto 0;
}

@media screen and (max-width: 767px) {
  .summarylist {
    padding-top: 30px;
  }
  .summarylist li:nth-child(n+2) {
    padding-top: 30px;
  }
  .summarylist .flex {
    max-width: var(--content-sp-width);
    padding: 0 15px 30px;
  }
  .summarylist-img {
    width: 30.39773%;
  }
  .summarylist-text {
    width: 66.05114%;
  }
  .summarylist h3 {
    font-size: clamp(11.09333px, 3.46667vw, 26px);
    padding-bottom: 4px;
  }
  .summarylist p {
    margin-top: 6px;
  }
  .summary-text {
    max-width: var(--content-sp-width);
    margin-top: 0;
  }
}
/*# sourceMappingURL=style.css.map */