:root {
  --pink: #DD217C;
  --light-pink: #FBE5E7;
  --mid-pink: #D67C99;
}

img {
  height: auto;
}

li {
  line-height: 160%;
  font-size: .9rem;
}

@media only screen and (min-width: 580px) {
  li {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 580px) {
  .inner {
    width: 92%;
    max-width: 1024px;
    margin: 0 auto;
  }
}

.lightPinkBack {
  background: var(--light-pink);
}

.text {
  text-align: left;
}

.text>*:not(:first-child) {
  margin-top: 1rem;
}

.text-pink {
  color: var(--pink);
}

.media-list li {
  text-align: left;
  margin-bottom: .5rem;
}

@media (min-width: 768px) {
  .media-list {
    column-count: 2;
    gap: 2.5rem;
  }
}

@media (max-width: 579px) {
  .button-c>*:not(:first-child) {
    margin-top: 1rem;
  }
}

@media (min-width: 580px) {
  .button-c {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
  }
}

@media (max-width: 767px) {
  .sp-off {
    display: none;
  }
}

@media (min-width: 768px) {
  .pc-off {
    display: none;
  }
}

.col1-list {
  text-align: left;
}

.col1-list li:not(:first-child) {
  margin-top: .5rem;
}

@media only screen and (min-width: 1024px) {
  .mainnav ul.topList {
    gap: .5rem;
  }
}