.p-pros {
  padding-bottom: 15rem;
}

@media only screen and (min-width: 769px) {
  .p-pros {
    padding-bottom: 22rem;
  }
}

.p-pros-img {
  padding-top: 5rem;
  padding-bottom: 2.5rem;
}

@media only screen and (min-width: 769px) {
  .p-pros-img {
    padding-top: 6.8rem;
    padding-bottom: 5rem;
  }
}

.p-pros-img__inner {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 2rem;
  overflow: scroll;
  overflow-y: hidden;
}

@media only screen and (min-width: 769px) {
  .p-pros-img__inner {
    border-radius: 1rem;
    padding: 5rem;
    overflow: hidden;
  }
}

.p-pros-img__img {
  min-width: 50rem;
}

@media only screen and (min-width: 769px) {
  .p-pros-img__img {
    min-width: unset;
  }
}

.p-pros-outline {
  padding-top: 3rem;
}

@media only screen and (min-width: 769px) {
  .p-pros-outline {
    padding-top: 5rem;
  }
}

.p-pros-outline__ttl {
  padding-top: 3rem;
}

@media only screen and (min-width: 769px) {
  .p-pros-outline__ttl {
    padding-top: 6rem;
  }
}

@media only screen and (min-width: 769px) {
  .p-pros-outline__contents {
    padding-top: 7.5rem;
  }
}

.p-pros-outline__txt {
  font-size: 1.4rem;
  line-height: 3rem;
  margin-bottom: 5rem;
}

@media only screen and (min-width: 769px) {
  .p-pros-outline__txt {
    font-size: 1.6rem;
    margin-bottom: 6.7rem;
  }
}

.p-pros-outline__box + .p-pros-outline__box {
  margin-top: 6rem;
}

@media only screen and (min-width: 769px) {
  .p-pros-outline__box + .p-pros-outline__box {
    margin-top: 10rem;
  }
}

.pros-icon.icon-internal {
  background: url(../img/prospective/icon-arrow.svg) #fff no-repeat center / 50%;
}

.pros-icon.icon-external {
  background: url(../img/prospective/icon-link.svg) #fff no-repeat center / 50%;
}

.pros-icon.icon-pdf {
  background: url(../img/prospective/icon-pdf.svg) #fff no-repeat center / 50%;
}