/* CSS Document */
*, *::before, *::after {
  box-sizing: border-box;
}

/*---------------
ttl
---------------*/
.innr .ttl {
  padding: clamp(90px, 8.59375vw, 165px) 0;
  text-align: center;
  background-color: #F0F0F0;
}

.innr .ttl h1 {
  font-size: clamp(23px, 1.3020833333vw, 25px);
  font-weight: bold;
  position: relative;
}

.innr .ttl h1::after {
  position: absolute;
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  top: clamp(40px, 2.6041666667vw, 50px);
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, #211949 0%, #211949 50%, #E83A21 50%, #E83A21 100%);
}

/*---------------
.pp-content
---------------*/
.innr .pp-content {
  padding: clamp(40px, 3.125vw, 60px) 0 clamp(70px, 5.2083333333vw, 100px);
  max-width: clamp(550px, 57.2916666667vw, 1100px);
  width: 100%;
  margin: 0 auto;
  display: grid;
  gap: clamp(30px, 2.8645833333vw, 55px);
}

.innr .pp-content h2 {
  font-size: clamp(21px, 1.1458333333vw, 22px);
  padding-bottom: 1em;
}

.innr .pp-content p {
  font-size: clamp(16px, 0.9375vw, 18px);
}

.innr .pp-content li:not(:last-child) {
  border-bottom: 1px #000 solid;
  padding-bottom: clamp(30px, 2.8645833333vw, 55px);
}

@media screen and (max-width: 767px) {
  /*---------------
  .ttl
  ---------------*/
  .innr .ttl {
    padding: clamp(90px, 23.3333333333vw, 175px) 0;
  }
  .innr .ttl h1 {
    font-size: clamp(30px, 5.3333333333vw, 40px);
  }
  .innr .ttl h1::after {
    width: 120px;
    height: 2px;
    top: clamp(60px, 10.6666666667vw, 80px);
  }
  /*---------------
  .pp-content
  ---------------*/
  .innr .pp-content {
    padding: clamp(40px, 8vw, 60px) 0;
    max-width: 100%;
    width: 100%;
    gap: clamp(30px, 7.3333333333vw, 55px);
  }
  .innr .pp-content li {
    padding: 0 clamp(15px, 3.3333333333vw, 25px);
  }
  .innr .pp-content h2 {
    font-size: clamp(25px, 5.3333333333vw, 40px);
    padding-bottom: 1em;
  }
  .innr .pp-content p {
    font-size: clamp(20px, 4vw, 30px);
  }
}/*# sourceMappingURL=style.css.map */