.p-outline .p-outline-main {
  padding-bottom: 60px;
  padding-top: 35px;
  background-color: #F6F7F8;
}
@media screen and (min-width: 768px) {
  .p-outline .p-outline-main {
    padding-bottom: 7.8125vw;
    padding-top: 5.2734375vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-outline .p-outline-main {
    padding-bottom: 80px;
    padding-top: 54px;
  }
}

.p-outline .p-outline-main.p-outline-main--white {
  background-color: #fff;
}


.p-outline .p-outline-main--white .p-outline__item {
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
}
.p-outline .p-outline-text {
  color: #24272A;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-outline .p-outline-text {
    margin-top: 0;
  }
}
.p-outline .p-outline-text .p-outline-text--top {
  margin-top: 0.8rem;
}
.p-outline .p-outline-title {
  color: #24272A;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  transition: opacity 0.3s;
}

.p-outline__btn {
  margin-top: 35px;
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-outline__info {
    display: flex;
    align-items: center;
    width: 12.5rem;
  }
}

.p-outline__item {
  overflow: hidden;
  padding: 1.875rem 0;
  border-top: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
  margin: 0 0 -1px;
  gap: 1rem;
  flex-direction: column;
  align-items: start;
}
@media screen and (min-width: 768px) {
  .p-outline__item {
    display: flex;
    flex-direction: row;
  }
}

.p-outline__list {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .p-outline__list {
    margin-top: 6.73828125vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-outline__list {
    margin-top: 69px;
  }
}